/*
Theme Name: Hitframe Blog
Theme URI: http://www.hitframe.it
Description: Architettura Giovanile - HITFRAME
Version: 1.0
Author: hitframe.it
Tags: light, fixed width, three columns, widgets
*/
 a:link, a:hover, a:visited {
	border:none;
	text-decoration: underline;
	color: #333333;
}

body{
	background:#f3f3f3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px;
	padding: 0px;
}
img a, a img{
	border:none;
	text-decoration: none;
}
#contianer{
	width:963px;
	display:table;
	margin-right: auto;
	margin-left: auto;
	background-color: #fefefe;
	background-image: url(images/container.gif);
	background-position: 0px 0px;
	margin-top: 0px;
	position: relative;
}
#container2{
	display:table-cell;
	padding-top: 45px;
	padding-right: 0;
	padding-left: 65px;
	background-image: url(images/containerbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#abovemenu{
width:860px;
height:40px;
}
#abovemenu #rssfeed{
width:62px;
height:30px;
float:right;
cursor:pointer;
margin:5px 0 0 0;
}

#mainmenu{
	width:860px;
	height:40px;
	background:url(images/menubg.gif) no-repeat;
	margin-bottom: 5px;
}

#mainmenu ul{
display:inline;
margin:0;
padding:0 0 0 10px;
line-height:38px;
}

#mainmenu ul li{
display:inline;
}

#mainmenu ul li a{
padding:0 16px;
text-decoration:none;
color:#000;
font-family:tahoma, sans-serif;
font-size:12px;
}
#topsearch{
	float:left;
	margin:10px 0 0 5px;
	width:400px;
	height:25px;
}


#searchformtop{padding:0;}
#searchformtop input{
width:190px;
color:#999999;
height:14px;
padding:0;
font-size:10px;
}

#topearch{
padding:0;}
#banner{
	border:1px solid #bebebe;
	height:130px;
	width:858px;
	background:url(images/banner.jpg) no-repeat;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

#banner h1{
margin:5px 0;
}
#banner h2{
margin:0;
}
#banner h1 a{
color:#6393ad;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:36px;
text-decoration:none;
}
#banner h2 {
	color:#787878;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	text-decoration:none;
}

#wrapper{
	border:1px solid #bebebe;
	width:858px;
	display:table;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrapper2{
	width:840px;
	display:table-cell;
	background-color: #ECECEC;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

/*Main post*/
#main{
	width:483px;
	float:left;
}

#main h2, #main h2 a{
	font-size:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#111;
	text-decoration:none;
	margin:2px 0;
}

.post small{
color:#999999;
font-size:11px;
font-family:tahoma, sans-serif;
border-bottom:1px dashed #e6e6e6;
}
.post{
	padding:7px;
	text-align:left;
	background:#fff;
	border:1px solid #dfdedf;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	float: left;
	width: 468px;
}
.post p {
	text-align: justify;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
		line-height: 16px;

}

.post blockquote{
font-style:italic;
margin:5px 30px;
padding:0 10px;
background:url(images/blockquote.gif) left top no-repeat;
color:#444;
}
.post img{
padding:2px;
margin:3px;
}
.post ul li{
list-style-image: url(images/post-li.gif);
}
.posttitle-ang{ width:466px; float:left; }

.posttitle-ang .date{text-align:center; width:50px; float:left; height:49px; background:url(images/calendar_background.jpg) no-repeat center top; padding:7px 0 0 0;}

.posttitle-ang .datetime{color:#fcfcfc; font-weight:bold; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.posttitle-ang .maintitle{float:right; width:414px;}

.posttitle-ang .datemonth{color:#000; font-weight:bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:28px;}

.postmeta{
	width:460px;
	float:left;
	border:1px solid #e0e0e0;
	padding:4px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #2F4157;
}

.postmeta a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight: bold;
}
a {
}
.commentlink a{
	float:right;
	width:100px;
	background: url(images/commentbg.gif) #fff;
	text-align: center;
	height:20px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.commentlink a{
	color:#000000;
	font-size: 10px;
}

#sidebar{
	width:340px;
	padding:2px;
	background-color: #F3F3F3;
	float: right;
}

#sidebar1{
	width:170px;
	float:left;
}
#sidebar1 ul, #sidebar2 ul{padding:0; margin:0; list-style:none; }
#sidebar2{width:170px; float:right;}
#sidebar h2{
	font-size:11px;
	font-weight:bold;
	margin:0 0 3px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 3px;
	background-color: #29384B;
}
#sidebar ul ul{padding:0 5px 5px 5px;}
#sidebar ul.sidecontainer1{padding:0 5px 5px 5px ; background:#efefef; border:1px solid #fff;}
#sidebar ul.sidecontainer{ background:#efefef; border:1px solid #fff;}
#sidebar .sbback1{ border:1px solid #dbdbdb; margin:0 2px 0 0;}
#sidebar .sbback2{ border:1px solid #dbdbdb; margin:0 0 0 2px;}
#sidebar ul ul li{
padding:3px 0 3px 15px;
background: url(images/li.gif) top left no-repeat;
border-bottom:1px dashed #CCCCCC;
line-height:16px;
}

