/*

THEME NAME: Sucre

THEME URI: http://www.remka.net

DESCRIPTION: Sucre theme, based on Wordpress.

VERSION: 1.0

AUTHOR: <a href="http://remka.net/">Jerome Senaillat</a>  &amp; <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>

AUTHOR URI:

TAGS: sucre, bd, french, sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer

*/



/* Two-column with sidebar on left from the /examples/ folder  */

@import url('examples/2c-r.css');
@import url('css/lib/reset.css');
@import url('css/lib/utilities.css');

/* Not to show */
div.skip-link {display:none;}
div#menu {display:none;}
div#block-apropos {display:none;}


/*==================================================
	C O M M O N  E L E M E N T S 
	Main HTML elements 
==================================================*/
#wrapper h1 {}
#wrapper h2 {}
#wrapper h3 {}
#wrapper li, p, td, th, dd, dt, label, legend { }
#wrapper p { margin-bottom: 1em; }
#wrapper a:link { color: #000; text-decoration: none;}
#wrapper a:visited { color: #000; text-decoration: none;}
#wrapper a:hover { color: #000; text-decoration: underline; }
#wrapper a:active { color: #000; text-decoration: none;}


/*==================================================
	S T R U C T U R E
==================================================*/

body { background: #ffff00 url(./images/bg.gif) repeat-y center 0; font: 10px/160% Georgia, Times, serif; text-align: center; color: #333;}
body.black { background: #000 url(./images/bg.gif) repeat-y center 0;}
body.yellow { background: #ffff00 url(./images/bg.gif) repeat-y center 0;}
body.blue { background: #afbfd9 url(./images/bg-blue.gif) repeat-y center 0;}
	#wrapper {width:700px; margin: 0 auto;}
		#header {position:relative;}
		#header,
			#container {text-align:left; background:#fff;}
				#container div.entry-content {font-size:1.6em; line-height:1.5em;}
					#primary,
					#secondary { text-align:left;}
					#primary h3,
					#secondary h3 {font-weight:normal; font-style:italic; font-size:1.6em;}
				
	
/*==================================================
	H E A D E R
==================================================*/

/* General */
div#header {position:relative;}
div#header h1 {margin:60px 0 40px 0;}
div#header h1 a{display:block; text-indent:-999em; background: url(./images/20090707_header.gif) no-repeat 0 0; width:600px; height:330px; margin: 0 auto;} 
div#header #blog-description {display:none;}

/* Block a propos */
div#block-apropos {margin-top:30px;background:#000 /*url(./images/bg-apropos-b.gif) no-repeat 0 bottom;*/}
div#block-apropos div.block-apropos-inner {/*background:url(./images/bg-apropos-t.gif) no-repeat 0 0;*/}
div#block-apropos div.block-apropos-inner p{color:#fff; font-size:1.4em; line-height:1.5em; padding:20px; font-style:italic;}
div#block-apropos div.block-apropos-inner p a {text-decoration:underline;}
a#link-description {position:absolute; top:-20px; left:0; width:88px; height:28px; display:block; text-indent:-999em; background: url(./images/btn-apropos-off.gif) no-repeat 0 0; z-index: 999;}

/* bookmark widget */
ul#bookmarker {position:absolute; top:-15px; left:108px;}
ul#bookmarker li {display:inline;}
ul#bookmarker li a{display:inline; float:left; text-indent:-999em; width:20px; height:20px; background:yellow; margin-right:5px;}
ul#bookmarker li.bookmark-add a {background: url(./images/bookmarker.gif) no-repeat 0 0;}
ul#bookmarker li.bookmark-delete a {background: url(./images/bookmarker.gif) no-repeat -20px 0;}
ul#bookmarker li.bookmark-go a {background: url(./images/bookmarker.gif) no-repeat -40px 0;}
ul#bookmarker li.bookmark-about a {background: url(./images/bookmarker.gif) no-repeat -60px 0;}
ul#bookmarker li.bookmark-explain {display:inline; float:left; height:20px; font-style:italic; line-height:1.5em; font-size:1.2em;}
ul#bookmarker {/* hide for now*/ display:none;}

/* Theme switcher */
div#header ul#theme-picker {position:absolute; right:0; top:-20px; z-index: 999;}
div#header ul#theme-picker li {display:inline;}
div#header ul#theme-picker li.txt-layout {display:inline; float:left; text-indent:-999em; width:45px; height:28px; background: #fff url(./images/txt-layout.gif) no-repeat 0 0;}
div#header ul#theme-picker li a{display:inline; float:left; margin-left:10px;}
div#header ul#theme-picker li.btn-yellow a {text-indent:-999em; width:55px; height:28px; background: #fff url(./images/btn-yellow-off.gif) no-repeat 0 0;}
div#header ul#theme-picker li.btn-blue a {text-indent:-999em; width:55px; height:28px; background: #fff url(./images/btn-blue-off.gif) no-repeat 0 0;}

/*==================================================
	E N T R Y
==================================================*/

#container h2.entry-title {font-size:2.6em; line-height:1.5em; font-style:italic; font-weight:normal;}
#container  div.entry-date {font-size:1.2em; line-height:1.5em; margin-bottom:20px; color:#666;}
.entry-title,.entry-meta {clear:both;}
div#container,div#primary {margin-top:2em;}
form#commentform .form-label {margin:1em 0 0;}



form#commentform span.required {

background:#fff;

color:#c30;

}



form#commentform,form#commentform p {

padding:0;

}



input#author,input#email,input#url,textarea#comment {

padding:0.2em;

}



div.comments ol li {

margin:0 0 3.5em;

}



textarea#comment {

height:13em;

margin:0 0 0.5em;

overflow:auto;

width:66%;

}



