/*  
Theme Name: AOS second version
Description: AOS theme used in the Art is Open Source website
Version: 1.0
Author: Salvatore Iaconesi
Author URI: http://www.artisopensource.net
Tags: white, black, three-columns, right-sidebar, fixed-width

Additional info: in posts, create a custom field named "image" and store in it the URL of an image to set it as a thumbnail for the post. Otherwise the image "default-center.png" in the template directory will be used.

*/
/*
This theme is released under a GPL2 license. You can read it here: http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt
*/

html,body{
	background: #FFFFFF ;
	color: #000000;
	font: 10px sans-serif;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}


a{
text-decoration: none;
}

div#left-column img{
display: none;
}

div#pagina{
width: 960px;
margin: auto;
padding: 0px;
border: 0px;
}

div#barra-superiore{
width: 960px;
float: left;
margin: 0px;
padding: 0px;
margin-top: 12px;
}

div#logo{
width: 200px;
float: left;
margin: 0px;
padding: 0px;
}


div#pages{
width: 760px;
float: left;
margin: 0px;
padding: 0px;
}


ul#top-menu{
display: block;
list-style: none;
width: 760px;
float: left;
margin: 0px;
padding: 0px;
overflow: hidden;
}

ul#top-menu li{
display: block;
list-style: none;
width: 178px;
float: left;
margin: 0px;
margin-left: 12px;
padding: 0px;
overflow: hidden;
background: #000000;
color: #FFFFFF;
font: 12px sans-serif;
}

ul#top-menu li:hover{
display: block;
list-style: none;
width: 178px;
float: left;
margin: 0px;
margin-left: 12px;
padding: 0px;
overflow: hidden;
background: #00FF00;
color: #000000;
font: 12px sans-serif;
}

ul#top-menu li a, ul#top-menu li a:visited, ul#top-menu li a:hover{
background: inherit;
color: inherit;
text-decoration: none;
display: block;
list-style: none;
width: 166px;
float: left;
margin: 0px;
padding: 6px;
overflow: hidden;
font: 12px sans-serif;
} 


div#footer{
float:left;
width: 960px;
padding: 0px;
margin:0px;
margin-bottom: 24px;
border-top: 1px dotted #000000;
background: #f2f2f2;
color: #000000;
font: 10px sans-serif;
}

div.footer-block{
float:left;
width: 168px;
padding: 0px;
margin:12px;
background: #f2f2f2;
color: #000000;
font: 10px sans-serif;
}

div.footer-block a{
color: inherit;
background: inherit;
text-decoration: none;
}


div#content{
float:left;
width: 960px;
margin: 0px;
margin-top: 24px;
margin-bottom: 24px;
padding: 0px;
border:0px;
}

div#left-column{
float:left;
width: 366px;
margin: 0px;
padding: 0px;
margin-right: 24px; 
padding-top: 12px;
padding-bottom: 12px;
background: #FFFFFF;
color: #000000;
min-height: 20px;
overflow: hidden;
}

div#center-column{
float:left;
width: 356px;
margin: 0px;
padding: 0px;
margin-right: 24px;
padding-top: 12px;
padding-bottom: 12px;
background: #FFFFFF;
color: #000000;
min-height: 20px;
}

div#bottom-column{
float:left;
width: 770px;
margin: 0px;
padding: 0px;
margin-right: 0px;
padding-top: 24px;
padding-bottom: 24px;
background: #EEEEEE;
color: #000000;
min-height: 20px;
}


div.top-column{
float:left;
width: 912px;
margin: 0px;
padding: 24px;
margin-buttom: 32px;
background: #FFFFFF;
color: #000000;
min-height: 20px;
}

div.top-post{
float:left;
width: 912px;
margin: 0px;
padding: 0px;
margin-buttom: 32px;
background: #FFFFFF;
color: #000000;
min-height: 20px;
}

div.top-message{
float:left;
width: 912px;
margin: 0px;
padding: 0px;
margin-top: 24px;
margin-bottom: 24px;
min-height: 20px;
font: 12px Arial, Helvetica, sans-serif;
line-height: 16px;
}


div.top-post-left{
float:left;
width: 80px;
margin: 0px;
padding: 0px;
}


div.top-post-right{
float:left;
width: 832px;
margin: 0px;
padding: 0px;
}

div.top-post-title{
float:left;
width: 832px;
margin: 0px;
padding: 0px;
font: bold 32px Arial, Helvetica, sans-serif;
line-height: 28px;
}

div.top-post-excerpt{
float:left;
width: 832px;
margin: 0px;
padding: 0px;
font: 20px Arial, Helvetica, sans-serif;
line-height: 18px;
}


div#right-column{
float:left;
width: 190px;
background: #FFFFFF;
color: #000000;
min-height: 20px;
margin: 0px;
padding: 0px;
padding-top:24px;
margin-top: 0px;
}


div.post-preview-left{
float: left;
width: 350px;
padding: 8px;
margin:0px;
margin-bottom: 24px;
}

div.post-preview-title-left{
float: left;
width: 350px;
padding: 0px;
margin:0px;
margin-bottom: 8px;
font: italic 24px serif;
}

div.post-preview-title-left a, div.post-preview-title-left a:visited{
text-decoration: none;
color: inherit;
background: inherit;
}

div.post-preview-title-left a:hover{
text-decoration: underline;
}

div.post-preview-excerpt-left{
float: left;
width: 350px;
padding: 0px;
margin:0px;
margin-bottom: 4px;
}

div.post-preview-tags-left{
float: left;
width: 350px;
margin: 0px;
padding: 0px;
}

div.post-preview-tags-left a, div.post-preview-tags-left a:visited{
text-decoration: none;
color: #FFFFFF;
background: #000000;
font: 10px sans-serif;
}

