/*
Theme Name: Laccetti 2.0
Theme URI: http://www.aelletech.com/2008/05/29/laccetti-20/
Description: This is a Web2.0 Template With Flickr & Twitter Support, with 2 or 3 columns.
Author: Aelle
Author URI: http://www.aelletech.com

/*-----------Block Level Elements--------------*/

body{ font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:15px;
	font-size:11px;
	font-family:Lucida Grande, Verdana, sans-serif;
	color:#DDDDDD;
	background-image: url(images/bg.jpg);
	background-position: top;
	background-repeat: x-repeat;
	margin: 0px;
	background-color: #555555;
	background-attachment: fixed; }
h2,h3,h1,p{margin: 0px;}
a{text-decoration: none; color: #ffcd00; }
ul{ list-style-position: outside; margin: 0px;  }
li{ list-style-position: outside; }

h2.pagetitle{color: #555555;
font-weight: normal;
text-align: center;
border-top: 1px #444444 dotted;
padding-top: 10px;
padding-bottom: 10px;
background-color: #252525;
border-bottom: 1px #444444 dotted;
margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}

h2.pagetitle cite{color: #888888;
font-style: normal;
}


.centra{ margin: 0px auto 0px auto;}
#sidebar .ricerca{ padding-left:20px ;}
p.tags{ text-align: center; }

#wrapper{ width: 800px; margin: 0px auto; }
#sopra{ background: #787878 url(images/sopra.jpg) no-repeat left top; overflow: hidden;}
#sopra .menu{ float: right;height: 31px; line-height: 35px; }
#sopra .menu li{float: left;padding-left: 10px; padding-top: 12px; padding-bottom: 10px;display: inline; padding-right: 10px;text-transform: uppercase; border-left:1px #000000 dotted ; color: #000000; font: 1.1em Arial, Helvetica, Geneva, sans-serif; }
#sopra .menu li.current_page_item{background: url(images/bgmenuact.jpg) repeat-x left top;  }
#sopra .menu li.current_page_item a{ border-bottom: 1px #99CC00 dotted; }
#sopra .menu li:hover{ background: url(images/bgmenuhov.jpg) repeat-x left top; }
#sopra .menu li:hover a{ color: white; }
#sopra .menu a{color: #000000;}
#centro{ clear: both; background: url(images/header.jpg) repeat-x left top; overflow: hidden;}
#centro #logo{padding-top: 27px;  padding-left: 20px;width: 300px; display: block; float: left;}
#centro #logo h1{font-size: 2.0em; font-weight: normal; font-style: normal; color: #FFFFFF;}
#centro #logo h1 a{ color: #FFFFFF; }
#centro #logo p{ color: #999; font-style: italic; }
#centro #flickr{padding-top: 14px;float: right; width: 384px;  height: 88px; background: url(images/flickr.jpg) no-repeat right top; text-align: right; padding-right: 10px;}
#centro #flickr img{ margin-right: 5px; margin-left: 10px; padding: 2px; border: 1px dotted #760032;}
#centro #flickr img:hover{ border: 1px solid #000000; }
#centro #flickr a{ }

#sottoheader{ background: url(images/sottoheader.jpg) repeat-x left top; height: 39px; overflow: hidden;}
#sottoheaderleft{padding-left: 10px; float: left;  line-height: 30px;}
a.feedRSS span{ color: #e26222; }
 a.feedRSS{ background: url(images/rss.png) no-repeat left center; padding-left: 26px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; color: #ccc;}
a.feedRSS:hover{ color: #e26222; border-bottom: 1px #FFFFFF dotted; }
#twitter_div{ background: url(images/twitter.jpg) no-repeat left top; width: 589px; height:39px; float: right; line-height: 10px; color: #eeeeee;}
#twitter_div .twitter-timestamp{ font-size: 9px; color:#ffcd00; border:0px; }
#twitter_div p{padding-top:7px; padding-left:140px;}


#page{ overflow: hidden; }
#content{width: 515px; float: left; margin:10px ; }
#content .post{border: 1px #555555 solid; background: #444444 url(images/bgpost.jpg) repeat-x left top; margin-bottom: 20px;}
#content .post img{max-width: 480px; height: auto; margin: 2px;}
#content .post .title {padding-left: 5px; overflow: hidden; padding-bottom: 0px; margin-bottom: 3px;}
#content .post .posttitle {display: block;}

#content .post .posttitle h2{padding-top: 15px; font-size: 1.8em; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #c8cf00; padding-left: 5px; color: #FFFFFF;}
#content .post .posttitle h2 a{ color: #FFFFFF; }
#content .post .posttitle h2 a:hover{ color: #DDDDDD; }

#content .post .title p{padding-top: 2px; display: inline; padding-left: 5px; text-transform: uppercase; color: #777777; font: 0.8em Arial, Helvetica, Geneva, sans-serif; border-left: 1px #c8cf00 solid; margin-right: 5px; float: right;}
#content .post .title a{ color: #AAAAAA; }
#content .post .title a:hover{ color: #EEEEEE; }

#content .post .date{ display: inline; width:auto;padding-top: 2px;text-align: center; float: right; background: url(images/bgdate.png) no-repeat left top; height: 33px;padding-right: 5px; padding-left: 10px; }
#content .post .date p{float: none; display: block; border: 0px; margin: 0px; padding: 0px; }
#content .post .date p.data{ color: #BBBBBB; font: 1.2em Georgia, "Times New Roman", Times, serif; }
#content .post .date p.comments{text-align: right; font-size: 0.8em; color: #DDDDDD;}
#content .post .date p.comments a{ color: #DDDDDD; }
#content .post .date p.comments a:hover{ color: #FFFFFF; border-bottom: 1px #FFFFFF dotted; }

#content .post .posttext{ padding:0px 5px 0px 5px ; font-size: 1.0em; }
#content .post .posttext h2,#content .post .posttext h3{ font-size: 1.2em; color: #ffffff; text-transform: uppercase; margin-top: 15px; padding-left: 5px; border-bottom: 1px #555555 dotted; font-weight: bold; } 
#content .post .posttext p{ padding-top: 2px; padding-bottom: 2px;  }
#content .post .posttext a{ border-bottom: 1px #AAAAAA dotted;}
#content .post .posttext a:hover{ color: #FFFFFF;border-bottom: 1px #FFFFFF dotted; }

#content .post .metadown{margin-top: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; color: #666666; font-size: 0.8em; background: #333333 url(images/bgmetadown.jpg) repeat left top; }
#content .post .metadown a{color: #888888; font-style: italic; }
#content .post .metadown a:hover{color: #AAAAAA; border-bottom: 1px #EEEEEE dotted; }

/* -- Navigations -- */

/*--------------Sidebar------------*/

#sidebar{ width: 260px; float: right; margin-right: 5px; padding-top: 10px;}

input#s{background-color: #222222; width: 70%; height: 20px;border: 0px; border-bottom: 1px #AAAAAA solid; color: #666666; font-size: 1.2em;}
 input#searchform{ width: 100%; }
 input#searchsubmit{  height: 26px; background: #888888 url(images/bgsearch.jpg) no-repeat left top; width:50px; border: 1px #999 solid;}

#sidebar .sidebox {
	background-color:#333333;
	margin-top: 15px;
	border-style: solid;
	border-color: #555555;
	margin-bottom: -10px;
	border-width: 1px;
	padding: 2px;
	background-image: url(images/bgsidebox.jpg);
	background-position: top;
	background-repeat: repeat-x;
	}
#sidebar .sidebox h2 {
	text-transform: uppercase;
	color: #EEEEEE;
	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	margin-bottom:4px;
	padding-left: 10px;
	font-size: 14px;
	margin-top: 0px; background: #444444 url(images/bgsideboxh2.jpg) repeat left top; }



#sidebar .sideflat {
	margin-top: 5px;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-bottom: 5px;

	}
#sidebar .sideflat h2 {
	text-transform: uppercase;
	color: #EEEEEE;	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	margin-bottom:0px;
	font-size: 14px;
	margin-top: 0px;
}


#sidebar ul { list-style-position: outside; margin-left: 0px; padding-left: 0px; 
margin-top: 2px; padding-top: 2px;
list-style: none; }

