/*
THEME NAME: Typograph
THEME URI: http://blog.pinkandyellow.com/free-wordpress-themes/typograph/
DESCRIPTION: Standards compliant theme with threaded comments, a MooTools powered tabbed sidebar box and an ad under the first post on the index page. This theme has no images and is purely based on CSS elements and typography. Ideal for future customization. Typograph was styled "from the ground up" on a highly customized version of the <a href="http://wordpress.org/extend/themes/sandbox#post-35">Sandbox theme</a>.  
VERSION: 0.8.6
AUTHOR: Morten Rand-Hendriksen of <a href="http://www.pinkandyellow.com">Pink &amp; Yellow Media</a>
AUTHOR URI: http://www.pinkandyellow.com
TAGS: black, white, light, three-columns, fixed-width, theme-options, right-sidebar, threaded-comments
*/


/* ********************************* */
/* ERIC MEYER'S CSS RESET - RELOADED */
/* ********************************* */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

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

body {
	line-height: 1;
	color: black;
	background: white;
}
tabnb
ol, ul {
	list-style: none;
}

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

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a {
	text-decoration: none;
	color: #990000;
}

/* ************* */
/* END CSS RESET */
/* ************* */

/* *************** */
/* LAYOUT ELEMENTS */
/* --------------- */

body {	
}



#wrapper {
	width: 952px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	float: left;
	width: 100%;
}
#content {
	width: 627px;
	float: left;
	position: relative;
	height: auto;
}

#contact-area {
	width: 520px;
	float: left;
	position: relative;
}



#footer {
	width: 952px;
	height: 30px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}


/* ------------------- */
/* END LAYOUT ELEMENTS */
/* ******************* */


/* *************** */
/* GLOBAL ELEMENTS */
/* --------------- */

.clear {
	clear:both;
}

.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

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

.alignright {
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}

img.alignleft {
	padding: 5px;
	border: 1px solid #C0C0C0;
	margin-right: 10px;
	margin-bottom: 5px;
}

img.aligncenter {
	margin: 5px auto 5px auto;
	display: block;
	padding: 5px;
	border: 1px solid #C0C0C0;
}

img.alignright {
	padding: 5px;
	border: 1px solid #C0C0C0;
	margin-left: 10px;
	margin-bottom: 5px;
}

.wp-caption {
	border: 1px solid #dcdcdc;
	text-align: center;
	background-color: #ffffff;
/* optional rounded corners for browsers that support it */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-top: 8px;
	padding-right: 4px;
	padding-left: 4px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

#content p.wp-caption-text {
	font-size: 0.8em;
	padding-top: 5px;
	padding-right: 6px;
	padding-left: 6px;
	color: #999999;
}

 Put aside for body content


a {
	text-decoration: none;
	color: #990000;
}

a:hover {
	text-decoration: none;
	color: #800000;
}

a:visited {
	color: #808080;
}

 
strong {
	font-weight:bold;
}

em {
	font-style: italic;
}

dt {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1em;
}

dd {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1em;
}

legend {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.8em;
	color: #333333;
}

form {
			font-family: Arial, Helvetica, sans-serif;	
			font-style: italic;
	font-size: 0.8em;
	color: #333333;
}


/* ------------------- */
/* END Global Elements */
/* ******************* */


/* ****** */
/* HEADER */
/* ------ */

#header {
	width: 952px;
	height: 112px;
	background:url("images/nav/nav-bg-home.gif") repeat-x;
}

#header.intern {
	height: 100px;

}


#header h1 a{
	position:absolute;
	width:289px;
	height:112px;
	text-indent: -5000px;
	z-index:300;
	text-decoration: none;
	background: url(images/logo.gif) no-repeat left top;
	outline: none;
	border-right:  solid 20px white;
}


#header h1 a.internal {
	background: url(images/logo-surfCulture.gif) no-repeat left top;
	width:230px;
	height:82px;
	border-right:  none;
	margin-top: 7px;
}



#header h2 {
	text-indent: -5000px;
}


#header ul {
	list-style-type:none;   padding:0 !important;
	margin-top: 0;
	height: 10px; 
	width: 340px;
	
 }
 
#header ul li {
	display: block;
	margin-top: 45px; 
	float: left; 
	margin-left: 22px;
 }


