/*  
Theme Name: HIBOOBS2
Description: hiboobs customized
Author: hiboobs guy
Author URI: http://hiboobs.com
Version: 2.1.1

built from the ground up

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

/*html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}*/

* {margin:0;padding:0;}

html {
}

body {
/*background: #666 url('images/bgbody.jpg') top center no-repeat;*/
background: url('images/bgbody.png') top center repeat-y;
background-attachment:fixed;
font: normal 11px 'Trebuchet MS', Helvetica, sans-serif;
color:#000;
}

li {
list-style:none;
}

img {
border:none;
}

blockquote {
margin-left:20px;
padding-left:10px;
border-left:2px dotted #FFCC00;
}

#navbar {
height:30px;
width:100%;
background:#333;
}

#navcontainer {
margin:0 auto;
width:950px;
height:30px;
}

#navbox {
width:600px;
height:30px;
float:left;
}

.webmasters {
float:right;
color:#FFF;
padding:4px 10px;
margin-top:4px;
}

.webmasters a {
color:#FFF;
text-decoration:none;
}

.webmasters a:hover {
color:#0099CC;
}

#navbox2 {
width:150px;
height:30px;
float:right;
}

#navboxsearch {
width:230px;
height:30px;
float:right;
}

/* NAV MENU */

#menu {
/*background:#333;*/
font-family: verdana, arial, times, serif;
font-size: 8pt;
width:100%;
height:30px;
overflow:hidden;
}

#menu ul {
margin:0;
padding:0;
}

#menu ul li {
list-style-type:none;
float:left; /* IMPORTANT */
margin:0;
padding:0;
}

#menu ul li a {
padding:4px 10px;
margin:0;
color:#FFF;
display:block;
margin-top:4px;
text-decoration:none;
}

#menu ul li a:hover {
background:#F3F3F3;
color:#0099CC;
}


/* WRAPPER */

#wrapper { 
margin: 0 auto;
width: 950px;
overflow:hidden;
}

/* HEADER */

#headerbox {
width:950px;
height:90px;
background:#000;
}

#headerbox .logo {
padding-left:50px;
padding-top:15px;
}

#headerleft {
width:390px;
height:90px;
float:left;
}

#headerright {
width:540px;
height:80px;
/*background:#FFCC00;*/
float:left;
padding: 5px 10px 5px 10px;
text-align:center;
font: normal Verdana, Geneva, sans-serif;
font-size:x-small;
color:#666;
}

/* CONTAINER */

#container {
width:520px;
background:#333; /* this is a HACK for FIREFOX believe it or not! */
float:left;
}

#container h2 {
}

#spacer {
margin-top:20px;
}

/* POST */

#post {
color:#FFF;
font: normal 14px 'Trebuchet MS', Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
}

#post a {
color:#00CCFF;
text-decoration:none;
}

#post a:hover {
background:#333;
color:#FFF;
}

#post h2 {
text-align:none;
font: bold italic 26px Georgia, serif;
padding-bottom:5px;
}

#post h2 a {
color:#EEE;
}

#post h2 a:hover {
color:#00CCFF;
}

#post p {
line-height:1.5em;
margin-bottom:15px;
}

#post ul li {
padding-left:10px;
list-style:none;
margin-bottom:8px;
}

#post ul li:before {
content: "\00BB \0020";
}

/* POST CLASS - different from ID to give single posts different aesthetic feel if desired, i.e. placement of h2, a:hovers, etc. */

.post {
color:#FFF;
font: normal 14px 'Trebuchet MS', Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
}

.post a {
color:#00CCFF;
text-decoration:none;
}

.post a:hover {
background:#333;
color:#FFF;
}

.post h2 {
text-align:none;
font: bold italic 26px Georgia, serif;
padding-bottom:5px;
}

.post h2 a {
color:#EEE;
}

.post h2 a:hover {
color:#EEE;
}

.post p {
line-height:1.5em;
margin-bottom:15px;
}

.post ul li {
padding-left:10px;
list-style:none;
margin-bottom:8px;
}

.post ul li:before {
content: "\00BB \0020";
}

.postdate {
text-align:center;
color:#666;
font-style:italic;
}

