/* @override 
	http://blog.stefie.net/wp-content/themes/stefiegraphie/style.css
	http://wordpress.stefie.net/wp-content/themes/stefiegraphie/style.css
*/

/*
Theme Name: stefiegraphie
Theme URI: http://blog.stefie.net/
Description: Theme based on R755 light.
Version: 1.00
Author: stefie
Author URI: http://www.stefie.net
Tags: black, white, light, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post

Feel free to use it as it is or modify it according to your taste.

Thanks to:
a) Avice D (http://blog.kaizeku.com/wordpress/prevent-wordpress-27-duplicate-content/) for "add meta noindex rules on singular comment page section" code.
b) Bennett McElwee (http://www.thunderguy.com/semicolon/) for "Code Markup" code.
c) Jarod Taylor (http://jarodtaylor.com/) for "ultimate archive index with pagination" code.

Recommended plugins:
a) WP-PageNavi (http://lesterchan.net/portfolio/programming/php/#wp-pagenavi).
b) Different Posts Per Page (http://www.maxblogpress.com/plugins/dppp/).

The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php

Last Update 05/05/2009
*/
/*===== o0o: BASE=====*/
html {
font-size:100%;
}

html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 {
border:0;
outline:0;
margin:0;
padding:0;

}

body {
background: #F8F8F0 url(images/320x210_bgtop.gif) repeat-x;
border:0;
color: #433930;
outline:0;
margin:0;
padding:0;
font: 0.9em Georgia, "Times New Roman", Times, serif;

}

/*===== o0o: STRUCTURE=====*/
#outerWrapper {
text-align:left;
width:760px;
margin:0 auto 0;

}
#rightColumn {
background:none;
float:right;
width:200px;
font-size:0.87em;
line-height:1.6em;
padding:10px;
}
#outerWrapper #contentWrapper #content {
margin:0 220px 0 0;
padding:0 30px 0px 0px;
background: url(images/grid-bg.gif) repeat-y top left;
text-align: justify;
}

#outerWrapper #contentWrapper .clearFloat {
clear:right;
display:block;

}
#footer {
font-size:1em;
line-height:1.2em;
padding:0 0 10px 0px;
margin-top: 20px;
text-align: center;
background-color: #FF017D;
color: #F8F8F0;
}

.post,.page {
padding-bottom:10px;
margin-bottom:20px;
}


/*===== o0o: HEADER=====*/
#header {
font-family: Georgia, "Times New Roman", Times, serif;
position: relative;
height: 210px;
overflow: hidden;
background: url(images/titre_blog.png) no-repeat 0 39px;;
padding: 11px 0px;
font-style: italic;

}
#header h1{
display:  none;
font-size:2.6em;
font-weight: 700;
padding:0 0 24px 0;
letter-spacing:-1px;
white-space:nowrap;
}
#header div{
width:0;
overflow:visible;
}
#header h1 a, #header h1 a:hover {
color: #433930;
text-decoration: none;
border-bottom: none
}
#header h1 a:hover {
background-color: transparent;
}
#header span.title {
display:block;
position:absolute;
left:0px;
text-align: left;	
color:#433930;
padding-top: 90px;
font: italic 0.90em Georgia, "Times New Roman", Times, serif;
width: 760px;
}

/*===== o0o: NAVIGATION=====*/
ul.globalNav {
padding: 0;
padding-top:10px;
}

ul.globalNav li {
margin:0 60px 0 0;
display: inline-block;
padding:0px 0px 9px;
font-size: 0.80em;
}

ul.globalNav li.current_page_item
{
	background:transparent url(images/nav-item.png) no-repeat scroll center bottom;
}

ul.globalNav li.current_page_item a
{
	color: white;
}

ul.globalNav li a, ul.globalNav li a:link {
color: #E9DFC6;
font-style: normal;
font-size: 1.25em;
text-decoration:none;
border-bottom: none;
}

ul.globalNav li a:hover {
color: #463017;
}

/*===== o0o: TYPOGRAPHY=====*/
.postinfo {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 0.85em;
	margin-bottom: 3px;
	margin-top: 20px;
	line-height: 1.4em;
	color: #469DBB;
	
}
.postinfo a, .postinfo a:visited{
	color: #469DBB;
	text-decoration: none;
	border-bottom: none;
}

.postinfo a:hover {
	color: #469DBB;
	border-bottom: 1px dotted; 
}


