html, body, div, span, applet, object, img, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:100%;
	vertical-align: baseline;
	background: transparent;
}
body {

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* MAIN */
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; background:url(images/bg.gif) repeat-x #666; }

div#header { background-color:#333; width:100%; height:25px; }
div#container { width:925px; margin:auto; background-color:#333; overflow:auto; padding:10px; }
div#content { width:575px; background-color:#CCC; float:left; padding:20px; }
div#sidebar { width:305px; float:right; } 

h2 { font-size:30px; color:#FFF; line-height:30px; margin-bottom:15px;  }
h2.home { font-family:Century Gothic, "Trebuchet MS", Arial, Helvetica, sans-serif; }
h2.page-title, h2.entry-title { color:#333; text-transform:uppercase; font-size:20px; background:url(images/bg_h2entry.gif) right no-repeat #afafaf; padding:2px 10px 2px 10px; font-family:Century Gothic, "Trebuchet MS", Arial, Helvetica, sans-serif; }
h2.single-title { float:left; width:500px; font-family:Century Gothic, "Trebuchet MS", Arial, Helvetica, sans-serif; }
h3 { font-size:20px; color:#333; margin-bottom:15px; text-transform:uppercase; font-size:14px; font-family:Century Gothic, "Trebuchet MS", Arial, Helvetica, sans-serif; }
h3.widgettitle { padding:2px 10px 2px 10px; background-color:#666; color:#222222; }
h4 { width:450px; }
h4.sidebar { font-size:18px; width:210px; margin-bottom:10px; float:left; }
a { color:#FFF; text-decoration:none; }
a.uppercase { text-transform:uppercase; font-size:12px; text-decoration:underline; }
a:hover{ text-decoration:underline; }
div#content a { color:#000; font-weight:bold; text-transform:uppercase; }
li { list-style:none; }
p { margin-bottom:15px; }
div#sidebar p.small { font-size:11px; }

div#twitter { width:925px; height:20px; background:url(images/bg_twitter-panel.gif) #666 right center no-repeat; margin-bottom:15px; color:#666; }

div.half, div.third, div.two-thirds_mar, div.half_mar, div.third_mar { float:left; margin-bottom:5px; }
div.half_mar { margin-right:0px; width:455px; }
div.half { width:460px; background-color:#000; height:300px; }
div.third { width:305px;  }
div.third.padding { width:275px; padding:0px 15px; }
div.third_mar { margin-right:10px; width:300px; }
div.two-thirds_mar { width:615px; margin-right:5px; }

/* HEADER */
a#facebook, a#twitter { margin:2px 5px 0px 0px; }
a#facebook { display:block; height:22px; width:22px; text-indent:-9999px; background:url(images/bg_facebook.gif) no-repeat; float:left; }
a#twitter { display:block; height:22px; width:22px; text-indent:-9999px; background:url(images/bg_twitter.gif) no-repeat; float:left; }

/* LOGO */
div#logo { width:945px; background:url(images/bg_logo.gif) left no-repeat #666; height:80px; margin:10px auto 10px auto; }

/* HOME */
body.home div.third, body.home div.third_mar { margin-top:10px; }
div#home-main { float:left; width:400px; color:#CCC; }
div#post-side-home { width:35px; float:left; margin-right:10px; }
img.thinhigh { float:left; margin-right:10px; clear:both; }

div#home-btm { float:left; clear:both; width:925px; }

span.date { float:left; width:35px; color:#666; font-weight:bold; margin-bottom:10px; }
span.date-month { float:left; clear:both; text-transform:uppercase; font-size:16px; }
span.date-num { font-size:28px; line-height:30px; }

div.entry-meta { clear:both; background-color:#464646; font-size:10px; padding:1px 2px 1px 5px; color:#000; float:left; margin-top:5px; line-height:14px; }
div.entry-meta.home { width:430px; }

h3 span { font-size:11px; }

div#more-news { clear:both; margin-top:10px; float:left; }

ul li.bold { text-transform:uppercase; font-weight:bold; font-size:14px; }

div#foam { height:200px; overflow:hidden; }
div#foam bold, div#foam p { font-size: 12px; line-height: 23px; color: #fff; }

div#latest_comments li { color:#CCC; margin-bottom:5px; border-bottom:1px solid #3d3d3d; padding-bottom:5px; }
div#latest_comments li a { text-transform:uppercase; }

div#latest_comments li span { color:#000; font-size:12px; }

p.VideoCaption { color:#FFF; }


/* SINGLE */
img.main { margin-bottom:10px; border:2px solid #FFF; }

body.single h2 { color:#333; }

div#content span.single-comments-link a { display:block; width:60px; height:34px; float:right; padding:6px 0px 0px 0px; text-align:center; background:url(images/bg_comments.gif) no-repeat; color:#FFF; text-decoration:none; }

div#nav-below { clear:both; }

div.addthis_toolbox { background-color:#FFF; padding:5px; font-size:11px; height:20px; }
div.addthis_toolbox a { color:#000; text-decoration:underline; }
div.addthis_toolbox p { text-align:right; }

div.nav-previous, div.nav-next { text-transform:uppercase; font-size:10px; font-weight:bold; }
div#nav-below { margin-top:5px; }
div#nav-below a { color:#333; }
div.nav-previous { float:left; }
div.nav-next { float:right; }

/* CATEGORIES */
div#post-cat { margin-bottom:20px; float:left; }
div.cat-content { float:left; width:440px; }
div.cat-content p { font-size:12px; line-height:15px; margin-bottom:0px; }
div#content div.cat-content h3 a { font-size:20px; line-height:20px; color:#333;  }
div#content div.cat-content h3 a:hover { color:#000;  }
div#post-cat div.entry-meta { background-color:#CCC; border-top:1px solid #999; width:540px; text-align:right; }
div#post-cat div.entry-meta a { color:#000; text-decoration:underline; }

/* SIDEBAR */
div#sidebar ul { margin-bottom:10px; }
div#sidebar ul li a { display:block; text-transform:uppercase; font-family:Century Gothic,"Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px; font-size:12px; font-weight:bold; border-top:2px solid #CCC; color:#FFF; }
div#sidebar ul li a:hover, div#sidebar ul li.current-cat a, body.s-category-club-news div#sidebar ul li.cat-item-3 a, body.s-category-contest-wrap-ups div#sidebar ul li.cat-item-4 a, body.s-category-13th-exposure div#sidebar ul li.cat-item-5 a, div#sidebar ul li.current_page_item a { background-color:#CCC; text-decoration:none; color:#333; }
div#sidebar p { font-size:12px; }

div#sidebar ul#subpage_navigation { margin-bottom:40px; }

div.textwidget ul { margin-bottom:20px; }
div.textwidget ul li { text-align:center; }
div.textwidget ul li.bold { color:#FFF; font-size:16px; font-weight:bold; }
div.textwidget ul li.date, div#sidebar p { color:#fff; font-size:15px; }
div.textwidget ul li.desc { font-size:12px; color:#CCC; font-style:italic; }

div#fb-side { clear:both; margin-top:30px; float:left; }

div#foam ul li span a { text-transform:uppercase; font-size:14px; }

div#post-side { width:210px; float:left; margin:0px; padding:0px; }


/* NAV */
div#header div { width:945px; margin:auto; }
ul#nav { float:right; }
ul#nav li { float:left; position:relative; }
ul#nav li a { font-size:11px; font-weight:bold; color:#FFFFFF; display:block; float:left; padding:5px 15px 5px 15px; text-transform:uppercase; text-decoration:none; font-family:Century Gothic,"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:15px; }
ul#nav li a:hover, ul#nav li.current_page_ancestor a, ul#nav li.current_page_item a, body.home ul#nav li#home a, body.single ul#nav li.page-item-7 a, body.category ul#nav li.page-item-7 a { background-color:#555; color:#FFF; }

ul#nav li ul li { background-color:#555; width:170px; height:25px; border-bottom:none; border-top:none; border-bottom:1px #666 solid; }


ul#nav li ul { /* second-level lists */
	width:170px;
	position:absolute;
	left: -999em;
	z-index:100;
	background-color:;
	float:left;
	clear:both;
	top:24px;
	
	

}


#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

ul#nav li ul li a:hover, ul#nav li.current_page_ancestor ul li a:hover, ul#nav li.current_page_item ul li a:hover, body.category ul#nav li ul li a:hover { background:#333; width:140px; }







/* NEWS TICKER */
div#twitter ul { display:none;  }

.tickercontainer { /* the outer div with the black border */
width: 925px; 
height: 22px; 
margin: 0; 
padding: 0
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 3px;
width: 850px;
overflow: hidden;

}
div#twitter ul.newsticker { /* that's your list */
position: relative;
left: 850px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
display:inline-block; }
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin:0;
padding: 0;
color:#000;
width:950px; 

}
ul.newsticker a {
padding: 0;
color: #FFFFFF;
font: bold 10px Verdana;
} 
ul.newsticker span {
margin: 0 10px 0 0;


} 

/* RATINGS */
th { text-align:left; }
td, th { padding:5px; border:1px solid #333; }


/* COMMENTS */
div#comments { float:left; clear:both; margin-top:20px; }
div.comment-author { float:left; margin-right:20px; }
ol li { clear:both; margin-bottom:20px; float:left; }
img.photo, span.fn { float:left; clear:both; }
img.photo { margin:0px 10px; }
span.fn { text-transform:uppercase; font-size:10px; }
div.comment-meta { font-size:10px; }

div#comment-text { float:left; width:450px; }

div#respond { float:left; clear:both; }

div#idc-container { width:575px; float:left; clear:both; }

/* FOOTER */
div#footer { width:945px; background:url(images/bg_footer.gif) no-repeat #333; margin:0px auto 20px auto; padding-bottom:10px; }
#sponsors { width:880px; height:30px; margin:auto; padding-top:110px; padding-left:20px; }
#sponsors a { width:50px; height:30px; float:left; padding-right:10px; display:block; text-indent:-99999px; }
#sponsors li { float:left; }
#sponsors li.gap { width:275px; height:30px; margin:0px; }

div#vocle { width:945px; margin:auto; }
div#vocle a { display:block; width:70px; height:24px; background:url(images/bg_vocle.gif) top; text-indent:-9999px; float:right; margin-bottom:50px;}
div#vocle a:hover { background-position:bottom; }

.apco { background-position:0 0;  }
.apco:hover { background-position:0 30px }
.tonik { background-position:-90px 0; }
.tonik:hover { background-position:-90px 30px; }
.bass { background-position:-163px 0;}
.bass:hover { background-position:-163px 30px; }
.greenroom { background-position:-242px 0; }
.greenroom:hover { background-position:-242px 30px; }
.billabong { background-position:-320px 0; }
.billabong:hover { background-position:-320px 30px; }


.dragon { }
.dragon:hover {  }
.cory { background-position:-585px 0; }
.cory:hover { background-position:-585px 30px; }
.ripcurl { background-position:-655px 0; }
.ripcurl:hover { background-position:-655px 30px; }
.strapper { background-position:-710px 0; }
.strapper:hover { background-position:-710px 30px; }
.heads { }
.heads:hover {  }
.base { background-position:-840px 0 }
.base:hover { background-position:-840px 30px; }
.png { background-position:-900px 0 }
.png:hover { background-position:-900px 30px; }

.apco, .tonik, .bass, .greenroom, .billabong, .dragon, .cory, .ripcurl, .strapper, .heads, .base, .png { background-image:url(images/sponsors.gif); }
.apco:hover, .tonik:hover, .bass:hover, .greenroom:hover, .billabong:hover, .dragon:hover, .cory:hover, .ripcurl:hover, .strapper:hover, .heads:hover , .base:hover, .png:hover { background-image:url(images/sponsors.gif); }