.primary-nav {
	float: right;
	height: 10px;
	position: relative;
	top: 12px;
	text-align: left;
}

ul.primary-nav li a {
	display:block; height:10px;	
}


ul.primary-nav li ul li a {
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;	
}

ul.primary-nav li ul li ul    {

	display: none;
	visibility: hidden;
}


.page-item-11 { width: 37px; background:url("images/nav/nav-home.gif") no-repeat; text-decoration: none; text-indent: -5000px;}
.page-item-4 { width: 52px; background:url("images/nav/nav-boards.gif") no-repeat; text-decoration: none; text-indent: -5000px;}
.page-item-6 { width: 52px; background:url("images/nav/nav-brands.gif") no-repeat; text-decoration: none; text-indent: -5000px;}
.page-item-8 { width: 36px; background:url("images/nav/nav-news.gif") no-repeat; text-decoration: none;text-indent: -5000px;}
.page-item-2 { width: 43px; background:url("images/nav/nav-about.gif") no-repeat; text-decoration: none; text-indent: -5000px;}
.page-item-9 { width: 60px; background:url("images/nav/nav-contact.gif") no-repeat; text-decoration: none; text-indent: -5000px;}


/**************** menu coding *****************/


#menu ul li ul{
width: 150px;
margin-top: 5px;
z-index: 1000;
position: relative;

}


#menu ul li ul li{
margin: 0;
padding: 5px 0 5px 5px;
text-indent: 0;
width: 150px;
height: 15px;
background: url(slider_files/images/slide-bg.png) 0 0;
z-index: 1000;
float: right;
}


#menu ul li ul li a{
color: white;
font-style: italic;
z-index: 100;
}

#menu ul li ul li a:hover{
text-decoration: underline;
}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




/* ---------- */
/* END HEADER */
/* ********** */


/* ---------- */
/* HOME STYLES */
/* ********** */



.HomeLeft {
	width: 497px;
	margin-top: 30px;
	float: left;
}

.HomeLeft a {
	text-decoration: none;
}


.HomeLeft h2 {
	text-decoration: none;	
	width: 106px; height: 20px;	
	text-indent: -5000px;
	z-index:300;
	text-decoration: none;
	background: url(images/titles/subLatest-News.gif) no-repeat left top;
}


#HomeRight {
	width: 427px;
	float: right;
	margin-top: 30px;
	
}

#HomeRight h2 {
	text-decoration: none;	
	width: 427px; height: 20px;	
	text-indent: -5000px;
	z-index:300;
	text-decoration: none;
	border-bottom: 1px solid #bfbfbf;
}

#HomeRight h2.boards {background: url(images/titles/subBoards.gif) no-repeat left top;}
#HomeRight h2.about { background: url(images/titles/subAbout.gif) no-repeat left top; margin-top: 38px;}
#HomeRight h2.store { background: url(images/titles/subStore.gif) no-repeat left top; margin-top: 13px;}



#HomeRight ul#boards {
	width: 427px;
	height: 151px;
}

ul#boards li a {
	display:block; 
}


ul#boards li a {text-decoration: none; text-indent: -5000px;  height: 75px;}
ul#boards li a.boards-01  {width: 243px; background:url("images/titles/rhs-channel_islands.gif"); float: left }
ul#boards li a.boards-02  {width: 184px; background:url("images/titles/rhs-chilli_surfboards.gif"); float: right; }
ul#boards li a.boards-03  {width: 243px; background:url("images/titles/rhs-JS_surfboards.gif"); float: left }
ul#boards li a.boards-04  {width: 184px; background:url("images/titles/rhs-lost_surfboards.gif"); float:right; }
ul#boards li a.boards-05  {width: 243px; background:url("images/titles/rhs-STACEY_boards.gif"); float:left; }
ul#boards li a.boards-06  {width: 184px; background:url("images/titles/rhs-fire_surfboards.gif"); float:right; }