.sticky {
padding:0 10px 10px;
border:solid 1px #777;
margin-bottom:30px
}
blockquote {
background:url(images/blockquote.gif) top left no-repeat;
border:#CCC dashed 1px;
margin:10px auto 10px 20px;
font-style:italic;
padding:3px 3px 3px 40px
}
pre,code {
width:90%;
margin-bottom:10px;
font-family:"Courier New", Courier, monospace;
background:#fff url(images/pre_bg.gif) top left repeat;
display:block;
color:#000;
line-height:18px;
border:1px solid #e2e2e2;
overflow:auto;
padding:18px 10px 17px;
}
small {
font-size:0.90em;
}
small a {
color: #433930;
}

small a:visited {
color: #433930;
}

h2 span.comment-count {
font-size:0.6em; 
font-family: Helvetica,FreeSans,Arial,"Liberation Sans","Nimbus Sans L",sans-serif;
font-weight:bold;
font-style:none;
vertical-align:middle;
}

span.comment-count a {
background:transparent url(images/com-count.png) no-repeat scroll 0 -43px;
color:#FE047F;
padding:2px 0 1px 20px;
text-decoration:none;
}

span.comment-count a:hover {
text-decoration:none;
}



/*===== o0o: HEADINGS=====*/
h1,h2,h4 {
font-weight:700;
color: #433930;
padding:20px 0 0;
}
h1 {
font-size:2em;
}
h2 {
font-size:1.625em
}
h3 {
	border-bottom: 1px solid #e9dfc6;
	text-align: left;
	text-transform: uppercase;
	}

h4 {
font-size:1em
}

/*===== o0o: LINKS=====*/
a, a:visited { 
border-bottom: 1px dotted; 
color:#FF047F;
text-decoration: none
}

a:hover{ 
color:#9BB935;
}

a {
outline: none;
}
a img, a:visited img, a:hover img { 
background-color: transparent; 
border: 0 !important; 
border-bottom: 0!important; 
}

h2.posttitle,h2.posttitle a {
padding-top:0;
color:#FF047F;
margin:0;
border-bottom: 0;
font: italic bold 1.23em/1.2em Georgia, "Times New Roman", Times, serif;
padding-bottom:10px;
}
h2.posttitle a:hover {
color:#FF047F;
text-decoration: underline;
}
a.image-border {
text-decoration:none;
border:0 none;
background-color: transparent
}

/*===== o0o: SIDEBAR=====*/
#rightColumn ul {
margin:0 0 30px;
padding:0
}
#rightColumn ul li ul {
margin:0;
padding:0
}
#rightColumn ul li {
	margin-bottom: 10px;
	list-style: none;
}
#rightColumn ul li ul li {
	margin-top: 10px;
	line-height: 1.3em;
}
#rightColumn h3 {
	padding: 0 0 2px 2px;
	border-bottom: 1px solid #e9dfc6;
	color: #433930;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;

}

#searchform {
	display: block;
	position: absolute;
	left: 550px;
	bottom: 35px;
	width: 200px;
}

#searchform span.search-l {
	background:transparent url(images/search-l.png) no-repeat scroll left top;
	display:block;
	height:20px;
	left:0;
	position:absolute;
	top:0;
	width:10px;
}

#searchform span.search-r {
background:transparent url(images/search-r.png) no-repeat scroll right top;
display:block;
height:20px;
position:absolute;
right:0;
top:0;
width:20px;
}

#searchform input.search-field {
background:#FFFFFF url(images/search-bg.png) repeat-x scroll left top;
border:medium none;
font-size:12px;
height:17px;
margin:0 0 0 10px;
padding:3px 0 0;
width:170px;
}

.entry
{
	margin-top:-15px;
}

/*===== o0o: COMMENTS=====*/
ol.commentlist { 
list-style:none; 
margin:0;
padding:0; 
text-indent:0
}
ol.commentlist li {
height:1%; 
margin:0 0 10px; 
padding:5px 7px 5px 57px; 
position:relative
}
ol.commentlist li div.comment-author { 
padding:0 170px 0 0
}
ol.commentlist li div.vcard { 
font:bold 1em corbel, liberation sans, georgia, lucida grande, sans-serif
}
ol.commentlist li div.vcard cite.fn { 
font-style:normal 
}
ol.commentlist li div.vcard img.avatar { 
border:1px solid #ddd; 
left:7px; 
padding:2px; 
position:absolute; 
top:7px; 
}
ol.commentlist li div.comment-meta { 
font:bold 0.87em; 
position:absolute; 
right:10px; 
text-align:right; 
top:5px; 
}
ol.commentlist li p { 
font:normal 1em;
margin:0 0 1em; 
}
ol.commentlist li ul { 
font:normal 1em;
list-style:square; 
margin:0 0 1em; 
padding:0; 
text-indent:0; 
}
ol.commentlist li ul.children { 
list-style:none; 
margin:1em 0 0; 
text-indent:0; 
}
ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4 { 
margin:0 0 .25em; 
}
ol.commentlist li.pingback div.vcard { 
padding:0 170px 0 0
}