#sidebar ul ul li a, #sidebar ul ul li a:visited{
text-decoration:none;
color:#015996;
font-family: tahoma, sans-serif;
}

.widget{
margin: 0 0 10px 0;
}


/*Commetns*/
#commentform {padding:10px 10px 10px 15px; background:url(images/commentbgmain.gif) top no-repeat; margin:15px 0 0 0; height:252px;}
#commentform small{font-size:12px;}
#commentform textarea{
width:420px;
height:100px;
}
#commentarea{ float:left; padding:8px; background:#fff; width:466px; border:1px solid #dfdedf;}
#commentarea h3{
	margin:3px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 0 4px 0;
	color:#004466;
}

#commentarea ol{
list-style:none;
padding:5px;
margin:0;
}
#commentarea p{
padding:5px;
text-align: justify;
margin:0;
}
.commentauthor{
padding:4px 0;
margin:0;
background:#efefef;
border-left:10px solid #2f8ebd;

}
.commentauthor a{ font-size:11px; text-decoration:none; color:#999999;}
.commenttext {background:url(images/commenttop.gif) top no-repeat #d4eaf5; padding:20px 15px 0 15px;}
.commenttextbottom {
background:url(images/commentbottom.gif) top left no-repeat; height:13px; margin: 0 0 15px 0; }

h3#respond{
	margin:0;
	padding:0 0 0 10px;
	color:#000000;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

input#submit{background:#444; cursor:pointer; color:#fff; border:none; padding:5px 10px;
}
#footer{height:30px; padding:35px 0 0 0; font-size:11px; text-align:right; background:#f3f3f3 url(images/footer.gif) no-repeat top ; width:963px; margin:0 auto 0 auto; color:#777;}
#footer a{ color:#165faf; text-decoration:none; }
a{
	text-decoration:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#adscover{
	border:1px solid #666;
	margin-bottom:10px;
	background-color: #2F4157;
}
#rightads{
	width:276px;
	height:129px;
	border:1px solid #fff;
	background-color: #c3c3c3;
	background-image: url(images/adsbgB.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 40px;
}

#adsright{
	width:125px;
	float:right;
	padding:0;
	height:125px;
	background-color: #fff;
	background-position: center center;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#hitframe {
	position: absolute;
	height: 22px;
	width: 157px;
	left: 802px;
	top: 0px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#adsleft{
	width:125px;
	padding:0;
	float:left;
	height:125px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
}


/*fix*/
#sidebar img {
border:none;
padding:0;
margin:0;
}

#sidebar #searchformtop input{
width:160px;
margin:5px 0 5px 0;}

.alignright a{text-decoration:right; float:right;}

/*Tabs*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
h2 {
	font-size:11px;
}
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { font-size:11px;
}
.tabberlive {

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin:0;
	padding: 3px 0;
}
.tabberlive ul li, .tabberlive ol li{
list-style:none;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
  font-size:12px;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 3px;
 border-bottom: none;
 background: #fff;
 text-decoration: none;
 color: #000000;
 text-transform:uppercase;
}

ul.tabbernav li a:link { background:#777; color:#fff; font-size:12px; font-weight:bold; font-family:tahoma;}
ul.tabbernav li a:visited { }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #888;

}

ul.tabbernav li.tabberactive a
{
 background: #333;
 color:#fff;
 font-size:12px; font-weight:bold;  font-family:tahoma;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #fff;


}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;
 background:#efefef;
 margin-bottom:10px;
 font-size:12px;


 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
  font-size:12px;
}
.tabberlive .tabbertab h3 {
 display:none;
 
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabbertab p { padding-bottom:10px; line-height:140%; }
.tabbertab ul { padding:0; margin:0;}
.tabbertab ul li { padding:5px 0 6px 0; }
.tabbertab ul li { background:url(images/bullet.gif) no-repeat 0 5px; padding-left:24px; border-bottom:1px solid #fff;} 
#adscoverB {
	border:1px solid #666;
	margin-bottom:10px;
	background-color: #2F4157;
}
#rightadsB {
	width:296px;
	height:255px;
	padding:5px 20px 5px 20px;
	border:1px solid #fff;
	background: url(images/adsbg.gif) repeat-x top #c3c3c3;
}
#adsleftB {
	width:300px;
	padding:0;
	float:left;
	height:250px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	left: 590px;
}
#calendar_wrap {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.avanza  , .avanza a:link, .avanza a:visited {
	background-color: #ECECEC;
	font-weight: bold;
	margin: 0px;
	border: 1px none #FFFFFF;
	text-align: right;
	padding: 10px;
}
#invia {
	height: 120px;
	background-image: url(images/redattore.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 10px;
}
.adver {
	height: 110px;
	width: 280px;
	margin-top: 10px;
	margin-bottom: 0px;
	float: right;
	background-image: url(images/adsbg.gif);
	border:1px solid #666;
	background-position: 0px -80px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 10px;
}
.immaginB   {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
adsBasso {
	height: 260px;
	width: 340px;
	margin-top: 10px;
	margin-bottom: 0px;
	float: right;
	border:1px solid #666;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}