.archiveopts {
text-align:center;
color:#F7F7F7;
}

.archiveopts h2 {
font: normal 16px "Trebuchet MS";
margin-bottom:15px;
}

/* POSTMETA */

#postmetabox {
width:490px;
background:#000;
border-top:2px dotted #666;
margin-bottom:110px;
margin-top:2px;
padding:5px;
min-height:28px;
}

#postmeta {
font: normal 9px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
line-height:1.5em;
}

#postmeta p {
margin:0;
}

/* ADDTHIS */

#addthisbox {
/* styles not in box, in script code in PHP itself */
}

.addthis_button {
}

/* PAGE STYLING */

.page {
color:#FFF;
padding-left:10px;
padding-right:10px;
}

.page a {
color:#00CCFF;
text-decoration:none;
}

.page a:hover {
background:#333;
color:#FFF;
}

.page h2 {
}

.page p {
line-height:1.5em;
margin-bottom:15px;
}

/* FORMS CRAP */

#commentsform {
}

/* ONLY A TEST POST CLASS */

.post-33 {
color:#FF0000;
}

/* SIDEBAR */

/*sequence MUST be width, background, float, margin, padding else properties inherited and are askew*/

#sidebars {
width:430px;
/*background:#C3FF88;*/
float:right;
margin:0;
padding:0;
}

#sideleft {
width:290px;
clear:both;
background:#F3F3F3;
float:left;
}

#sideleft IMG.side1 {
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom:10px;
}

#sideright {
width:140px;
background:#FFF;
float:right;
padding:0;
margin:0;
}

#sideright IMG.side2 {
display: block;
margin-left: auto;
margin-right: auto;
padding-top:2px;
padding-bottom:3px;
}

.s2 {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:1px;
margin-top:1px;
}

.listy ul {
margin-bottom:20px;
}

.listy ul h2 {
color:#434343;
margin-left:5px;
font: bold 15px "Trebuchet MS";
}

.listy ul li {
margin-left:4px;
}

.listy ul li h2 {
margin:0;
}

.listy ul li ul li {
margin:0;
}

.listy ul li a {
color:#000;
text-decoration:none;
padding: 0px 3px 0px 3px;
}

.listy ul li a:hover {
color:#FFF;
background:#333;
}

.rssbox {
width:100%;
height:40px;
background:#FFF;
}

.rssbox IMG.side1 {
display: block;
margin-left: auto;
margin-right: auto;
padding-top:3px;
}

#randombox {
background:#0099CC;
font: bold 15px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-variant:small-caps;
color:#333;
text-align: center;
}

#randombox IMG {
padding-top:3px;
padding-bottom:5px;
}

#blacklabeladbox {
padding:5px;
background:#F7F7F7;
border:1px solid #0099CC;
}

/*.listy ul li ul li {
margin-left:0px;
}*/

#rkbox {
text-align:center;
padding-bottom:5px;
}

#twitterbox_top {
background: url('images/twitterbox-top.png');
height:6px;
}

#twitterbox {
background: url('images/twitterbox-bg-290.png') top center repeat-y;
width:250px;
font: normal 10px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color:#333;
line-height:100%;
padding-left:20px;
padding-right:20px;
}

#twitterbox_bottom {
background: url('images/twitterbox-bottom.png');
height:11px;
margin-bottom:5px;
}

#twitterbox a {
color:#0099CC;
}

#twitterbox a:hover {
background:#CCC;
}

#twitterbox ul li {
padding-top:8px;
padding-bottom:3px;
}

#recentcommentsbox_top {
background: url('images/recentcomments-top.png') top center no-repeat;
height:20px;
}

#recentcommentsbox {
background: url('images/recentcomments-bg-290.png') top center repeat-y;
width:250px;
font: normal 10px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color:#333;
line-height:100%;
padding-left:20px;
padding-right:20px;
}

#recentcommentsbox_bottom {
background: url('images/recentcomments-bottom.png');
height:11px;
margin-bottom:5px;
}

#recentcommentsbox a {
color:#0099CC;
}

#recentcommentsbox a:hover {
background:#CCC;
}

