/*

Theme Name: BBF

Theme URI: http://www.bodyboardfrance.org

Version: 2.0

Description: BBF template.

Author: BBF using a Arcsin Based Template (arcsin.se)

Author URI: http://www.bodyboardfrance.org

*/



/* standard elements */

html {min-height: 100%;}



* {

	margin: 0;

	padding: 0;

}



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

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

a:visited {color: #0099ff; text-decoration:none;}



body {

   background-color:#CCCCCC;

   color: #333333;

   font-style:normal;

   font-variant:normal;

   font-weight:normal;

   font-size:62.5%;

   font-family:Arial, Helvetica, sans-serif;

}



p, code, ul {padding-bottom: 1.2em;}



li {list-style: none;}



h1 {

   font: normal 1.5em Arial, Helvetica, sans-serif;

   margin-bottom: 4px;

}



h2 {font: normal 1.4em sans-serif;}

h3 {font: bold 1.1em sans-serif;}



code {

   background: #FFF;

   border: 1px solid;

   border-color:#CCCCCC;

   border-left: 6px solid;

   border-left-color:#C1CAD3;

   color: #666;

   display: block;

   font: normal 1em Tahoma,sans-serif;

   line-height: 1.6em;

   margin: 4px 0 12px;

   padding: 8px 10px;

   white-space: pre;

}



blockquote {

    background: url('img/quote.gif') no-repeat;

    display: block;

	font: bold 0.9em Verdana,sans-serif;

	padding-left: 26px

	}



big {font-size: 1.1em;}



h1, h2, h3 {padding-top: 6px;}





/* misc */



.clearer {clear: both;}



.left {float: left;}



.right {float: right;}





/* structure */



.container {

   background: #FFF;

   font-size: 1.2em;

   margin: 0 auto;

   padding: 0 10px 10px;

   width: 780px;

}





/* header */



.top {

   background: #CCC;

   padding-left:10px;

   padding-right:10px;

   padding-top:30px;

   padding-bottom:0

}



/* title */

.header {

    background: #FFF;

    font-size: 1.2em;

    height: 150px;

    margin: 0 auto;

    padding: 10px 10px 5px;

    width: 780px;

}

.header .left, .header .right {

    color: #FFF;

    height: 150px;

    background-color: #CCCCCC;

}



.header .left {

background: url('img/header.jpg') no-repeat;

line-height: 150px;

text-align: center;

width: 564px;

font-style:normal;

font-variant:normal;

font-weight:normal;

font-size:2.8em;

font-family:Trebuchet MS, sans-serif;

background-color: #CCCCCC;

}



.header .right {

background: url('img/right_forum_enter.jpg') no-repeat;

width: 212px;

background-color: #CCCCCC;

line-height: 150px;

}



.header .right p, .header .right h2 {padding: 0;

}



.header .right h2 {font: normal 1.2em "Trebuchet MS",sans-serif;

}



/* navigation */



.navigation {	

border-left:1px solid;

border-left-color:#CFDEE7;

border-right:1px solid #CFDEE7;

border-top:1px solid;

border-top-color:#DFEEF7;

border-bottom:1px solid;

border-bottom-color:#DFEEF7;

background: url('img/nav.gif');

background-color:#D9E1E5;

height: 41px;

}



.navigation a {

background: #D9E1E5 url('img/nav.gif');

border-right: 1px solid;

border-right-color:#AFBEC7;

color: #456;

display: block;

float: left;

line-height: 41px;

text-decoration: none;

font-style:normal;

font-variant:normal;

font-weight:bold;

font-size:1.1em;

font-family:sans-serif;

padding-left:20px;

padding-right:20px;

padding-top:0;

padding-bottom:0;

}



.navigation a:hover {

background-position: left bottom;

color: #234;}





/* main */



.main {

border-top: 4px solid #FFF;

background: #FFFFFF url('img/bgmain.gif') repeat-y;

}



/* sub navigation */



.sidenav {

float: right;

width: 210px;

background-color:#000099;

background: url('img/bg_blue.jpg') repeat;

}



.sidenav h2 {

color: #FFFFFF;

font-size: 1em;

line-height: 30px;

margin: 0;

padding-left: 12px;

}



.sidenav ul {

padding: 0;

border-top: 1px solid;

border-color:#FFFFFF;

}



.sidenav li {border-bottom: 1px solid #CCCCCC;}



.sidenav li a {

font-size: 1.1em;

color: #CCCCCC;

display: block;

padding: 8px 0 8px 5%;

text-decoration: none;

width: 95%;

}



.sidenav li a:hover {

color: #FFFFFF;

background-color: #CCCCCC;

}





/* content */



.content {

background-color:#FFFFFF;

float: left;

margin: 10px 0;

padding: 0 16px;

width: 531px;

}



.content .descr {

color: #CCCCCC;

font-size: 0.9em;

margin-bottom: 6px;

}



.content li {

margin-left: 18px;

margin-right: 0px;

margin-bottom: 0px;

margin-top: 0px;

list-style-image: url('img/li.gif');

}



.content p {font-family: "Lucida Sans Unicode",sans-serif;}





/* footer */



.footer {

background: url('img/bgfooter.gif') repeat-x;

color: #FFF;

line-height: 39px;

height: 39px;

text-align: center;

font-style:normal;

font-variant:normal;

font-weight:bold;

font-size:1em;

font-family:sans-serif

}



.footer a, .footer a:hover {

color: #FFF;

text-decoration:underline;

}



/* Post */

.post h1 a {

color:#0066FF;

text-decoration:none;

}



.post h1 a:visited{

color:#0066FF;

text-decoration:none;

}



.post h1 a:hover{

text-decoration:none;

color:#999999;

}



.post{margin:0 0 25px 0;}



.post .info{

padding:2px 3px 3px 8px;

border:1px solid;

background-color:#f5f5f5;

font-size:0.9em;

color:#666666;

border-color: #999999;

}



.info a, .info a:visited{

text-decoration:none;

}



.info a:hover{

text-decoration:none;

}



.post img {border: 0px solid #DDD; margin: 4px 0;}

.post a img {border: 0px solid #DDD;}

.post a:hover img {border-color: #CCC;}



/* Comments */

.comment ol li {list-style: none; background: none;}



#commentlist li {

margin-bottom: 1em;

padding-bottom: 1em;

border-bottom: 1px solid;

border-bottom-color:#700000;

list-style: none;

}



#commentform {

margin: 1em 0;

background-color: #fafafa;

width: 280px;

}



.commentmetadata {padding: 2px 0 4px;}

.commentmetadata a {color: #664;}



textarea.styled {width: 280px;}



.styled {

font-size: 1.1em;

background: #F8F7F6;

border: 1px solid #D6D3D3;

}



.styled:hover {

background: #FFF;

border: 1px solid #D6D3D3;

}



.styled:focus {

background: #FFF;

border: 1px solid #939793;

}



#commentform input {margin-bottom: 3px;}

a img {border:none;}



/* Calendar */

#wp-calendar {color:#999999;}

.sidenav table caption {border-bottom-color:#00000;}

.sidenav table thead tr {

border-bottom-color:#00000;

color:#666666;

}



.sidenav table th {border-bottom-color:#00000;}



.sidenav table td#today {

border-color:#00000;

color:#666666;

}





.sidenav table td a {

border-bottom-color:#00000;

background-color:#66CCFF;

}



.sidenav table tfoot {border-top-color:#00000;}



.sidenav table tfoot a {background:none;}





/* calendar

--------------------------------------------------*/

#wp-calendar {

display:inline-table;

border-collapse:collapse;

width:185px;

margin:0px 10px 0 10px;

text-align:center;

}



.sidenav table caption {

margin:-5px 10px 0 10px;

padding-bottom:5px;

border-bottom:1px solid;

letter-spacing:0.1em;

}



.sidenav table thead tr {border-bottom:1px solid;}



.sidenav table th {border-bottom:1px solid;}



.sidenav table td {

width:225px; /* maximize width; honestly, I don't know much about tables... */

padding:1px;

font-size:0.9em;

}



.sidenav table td#today {

padding:0;

border:1px solid;

font-size:1em;

font-weight:bold;

}



.sidenav table td a {

display:block;

border-bottom:1px solid;

font-weight:bold;

font-size:1.15em;

}



.sidenav table tfoot {border-top:1px solid;}



.sidenav table tfoot a {

border:none;

font-weight:bold;

}



.sidenav table tfoot #prev a {text-align:left;}



.sidenav table tfoot #next a {text-align:center;}





#searchform{padding:10px;}