#sidebar li { 
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
margin-bottom: 5px; 
padding: 0px; 

}


#sidebar table {
	width:100%;
}


#sidebar ul h2 {
        list-style:none;
	margin-left: 0px;
	
}

#sidebar ul li { 
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
margin-bottom: 5px; 
padding: 0px; 
 }

#sidebar ul ul {

}

#sidebar ul ul li {

}

#sidebar ul ul ul {

}

#sidebar p {

}

#sidebar a {
	color: #999999;
	text-decoration: none;
}
#sidebar a:hover {
	color: #FFFFFF;
}

/* -- Comment -- */
ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}
	
.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background-color: #333333;
	background-position: top;
	background-repeat: no-repeat;
	border-bottom:1px solid #c9cf00;
	color:#AAAAAA;
}
	

.commentlist cite a{
	font-size: 9px;
}
.commentlist a:link, .commentlist a:visited {
	color: #777;
	text-decoration: none;
}

.commentlist a:hover, .commentlist a:active {
	color:#999999;
}

.commentlist a:hover{ color: #FFFFFF;border-bottom: 1px #FFFFFF dotted; }

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:6px;
	}


.commentlist .author {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	}
.commentlist .author a{
	font-size: 13px;
	color: #ccc;

	}

.commentlist .time {
	background: url(images/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	margin-left: 30px;
	font-size: 9px;
	}

.commentlist .time a{
	font-size: 9px;
	}
	
.commenttext {
	border-top: 1px solid #c9cf00;
	color:#AAAAAAA; background-color: #444; }
	
.commenttext p{
	padding: 0 0px 5px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}


h3.comments{color: #c8cf00; font-weight: bold; padding-bottom: 10px;}
h3.comments cite{
	color: #969b00;
font-weight: normal;
font-style: normal;
}
h3.respond{clear: both;color: #c8cf00; font-weight: bold;
}

#commentform{
	padding-top: 10px;
}

#commentform a{
	color:#666666;
}

#commentform p{
	padding-left: 10px;
}
#author {
	border:0px;
	border-bottom: 1px solid #CC6633;
}
#email {
	border:0px;
	border-bottom: 1px solid #CC6633;
}
#url {
	border:0px;
	border-bottom: 1px solid #FFCC99;
}
span.required{
	color: #CC6600;
}
#commentform textarea{
border:0px;
color: #DDDDDD;
border-bottom: 2px double #555555;
border-left: 2px double #555555;
background-color: #222222;
}
#commentform input{ background-color: #222222; color: #DDDDDD;
 }

#submit{
	background-color:#666666 ;
	border:1px #CC6600 dotted;
	color: #CCCCCC;
	padding-left: 10px;
	padding-right: 10px;
	font: small-caps 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#submit:hover{
	background-color:#999999 ;
	border:1px #CC6600 dotted;
	color: #DDDDDD;
	text-decoration: underline;
	padding-left: 10px;
	padding-right: 10px;
	font: small-caps 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}




/* -- Footer -- */
#footer {margin-top: 10px;  }
#footer .menu{text-align: center; height: 31px; line-height: 36px; background: url(images/footer.jpg) repeat; }
#footer .menu li{padding-left: 5px;padding-top: 5px; padding-bottom: 5px; display: inline; padding-right: 5px;text-transform: uppercase; border-left:1px #000000 dotted ; color: #000000; font: 1.1em Arial, Helvetica, Geneva, sans-serif; }
#footer .menu li:hover a{ color: #AAAAAA; }
#footer .menu a{color: #000000;}
#footer #sotto{text-align: center; padding-top: 5px; padding-bottom: 5px; color: #666666;}
#footer #sotto a{ color: #999999; }
#footer #sotto a:hover{ color: #CCCCCC; }