#recentcommentsbox ul li {
padding-top:4px;
padding-bottom:7px;
}

#scoreadbox {
padding-left:3px;
margin-bottom:10px;
border:1px solid #EEE;
}

#scoregrid {
padding-left:35px;
}

#ozh_sidebar1 img {
display:block;
margin-left:auto;
margin-right:auto;
padding-bottom:8px;
}

#jbox {
padding-left:50px;
padding-bottom:5px;
}

#tlabox {
margin-left:55px;
padding-bottom:8px;
}

#beachbox {
margin-left:5px;
margin-bottom:10px;
}

#brabox {
width:270px;
margin-left:10px;
margin-bottom:10px;
text-align:center;
}

#brabox ul {
}

#brabox ul a {
text-decoration:none;
padding-left:2px;
padding-right:2px;
margin-left:2px;
margin-right:2px;
color:#0099CC;
}

#brabox ul a:hover {
background:#333;
color:#EEE;
}

/* FOOTER */

#footer {
width:100%;
background:#000;
text-align:center;
color:#666;
padding-bottom:50px;
clear:both;
}

#footer img {
/*padding-top:5px;*/
}

.hibanner {
padding-top:10px;
}

#footer a {
}

#footer a {
color:#999;
}

#footer a:hover {
color:#00CCFF;
}

/* SEARCHY */

#searchbox {
width:270px;
/*background:#CCC;*/
/*text-align:right;*/
/*padding:10px;*/
height:20px;
padding-top:5px;
}

.searchbg {
background:url('images/searchbox.png') no-repeat;
width:210px;
height:20px;
border:0;
float:left;
/*margin-left:33px;*/
text-align:right;
font: normal 12px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-variant: small-caps;
}

/* SIDEBLOG */

#sideblogtop {
width:290px;
height:61px;
background: url('images/sideblog_top.png') no-repeat top center;
}

#sideblogbox {
width:240px;
background: url('images/sideblog_bg.png') top center repeat-y;
padding-left:25px;
padding-right:25px;
}

.sideblog li {
font: normal 14px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color:#EEE;
font-variant:small-caps;
padding-top:10px;
}

.sideblog li p {
font: normal 11px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-variant:normal;
line-height:1em;
padding-top:3px;
padding-bottom:5px;
}

.sideblog a {
color:#F7F7F7;
}

.sideblog a:hover {
color:#EEE;
background:#333;
}

#sideblogbottom {
width:290px;
height:20px;
background: url('images/sideblog_bottom.png') no-repeat top center;
margin-bottom:10px;
}

/* PAGE TEMPLATE DIVS */

#tagscloudbox {
width:930px;
background:#0099CC;
color:#FFF;
padding:10px;
text-align:center;
}

#tagscloudbox h3 {
font: bold italic 16px Georgia, serif;
color:#333;
}

#tagscloudbox a {
color:#F3F3F3;
padding-left:3px;
padding-right:3px;
}

#tagscloudbox a:hover {
color:#333333;
background:#F3F3F3;
}

#tagstextbox {
background:#FFF;
color:#333;
padding:10px;
}

#tagstextbox p {
line-height:1.5em;
margin-bottom:15px;
}

#tagstextbox a {
color:#0099CC;
}

#tagstextbox a:hover {
background:#0099CC;
color:#F3F3F3;
}

/* WEBMASTER PAGE DIVS */

#webmasterbox {
width:930px;
background:#FFF;
padding:10px;
color:#333;
}

#webmasterbox p {
line-height:1.5em;
margin-bottom:15px;
}

#webmasterbox a {
color:#0099CC;
text-decoration:none;
}

/* ARCHIVES PAGE DIVS */

#archivesbox {
width:910px;
padding:20px;
background:#000;
color:#eee;
overflow:hidden;
}

#archivesbox a {
color:#0099FF;
font-weight:normal;
}

/* ADDITIONAL */

.alignleft {
float:left;
padding-right:5px;
}

.alignright {
float:right;
padding-left:5px;
}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.promotext {
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
color:#EEE;
}

.promotext a, .promotext a:hover {
color:#CCC;
}