ul#brands li a{text-decoration: none; width:140px; height:42px; text-indent: -5000px;  background:url("images/home/brands.gif"); float: left}
ul#brands li.brand-02 a  { background-position: -140px 0;}
ul#brands li.brand-03 a  { background-position: -280px 0;}
ul#brands li.brand-04 a  { background-position: 0 -41px;}
ul#brands li.brand-05 a  { background-position: -140px -41px;}
ul#brands li.brand-06 a  { background-position: -280px -41px;}
ul#brands li.brand-07 a  { background-position: 0 -82px;}
ul#brands li.brand-08 a  { background-position: -140px -82px;}
ul#brands li.brand-09 a  { background-position: -280px -82px;}


 
.about-surf {margin: 6px 0 15px 0;}

.featuredPost {		
	padding: 5px 0 29px 0; 				
	position:relative;
	width: 493px;
	height: 204px;
	border-top: 1px solid #bfbfbf;
}

.featuredPost span {
	background:url(slider_files/images/slide-bg.png) 0 0;	
	color:white;
	font-family: tahoma;
	font-size: 20px;
	left:0;
	letter-spacing:1px;
	padding:4px 6px;
	position:absolute;
	top:154px;
	width:auto;
}

.featuredPost img {
	float:left;
	padding-right:10px;
	max-width: 493px;
	max-height: 204px;
} 


.NewsFeed  {
	width: 491px;
	height: 66px;
	margin-bottom: 20px;
}


.NewsFeed a h3 {
	color: black!important;
	font-size: 16px;
	margin-top: 0;
	padding-top: 0;
}

.NewsFeed a:hover h3 {
	color: #666!important;
}


.NewsFeed h3 {
	padding-top: 0!important;
	color: #000;
}


.NewsFeed p {
	font-size: 11px;
	color: #333!important;
}

.NewsFeed a p {
	font-size: 11px;
	color: #333!important;
}

.NewsFeed a:hover p {
	color: #666!important;
}


.NewsFeed img {
	float: left;
	height: 66px;
	width: 66px;
	padding-right: 12px;
	
}

/* ************ */
/* TITLES  */
/* ------------ */




/* ************ */
/* MAIN CONTENT */
/* ------------ */

h2.entry-title {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
}


#header h2  {
	height: 35px;
	position: absolute;
	top: 120px;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	background: url("images/titles/titles.gif") no-repeat;
}

#header h2 {
	 width: 170px;
	 background-position: 0 0;
}

#header h2.Shapers   {
	 width: 203px;
	 background-position: 0 -174px;
	 
}


#header h2.News   {
	 width: 167px;
	 background-position: 0 -70px;
	 
}

#header h2.Brands {
	 width: 170px;
	 background-position: 0 -35px;
	 
}

#header h2.About {
	 width: 167px;
	 background-position: 0 -105px;
	 
}

#header h2.Contact {
	 width: 200px;
	 background-position: 0 -140px;
	
}



#content h2.News {	 
	height: 35px;
	background: url("images/titles/titles.gif") no-repeat;	
	 text-indent: -5000px;
	 margin: 10px 0 30px 0; padding: 0;
	 background-position: 0 -210px;
	 width: 250px;
}


#content h2.News {	 
	height: 35px;
	background: url("images/titles/titles.gif") no-repeat;	
	 text-indent: -5000px;
	 margin: 10px 0 30px 0; padding: 0;
	 background-position: 0 -70px;
	 width: 250px;
}



#content h2.ChilliNews {	 
	height: 35px;
	background: url("images/titles/titles.gif") no-repeat;	
	 text-indent: -5000px;
	 margin: 10px 0 30px 0; padding: 0;
	 background-position: 0 -210px;
	 width: 250px;
}

#content h2.CINews {	 
	height: 35px;
	background: url("images/titles/titles.gif") no-repeat;	
	 text-indent: -5000px;
	 margin: 10px 0 30px 0; padding: 0;
	 background-position: 0 -280px;
	 width: 475px;
}

#content h2.JSNews {	 
	height: 35px;
	background: url("images/titles/titles.gif") no-repeat;	
	 text-indent: -5000px;
	 margin: 10px 0 30px 0; padding: 0;
	 background-position: 0 -245px;
	 width:  180px;
}

#content h2.LostNews {	 
	height: 35px;
	background: url("images/titles/titles.gif") no-repeat;	
	 text-indent: -5000px;
	 margin: 10px 0 30px 0; padding: 0;
	 background-position: 0 -315px;
	 width:  240px;
}




#post-6  h2.entry-title {s
	 width: 167px;
	 background-position: 0 -35px;
	 
}

