/*
 *   Theme Name:  Surplace
 *   Theme URI: www.surplace.fr
 *   Description: Surplace.fr Theme
 *   Author: Bozze
 *   Author URI: http://www.bozze.org
 *   Version: 0.1
 *   */
body, html { margin: 0; padding: 0; font-family: 'Georgia', serif; }
html { overflow-y: scroll; }

h2 	   { background: #f05; color: #fff; text-align: center; line-height: 30px; margin: 15px 0 ;  font-size: 1em; }
h2 a 	   { background: #f05; text-decoration: none; color: #fff; display: block; height: 100%; }
h2 a:hover { background: #F36; text-decoration: none; color: #FFF; }

a img { border: none; }
a { color: #F07; text-decoration: none;}
a:hover { text-decoration: underline;}

.object { width: 460px; height: 400px; border: none; margin: 0 -10px; padding: 0; }
#logo { text-align: center; margin: 130px 0 70px; outline: none; }
#slogan { margin-top: -40px; }
#container { width: 450px; margin: auto; border: 0px solid #999999; }

#nav { position: fixed; margin: 0; top:0; left: 0; width: 100%; z-index: 100; font-family: sans-serif; }
.menu { background: #EEE; color: white; padding: 6px 0; font-weight: bold; font-size: 0.7em; margin: 0; vertical-align: middle; text-align: center; }
.menu li { display: inline; margin-right: 10px; }
.menu li a { text-decoration: none; color: #333; }
.menu li a:hover { color: #F26; }

.submenu { background: #fff; color: #AAA; padding: 5px 0;font-size: 0.7em; margin: 0; vertical-align: middle; text-align: center; }
.submenu li { display: inline; margin-right: 10px; }
.submenu li a { text-decoration: none; color: #444; }
.submenu li a:hover { color: #F05; }


.selected { color: #F9E; }

.digit { width: 50px; height: 70px;}
.dot { width: 25px; height: 70px;}

.category { margin: -18px 0 0px 190px; z-index: 50; float: left; position: absolute}
.category-space { margin: -34px 0 0px 190px; z-index: 50; float: left; position: absolute}

.column { width: 220px; float:left; padding: 0; margin: 0;  }
.blogrolls { list-style: none; margin: 0 10px; padding: 0; }
.blogrolls h2 { line-height: 24px; margin: 5px 0; }
.blogrolls li ul { list-style: none; margin: 0; padding: 0 }
.blogrolls li ul li:before { content: "\2663  " }
.blogrolls li ul li{ margin: 0; padding: 0 }

.post { margin-bottom: 100px; }
.entry p { margin: 10px 0 0; color: #000;  font: normal 1em 'Georgia', serif; }
.entry p { text-align: justify }
.postmetadata { text-align: right;background: #f5f5f5; font-size: 0.8em; color: #888; padding: 5px 10px  }
.author { color: #444; font-style: italic; }

.navigation { margin-top: -60px; width: 450px; float: left;}
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

#buttons { float: left; clear: both; width: 450px; height: 150px; margin-top: 30px; text-align: center; color: #999; font-size: 0.8em; }
#copyright { margin-top: 20px; }
#message {}

.faq_answer { display: none; }

/* Formulaire de contact */
#si_contact_form1 { background: #EEE; width: 410px; padding: 5px 20px 15px; }
#si_contact_form1 input { width: 410px; }
#si_contact_form1 input[type="submit"] { width: 190px; }
#si_contact_form1 textarea { width: 410px; height: 100px; }
#si_contact_form1 #si_contact_captcha_code { width: 190px; }
#si_contact_form1 label { color: #444; font-weight: bold; }

/* Flickr Gallery + flightbox */
div.flickr-thumb { border: none; padding: 0; margin: 0 }
div.flickr-gallery-prev, div.flickr-gallery-next  a { font-size: 0.8em; }
#flightbox  a { font-size: 0.8em; }