/*
Theme Name: Ambulatorio Antiusura
Description: Tema per Wordpress creato da Artattackadvertising per "Ambulatorio Antiusura"
Author: Art Attack Advertising
Author URI: http://www.ambulatorioantiusura.it

- Tema creato per il sito Ambulatorio Antiusura - www.ambulatorioantiusura.it

COLORI
Verde:  #267317
Giallo: #f9cd0f
*/

html{
background: #73a968 url('images/layout/bg.gif') fixed;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
body{
text-align:center;
}

hr{
height:2px;
background:#267317;
border:0;
margin:30px 0 20px 0;
}

#graybox-hp{
padding: 2px;
margin:5px 16px;
text-align:left;
text-indent:0;
color:#000;
background:#e1e1e1;
line-height:18px;
}

#graybox{
padding: 2px 10px;
margin:10px 0 5px 0;
text-align:left;
text-indent:0;
color:#000;
background:#e1e1e1;
}


/*boxes*/
#homepage{
text-align:left;
width:960px;
background: #fff url('images/layout/bg-mid.gif') top center repeat-y;
margin: 0 auto 0 auto; padding:0;
}
#page{
text-align:left;
width:960px;
background: #fff url('images/layout/bg-mid-sidebar.gif') top center repeat-y;
margin: 0 auto 0 auto; padding:0;
}
#header{
width:960px;
background: url('images/layout/bg-top.gif') top center no-repeat;
}

#banner-header{
width:630px; height:115px;
margin:39px 0 0 0; padding:0 60px 0 0;
float:right;
}

#content-homepage{
width:860px;
margin: 0 50px;
}
#content{
text-align:justify;
width:670px;
margin: 0 50px 0 230px;
}
#footer{
width:960px; height:29px;
background: url('images/layout/bg-bot.gif') bottom center no-repeat;
}

/*menu on the right homepage*/
#menu-right-homepage{
height:87px;
margin:29px 0 0 0; padding:0 60px 0 0;
float:right;
text-align:right;
font-size:11px;
line-height:87px;
text-decoration:none;
text-align:right;
color:#267317;
font-weight:bold;
}
#menu-right-homepage a{
color:#267317;
text-decoration:none;
}
#menu-right-homepage a:hover{
color:#267317;
text-decoration:underline;
}
#menu-right-homepage .selected{
text-decoration:underline;
}

/*menu on the right*/
#menu-right{
height:30px;
margin:0 0 0 0; padding:0 60px 0 0;
float:right;
text-align:right;
font-size:11px;
line-height:30px;
text-decoration:none;
text-align:right;
color:#267317;
font-weight:bold;
}
#menu-right a{
color:#267317;
text-decoration:none;
}
#menu-right a:hover{
color:#267317;
text-decoration:underline;
}
#menu-right .selected{
text-decoration:underline;
}

/*bottom menu*/
#bottombar{
text-align:right;
margin:20px 5px 5px 0 ;
font-size:11px;
line-height:26px;
text-decoration:none;
text-align:right;
color:#267317;
font-weight:bold;
}
#bottombar a{
color:#267317;
text-decoration:none;
}
#bottombar a:hover{
color:#267317;
text-decoration:underline;
}

/*sidebar*/
#sidebar{
float:left;
width:170px;
background: url('images/layout/side.gif') top right no-repeat;
padding:0 0 0 33px;
}

#menusidebar{ width:150px; padding:20px 10px; }
#menusidebar p{ margin:10px 0; }
#menusidebar a{ width:150px; display:block; color:#fff; font-weight:bold; text-decoration:none; font-size:11px; line-height:15px; }
#menusidebar a:hover{ repeat-y; width:150px; display:block; color:#f9cd0f; font-weight:bold; text-decoration:none; }
#menusidebar .selected{color:#f9cd0f;}

/*elements*/
#separator{
clear:both;
}