div.post-preview-tags-left a:hover{
text-decoration: none;
color: #000000;
background: #00FF00;
font: 10px sans-serif;
}

div.post-preview-center{
float: left;
width: 347px;
overflow: hidden;
margin:0px;
padding:0px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 8px;
background: #000000;
color: #FFFFFF;
}

div.post-preview-bottom{
float: left;
width: 172px;
overflow: hidden;
margin:0px;
padding:0px;
margin-right: 20px;
margin-bottom: 16px;
background: inherit;
color: #000000;
}

div.post-preview-center2{
float: left;
width: 172px;
overflow: hidden;
margin:0px;
padding:0px;
margin-right: 6px;
margin-bottom: 8px;
background: #000000;
color: #FFFFFF;
}


div.post-preview-title-center{
float: left;
width: 327px;
height: 80px;
max-height: 80px; 
overflow: hidden;
margin:10px;
padding:0px;
font: 10px sans-serif;
}


div.post-preview-title-bottom{
float: left;
width: 160px;
height: 60px;
max-height: 60px; 
overflow: hidden;
margin:0px;
margin-left:6px;
margin-right:6px;
margin-bottom:6px;
padding:0px;
font: 10px sans-serif;
}

div.post-preview-excerpt{
float: left;
width: 327px;
height: 250px;
max-height: 250px;
margin:10px;
padding:0px;
background: transparent;
color: #000000;
}

div.post-preview-excerpt-bottom{
float: left;
width: 160px;
height: 160px;
max-height: 160px;
margin:6px;
padding:0px;
background: transparent;
color: #000000;
}

div.post-preview-title-center  a,div.post-preview-title-center  a:visited{
text-decoration: none;
color: inherit;
background: inherit;
}

div.post-preview-title-center  a:hover{
text-decoration: underline;
}

div.post-preview-title-bottom  a,div.post-preview-title-bottom  a:visited{
text-decoration: none;
color: inherit;
background: inherit;
}

div.post-preview-title-bottom  a:hover{
text-decoration: underline;
}

div#center-column img, div#bigcolumn2 img{
background: #FFFFFF;
}

ul#sidebar{
display: block;
float: left;
list-style:none;
width: 190px;
padding: 0px;
margin: 0px;
overflow: hidden;
}

ul#sidebar li{
display: block;
float: left;
list-style:none;
width: 174px;
padding: 8px;
padding-bottom: 12px;
margin: 0px;
margin-bottom: 24px;
border-bottom: 1px dotted #333333;
}

ul#sidebar li h2{
font: 18px serif;
margin: 0px;
margin-bottom: 4px;
}


ul#sidebar li ul{
display: block;
list-style: square;
padding: 0px;
padding-left: 12px;
margin: 0px;
width: 162px;
}


ul#sidebar li ul li{
display: block;
list-style: square;
padding: 0px;
padding-top: 2px;
padding-bottom: 2px;
margin: 0px;
width: 162px;
border: 0px;
overflow: hidden;
}

ul#sidebar  a, ul#sidebar  a:visited{
text-decoration: none;
color: inherit;
background: inherit;
}

ul#sidebar  a:hover{
text-decoration: underline;
color: inherit;
background: inherit;
}

div#bigcolumn{
display: block;
float: left;
width: 722px;
margin: 0px;
margin-right: 24px;
padding: 12px;
}

div#bigcolumn2{
display: block;
float: left;
width: 746px;
margin: 0px;
margin-right: 24px;
padding: 0px;
padding-top: 12px;
}

div.post{
display: block;
float: left;
width: 722px;
margin: 0px;
padding: 0px;
}

div.post-title{
display: block;
float: left;
width: 722px;
margin: 0px;
padding: 0px;
font: italic 40px serif;
margin-bottom: 24px;
}

div.post-title a, div.post-title a:visited{
text-decoration: none;
color: inherit;
background: inherit;
}

div.post-title a:hover{
text-decoration: underline;
color: inherit;
background: inherit;
}

div.post-content{
display: block;
float: left;
width: 706px;
margin: 0px;
padding: 8px;
line-height: 18px;
font: 12px Arial, Helvetica, sans-serif;
}


div.comments-section{
display: block;
float: left;
width: 722px;
margin: 0px;
padding: 8px;
border-top: 1px dotted #000000;
}

div.post-tags{
display: block;
float: left;
width: 722px;
margin: 0px;
padding: 8px;
border-top: 1px dotted #000000;
}

div.post-tags a, div.post-tags a:visited{
text-decoration: none;
color: #FFFFFF;
background: #000000;
}

div.post-tags a:hover{
text-decoration: none;
color: #000000;
background: #00FF00;
}

div.post img{
border: 0px;
}

div.post-content a, div.post-content a:visited{
text-decoration: none;
background: #000000;
color: #FFFFFF;
font: 10px sans-serif;
padding: 2px;
}

div.post-content a:hover{
text-decoration: none;
background: #00FF00;
color: #000000;
font: 10px sans-serif;
padding: 2px;
}

div#bigcolumn2 h2{
display: block;
float: left;
width: 722px;
margin: 0px;
padding: 0px;
font: italic 40px serif;
margin-bottom: 24px;
}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
} 

.alignleft {
   float: left;
} 

.alignright {
   float: right;
} 

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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;
} 

div.post-content div.wp-caption a, div.post-content div.wp-caption a:visited{
text-decoration: none;
background: #f3f3f3;
color: #000000;
} 

div.post-content div.wp-caption a:hover{
text-decoration: underline;
background: #f3f3f3;
color: #000000;
}

div#subpagescontainer{
float: right;
margin: 0px;
margin-top: 10px;
margin-left: 24px;
margin-bottom: 24px;
padding: 24px;
border: 1px dotted #000000;
}