.ribbon {
position: absolute;
top:0;
right:0;
}

/* SPONSORS */

.sponsor {
display:block;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
text-align:center;
font: normal 9px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.sponsor a, .sponsor a:hover, .sponsor a:visited,
#post .sponsor a, #post .sponsor a:hover, #post .sponsor a:visited {
color:#CCC;
}

table.sponsorstable {
margin-bottom:20px;
}

table.ccbilltable {
margin-bottom:20px;
}

table.sponsorstable td {
padding:10px;
}

td.datacelltwo {
background:#CCC;
}

#femwrapper {
text-align:center;
}

.s2text {
font: 10px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-align:center;
font-variant:small-caps;
color:#666;
}

.rssicon {
float:left;
padding-top:3px;
padding-right:8px;
}

.wordtube {
padding-bottom:12px;
}

.commentsnumber {
float:left;
width:32px;
height:32px;
display: inline;
margin: 0 10px 0 0;
text-align:center;
background: url(images/comment_rss_32.png) no-repeat;
}

.commentsnumber a, .commentsnumber a:hover {
color:#000 !important;
background:none !important;
font: bold 18px Georgia, serif;
}

.mctable {
display:block;
margin-left:auto;
margin-right:auto;
padding-top:3px;
}

.archivesstyle {
font-size:22px;
color:#444;
font-family:georgia, verdana;
font-style:italic;
}

.archivessub {
font-size:14px;
color:#666;
font-family:georgia, verdana;
font-style:normal;
}

.captionhead {
	border: 0px solid #ddd;
	font: normal 14px 'Trebuchet MS', Helvetica, sans-serif;
	text-align: center;
	background-color: #406480;
	/*background-color:#000;*/
	/*background-color:#7799BB;*/
	color: #CCC;
	margin-top:10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.captionhead a, .captionhead a:hover, .captionhead a:visited, .captionhead a:link {
	font: bold 14px 'Trebuchet MS', Helvetica, sans-serif;
	color:#FF9900;
}

#post .captionhead a, #post .captionhead a:hover, #post .captionhead a:visited, #post .captionhead a:link {
	font: bold 14px 'Trebuchet MS', Helvetica, sans-serif;
	color:#FF9900;
}

.captionedhead img {
}

.captioned {
	font: normal 10px 'Trebuchet MS', Helvetica, sans-serif;
	text-align: justify;
	color:#CCC;
	background-color:#000;
	margin-top:-15px;
	padding: 3px 10px 3px 10px;
}

/* BOOB MEMO STYLES */

.memotop {
background: url('images/memotop.png');
width:200px;
height:70px;
margin-left:150px;
}

.memobg {
background: url('images/memobg.png') top center repeat-y;
font: normal 10px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color:#000;
width:185px;
margin-top:-15px;
padding-left:160px;
padding-right:155px;
padding-bottom:5px;
}

.memobg a {
font: bold 10px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color: #BB3300;
}

.memobg a:hover {
color:#333;
background:#FFDD00;
}

#post .memobg a, #post .memobg a:link, #post .memobg a:visited {
color: #BB3300;
}

#post .memobg a:hover {
color:#333;
background:#FFDD00;
}

.wp-caption {
border:0px solid #ddd;
text-align:center;
background-color: #333;
padding-top:0px;
margin:0px;
margin-bottom:10px;
border-radius:0px;
float:left;
}

.wp-caption img {
margin:0;
margin-bottom:2px;
padding:0;
padding-right:0px;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: .80em;
line-height: 12px;
padding: 0 10px;
margin:0;
}

#caption000 p.wp-caption-text {
padding: 5px;
margin-top:-2px;
background:#000;
}

.gallery {
	/* Style rules for the entire gallery */
	}
.gallery-item {
	/* Style rules for each item (image and caption) in the gallery */
	/*background:#CCC;*/
	width:125px;
	float:left;
	margin-bottom:8px;
	}
.gallery-icon {
	/* Style rules for images within the gallery */
	border:0px solid #000;
	}
.gallery-caption {
	/* Style rules for captions within the gallery */
	font-size: .80em;
	line-height: 12px;
	padding: 0 10px;
	}