/*
** 2eros
** © Copyright Creatiq 2009 http://www.creatiq.com
** 2009/08/18
*/
html { height: 100%; padding-bottom: 1px; font-size: 100%; background: #121212;}
body { width: 960px; margin: 0 auto; padding: 0; background: #fff; color: #000; font: .75em/1.5 "Arial", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p { padding-bottom: 1em; }
ul, ol { padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2.25em; }
h4 { font-size: 1.1667em; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { text-decoration: none; outline: none; cursor: pointer; }
a:hover { text-decoration: underline; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }
button { overflow: visible; border: none; background: none; }

/*
 * some globally used classes
 */
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

/*
** blog
*/
body.blog { padding: 20px 0 0; background: #0b0b0b; color: #717171; }
.blog a { color: #fffdff; }
.blog h1.logo { float: left; margin-bottom: 35px; padding: 0 30px 0 20px; border-right: 1px solid #2f2f2f; }
.blog h1.logo a { display: block; overflow: hidden; width: 174px; height: 74px; background: transparent url("/Images/jayhoe/blog-logo.png") no-repeat 0 0; text-indent: -99em; }
.blog h2 { float: left; margin-bottom: 35px; padding-left: 30px; color: #fff; font-weight: normal; line-height: 74px; }
.blog h3 { color: #fff; }
.blog h4 { padding-left: 15px; color: #fff; text-transform: uppercase; }

.blog .left { clear: left; width: 199px; padding-left: 10px; }
.blog h4.menu { border-top: 4px solid #2d2929; background-color: #161616; line-height: 45px; }
.blog ul.menu { margin-bottom: 20px; padding-bottom: 35px; background: #161616 url("/Images/jayhoe/blog-menu.png") no-repeat 0 100%; }
.blog .menu li a { display: block; padding-left: 30px; border-top: 1px solid #262626; background: #161616 url("/Images/jayhoe/blog-menu-marker.png") no-repeat 18px 11px; color: #a1a0a1; line-height: 28px; font-size: 0.9167em; }
.blog .menu li a:hover { background: #161616 url("/Images/jayhoe/blog-menu.png") no-repeat -200px 0; color: #fff; text-decoration: none; }

.blog .middle { float: left; width: 500px; padding-left: 11px; }
.blog .middle h3 { clear: left; padding-top: 25px; border-top: 4px solid #dae12a; font-weight: normal; line-height: 1.2em; }
.blog .middle h3.second { border-color: #bd136d; }
.blog .middle h3.third { border-color: #f47b05; }
.blog .middle p.header { padding-bottom: 15px; font-size: 0.8333em; text-transform: uppercase; }
.blog .middle p.header a { color: #21b0e4; }
.blog .middle p.icons { float: left; margin-bottom: 25px; padding: 0 10px 0; background: #000000; font-size: 0.8333em; line-height: 25px; word-spacing: 5px; }
.blog .middle a.comments { display: inline-block; background: transparent url("/Images/jayhoe/blog-icons.png") no-repeat 0 8px; word-spacing: normal; }
.blog .middle p.icons a.comments { padding-left: 15px; color: #21b0e4; }


.blog .right { width: 200px; padding-right: 10px; }
.blog .right h4 { margin-top: 15px; border-top: 4px solid #2d2929; color: #dae12a; line-height: 40px; }

/* @group New Blog Menu */
div#cat_481379_divs{ padding: 10px 10px 0; border-top: 4px solid #2d2929; font-size: 0.9167em; }

div#cat_485666_divs { padding: 0px 10px 0; font-size: 0.9167em; }


td.blog-menu-item{ padding-left: 3px; border-bottom: 1px solid #242424; line-height: 25px; text-transform: uppercase; color: #fff;}

td#last.blog-menu-item { border-bottom: none; }

td.blog-menu-item a { display: block; }

td.blog-menu-item-hover { color: #21b0e4; text-decoration: none; 
padding-left: 3px; border-bottom: 1px solid #242424; line-height: 25px; text-transform: uppercase; }

td#last.blog-menu-item-hover { border-bottom: none; }

/* @end */

/* @group Newsletter Subscription */

div.newsletter-form h3,
div.newsletter-form {
	background: none;
	border: none;
}

input#CLFullName.cat_textbox_small,
input#CLEmailAddress.cat_textbox_small {
width: 150px;
color: #666;
}

input#CLFullName.cat_textbox_small,
input#CLEmailAddress.cat_textbox_small{ 
padding: 4px 5px 4px 10px; width: 126px; border: none; background: #fff url("/Images/jayhoe/ipt-text.png") no-repeat 0 0; color: #555; font-size: 0.9167em; }

/* @end */




.blog .right ul.posts { padding: 0 10px 0 15px; font-size: 0.9167em; }
.blog .right .posts li { padding-left: 3px; border-top: 1px solid #242424; line-height: 20px; }
.blog .right .posts li a { display: block; padding-left: 10px; background: transparent url("/Images/jayhoe/blog-menu-marker.png") no-repeat 0 50%; color: #a1a0a1; }
.blog .right .posts li a span { color: #fff; }
.blog .right .posts li a:hover { color: #fff; text-decoration: none; }

.blog .right #twitter_update_list li {
line-height: 20px;	
}

.blog .left form.search h4 { color: #fff; }
.blog .left .search p { position: relative; padding-left: 15px; }
.blog .left .search input { padding: 4px 5px 4px 10px; width: 126px; border: none; background: #fff url("/Images/jayhoe/ipt-text.png") no-repeat 0 0; color: #555; font-size: 0.9167em; }
.blog .left .search button input { display: inline-block; padding-left: 5px; background: transparent url("/Images/jayhoe/btn-go.png") no-repeat 0px 50px; color: #fff; font-size: 0.8333em; font-weight: bold; text-transform: uppercase; width: 25px; }
.blog .left .search button span { display: inline-block; padding-right: 5px; background: transparent url("/Images/jayhoe/btn-go.png") no-repeat 100% 0; line-height: 22px; }

.blog .right .tags a { color: #a1a0a1; line-height: 1.2em; }
.blog .right .tags a:hover { color: #fff; text-decoration: none; }
.blog .right .tags a.tag-1 { font-size: 0.9167em; }
.blog .right .tags a.tag-2 { font-size: 1.1667em; }
.blog .right .tags a.tag-3 { font-size: 1.25em; }
.blog .right .tags a.tag-4 { font-size: 1.5em; }
.blog .right .tags a.tag-5 { font-size: 1.75em; }
.blog .right .tags a.tag-6 { font-size: 1.8333em; }

.blog p.footer { clear: both; overflow: hidden; padding: 0 20px; background: #000; line-height: 50px; font-size: 0.9167em; word-spacing: 5px; }
.blog p.footer strong, .blog p.footer a { font-weight: normal; word-spacing: normal; }
.blog p.footer span { float: right; }
.blog p.footer a.twitter { display: inline-block; padding-right: 20px; background: transparent url("/Images/jayhoe/blog-icons.png") no-repeat 100% -64px; color: #666; }
.blog p.footer a.logo { display: inline-block; width: 74px; background: transparent url("/Images/jayhoe/blog-footer.png") no-repeat 0 8px; padding-bottom: 20px;}
.blog p.footer a.logo:hover { text-decoration: none; }

a.haiku {
color: #81bc1f;	
}

div.comment-list div.blog-comment-container div.comment-details strong a {
color: #21B0E4;	
}

/* @group Tweets */

ul#twitter_update_list{ padding: 0 10px 0 15px; font-size: 0.9167em;}
ul#twitter_update_list li { padding-left: 3px; border-top: 1px solid #242424; line-height: 25px;
	overflow: hidden;
}
ul#twitter_update_list li a { display: block; padding-left: 10px; background: transparent url("/Images/jayhoe/blog-menu-marker.png") no-repeat 0 50%; color: #a1a0a1; }
ul#twitter_update_list li a span { color: #fff; }
ul#twitter_update_list li a:hover { color: #fff; text-decoration: none; }
/* @end */

/* @group Forum */

h2 {

}

.forum-posts-container td {
padding-top: 5px;
padding-bottom: 5px;
}

#catforumoutput div.post table.container tbody tr.content td.post {
background-color: #ccc;	
}

#catforumoutput div.post h2 {
	float: none;
	margin: 0;
	padding: 0;
	line-height: 0;
	}
	
div.forum-registration h2{
	float: right;
}	
	

/* @end */

.blog h2 { float: left; margin-bottom: 35px; padding-left: 30px; color: #fff; font-weight: normal; line-height: 74px; }

div#content {
float: left; width: 940px; padding-left: 11px;  min-height:500px;
  height:auto !important;
  height:500px;}





/* @group Blog Comments */
div.comment-list {
width: 479px;
background-color: #ccc;
border: 3px solid #fff;
}


/* @end */



/*
** the end
*/