.alignright,img.alignright{

float:right;

margin:1em 0 0 1em;

}



.alignleft,img.alignleft{

float:left;

margin:1em 1em 0 0;

}



.aligncenter,img.aligncenter{

display:block;

margin:1em auto;

text-align:center;

}



div.gallery {

clear:both;

height:180px;

margin:1em 0;

width:100%;

}



p.wp-caption-text{

font-style:italic;

}



div.gallery dl{

margin:1em auto;

overflow:hidden;

text-align:center;

}



div.gallery dl.gallery-columns-1 {

width:100%;

}



div.gallery dl.gallery-columns-2 {

width:49%;

}



div.gallery dl.gallery-columns-3 {

width:33%;

}



div.gallery dl.gallery-columns-4 {

width:24%;

}



div.gallery dl.gallery-columns-5 {

width:19%;

}



div#nav-above {

margin-bottom:1em;

}



div#nav-below {

margin-top:1em;

}



div#nav-images {

height:150px;

margin:1em 0;

}



div.navigation {

height:1.25em;

}



div.navigation div.nav-next {

float:right;

text-align:right;

}



div.sidebar h3 {

font-size:1.2em;

}



div.sidebar input#s {

width:7em;

}



div.sidebar li {

list-style:none;

margin:0 0 2em;

}



div.sidebar li form {

margin:0.2em 0 0;

padding:0;

}



div.sidebar ul ul {

margin:0 0 0 1em;

}



div.sidebar ul ul li {
list-style:none;
margin:0;
font-size:1.2em;
line-height:1.5em;
margin:5px 0 15px 0;
}

#wrapper div.sidebar ul ul li a{padding:7px 10px; background:#fff url(./images/link-bg.gif) repeat-x center 0; color:#000;}
.blue #wrapper div.sidebar ul ul li a{background:#fff url(./images/bg-link-blue.gif) repeat-x center 0;}
#wrapper div.sidebar ul ul li a:hover{background:#fff;}
#wrapper div.sidebar ul h3 {margin:5px 0 10px 10px; font-weight:bold;}





div.sidebar ul ul ul {

margin:0 0 0 0.5em;

}



div.sidebar ul ul ul li {

list-style:circle;

}



div#menu ul li,div.gallery dl,div.navigation div.nav-previous {

float:left;

}



div#header,div#footer {

text-align:center;

}



input#author,input#email,input#url,div.navigation div {

width:50%;

}



div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {

margin:0;

padding:0;

}

#footer {font-size:1.4em; line-height:1.5em; padding:30px 0 60px 0; color:#666;}
#footer .meta-sep {color:#CCC; padding:0 3px;}

/* nav */
#nav-below {height:40px;}
#nav-below  div.nav-previous a{display:inline; float:left; height:40px; width:110px; background: url(./images/btn-prev.gif) no-repeat 0 0; text-indent:-999em;}
#nav-below  div.nav-next a{display:inline; float:right; height:40px; width:100px; background: url(./images/btn-next.gif) no-repeat 0 0;}
#nav-below  div.nav-next a span.out {display:none;}

/* entry-meta */
#content div.entry-meta {font-size:1.4em; line-height:1.5em; padding:50px 0 30px 0; border-bottom:1px solid #B2B6BE; text-align:center; background: url(./images/spacer.gif) no-repeat center 0;}
#content div.entry-meta span.meta-sep {color:#ccc; padding:0 3px;}
#content div.hentry a {border-bottom:1px dotted #999;}
#content div.hentry a:hover {border-bottom:1px solid #333; text-decoration:none;}
#content div.hentry h2.entry-title a{padding-bottom:5px;}
#content div.hentry h2.entry-title {margin-bottom:5px;}
#content div.hentry {margin-bottom:20px;}
#content div.hentry strong {font-weight:bold;}
#content div.hentry blockquote {margin:10px 0; padding-left:20px; border-left:5px solid #D6DAE1; font-size:12px; font-style:italic;}
#content div.hentry ul {margin-bottom:20px;}
#content div.hentry ul li {margin-bottom:10px; margin-left:15px; padding-left:5px; list-style: square;}

