/*
Theme Name: Surfer's Board Guide
Theme URI: http://surfersboardguide.com/
Description: Wordpress theme for Surfer's Board Guide
Version: 1 (WP2.7.1)
Author: Takashi Irie
Author URI: http://takashiirie.com
Tags: 
*/

/************************************************
*	global reset v1.0 | 20080212 				*
************************************************/
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, b, u, i, center, 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-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
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;}
/************************************************
*	Image Resizing in IE7 and IE6 				*
************************************************/
img{-ms-interpolation-mode:bicubic;}
/************************************************
*	clear settings							    *
************************************************/
.clear{clear:both; display:block;}
.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*Win IE7 only */
*:first-child+html .clearFix{height:1%;}
/*Win IE6 only */
*html .clearFix{height:1%;}
/************************************************
*	Wordpress settings							*
************************************************/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left;margin:0px 10px 5px 0;}
.alignright { float:right;margin-left:10px; }
/************************************************
*	global settings							    *
************************************************/
html{/* to compensate for several browser bugs */font-size:100.01%;overflow: scroll;}
body {background-color:#fff;font: 62.5%/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#222222;}
a{outline:none;  text-decoration:none;color:#2b2b2b}
a:hover{color:#000;text-decoration:none;border-bottom: 1px dotted #000;}
p{font-size:1.1em;}
h1, h2, h3, h5, h5, h6 { font-weight:normal }
ul, li, ol{font-size:1.0em;}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
#wrapper{width:960px;margin:0 auto;}
#content{width:960px;padding:30px 0}
#left_col{width:240px;float:left;padding-right:20px;}
#right_col{width:700px;float:right;}

.line_long{width:960px;height:1px;line-height: 0.001em;font-size: 0.001em;background:#fff url(images/line_long.jpg) no-repeat 0 0;}
.line_mid{width:480px;height:1px;line-height: 0.001em;font-size: 0.001em;background:#fff url(images/line_mid.jpg) no-repeat 0 0;}
.line_short{width:240px;height:1px;line-height: 0.001em;font-size: 0.001em;background:#fff url(images/line_short.jpg) no-repeat 0 0;margin-bottom:7px;}
.left{float:left;}
.right{float:right;}
/************************************************
*	networks settings							*
************************************************/
#networks{float:right;height:64px;padding-top:10px;}
.network{display:block;width:80px;height:53px;margin-right:80px;text-indent:-9999px;float:left;}
#mpora{background:#fff url(images/logo_mpora.jpg) no-repeat 0 0;}
#surfeurope{background:#fff url(images/logo_surfeurope.jpg) no-repeat 0 0;}
#surferspath{background:#fff url(images/logo_surferspath.jpg) no-repeat 0 0;margin-right:0;}
#mpora:hover{background-position:0 -53px;border:0;}
#surfeurope:hover{background-position:0 -53px;border:0;}
#surferspath:hover{background-position:0 -53px;border:0;}
/************************************************
*	musthead settings							*
************************************************/
h1#logo{background:#fff url(images/logo_large.jpg) no-repeat 0 0;width:960px;height:439px;display:block;text-indent:-9999px}
h1#logo a{width:960px;height:439px;display:block;text-indent:-9999px}
h2#logo{background:#fff url(images/logo_small.jpg) no-repeat 0 0;width:255px;height:117px;display:block;text-indent:-9999px;}
h2#logo a{width:255px;height:117px;display:block;text-indent:-9999px;}
h1#logo a:hover, h2#logo a:hover{border:0;}

#home #content{width:960px;padding:30px 0 10px;}
#home #left_col{width:480px;float:left;padding:0}
#home #right_col{width:470px;float:right;}

#surfboardcompanies{
font-family:Georgia,Times,Times New Roman,serif;
font-size:1.7em;
font-style:italic;
font-weight:bold;
line-height:1em;
margin-bottom:9px;}

.information{font-family:Georgia,Times,Times New Roman,serif;
font-size:1.7em;
font-style:italic;
font-weight:bold;
line-height:1em;
margin-bottom:9px;}

#home #left_col .post{padding:5px 10px 5px 0;width:230px;}
#home #left_col .post .companies{font-size:1.4em;font-weight:bold;}
#home #right_col .line_mid{width:470px;height:1px;line-height: 0.001em;font-size: 0.001em;background:#fff url(images/line_mid.jpg) no-repeat 0 0;margin-bottom:10px;}
.cta_left{float:left;margin:0 10px 10px 0;}
.cta_right{float:right;margin:0 0px 10px 0px;}



#mporavideo{margin-bottom:15px;}
.boards{padding:15px 0;margin-bottom:15px;border-top:1px dotted #999;}
.boards:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
*:first-child+html .boards{height:1%;}
*html .boards{height:1%;}
.boardinfo{width:250px;}
#right_col .post .boardinfo p{margin:0;}
.boards h2{font-weight:bold;font-size:1.1em;}
.buylink{width:108px;height:34px;display:block;background:url(images/buy.jpg) no-repeat 0 0;text-indent: -9999px;margin-left:-2px;margin-top:15px;}
.buylink:hover{background-position: 0 -34px;border:0px;}
/************************************************
*	sidebar settings							*
************************************************/
#left_col .post{padding:2px;}
.companies{font-size:1em;font-weight:bold;}
.infos{padding-bottom:60px;}
.infos li{font-size:1.2em;font-weight:bold;letter-spacing:-1px;padding:2px;}

/************************************************
*	footer settings							*
************************************************/
#footer{width:960px;text-align:right;background:#fff url(images/line_long.jpg) no-repeat 0 0;padding-top:10px;}

/************************************************
*	right_col settings							*
************************************************/
#right_col .post h1{font-size:1.7em;font-weight:bold;line-height: 1.0em;margin-bottom:9px;font-family: Georgia, Times, Times New Roman, serif;font-style:italic;}
#right_col .post h2{font-size:1.7em;font-weight:bold;line-height: 1.0em;margin-bottom:5px;}
#right_col .post p{margin-bottom:15px}
#about #right_col .post p{width:480px;}
#quivers #right_col .post p{margin-left:260px;}
#quivers #right_col .post p img{margin-left:-260px;}
#quivers #right_col .post h2, #howto #right_col .post h2{font-size:1.5em;font-weight:bold;line-height: 1.0em;margin-bottom:5px;border-top:1px dotted #ccc;padding-top:9px;}