.alignleft{float:left; text-align:left;}
.alignleft a{ color:#267317; text-decoration:none; }
.alignleft a:hover{ background-color:#267317; color:#fff; text-decoration:none; }

.alignright{float:right; text-align:right;}
.alignright a{ color:#267317; text-decoration:none; }
.alignright a:hover{ background-color:#267317; color:#fff; text-decoration:none; }

.logo-homepage{
width:235px; height:87px;
background:#fff url('images/layout/bg-mid.gif') top left repeat-y;
float:left;
margin:29px 0 0 0; padding-left:33px;
}
.logo{
width:235px; height:125px;
background:#fff url('images/layout/bg-mid.gif') top left repeat-y;
float:left;
margin:29px 0 0 0; padding:30px 0 0 33px;
}

/*box*/
#box{
width:285px;
float:left;
}
#box .top {
background: url('images/layout/box-top.gif');
width:285px; height:37px;
color:#fff;
font-weight:normal;
font-size:13px;
line-height:37px;
text-indent:20px;
text-transform:uppercase;
}
#box .top p{ margin:0 0 0 0; padding:0 0 0 0;}
#box .top a{  text-transform:uppercase; width:285px; height:32px; display:block; color:#fff; font-weight:normal; text-decoration:none; }
#box .top a:hover{ color:#f9cd0f; font-weight:normal; text-decoration:none; }
#box .mid {
background: #fff url('images/layout/box-mid.gif') repeat-y;
width:285px; height:150px;
font-size:12px;
line-height:20px;
}
#box .mid p a{
text-decoration:underline;
color:#267317;
}
#box .mid p a:hover{
text-decoration:none;
color:#267317;
}
#box .bot {
background: url('images/layout/box-bot.gif');
width:285px; height:17px;
line-height:12px;
font-size:9px;
text-align:right;
}
#box .bot a{ color:#000; text-decoration:none; }
#box .bot a:hover{ color:#267317; text-decoration:none; }

#box p{
margin:0 20px;
padding: 5px 0 10px 0;
}
#box .bot p{
margin:0 10px;
padding: 0;
}
#box .mid h1 {
color:#000;
text-decoration:#000;
background:none;
text-transform:none;
margin:0 10px;
padding:0 10px;
font-size:14px;
font-weight:bold;
}
#box .mid h1 a{
color:#000;
text-decoration:none;
background:none;
}
#box .mid h1 a:hover{
color:#267317;
text-decoration:none;
background:none;
}

#box .mid .date{
color:#666;
text-decoration:none;
font-size:12px;
margin:0 20px;
}

#box .mid .alignright{
margin:0 19px 0 0;
}

#box .mid hr{
height:1px;
background:#ddd;
border:0;
margin:5px 15px 5px 15px;
}

/*text*/
h1{ background:#267317 url('images/layout/side.gif') top right no-repeat; font-size:13px; color:#fff; padding:5px 10px; margin:0; text-transform:uppercase;} /*titolo pagina*/
h1 a{ color:#fff; text-decoration:none;}
h1 a:hover{ color:#f9cd0f; text-decoration:none;}
h2{ font-size:13px; font-weight:bold; text-indent:10px;} /*titolo argomento*/
h3{ font-size:14px; color:#267317; margin:10px 0 5px 0;} /*sottotitolo argomento*/
h3 a{ text-decoration:none; color:#267317; }
h3 a:hover{ text-decoration:none; color:#f9cd0f; }
h4{ margin-top:40px; background:#267317; font-size:11px; color:#fff; padding:5px 10px; text-align:right; } /*barra in fondo*/
h4 a{ text-decoration:none; color:#fff; }
h4 a:hover{ text-decoration:none; color:#f9cd0f; }
.date{color:#666; text-decoration:none; font-size:12px;}

#content p{ text-indent:15px; margin:10px 0;}
#content p a{ color:#267317; text-decoration:none; }
#content p a:hover{ background-color:#267317; color:#fff; text-decoration:none; }
ul{ list-style:square; }
ul a{ color:#267317; text-decoration:none; }
ul a:hover{ background-color:#267317; color:#fff; text-decoration:none; }
ul small{color:#666; font-size:80%;}

/*images/layout*/
.img{border:0; margin: 0 5px; }
#img_did {
padding:5px;
margin: 5px 10px;
border:1px solid #267317;
text-align:center;
font-size:11px;
color:#267317;}
#img_did img{
border-bottom:3px solid #267317;
display:block; 
padding-bottom:1px;
}

/*DEFAULT*/

/* 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;
}
/* End captions */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */