/*
Theme Name: OpenCoffee
Theme URI: http://opencoffeerennes.com/
Description: OpenCoffee Club (Rennes).
Version: 0.2
Author: Petit Nuage
Author URI: http://petitnuage.fr/
Tags: YUI, Yahoo!, Petit Nuage
*/

/*
Dimensions (using YUI CSS 2.3.1):
	dimensions & padding:
		non-IE:	1px	=	em/13			=	em*0.076923076923076923076923076923077 
		IE:		1px	=	em/13.333333...	=	em*0.075000000000000000000000000000000
	img dimensions:
		non-IE:	1px	=	em/17			=	em*0.058823529411764705882352941176471
		IE:		1px	=	em/17.466666... =	em*0.057251908396946564885496183206129
*/

/* Generic */
html
{
}

body
{
}

i,em
{
	font-style:italic;
}

b,strong
{
	font-weight:bold;
}

dl
{
}

dt
{
	margin:1em 0 0.5em 0;
	font-size:116%;
	font-weight:bold;
	color:#111;
}

dd
{
	margin:0.5em 0 0.5em 0;
	font-size:116%;
	text-align:justify;
	color:#222;
}

/* Document */
#doc-out
{
	width:100%;
	background:#fff url(img/bckgrnd-tp-shadow.png) repeat-x top left;
}

#doc,
#doc2,
#doc3,
#doc4
{
}

#doc-in
{
}

/* Header */
#hd
{
	color:#fff;
}

#hd a:link,   /*keep order to conform to the CSS definition*/
#hd a:visited /*keep order to conform to the CSS definition*/
{
	color:#fff;
	text-decoration:none;
}

#hd a:focus, /*keep order to conform to the CSS definition*/
#hd a:hover, /*keep order to conform to the CSS definition*/
#hd a:active /*keep order to conform to the CSS definition*/
{
	color:#fff;
	text-decoration:underline;
}

#hd .navigation-out
{
	width:100%;
	background:#8ca6a2 url(img/bckgrnd-tp-navigation.png) repeat-x bottom left;
}

#hd .navigation
{
	margin:0 auto 0 auto;
	width:74.923em;/*non-IE; 74.923em = 974px / 13.000px/em*/
	*width:74.923em;/*IE; 73.050em = 974px / 13.333px/em*/
	text-align:center;
}

#hd .navigation-in
{
	padding:0.45em;
	text-align:left;
}

#hd .navigation ul
{
}

#hd .navigation li
{
	clear:none;
	float:left;
	margin:0 1.75em 0 0;
}

#hd .title-out
{
	width:100%;
	background:#fff url(img/bckgrnd-tp-shadow.png) repeat-x top left;
}

#hd .title
{
	margin:0 auto 0 auto;
	width:74.923em;/*non-IE; 74.923em = 974px / 13.000px/em*/
	*width:74.923em;/*IE; 73.050em = 974px / 13.333px/em*/
	text-align:center;
	color:#333;
}

#hd .title-in
{
	padding:0 0.45em 0 0.45em;
	text-align:left;
}

#hd .title a:link, /*keep order to conform to the CSS definition*/
#hd .title a:visited,
#hd .title a:focus,
#hd .title a:hover,
#hd .title a:active
{
	color:#333;
}

#hd .title .yui-g .yui-u
{
	padding:1em 0 0 0;
}

#hd .title .yui-g .yui-u.first
{
	padding:3.25em 0 3.25em 0;
	text-align:left;
}

#hd .title img
{
	clear:left;
	float:left;
	width:30.769em;/*non-IE: 400px*/
	*width:30.000em;/*IE: 400px*/
}

#hd .title ul
{
	clear:right;
	float:right;
	text-align:right;
}

#hd .title li
{
	clear:none;
	float:left;
	margin:0 1em 0 0;
}

#hd .title li a
{
	width:80px;/*keep px*/
	height:29px;/*keep px*/
	display:block;
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:top center;
}

#hd .title li a:link, /*keep order to conform to the CSS definition*/
#hd .title li a:visited
{
	background-position:top center;
}

#hd .title li a:focus, /*keep order to conform to the CSS definition*/
#hd .title li a:hover,
#hd .title li a:active
{
	background-position:center center;
}

#hd .title li.current a:link, /*keep order to conform to the CSS definition*/
#hd .title li.current a:visited,
#hd .title li.current a:focus,
#hd .title li.current a:hover,
#hd .title li.current a:active
{
	background-position:bottom center;
}

#hd .title li.order-1 a
{
	background-image:url(img/menu-home.png);
}

#hd .title li.order-2 a
{
	background-image:url(img/menu-about.png);
}

#hd .title li.order-3 a
{
	background-image:url(img/menu-rennes.png);
}