#post-6  h2.entry-title {
	 width: 167px;
	 background-position: 0 -35px;
	 
}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0;
	margin: 0;
}




#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
#content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
}
#content h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	margin-bottom: 2px;
	padding-top: 5px;
}
#content h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
}

#content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-bottom: 10px;
	text-align: justify;
	line-height: 1.2em;
}

#content blockquote, #content pre {
	padding: 10px 12px 3px 12px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dcdcdc;
}

#content blockquote p {
	
	font-style: italic;
}

#content blockquote a {
	
}

#content blockquote a:hover {
	
}

#content blockquote a:visited {

}

/* POST BODY LIST ITEMS - affects only actual post lists */





.entry-content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	margin-bottom: 10px;

}


.singlepost .entry-content ul, .post .entry-content ul {
	margin-bottom: 15px;
}

.singlepost .entry-content ul li, .post .entry-content ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	padding-bottom: 5px;
	list-style-type: square;
	
}

.singlepost .entry-content ul ul, .post .entry-content ul ul {
	margin-top: 10px;
	margin-bottom: 0px;
	
}

.singlepost .entry-content ul ul li, .post .entry-content ul ul li {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 5px;
	list-style-type: square;
}

.entry-content  {

}


.entry-content ol {
	margin-bottom: 15px;
	list-style-type: decimal;
	margin-left: 30px;
}

.entry-content ol li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	padding-bottom: 5px;
}

/* END POST BODY */

/* ---------------- */
/* END MAIN CONTENT */
/* **************** */


/* **** */
/* POST */
/* ---- */

.post {
	/* margin-left: 67px; */
	margin-bottom: 30px;
	padding-bottom: 5px;
	/* border-left-style: dashed; */
	min-height:200px;
	border-bottom: 1px #bfbfbf solid;
}

.singlepost {
	margin-left: 0;
	margin-bottom: 30px;
	padding-bottom: 5px;
}
.post-date {
	display: inline;
	position: absolute;
	left: 0px;
	width: 53px;
	padding-top: 5px;
	padding-left: 0px;
}
.post-month {
	font-size: 1em;
	text-transform: uppercase;
	color: #999;
	text-align: center;
	display: block;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.post-day {
	font-size: 2em;
	text-transform: uppercase;
	color: #999;
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dcdcdc;
	padding-bottom: 5px;
}

.post-year {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #999;
	text-align: center;
	display: block;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.comments-link {
	font-size: 2em;
	text-transform: uppercase;
	color: #999;
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	
}

.comments-link a {
	color: #999;
}

.comments-link a:hover {
	color: #990000;
	text-decoration: none;
}
.comments-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999;
	letter-spacing: -1px;
	text-align: center;
	display: block;
}

.comments-start-bracket {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #999;
}
.comments-end-bracket {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	color: #999;
	position: absolute;
	right: 0px;
}


.cat-links a {
	text-decoration: none;
	color: #808080;
}

.cat-links a:hover {
	color: #990000;
}

.author {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 11px;
	color: #666666;
	border-top-width: 1px;
	border-top-color: #999;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-color: #999;
	padding-bottom: 5px;
		
}

.post h2 a {
	color: #000;
	text-decoration: none;
	
}
.post h2 a:hover {
	color: #990000;
}

.tagbox {
	border-bottom: 8px;
	padding-bottom: 8px;
}

.tag-links {
}

.indexAd {
	margin-top: 10px;
}

.addthis_toolbox {
	font-size: 11px;
	text-align: right;
}

/* -------- */
/* END POST */
/* ******** */


/* ********* */
/* POST INFO */
/* --------- */

.postInfo {
	font-size: 0.7em;
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}

.postInfo a {
	color: #808080;
}
.postInfo a:hover {
	text-decoration: none;
	color: #990000;
}

.postInfo ul {
	margin: 8px auto 8px 10px;
	padding: 0px;
}

.postInfo ul li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}
.trackback {
	background: 0
50%;
}
.feed {
	background: 0
50%;
}



/***************** Tags below the link of the comments feed ********************/
.tags {
	background: 0
50%;
}

.navigation {
	clear: both;
	padding: 10px 0px;
}

.navigation a, .navigation a:visited {
	color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
}

.previous-entries a {

}

.next-entries a {

}

