/*  

Theme Name: joocbox

Theme URI: http://###/

Description: Theme coded by Clive (clivepal@gmail.com)

Version: 1.0

Author: Gnet

*/



html { padding: 0; margin: 0; height: 100%; background: #A0A192 url(images/htmlBkg.gif) repeat top center;}



body { font-family: tahoma; font-size: 13px; padding: 0px; margin: 0px; color:#000; background: url(images/Body_bg.gif) no-repeat top center;}



	#flashcontent {

		width:100%;

		height:100%;

	}





a:link { text-decoration: none; border: 0px; }

a:active { text-decoration: underline; border: 0px;}

a:visited { text-decoration: none; border: 0px;}

a:hover	{ text-decoration: underline; border: 0px;} 

a:focus { outline: none;}



img { padding: 0px; margin: 0px; border: none; text-align: center;}

hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }



form { padding: 0px; margin: 0px;}

input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}



.Page { width: 998px; margin: 0 auto; background: url(images/PageBg.png) repeat-y top left; padding: 0 18px; }

/**/ * html .Header { height: 51px;} /* */ 

.Header { min-height: 51px; width:998px; margin: 0 auto}



.Header .Logo { padding: 0px 0 0 17px; width: 300px; color: #ffffff; font-size: 10px; float: left;}

.Header .Logo a { color:#ffffff; text-decoration: none; }

.Header .Logo a:visited { color:#ffffff; text-decoration: none; }

.Header .Logo a:hover { color:#ffffff; text-decoration: none; }

.Header .TopAds { width: 400px; height: 20px; margin:15px auto; color: #fff; float: left;}

.Rss {	float: right; padding-top:10px;}



.Menu { padding: 0px; height: 34px; font-size: 14px; background:url(images/MenuBg.gif) no-repeat top left;}

.Menu em { display: none}

.Menu ul { list-style: none; margin: 0px; padding: 4px 0px 0px 0px;}

.Menu ul li { margin: 0px; padding: 6px 3px; display: block; float: left;}

.Menu ul li a { color:#ffffff; padding: 6px 15px 6px 15px;}

.Menu ul li a:hover { color:#ffffff; text-decoration: none; background: url(images/MenuHover.gif) no-repeat bottom center; padding: 6px 15px 9px 15px;}

.Menu ul li.current_page_item a { color:#ffffff; text-decoration: none; background:url(images/MenuHover.gif) no-repeat bottom center; padding: 6px 15px 10px 15px;}

.Menu ul li ul { display: none;}



.H2 { background: url(images/H2Bg.png) repeat-y top right; height: 60px; padding: 10px 10px; text-align: left;}



.LC { width: 133px; background: url(images/LCBg.png) repeat-y top left; }

.LC h2 { margin: 0; padding: 0; background: url(images/sponsors.gif) no-repeat top left; height: 33px; text-indent: -999em;}



.CON { padding: 0px; margin: 0; overflow: hidden;}



.SC { width: 694px; background: #ffffff url(images/ScBg.gif) repeat-x top left; padding: 10px 0px 16px 0px;}

.SC h2 { font-weight: normal; margin: 0 15px; padding: 2px 10px 5px 10px; color: #000000;}

.SC ul { list-style: none; margin: 0; padding: 10px; font-size: 16px;}

.SC ul li { padding: 2px 5px}

.SC ul a { text-decoration: underline; color: #000000;}

.SC ul a:hover { text-decoration: none;}

.pagetitle { font-size: 26px; font-weight: normal; padding-bottom: 5px; padding-top: 0px; margin-left: 5px; color:#ffffff;}



.Post {
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

.Post a { color: #0600F7;}

.Post a:hover { color: #0A6CE6;}

.author a{
	background-color:#990033;
	color:#ffffff;
	font-size:13px;
	padding:4px;
	padding-left:6px;
	padding-right:6px;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}
.author a:hover{
	background-color:#222222;
	color:#ffffff;
}
.author {
	display:block;
	margin-bottom:5px;
	margin-top:2px;


}
.PostHead { font-size: 13px; color: #747474; }

.PostHead h1 { font-size: 26px; line-height: 26px; font-weight: normal; padding: 0px 0px 5px 0px; margin: 0px; color:#000000;}

.PostHead h1 a { color: #000000; text-decoration: none;}

.PostHead h1 a:visited { color: #000000; text-decoration: none;}

.PostHead h1 a:hover { color:#000000; text-decoration: underline;}



.PostContent { padding: 0px 0px 0px 0px; line-height: 1.4em ;}

.PostContent p { line-height: 1.4em;}

.PostContent p strong {}

.PostContent img {}

.PostContent ol { padding: 10px 0px 10px 35px; margin: 0px; background: url(images/ol_bg.gif) no-repeat top left; }

.PostContent ol li { padding: 2px 0px 2px 0px; line-height: 15px; color:#63565f; }

.PostContent ul { padding: 10px; margin: 0px; background: url(images/ol_bg.gif) no-repeat top left;  }

.PostContent ul li { padding: 2px 0px 2px 20px; list-style-type: none; background: url(images/ConLi.gif) no-repeat left center; line-height: 15px; color:#000000; }

.PostContent blockquote { padding: 5px 0px; margin: 0px; color:#2F2F2F; font-style: italic; border-top: dashed 1px #cc99cc; border-bottom: dashed 1px #cc99cc; }

.PostContent blockquote p { font-size: 11px; padding: 3px 0px; margin: 3px 0px; line-height: 15px; color:#2F2F2F; }

.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#993366; }

.PostAds { float:right; padding-left: 10px; margin-top: 15px;}



.Meta { background: #E0F4FE; height: 22px; line-height: 22px; padding: 0px 5px; color: #000000; border-top: #F9FDFF; border-bottom: #F9FDFF;}

.Meta a { color: #034178;}

.Category { float: left;}

.PostCom { padding: 0; float:right;}

.PostCom a { color: #000000;}

.PostCom span { color: #034178;}



.Comments { margin: 20px 0px 0px 0px; color: #000000;}

#Comments h3 { font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#999; border-bottom: dashed 1px #999;}





.List h3 { font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#999; letter-spacing: -1px; border-bottom: dashed 1px #999;}

.List ol { padding: 0px; margin: 0px;}

.List li { position: relative;  padding: 25px 5px 10px 5px; margin: 0px 0px 10px 0px; list-style-type: none;}

.List .ComListLi { }

/**/ * html .List .ComListLiTop { left: -5px;} /**/ 

.List .ComListLiTop { position: absolute; height: 23px; width: 455px; left: 0px; top: 0px; padding: 5px 0px 0px 0px;}



/**/ * html .List .ListNr { right: 25px;} /**/ 

.List .ListNr { color:#E7FFAD; position: absolute; top: 5px; font-size: 28px; line-height: 28px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; right: 25px; }



/**/ * html .List .ListGrav { left: 10px;} /* */ 

.List .ListGrav { position: absolute; top: 35px; left: 15px;}

.List .ListGrav img { border: solid 1px #fff;}



.List big { margin: 0px; padding: 2px 0px 2px 5px; font-size: 14px; line-height: 14px; letter-spacing: -1px; font-weight: bold; display: block; font-family: 'Arial';}

.List small { padding: 2px 0px 2px 5px; margin: 0px; font-size: 11px; color: #000000; }

.List small a { text-decoration: none; color: #000000;}

.List small a:visited { text-decoration: none; color:#000000}



.List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; display: block;}

.List .ListContent blockquote { padding: 0px 15px; margin: 0px; color:#cc6600; font-family: 'Georgia'; font-style: italic; border-top: dashed 1px #cc6600; border-bottom: dashed 1px #cc6600; }

.List .ListContent blockquote p { font-size: 12px; padding: 5px 0px; margin: 5px 0px; line-height: 16px; color:#cc6600; }

.List .ListContent ul { padding: 0px; margin: 0px; }

.List .ListContent ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; }





.Comments .Form { padding: 10px 15px 15px 15px; position: relative;}

/**/ *html .Comments .FormTop  { left: 15px;} /**/ 

.Comments .FormTop { position: absolute; top: 0px; left: 0px; width: 504px; height: 7px;}

.Comments .Form form {margin: 0px; padding: 0px;}

.Comments .Form a { text-decoration: underline;}

.Comments .Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#330000; }

.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}

.Comments .Form p small { font-size: 13px; display: block; padding: 5px 0px;}

.Comments .Form .TextField { background: #fff; border: solid 1px #C9C9C9; padding: 6px; font-size: 12px; display: block;}

.Comments .Form .TextArea { background: #fff; border: solid 1px #C9C9C9; padding: 6px; font-size: 12px;}



.Comments .Form input.SubmitComment { width: 204px; height: 26px; margin-top: 8px;}

.Comments .Form input.SubmitComment:hover { margin-top: 8px;}

.Comments .Form input.SubmitCommentIE { width: 204px; height: 26px; margin-top: 10px; margin-top: 8px;}




.SR { width: 168px; padding: 0px 0px 16px 0px; margin: 0; background: #2D2D2D url(images/SrBg.gif) repeat-y top left; color: #fff;}

.SR h2 { font: 15px tahoma; color:#ffffff; height: 33px; line-height: 33px; padding: 0px 0px 0px 20px; margin: 0px; background: url(images/SideH2.gif) no-repeat center left; }

.SR h3 { font: 13px tahoma; color:#ffffff; padding: 5px 0px 5px 20px; margin: 0px; background: url(images/SideH3.gif) no-repeat center left;}

.SR img { margin:0; padding:0;}

.SR ul { margin: 0px; padding: 4px 0 4px 4px; font-size: 11px;}

.SR li, li.list-cat { margin: 0px; padding: 0px 0 0 5px; list-style-type: none;}

.SR li a, .SR li a:visited { color:#E0FFC4; padding: 2px 0px 2px 10px; display: block; width: 153px;}

.SR li a:hover { color:#E0FFC4; background: #000000; text-decoration: none;}



.SRAds { margin: 30px 0 0 5px; width: 160px; height: 600px; background: #fff;}



.Footer {
	color:#fff;
	height: 60px;
	background: #000000 url(images/FooterBg.gif) repeat-x top left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;

	padding-top: 25px;
	padding-right: 16px;
	padding-bottom: 10px;

}

.Footer .nav { float: right; padding:10px; font: 21px tahoma;}

.Footer .nav a { padding: 0 10px;}

.Footer .nav .archive { color: #BECE7F;}

.Footer .nav .advertise { color: #CE7B40;}

.Footer .nav .contact { color: #CE4075;}

.Footer p {
	color:#fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.Footer a:link, .Footer a:visited { color:#ffffff; text-decoration: none;}

.Footer a:hover { color:#fff; text-decoration: underline;}

.clearer { clear: both }

.more { text-align: right;}

a.more-link { color: #000000; background: #E7FFAD; padding: 3px; font-size: 12px;}

#sexycomments ol {
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
}
#sexycomments ol li {
	background: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 0.9em;
	list-style:none;
	margin:0 0 3px 0;
	position:relative;
}
#sexycomments ol li.odd {background: #f4f4f4;}
#sexycomments ol li.author{
	background: #eee;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
#sexycomments ol li.author .bio{background:#ddd;}
#sexycomments ol li a.avatar img{
	border: 3px double #ccc;
	float:left;
	margin: 0 3px 3px 0;
}
#sexycomments ol li blockquote{
	border-top:5px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 3px;
	margin: 3px 6px;
}	
#sexycomments ol .bio{background:#e8e8e8;overflow:auto;width:150px;}
#sexycomments ol .comment{padding-right:2em;position:relative;}
#sexycomments ol .comment-count{
	color: #ccc;
	font-size: 1.8em;
	font-style: italic;
	position:absolute;
	right: 5px;
	top: 5px;
}
#sexycomments ol li .message{color:#aaa;font-size: 0.9em;font-style:italic;}	
#sexycomments ol td{padding:3px;}
#sexycomments .commentmetadata {
	color:#333;
	font-size:0.8em;
	font-family: Times New Roman, Georgia, Serif;
	margin:0;
	padding-bottom:5px;
}
#sexycomments .sexycomments-footer{
	<?php
		if( $sexycomments_hide_credits )
			echo 'display:none;';
	?>
	color:#ccc;
	font-size:0.6em;
	text-align:center;
}