#hd .title li.order-4 a
{
	background-image:url(img/menu-archives.png);
}


#hd .title li span
{
	display:none;
}

#hd .description-out
{
	width:100%;
	background:#008a00 url(img/bckgrnd-tp-description.png) repeat-x top left;
}

#hd .description
{
	margin:0 auto 0 auto;
	padding:1.5em 0 1.5em 0;
	width:74.923em;/*non-IE; 74.923em = 974px / 13.000px/em*/
	*width:74.923em;/*IE; 73.050em = 974px / 13.333px/em*/
	text-align:center;
}

#hd .description-in
{
	text-align:left;
}

#hd .description p
{
	/*keep px to match the background image*/
	color:#fff;
	line-height:2em;
	font-size:108%;
	font-family:Verdana;
	text-align:justify;
}


/* Body */
#bd p.read-more a
{
	width:100px;/*keep px*/
	height:26px;/*keep px*/
	display:block;
	background-color:transparent;
	background-image:url(img/read-more.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#bd p.read-more a:focus,
#bd p.read-more a:hover,
#bd p.read-more a:active
{
	background-position:bottom left;
}

#bd p.read-more span
{
	display:none;
}

#bd a:link,
#bd a:visited
{
	color:#3f0500;
	text-decoration:none;
}

#bd a:focus,
#bd a:hover,
#bd a:active
{
	color:#b77c2e;
	text-decoration:none;
}

#bd .post
{
	margin:2em 0 2em 0;
}

#bd h1
{
	padding:0 0.45em 0.45em 0.45em;
	border-bottom:#ccc solid 1px;
	font-size:131%;
}

h1,h1 a:link,h1 a:visited,
h2,h2 a:link,h2 a:visited,
h3,h3 a:link,h3 a:visited,
h4,h4 a:link,h4 a:visited
{
	font-weight:bold;
	text-decoration:none;
}

h1 a:focus,h1 a:hover,h1 a:active,
h2 a:focus,h2 a:hover,h2 a:active,
h3 a:focus,h3 a:hover,h3 a:active,
h4 a:focus,h4 a:hover,h4 a:active
{
	text-decoration:underline;
}

h2
{
	margin:1em 0 0 0;
	font-size:123.1%;
}

h3
{
	margin:12px 0 0 0;
	font-size:108%;
}

#bd .post-date
{
	padding:0 0.75em 0 0;
	clear:right;
	float:right;
}

#bd .post-date p
{
	color:#888;
	font-weight:bold;
}

#bd .post-author
{
	margin:1.5em 0 1.5em 0;
	padding:0;
	clear:both;
	float:none;
}

#bd .post-author h2
{
	margin:0.7em 0 0.7em 0;
}

#bd .post-author p
{
	padding:0.75em 0 0.75em 0;
}


#bd .post-author img
{
	padding:0.75em 0.75em 0.375em 0;
	clear:left;
	float:left;
}

#bd .entry
{
	padding:0 0.75em 0 0.75em;
	margin:0 12.308em 0 0;/*non-IE: 160px*/
	*margin:0 12.000em 0 0;/*IE: 160px*/
}

#bd blockquote
{
	margin:0.5em 0 0.5em 0;
	padding:0.1em 1em 0.1em 1em;
	background-color:#f4f4f4;
}

#bd .sociable
{
	clear:both;
}

#bd .post-metadata
{
	margin:1em 0.75em 1em 0.75em;
	clear:both;
	width:36.769em;
	*width:36.000em;
	border:solid 1px #e5e5e5;
	background-color:#f8f8f8;
}


#bd .post-metadata h2
{
	display:none;
}

#bd .post-metadata ul
{
	padding:0.25em 0.25em 0.25em 0.25em;
}

#bd .post-metadata li
{
	margin:0.5em 0 0.5em 0;
	padding:0 0 0 2em;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none outside none;
	font-size:93%;
}

#bd .post-metadata .author
{
	background-image:url(img/post-author.png);
}

#bd .post-metadata .categories
{
	background-image:url(img/post-category.png);
}

#bd .post-metadata .tags
{
	background-image:url(img/post-tag.png);
}

#bd .post-metadata .date
{
	background-image:url(img/post-date.png);
}

#bd .yui-b .yui-g .yui-u
{
	text-align:right;
}

#bd .yui-b .yui-g .yui-u.first
{
	text-align:left;
}

#bd .yui-b h1
{
	margin:6px 0 0 0;
}


#bd p,
#bd ol li,
#bd ul li
{
	margin:1em 0 1em 0;
	font-size:108%;
	line-height:138.5%;
	text-align:justify;
	color:#555;
}

#bd ol,
#bd ul
{
	padding:0 0 0 39px;
}

#bd ol li
{
	margin:0 0 0 12px;
	list-style:decimal outside;
}

#bd ul li
{
	margin:0 0 0 12px;
	list-style:disc outside;
}

#bd .alignleft
{
	margin:0;
	padding:0 9px 0 0;
	clear:left;
	float:left;
}

#bd .alignright
{
	margin:0;
	padding:0 9px 0 9px;
	clear:right;
	float:right;
}


#bd .aligncenter,
#bd .centered
{
	margin:18px auto 18px auto;
	padding:0 9px 0 9px;
	clear:both;
	float:none;
	text-align:center;
}

#bd .aligncenter p,
#bd .centered p
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#bd div.alignright p
{
	text-align:right;
}

#bd div.alignleft p
{
	text-align:left;
}

#bd .alignleft p,
#bd .alignright p,
#bd .aligncenter p,
#bd .centered p
{
	color:#666;
	font-style:italic;
	font-weight:bold;
	font-size:100%;
}

#bd .alignleft p.first,
#bd .alignright p.first
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#bd img.size-thumbnail
{
	height:auto;
}

.comments
{
	padding:0 0 0 0.75em;
	width:36.923em;
	*width:36.000em;
}

.comments .yui-ga,
.comments .yui-gb,
.comments .yui-gc,
.comments .yui-gd,
.comments .yui-ge,
.comments .yui-gf
{
	margin:1em 0 1em 0;
}

.comments .yui-u.first p
{
	margin:1em auto 1em auto!important;
	text-align:center!important;
}
.comments p
{
	color:#888!important;
}

.main-menu
{
	clear:both;
	float:none;
	width:100%;
}

#bd .navigation
{
	padding:0 0.75em 0 0.75em;
	width:36.923em;
	*width:36.000em;
}

/* Sidebar */
#sb
{
	margin:2em 0 0 0;
}

#sb ul,
#sb ul li
{
	margin:0;
	padding:0;
	display:block;
	list-style:none inside none;
}

#sb .recent-comments li
{
	margin:0.5em 0 0.5em 0;
}

#sb .rss-link
{
	margin:0 auto 0 auto;
	text-align:center;
}

#sb .badge
{
	background-image: url(images/themes/default/sidebar/badge.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: none;
	height: 100px;
	margin:1.5em auto 1.5em auto;
	text-align:center;
	width:250px;
}

#sb .badge p
{
	display:none;
}

#sb .pictures
{
	margin:0 auto 0 auto;
	text-align:center;
}

#sb .pictures h2,
#sb .pictures p
{
	text-align:justify
}


#sb .pictures a:link,   /*keep order to conform to the CSS definition*/
#sb .pictures a:visited /*keep order to conform to the CSS definition*/
{
	margin:1em 0 1em 0;
	display:inline-block;
	border:solid 0.5em #e5e5e5;
}

#sb .pictures a:focus, /*keep order to conform to the CSS definition*/
#sb .pictures a:hover, /*keep order to conform to the CSS definition*/
#sb .pictures a:active /*keep order to conform to the CSS definition*/
{
	margin:1em 0 1em 0;
	display:inline-block;
	border:solid 0.5em #888;
}

/* Footer */
#ft-out
{
	padding:1em 0 1em 0;
	margin:1em auto 0 auto;
	width:100%;
	background:#fff url(img/bckgrnd-tp-shadow.png) repeat-x top left;
	border-top:#ddd solid 1px;
	text-align:center;
}

#ft
{
	margin:0 auto 0 auto;
	width:74.923em;/*non-IE; 74.923em = 974px / 13.000px/em*/
	*width:74.923em;/*IE; 73.050em = 974px / 13.333px/em*/
	text-align:center;
}

#ft-in
{
	
}

#ft p
{
	font-size:93%;
	color:#777;
}

#ft p a:link,   /*keep order to conform to the CSS definition*/
#ft p a:visited /*keep order to conform to the CSS definition*/
{
	color:#777;
	text-decoration:none;
}

#ft p a:focus, /*keep order to conform to the CSS definition*/
#ft p a:hover, /*keep order to conform to the CSS definition*/
#ft p a:active /*keep order to conform to the CSS definition*/
{
	color:#777;
	text-decoration:underline;
}

/* Advertizing */
.gam-300x250
{
	margin:0 1em 1em 0;
	padding:0;
	float:left;
	clear:left;
	background:transparent url(img/ad-300-white.png) no-repeat bottom center;
	width:300px;/*keep px!*/
	height:262px;/*262=250+12*//*keep px!*/
	overflow:hidden;
}

/* Spacing */
.spacer
{
	clear:both;
}

.spacer hr
{
	display:none;
}