/*===== o0o: IMAGES=====*/
.alignleft {
float:left;
}
.alignright {
float:right;
}
img {
border:0;
}

img a{
border:0;
}

img.avatar {
float:left;
padding-right:5px;
}
p img {
max-width:100%;
padding:0;
}
img.alignright {
display:inline;
margin:7px 0 2px 7px;
padding:4px;
}
img.alignleft {
display:inline;
margin:7px 7px 2px 0;
padding:4px;
}
img.centered,.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

/*===== o0o: CAPTIONS=====*/
.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#F8F8F8;
padding-top:4px;
margin:10px
}
.wp-caption img {
border:0 none;
margin:0;
padding:0
}
.wp-caption p.wp-caption-text {
color:#666;
font-style:italic;
line-height:17px;
margin:0;
padding:0 4px 5px
}

/*===== o0o: WIDGETS=====*/
div#calendar_wrap,table#wp-calendar {
width:100%
}
div#calendar_wrap {
padding:0 15px 0 5px
}
div#calendar_wrap caption {
font-size:1.1em;
font-weight:700;
padding:0 20px 0 0
}

/*===== o0o: Pensée du jour=====*/
#lead.home-lead {
	position: relative;
	padding: 0 0 0 0;
	background: #A6DFD8 url(images/lead-bg.png) no-repeat bottom right;
	color: #fff;
	width: 510px;
	height: 175px;
}
#lead.home-lead div.block {
	padding: 20px 20px 20px 70px;
}
#lead.home-lead img.front {
	float: left;
	display: block;
	margin: 15px 15px 15px 15px;
	width: 160px;
}

#lead.home-lead div.block a {
	color: #FF047F;
}
	
#lead.home-lead p.category-title {
	margin-top: 0;
	text-transform: uppercase;
	font-size: 0.9em;
	line-height: 1;
}
#lead.home-lead p.category-title a {
	color: #FF047F;
	border:0;
	text-decoration: none;
}
	
#lead.home-lead div.block span.citation {
	font-size: 1.6em;
	color: #433930;
	line-height: 1em;

}
#lead.home-lead div.block span.citation a {
	color: #433930;

}

div.auteur {
	font-size: 1em;
	color: #433930;
	margin-top:1em;
	margin-bottom:1em;
}

div.auteur a {
	color: #433930;
	text-decoration: underline;

}

/*===== o0o: Tags=====*/
.tags {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	margin-bottom: 5px;
	color: #8DC1D0;
	line-height: 1.3em;
	
}
.tags  a, .tags  a:visited{
	color: #8DC1D0;
	text-decoration: none;
	border-bottom: none;
}

.tags a:hover {
	color: #469DBB;
	border-bottom: 1px dotted; 
}

#footer_widgets {
	background-color: #433930;
}

div.stefiebar_widget ul {
	list-style-type: none;
	text-align:left;
	color:#E9DFC6;
	line-height:1.5em;
	padding-left:0;
}

div.stefiebar_widget a {
	color:#E9DFC6;
	border:0;
}

div.stefiebar_widget a:hover {
	color:#E9DFC6;
	border-bottom:1px dotted;
}

div.stefiebar_widget h4 {
	text-align:left;
	color:#A6DFD8;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.4em;
	font-weight:normal;
	margin-bottom:5px;
}

div.stefiebar_widget {
	display:inline-block;
	height:100%;
	margin:0 0 10px 20px;
	vertical-align:top;
	width:220px;
}

#panel-handler
{
	background:#FF017D url(images/panel-handler.png) no-repeat scroll center center;
	height:7px;
}

div.commentaire
{
	text-align:left;
	font-size: 1em;
	margin-top:30px;
	font-variant: small-caps;
	border: 1px dotted #433930;
	padding: 8px;
	background-color: #F2EEDF;
}

div.commentaire input, div.commentaire textarea, div.commentaire select {
	font-size:1em;
	width: 50%;
	border: thin dotted #433930;
	margin-right: 40px;
	float: right;
}


div.commentaire a
{
	color: #433930;
	border-bottom:none;
}

div.commentaire h4
{
	padding-left: 80px;
	background: transparent url(images/comment-add.png) no-repeat top left;
	font-variant: normal;
	font-size: 1em;
	color: #FF017D;
	padding-bottom: 8px;
	
}

h4.comments
{

	font-variant: normal;
	font-size: 1.3em;
	color: #FF017D;
	padding-bottom: 8px;
	
}


div.commentaire input.bouton 
{
	border: thin solid #FF017D;
	background-color: #FF017D;
	color: #FFF;
	margin-top: 20px;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font: small-caps 1em Georgia, "Times New Roman", Times, serif;
	display: block;
	float: none;
}