/* special pages title */
div#content h2.page-title {font-size:1.4em; line-height:1.5em; font-weight:normal; margin-bottom:20px;}
div#content h2.page-title span {background:#B8BDC5; padding:2px 6px;}

/* archives */
#container h3.entry-title {font-size:2.6em; line-height:1.5em; font-style:italic; font-weight:normal;border-bottom:1px solid #B2B6BE; padding:10px 0;}
#container h3.entry-title span.post-date-archive {float:right; text-align:right; font-size:12px; margin-left:20px;}

/* calendar */
table#wp-calendar {width:100%;}
table#wp-calendar caption {padding:5px 0; font-size:1.4em; line-height:1.5em; font-weight:bold;}
table#wp-calendar td {padding:5px 0; font-size:1.4em; line-height:1.5em;}
table#wp-calendar a {text-decoration:none; padding:2px 4px; background:#FFFF00;}
.blue table#wp-calendar a {background:#AFBFD9;}
table#wp-calendar a:hover {background:#fff;}

/* Ratings */
div#content div.post-ratings img{padding:0 2px;}

/* Comments */
div#comments-list {border-top:1px solid #B2B6BE; padding-top:10px;}
div#comments-list h3 {font-size:1.8em; line-height:1.5em; font-weight:normal; font-style:italic;}
div#comments-list li.comment {border-bottom:1px solid #B2B6BE; padding-top:10px; margin-bottom:10px; padding-bottom:10px;}
div#comments-list li.comment div.comment-author {font-size:1.6em; line-height:1.5em; font-weight:normal; font-style:italic;}
div#comments-list li.comment div.comment-author a {border-bottom:1px dotted #999;}
div#comments-list li.comment div.comment-author a:hover {border-bottom:1px solid #333; text-decoration:none;}
div#comments-list li.comment div.comment-meta{margin-bottom:5px; color:#333; font-size:1.1em;}
div#comments-list li.comment p{font-size:1.4em; line-height:1.5em;}
div#comments-list li.comment p a {border-bottom:1px dotted #999;}
div#comments-list li.comment p a:hover {border-bottom:1px solid #333; text-decoration:none;}

/* comments form */
div#respond h3 {font-size:1.8em; line-height:1.5em; font-weight:normal; font-style:italic; padding-top:10px;}
form#commentform {line-height:1.5em;}
form#commentform div.text {padding:5px 0; }
form#commentform div div.form-label {display:inline; float:left; width:100px; font-size:1.4em;}
form#commentform div div.form-label label {display:block; margin-top:-10px;}
form#commentform div.text input {display:block; margin-left:110px; padding:5px 7px; font-family: arial, helvetica; font-size:1.2em; border:0; background: #e2e5eb; width:330px;}
form#commentform div.textarea {padding:15px 0;}
form#commentform div.textarea textarea {display:block; margin-left:110px; padding:5px 7px; font-family: arial, helvetica; font-size:1.2em; border:0; background: #e2e5eb; height:170px;}
form#commentform div.submit input {margin-left:110px; padding:7px 10px; font-family: Georgia, arial, helvetica; font-size:1.6em; border:0; background: #ffff00; font-weight: bold; font-style: italic; border-bottom:1px solid #b2b6be; border-right:1px solid #b2b6be;}
.blue form#commentform div.submit input { background: #afbfd9; border-bottom:1px solid #8293ae; border-right:1px solid #8293ae;}

/* sidebar images */
div#primary #other img,
div#secondary #other a,
div#secondary #other a:hover {margin-left:0; border:0; background:0; padding:0;}

/* google */
li#google-ad-01 {margin-left:10px;}

/* twitter */
div#tweet {margin-bottom:30px;}
div#tweet p.contents {font-size:1.2em; line-height:1.5em; font-style:italic; padding:0 20px;}
div#tweet p.contents a {text-decoration:underline;}
div#tweet a.follow-me {display:block; text-indent:-999em; height:94px; background: url(./images/twitter.gif) no-repeat 0 bottom;}

/* threaded comments */
#comment {width:525px; padding:10px;}
.commentlist div.comment-author {font-size:1.6em; line-height:1.5em; font-weight:normal; font-style:italic; }
.commentlist div.comment-author a {border-bottom:1px dotted #999;}
.commentlist div.comment-meta {margin-bottom:10px; line-height: 1.5em;}
.commentlist p {font-size:1.4em; line-height: 1.5em;}
.commentlist p img.wp-smiley {vertical-align: middle;}
.commentlist li ul {margin-bottom:20px;}
.commentlist li ul li {border-top:1px solid #B2B6BE; padding-top:20px; margin-left:40px; padding-bottom:10px; margin-bottom:10px; margin-top:13px;}
.commentlist li ul li ul li {background-color: white;}
li.comment {border-top:1px solid #B2B6BE; padding:20px 0;}
h3#comments {font-size:1.8em; line-height:1.5em; font-weight:normal; font-style:italic; padding-top:10px;}