/*
Theme Name: Au Contraire 
Theme URI: http://www.au-contraire.net
Description: Au Contraire skin
Version: 0.1
Author: Au Contraire
Tags: au contraire

*/



* {	margin: 0;	padding: 0; border:0;}
div.clear { clear:both}
.aligncenter  { text-align: center; margin-left: auto; margin-right:auto;}
html { overflow: auto; height: 100%;}
body {
	/*background:#fff url(http://www.au-contraire.net/media/theme/bkg.png) top left repeat-y;*/
	background-color:#fff;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height:0; 
	height: 100%;
	min-width:950px;
}



/* header */
#header { width: 820px;	height: 260px; margin: 0 auto; line-height:1.3; }

/* container */
#container { width: 820px; margin: 0 auto; line-height:1.3; background-color:#FFF; }

/* content */
#content {	width: 660px;	float: left; margin-left:20px; margin-top:20px;}
#content.wide {	width: 800px; margin:20px auto;}

#content h1 { color:#FF3300;font-size:13pt;}
#content h2 { color:#FF6600;font-size:11pt;}
#content h3 { color:#FF9900; font-size:10pt; }
#content h4 { color:#FF9900; font-size:9t; }
#content p { color:#666; font-size:7.5pt;}

#content blockquote {
background: url("http://www.au-contraire.net/media/theme/blockquote.jpg") no-repeat top left;
font-style: italic;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 30px;
padding-left: 30px;
}


#content h1 a { color:#FF3300;}
#content a 	{ color:#FF3300; text-decoration:none; }




#content .groupTitle {color:#888; font-size:7.5pt;  border-bottom: 1px solid #E0DDD9;}

#content .post {  width:640px; margin:7px auto 40px auto; padding-bottom:2px; border-bottom: 1px solid #E0DDD9 }
#content .editlink a{ color:#CCCCCC; }


#content .postListItem { margin-bottom:28px; margin-left:15px; float:left; width:240px; height:253px; background:url(http://www.riccardogiraldi.com/media/theme/Polaroid.png) top left no-repeat; }
#content .postListItem .thumb { margin: 16px 0 18px 17px; width:200px; height:160px; }
#content .postListItem h1 {  margin-left: 22px; font-size:10pt; }
#content .postListItem p {  margin-left: 22px; }

#content .copy { margin:15px 0; border-bottom: 1px solid #E0DDD9}
#content .copy img{ margin-bottom:20px;}
#content .copy p{ margin: 8px 0;}
#content .copy p.right{ text-align:right}
#content .copy .link, #content .copy a.link{  text-decoration:none;}
#content .copy a{	color:#f90;	border-bottom:1px dashed #FF3300;	text-decoration:none;}
#content .copy a:hover{	color:#a520a0;	text-decoration:none;}
#content .copy .title, #content .copy a.title, #content .copy p.title{ color:#f0027f; font-size:11pt; margin: 0;}


#content .postinfo { text-decoration:none; border-top: 1px solid #E0DDD9; color:#aaa; font-size:8pt}
#content .postinfo a { text-decoration:none; color:#999;}
#content .postinfo strong{ color:#f90; font-weight:bold;}
#content .postinfo em{ color:#999; font-style:normal;}



/* #menu */
#menu {  color:#f30; text-align:right; margin:0 28px;  border-bottom: 1px solid #E0DDD9;  padding-bottom:5px;}
#menu ul{list-style-type: none; display:block;}
#menu li{display: inline; font-weight:bold; font-size:8pt; line-height:1.8;}
#menu li:first-child:before { content:""}

#mainmenu a{ color:#f30; text-decoration: none;padding:0 3px; margin:0 2px;}
#mainmenu a:hover{color: #333;}
/*#mainmenu a.active{ color:#333;}
#mainmenu a.active:before{ color:#f00; content:"[ "}
#mainmenu a.active:after{ color:#f00; content:" ]"}*/
#mainmenu a.working{ color:#555; text-decoration:line-through;}
#mainmenu em{ font-weight:normal; font-style:normal; font-size:7pt;}
#mainmenu li:first-child:before { content:""}
#mainmenu li:before{ color:#E0DDD9;; content:" | "}

#submenu {margin-top:1px; margin-right:8px;}
#submenu li{font-size:8pt; font-weight:normal; line-height:1.3;}
#submenu li:first-child:before { content:""}
#submenu li:before{ color:#E0DDD9;; content:" | "}
#submenu a{ color:#f60; text-decoration: none;padding:0 2px; margin:0 1px;}
#submenu a:hover{color: #333;}
#submenu a.active{ color:#333; text-decoration:underline;}



/* comments */
#comments { margin: 20px 0; }
#comments h3{ width:640px; color:#981b1f; margin:5px auto;}
#comments p{ margin:10px;}
#comments li { margin: 20px auto; width:640px; list-style-type: none; border-bottom: 1px solid #E0DDD9; font-size:10pt;}
#comments li.alt { background-color:#fcfcfc;}
#comments h4 { color:#f0027f; font-size:9pt;}
#comments h4 a{ text-decoration:none; font-style:normal; color:#f0027f;}
#comments .copy p { margin-left:20px;}
#comments .commentmetadata {color:#888; font-size:7pt; }

#comments_form {width:640px;  margin:5px auto;}
#comments_form p { margin: 7px 0;}
#comments_form label { color:#981b1f;}
#comments_form input[type="text"] { border:1px solid #E0DDD9; display:block; padding:1px;}
#comments_form input[type="submit"] { border:1px solid #E0DDD9; display:block;}
#comments_form textarea { border:1px solid #E0DDD9; width:510px; padding:5px;}




/* sidebar */
#sidebar {	float:right; width: 100px; margin-right: 20px;}
#sidebar ul {	font-weight: bold;	list-style-type: none; }
#sidebar ul li { color:#333333;	font-size: 8pt;	font-weight:bold;	margin: 5px 0;	padding: 1px 10px;	border-bottom: 0 solid #E0DDD9;}
#sidebar ul li a{text-decoration:none;display:block; color:#333;}
#sidebar ul li a.active { color:#f30;text-decoration:underline;}
#sidebar ul li a:hover{	color:#333;}
#sidebar ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	text-align: left;
}
#sidebar ul ul li {
	padding: 1px 0;
	font-size: 7.5pt;
	border:none;
}
#sidebar ul ul li a {
	color: #888;
	text-decoration: none;
	font-weight:normal;
}
#sidebar ul ul li a:hover{
	color: #555;
	text-decoration:underline;
}
#sidebar ul ul li a:hover {
	color:#a520a0; /*color:#333;*/
}
#sidebar ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}


/* footer */

#footer{
	clear:both;
	text-align:center;
	padding: 20px 0;
}

#footer .credits{
	
	height:30px;
}



/* pagebar */


div.pagebar {
font : 11px Arial, Helvetica, sans-serif;
padding-top : 20px;
padding-bottom : 10px;
text-align : center;
font-weight : bold;
color : #666;
}

div.pagebar a, div.pagebar .pageList, div.pagebar .this-page {
padding : 2px 6px;
border : 1px solid #ddd;
background : #fff;
text-decoration : none;
}

div.pagebar a:visited {
padding : 2px 6px;
border : 1px solid #ddd;
background : #fff;
text-decoration : none;
}

div.pagebar .break {

padding : 2px 6px;

border : none;

background : #fff;

text-decoration : none;

}

div.pagebar .this-page {
padding : 2px 6px;
border-color : #999;
font-weight : bold;
font-size : 13px;
vertical-align : top;
background : #fff;
}

div.pagebar a:hover {
color : #f30;
border-color : #f30;
text-decoration : none;
}