#meta div {
margin-bottom:20px;
}
#meta div div {
margin-bottom:0;
}
#meta h2 {
border-bottom:1px solid #E9DFC6;
color:#433930;
font-family:Helvetica,FreeSans,Arial,"Liberation Sans","Nimbus Sans L",sans-serif;
font-size:1.4em;
font-weight:bold;
margin:0 0 5px;
padding:0 0 2px;
}
#meta div.last-update {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/clock.png) no-repeat scroll 0 0;
color:#998F76;
padding-left:34px;
line-height:1em;
}
#meta div.last-update strong {
display:block;
margin-top:5px;
}
#meta div.news h3 {
font-size:1.1em;
}
#meta div.news p {
line-height:1.2;
margin-bottom:10px;
}
#meta ul.syndicate {
margin-bottom:20px;
}
#meta ul.syndicate li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: transparent url(images/feed.png) no-repeat scroll 0 4px;
margin-bottom:5px;
padding:3px 0 5px 20px;
}
#meta div.category-desc, #meta div.author-desc {
color:#433930;
font-size:0.9em;
}
#meta p.post-date {
float:right;
margin:0 0 10px 10px;
position:relative;
width:85px;
}
#meta span.post-date {
margin:0;
}
#meta span.post-date span {
color:#433930;
display:block;
font-family:Arial,sans-serif;
}
#meta span.post-date span.date-d {
color:#433930;
float:left;
font-size:35px;
font-weight:bold;
margin-right:2px;
}
#meta span.post-date span.date-m {
float:left;
font-size:20px;
}
#meta span.post-date span.date-y {
clear:left;
font-size:14px;
left:3px;
position:absolute;
top:20px;
width:85px;
}
#meta span.post-date span.date-h {
font-size:14px;
left:40px;
position:absolute;
top:20px;
}
#meta p.post-author {
font-size:1em;
margin-bottom:10px;
margin-top:15px;
}
body.dc-post, #meta ul.syndicate, #meta ul.retrolien {
clear:both;
margin-bottom:10px;
}
#meta p.post-category {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/category.png) no-repeat scroll 0 0;
clear:right;
line-height:1.4;
margin-top: 30px;
margin-bottom:5px;
padding:0 0 5px 20px;
}
#meta p.post-category a {
color:#433930;
}
#meta ul.post-tags {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/tag.png) no-repeat scroll 0 0;
clear:right;
line-height:1.4;
margin-bottom:5px;
padding:0 0 5px 20px;
}
#meta ul.post-tags li {
display:inline;
}

#meta ul.retrolien li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: transparent url(images/retrolien.png) no-repeat scroll 0 4px;
margin-bottom:5px;
padding:3px 0 5px 20px;
}

/* Partie commentaires */
ol.commentlist span.comment-date {
margin:0;
position:absolute;
left:0;
top:0;
width:85px;
}
ol.commentlist span.comment-date span {
color:#433930;
display:block;
font-family:Arial,sans-serif;
}
ol.commentlist span.comment-date span.date-d {
color:#998F76;
float:left;
font-size:32px;
font-weight:bold;
margin-right:2px;
}
ol.commentlist span.comment-date span.date-m {
float:left;
font-size:18px;
}
ol.commentlist span.comment-date span.date-y {
clear:left;
font-size:12px;
left:0;
position:absolute;
top:30px;
width:85px;
}
ol.commentlist span.comment-date span.date-h {
font-size:12px;
left:36px;
position:absolute;
top:30px;
}
/* Fin Partie commentaires */

/* Ci-dessous, les hacks pour IE */

* html #navigation li { /* IE6 */
   display: inline;
   margin-top: 9px;
}
*+html #navigation li { /* IE7 */
   display: inline;
   margin-top: 9px;
}

* html #footer div.stefiebar_widget { /* IE6 */
   display: inline;
}
*+html #footer div.stefiebar_widget { /* IE7 */
   display: inline;
}

/* Fin des hacks */


/* cadre des images*/
.pinkimg
{
border: 1px solid #FE047F;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.pinkimg a
{
margin-left: auto;
margin-right: auto;
text-align: center;
border: none;
}

#iar_box_outer
{
	text-align: left;
	width: 100%;
	margin-top: 5px;
	padding: 0;
}

 #iar_box_outer span
{
	text-align: left;
	padding: 0;
	width: 100%;
	margin: 5px 0 0;

}

 #iar_box_outer a
{
	border: 0;
	text-decoration: 0;
}

p.cboxelement
{
	border: 1px solid red;
	padding: 0;
	margin: 0;
}
/* cadre des images*/