/*************************************************
 * Name: Autunno
 * Date: 10-12-2008
 * Description: Layout a una colonna stile autunno
 * Author: Matteo Carletti
 * Contact: carlettiteo (at) gmail (dot) com
**************************************************/

/* Standard elements */
* {margin:0; padding:0}
body {background:#474747 url('img/body.gif') repeat-y center top; font:normal 0.75em Tahoma,Verdana,san-serif}
a {color:#FFF; text-decoration:none}

/* Begin Images */
p img {padding:0; max-width:100%}
img.centered {display:block; margin-left:auto; margin-right:auto}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline}
img.alignleft {padding:4px;	margin:0 7px 2px 0;	display:inline}
.alignright {float:right}
.alignleft {float:left}

/* Headings */
h1 {font:normal 2em sans-serif; margin-top:1em}
h2 {font:normal 1.8em sans-serif; margin-top:0.8em}
h3 {font:bold 1.3em sans-serif; margin-top:0.6em}
h4 {font:bold 1.1em sans-serif; margin-top:0.4em}
h1,h2,h3,h4 {color:#444}

/* Misc elements */
code {
	background:url('img/code.gif');
	border-left:6px solid #1664D9;
	border:1px solid #F0F0F0;
	color:#555;
	display:block;
	font:normal 1em "Lucida Sans Unicode",serif;
	margin-bottom:12px;
	padding:8px 10px;
	white-space:pre
}
blockquote {
	background:#F3F3F3 url('img/quote.gif') no-repeat;
	border-bottom:1px solid #EEE;
	border-top:1px solid #EEE;
	color:#5c2e00;
	display:block;
	font:normal 1.3em sans-serif;
	margin:1em 0;
	padding:0.6em 1em 0.2em 40px
}
ol {margin:0 0 1.2em 2em}

/* Captions */
.aligncenter,
div.aligncenter {display:block;	margin-left:auto;	margin-right:auto}
.wp-caption {border:1px solid #DDD; text-align:center; background-color:#F3F3F3; padding-top:4px;	margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.wp-caption img {margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px;	margin:0}

/* Struttura */
#main {width:780px;	border-top:6px solid #FFF; margin:0 auto}
#main_center {width:780px}
#main_left {float:left; width:520px}
#main_right {float:right; width:253px}

/* Misc */
.left {float:left}
.right {float:right}
span.comment {padding-left:18px; background:url('img/icon_comment.gif') no-repeat left center}
.clearer {clear:both; font-size:0; height:0}

/* Header */
#header {background:#45484c url('img/header_cover.jpg') repeat-x;	border-bottom:6px solid #FFF;	height:180px}
#header h1 {font:normal 2.2em Verdana,sans-serif;	margin:0;	padding:124px 0 0 24px}

/* Header Menu */
#header_menu {background:url("img/header_menu_bg.gif") repeat-x; height:35px;	width:253px; float:left; border-bottom:6px solid #FFF} 
#navcontainer { margin:0; padding:0 0 0 2px} 
#navcontainer UL {
	list-style:none;
	margin:0;
	padding:0;
	border:none
} 
#navcontainer LI {
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:auto
} 
#navcontainer A {
	color:#FFF;
	display:block;
	width:auto;
	text-decoration:none;
	background-color:transparent;
	margin:0;
	padding:10px 9px 10px 10px;
	border-top:0;
	border-right:1px solid #FF796A;
	font-weight:bold
} 
#navcontainer A:hover, #navcontainer A:active {background:url("img/header_menu_bg_over.gif") repeat-x; color:#333} 
#navcontainer A.active:link, #navcontainer A.active:visited {position:relative;	z-index:102; background:#BBB} 

/* Main Navigation */
#navigation ul,#navigation li {margin:0; padding:0}
#navigation li {list-style:none}
#navigation {background:#cd9934 url('img/grdnt_black.jpg') repeat}
#navigation a {border-bottom:1px solid #FFF; display:block;	font:bold 1em Verdana,sans-serif;	height:1.8em;	padding:0.6em 0 0 1em; text-decoration:none}
#navigation a:hover {background:#ff7c00}

/* Sidebar Label */
.label {
	background:#333 url('img/label.gif') no-repeat;
	clear:both;
	color:#EEE;
	font:normal 2em "Lucida Sans Unicode",sans-serif;
	height:50px;
	line-height:50px;
	overflow:hidden;
	text-align:center;
	font-weight:normal;
	font-variant:normal
}

/* Elenco puntato */
ul.block, .block ul {
	background:#cd9934;
	border-top:1px solid #ffb269;
	margin:0;
	padding:0
}
.block li {
	border-bottom:1px solid #ffb269;
	list-style:none
}

.block a {
	background:url('img/block.jpg') repeat-x left top;
	color:#6b3501;
	display:block;
	font:normal 1.2em Verdana,sans-serif;
	padding:0.6em 2% 0.6em 5%;
	width:92%
}
.block a:hover {
	background:#ff7c00;
	color:#FFF
}
.block a em {
	color:#999;
	display:block;
	font:normal 0.8em Verdana,sans-serif;
	margin-top:0.3em
}

/* Contenuti */ 
#content {color:#444;	font-family:Verdana,sans-serif;	line-height:1.3em; padding:0 1em 1em}
#content a {color:#1664DA}
#content a:hover {text-decoration:underline; color:#06F}
#content p {margin:0.4em 0 1em 0}
#content .descr {color:#666; margin-bottom:0.5em}
#content ul li {list-style:url('img/li.gif')}
#content ul {margin-left:1.8em}

/* Footer */
#footer {color:#666; clear:both}
#footer .right {color:#555}
#footer .right a {color:#555}
#footer .right a:hover {color:#777;	text-decoration:underline}
#footer .left a {color:#777}
#footer .left a:hover {color:#333; text-decoration:underline}
#footer .left {border-top:1px solid #F0F0F0; padding:9px 0 9px 9px;	width:507px}
#footer .right {margin-right:1em;	padding:0.8em 0; text-align:right; width:220px}

/* Posting */
.post_info {background:#FAFAFA;	border:1px solid #EEE; color:#555; margin-bottom:1em;	padding:0.6em 0.7em;}

/* Commenti */
#comments {padding-top:20px; margin:30px auto 20px;	border-top:0.2em dotted #33CCFF}
.commentlist {margin:1em 0 0 0; padding:0}
.commentlist li {margin-bottom:1.2em; padding-left:7px; border:1px solid #DDD; list-style:none}
.graybox {padding:0; background-color:#F3F3F3; border:1px solid #DDD}

#commentform {margin:1em 0;	width:360px}
.commentmetadata {padding:0.2em 0 0.4em; color:#469}
.commentmetadata a {color:#444; text-decoration:none}
.commentmetadata a:hover {text-decoration:underline}

textarea.styled {width:320px; overflow:auto}
.styled {font-size:1.1em;	background:#F8F7F6;	border:1px solid #D6D3D3}
.styled:hover {background:#FFF;	border:1px solid #D6D3D3}
.styled:focus {background:#FFF;	border:1px solid #939793}

#commentform input {margin-bottom:3px}
#respond {padding-top:20px; margin:30px auto 20px; border-top:0.2em dotted #33ccff}
.postmetadata {text-align:left;	color:#777;	padding-left:10px; background-color:#F3F3F3}