/* comments area */


/* THREADED COMMENTS */

ul.commentlist {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	text-indent: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#content ul.commentlist p {
	font-size: 12px;
	margin-left: 52px;
}

ul.commentlist li { }
ul.commentlist li.alt { }
ul.commentlist li.bypostauthor {}
ul.commentlist li.byuser {}
ul.commentlist li.comment-author-admin {}
ul.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ul.commentlist li.comment div.comment-author {}
ul.commentlist li.comment div.vcard {
	font: normal 14px Arial, Helvetica, sans-serif;
}
ul.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ul.commentlist li.comment div.vcard cite.fn a.url {}
ul.commentlist li.comment div.vcard img.avatar {
	border: 5px solid #ccc;
	float: left;
	margin-right: 10px;
}
ul.commentlist li.comment div.vcard img.avatar-32 {}
ul.commentlist li.comment div.vcard img.photo {}
ul.commentlist li.comment div.vcard span.says {}
ul.commentlist li.comment div.commentmetadata {}
ul.commentlist li.comment div.comment-meta {
	font-size: 9px;
	margin-bottom: 4px;
	margin-left: 52px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #999;
	padding-top: 2px;
}
#content ul.commentlist li.comment div.comment-meta a {
	color: #999999;
}
ul.commentlist li.comment p { font-size:11px; margin:0 0 1em; }
ul.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ul.commentlist li.comment div.reply { font-size:11px; }
ul.commentlist li.comment div.reply a { font-weight:bold; }
ul.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li.comment ul.children li {}
ul.commentlist li.comment ul.children li.alt {}
ul.commentlist li.comment ul.children li.bypostauthor {}
ul.commentlist li.comment ul.children li.byuser {}
ul.commentlist li.comment ul.children li.comment {}
ul.commentlist li.comment ul.children li.comment-author-admin {}
ul.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-5 {}
ul.commentlist li.comment ul.children li.odd {}
ul.commentlist li.even { background:#fff; }
ul.commentlist li.odd { background:#f6f6f6; }
ul.commentlist li.parent { border-left:5px solid #111; }
ul.commentlist li.thread-alt { }
ul.commentlist li.thread-even {}
ul.commentlist li.thread-odd {}


/* END THREADED COMMENTS */



#comments, #respond {
	border-bottom: 1px dotted #8D8D8D;
	padding: 10px 0 5px 0;
	clear: both;
}

/* commentlist 
.commentlist {
    list-style: none;
	margin: 10px 0px;
	padding-left: 0px;
	line-height: 130%;
}

.commentlist li{
    margin-bottom: 6px;
	padding: 10px;
}

.commentlist .alt {
	background: #F9F9F9;
	border: 1px solid #999;
}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
}

.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
} */

.commentname {
	color: #703419;
	text-transform: capitalize;
	margin-left: 50px;
}

.gravatar {
	display: inline;
}

.gravatar img {
	border: 1px solid #AAAAAA;
	padding: 5px;
	float: left;
	height: 32px;
	width: 32px;
	display: block;
	position: absolute;
}

.commentcount {
	font: bold 2.2em Arial, Helvetica, sans-serif;
	color: #DEDEDE;
	float: right;
}

.commentext {  
	padding: 0px 0px 0px 50px;
}

/* comment form */
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}

#commentform p {
	padding: 2px 0px;
	margin: 0px;
}

#commentform label{
	color: #787878;
	font-size: 87%;
}

#commentform input{
	width: 200px;
	background:#F9F9F9;
	border: 1px dotted #8D8D8D;
	padding: 3px;
	margin-top: 3px;
}

#commentform textarea{
	width: 600px;
	background: #F9F9F9;
	border: 1px solid #8D8D8D;
	padding: 2px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}

#commentform #submit{
	border-left: 1px solid #999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999999;
	background: #F9F9F9;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666;
	float: right;
	width: 144px;
	height: 28px;
	cursor: pointer;
	}

/* Quicktags */
#quicktags {
	margin-top: 4px;
	margin-bottom: 0px;
}

#quicktags input {
	background: #f9f9f9;
	border: 1px solid #aaaaaa;
	font-size: .9em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	margin: 1px 2px 0px 0px;
	padding: 0px 1px 0px 1px;
}

#quicktags input:hover {
	border: 1px solid #4E79A2;
}

/* ------------ */
/* END COMMENTS */
/* ************ */

#googlemaps {
	float: right;
	width: 570px; 
	margin-top: 95px;	
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.7em;
	line-height: 1.1;
	border-top: #dcdcdc solid 13px;
	list-style: none;
	padding: 0px 0 10px 0;
	
}




/* ******* */
/* SIDEBAR */
/* ------- */

#sidebar {
	float: right;
	width: 292px; 
	margin-top: 18px;	
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 1.1;
	list-style: none;
}



#sidebar a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	display: block;
	margin-bottom: 0px;
	font-size: 1.1em;
	
}



#sidebar label {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	font-size: 1.3em;
	
}


#sidebar h1 {
	display: block;
	text-align: center;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	font-weight: bold;
	color: #DDDDDD;
	padding-bottom: 5px;
	letter-spacing: -3px;
}


#sidebar h3 {
	margin: 0; padding: 0;
	font-size: 16px;
	font-weight: normal;
}



.boardThumbs {
	margin-top: 5px;
}

div#shapers-four {
	margin-top: 40px;
}

#shapers-four div{
	
	height: 180px
}

.boardThumbs img {
	width: 68px; height: 69px;
	float: left;
	padding: 0 5px 5px 0;

}

.SurfReport {
	margin-top: 20px; padding: 0;

}


.SurfReport ul li, .SurfReport li, .SurfReport ul, .SurfReport li ul li{
	margin: 0; padding: 0;

}

div#tipDiv {
		padding:4px;
		color:#FFF; font-size:11px; 
		background: url(slider_files/images/slide-bg.png) 0 0; 
		width:335px;
		font-family: Arial, Helvetica, sans-serif; 
}


#sidebar .Archives {
	padding-top: 20px;
}


#sidebar .Archives h3 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #bfbfbf;
	margin-bottom: 10px;

}


#sidebar .EmailSubscribe h3 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #bfbfbf;
	margin-bottom: 10px;
	font-style: normal;

}

#sidebar .EmailSubscribe {
	padding-top: 0;
	width: 292px;
	height:25px;
	margin-top: 20px;
}

#sidebar .EmailSubscribe input {
	height: 25px;
	float: left;
	padding: 0;  margin: 0;
	font-style: italic;	
}

#sidebar .EmailSubscribe input.InputBox {
	border: 1px solid #000;
	height: 23px;
	float: left;
	padding: 0 0 0 5px; margin: 0;	
	width: 195px;
}




#sidebar .EmailSubscribe input.Button{
	float: right;
}




 

		
/* used in dw_Tooltip.wrapImageOverText */
div#tipDiv div.img { text-align:left ; float:left; padding-right: 6px;}
div#tipDiv div.txt { text-align:left;}



/* ******************* */
/* MOOTOOLS TABBED BOX */
/* ------------------- */


h3.widgettitle {
	display: none;
	
}

#sidebar a {
	font-weight: bold;
	text-decoration: none;
}

.tabbed_box ul {
margin: 0; padding: 0;
	
}

.tabbed_box img {
	margin-top: 0px;
	
}



.moreTabs {
	margin-top: 10px;
	
}


.moreTabs ul {
	padding-left: 5px;
	
}

.moreTabs img {
	padding-top: 10px;
	
}

.moreTabs a {
	
	
}


/* ----------- */
/* END SIDEBAR */
/* *********** */


/* ****** */
/* FOOTER */
/* ------ */

#footer {
	text-align: right;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #808080;
	margin-right: 40px;
	padding-bottom: 15px;
	margin-top: 20px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #bfbfbf;
}
#footer p {
	margin-right: 20px;
}

.newsletter {
	width: 200px;
	float: right;
	
}

.FooterIcons {

	width: 200px;
	float: left;
	text-align: left;
}


/* ---------- */
/* END FOOTER */
/* ********** */


/*  --- */
/* NEWS PAGE */
/* *********** */



#contentother {
position:relative;
width:626px;
margin-top: 40px;
border-top: 1px solid #bfbfbf;
}
#contentother h2 {
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin-left:-2px;
padding-bottom:4px;
padding-left:2px;
margin-top:20px;
text-transform:uppercase;
line-height:0.3em;
}

 h2.entry-title {
	margin-top: 40px;
	padding: 0;
	color:#333333;
}




#contentother h2.entry-title:hover {
 color:#990000;
}

#contentother  .entry-content img {

}


#contentother h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
}
#contentother h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
}
#contentother h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 2px;
	padding-top: 5px;
}
#contentother h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
}

#contentother p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-bottom: 10px;
	text-align: justify;
	line-height: 1.2em;
}

#contentother blockquote, #contentother pre {
	padding: 10px 12px 3px 12px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dcdcdc;
}
.postother {
	margin-bottom: 30px;
	padding-bottom: 5px;
	padding-left: 10px;

}
.singlepost {
	margin-left: 0;
	margin-bottom: 30px;
	padding-bottom: 5px;
	position:relative;
	width:626px;
	margin-top: 40px;
	border-top: 1px solid #bfbfbf;
}


.singlepost p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-bottom: 10px;
	text-align: justify;
	line-height: 1.2em;
}




.comments-link {
	font-size: 2em;
	text-transform: uppercase;
	color: #999;
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	
}

.comments-link a {
	color: #999;
}

.comments-link a:hover {
	color: #990000;
	text-decoration: none;
}
.comments-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999;
	letter-spacing: -1px;
	text-align: center;
	display: block;
}
.date-text {
	font-family: Arial,Helvetica,sans-serif;
	font-size:11px;
	color: #999999;
	letter-spacing: 0px;
	text-align: left;
	margin-bottom:10px;
	margin-top:2px;
	display: block;
}

.comments-start-bracket {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #999;
}
.comments-end-bracket {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	color: #999;
	position: absolute;
	right: 0px;
}

.cat-links a {
	text-decoration: none;
	color: #808080;
}

.cat-links a:hover {
	color: #990000;
}




/*  --- */
/* //////   CONTACT FORM*/
/* *********** */

#wpcf7-f1-p367-o1 {
	margin-top: 30px;

}


/*  --- */
/* //////   MISC  STUFF (shapers page) */
/* *********** */




.Shaper-Summary {
	width: 627px;
	height: 171px;
	margin-bottom: 35px;
}


.Shaper-Summary-left {
	width: 195px;
	float: left;
}

.Shaper-Summary-left img {
	padding: 2px;
	margin-bottom: 15px;
	border: 1px solid #C0C0C0;
}

.Shaper-Summary-right{
	width: 425px;
	float: right;
}

.Shaper-Summary-right a{
	color: #cc0000;
	text-decoration: none;
	padding: 0; margin: 0;
	padding-left: 10px;
	font-size: 11px;
	background: url(images/red-arrow.gif) no-repeat left top;
}



.Shaper-Desc {
	width: 627px;
	margin-bottom: 35px;
}


#other-shapers {
	width: 952px;
	height: 400px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #bfbfbf;
	padding-top: 20px;
}


#other-shapers h2 {
	text-decoration: none;	
	width: 397px; height: 35px;	
	text-indent: -5000px;
	z-index:300;
	text-decoration: none;
	
	background: url("images/titles/titles.gif");
	background-position: 0 -350px;
}

ul#board-brands li a{text-decoration: none; width:186px; height:100px; text-indent: -5000px;  background:url("images/board-brands.gif"); float: left; outline: none; margin: 0 4px 4px 0}
ul#board-brands li.boards-02 a  { background-position: -186px 0;}
ul#board-brands li.boards-03 a  { background-position: -372px 0;}
ul#board-brands li.boards-04 a  { background-position: -558px 0;}
ul#board-brands li.boards-05 a  { background-position: -744px 0;}
ul#board-brands li.boards-06 a  { background-position: 0 -100px;}
ul#board-brands li.boards-07 a  { background-position: -186px -100px; margin-left: 70px;}
ul#board-brands li.boards-08 a  { background-position: -372px -100px;}
ul#board-brands li.boards-09 a  { background-position: -558px -100px;}
ul#board-brands li.boards-10 a  { background-position: -744px -100px;}
ul#board-brands li.boards-11 a  { background-position: -186px -200px;  }
ul#board-brands li.boards-12 a  { background-position: -372px -200px;  margin-left: 280px;}
ul#board-brands li.boards-13 a  { background-position: -558px -200px;}