/*
Theme Name: Microsic Default
Theme URI: http://www.microsic.com/
Description: The default Microsic theme.
Version: 1.0
Author: Marco Traverso
Author URI: http://www.line22.com/
Tags: blue, custom header, fixed width, two columns, widgets



*/


/*
RESET STYLES
/*Source: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 
												vertical-align: baseline; background: transparent;}
body 			{line-height: 1;}
ol, ul 			{list-style: none;}
blockquote, q 	{quotes: none;}

/* remember to define focus styles! */
:focus 			{ outline: 0;}

/* remember to highlight inserts somehow! */
ins 			{text-decoration: none;}
del 			{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table 			{border-collapse: collapse; border-spacing: 0;}

/*END OF STYLES GENERAL RESET */


#wrapper-ext {width:960px; margin:0 auto 20px; padding-bottom:20px; font-family:"Trebuchet MS", Arial;}
#wrapper {float:left; width:100%; }
#header {}
#header #logo {float:left;}
#header #language-box {float:right; width:300px; text-align:right; margin-top:72px; font-size:13px; color:#666;}
#header #language-box  .title {line-height:1px;}
#header #language-box  a {margin-top:10px; color:#666;}
#header #language-box a img {padding:1px; border: solid 1px #ccc; margin-bottom:-4px;}
#header #language-box a:hover {color:#222;}
#header #language-box a:hover img {border-color: #222;}
#header #header-box {clear:both; width:100%; height:161px; background: #172f6d url(images/bg-header.jpg) center no-repeat; }
#header-box .description {text-align:right; margin:10px 20px; font-family: Arial, Helvetica, sans-serif; font-size:25px; color:#fff; float:right; width:50%;}
#header-box .description b {font-weight:normal; color:#d5e710;}
#navbar {width:100%; float:left; height:38px; background: #777 url(images/bg-navbar.png) repeat-x;}
#navbar ul {float:left;}
#navbar li {float:left; list-style-type:none; font-size:18px; margin-top:8px; font-weight:normal; color:#333; text-transform:normal; letter-spacing:0em;}
#navbar li a {padding:2px 12px; color:#444; text-decoration:none;}
#navbar li a:hover {color:#111;}


#searchform {float:right; clear:both; margin-top:30px; width:220px; letter-spacing:normal;}


#searchform input {height:24px; }
#searchform div#searchbox-ext {width:128px; height:23px; background:#eee url(images/bg-searchbox.png) no-repeat; border:solid 1px #999;}
#searchform input.searchbox { color:#666; background:none; border:none; margin:3px 0 0 20px; width:100px; height:16px; font-size:11px;}
#searchform input.searchbutton {float:right; margin-right:12px;}

#content-ext 	{width:660px; float:left; padding-bottom:16px;}
#content 		{width:640px; margin:16px auto;  text-align:justify; color:#444;}
#content h1 	{font-size:26px; margin:5px 0 2px; font-weight:normal; color:#0c1840; text-align:left; border-bottom:solid 2px #ccc; padding-bottom:4px;}
#content h2		{font-size:20px; margin:6px 0 8px; font-weight:normal; color:#213472;  text-align:left;}
#content	 	{line-height:1.6em;}
#content ul 	{margin:8px 0 8px 10px; padding-left:15px;}
#content ul li {list-style-type:disc;}
#content p 		{margin:8px 0;}



#content img {border:solid 1px #999;}

/* HOMEPAGE */

.homepage-box {clear:both; width:100%;  font-size:18px; line-height:30px;}
.homepage-center-box {clear:both; margin:15px 0; border-width:1px 0 1px 0; padding:6px 10px; text-align:left; font-size:24px; color:#031031;line-height:36px; font-style:italic; border-style:solid; border-color:#ccc;}


.item-post		{width:100%; float:left; margin:4px 0 6px; line-height:1em;}
.item-post h2	{margin:0; font-size:16px; color:#333;}
.item-post h2 a {color:#333; text-decoration:none;}
.item-post h2 a:hover {color:#000; text-decoration:underline;}

.metadata 		{width:100%;  color:#777; font-size:12px; padding-bottom:3px;}
.metadata .right {float:right;}
.metadata a 		{color:#4f69b0; text-decoration:underline; font-weight:bold;}
.metadata a:hover	{color:#112867;}

.item-post .metadata {border-bottom:solid 1px #ccc;}

.item-post .summary {line-height:1.4em; font-size:13px; color:#444;}
.more {float:right; font-size:12px; font-weight:bold;  }
.more a	{color:#333;  }
.more a:hover	{color:#080808;   }

.item-link	{margin:5px 0; padding-bottom:4px; border-bottom: solid 1px #ccc; line-height:1.2em; font-size:13px;}
.item-link h3 {font-size:16px; font-weight:bold; margin:5px auto 8px; }
.item-link a h3  		{text-decoration:underline; color:#4f69b0;}
.item-link a h3:hover 	{color:#112867;}


.navigation {width:100%; clear:both;  font-size:13px; color:#444; margin-top:16px; border-top:solid 2px #ccc; padding-top:6px;}
.navigation a{color:#444;}
.navigation a:hover {color:#222;}
.navigation .next {float:right;}
.navigation .prev {float:left;}

/* SIDEBAR */


#extra 		{width:300px; float:right; padding-bottom:20px;}


.right-box-ext {width:100%; margin-top:20px; float:left; background:url(images/bg-right-box.png) repeat-y;}
.right-box-top {width:100%; background:url(images/bg-right-box-top.png) top no-repeat;}
.right-box {padding:8px;}
.right-box-bottom {width:100%; height:5px; background: url(images/bg-right-box-bottom.png);}
.right-box h2 {font-size:22px; color:#263163; margin-bottom:8px; line-height:20px;}

.box-item {clear:both; padding:6px 0 20px;  border-bottom:solid 1px #999;}
.box-item h3 {font-weight:bold; font-size:16px; margin-bottom:4px;}
.box-item h3 a {color:#444; text-decoration:none;}
.box-item h3 a:hover {color:#111; text-decoration:underline;}
.box-item .summary {margin:6px 0 4px; font-size:13px; color:#585858; line-height:16px;}
.right-box .box-item .summary .date {background-color:#999; padding:1px 3px; margin-right:4px; color:#fff; font-size:11px; font-weight:bold;}

.right-box2-ext {width:100%; margin-top:20px; float:left;}
.right-box2 	{padding:8px; float:left;}
.right-box2 h2	{font-size:22px; color:#263163; margin-bottom:6px; line-height:20px; }
.right-box2 .box-item .summary .date {color:#222; margin-right:6px; font-size:11px; font-weight:bold;}
.right-box2-bottom {width:100%; height:5px; }
/* POST */
.text a			{color:#3d69c7;}
.text a:hover	{color:#213e7b;}

.map {width:100%; margin:0 auto;}
.map iframe {margin:12px 0; border: solid 1px #999;}
.map .small a {font-size:12px; color:#3d69c7;}

.text-footer {border-top:solid 1px #ccc; padding-top:4px; font-size:13px;}
.text-footer a{color:#2d2d2d; font-weight:bold;}
.text-footer a:hover {color:#070707;}


/* FOOTER */

#footer 		{width:960px; height:82px; background:#071334 url(images/bg-footer.png) no-repeat; text-align:left; font-size:12px; color:#ddd;}
#footer a {color:#fff; text-transform:uppercase; text-decoration:none;}
#footer .top-links {padding:12px 0; margin:12px 0;}
#footer .copyright {clear:left; margin:12px 8px;}
#footer .top-links li		{list-style-type:none; float:left; padding:0 8px; border-right: solid 1px #ddd;}
#footer .top-links .last li {border:none;}
#footer 		{ clear:left;}
#footer .page-item-5, #footer .page-item-11, #footer .page-item-32 {border:none;}
#footer span#signature {float:right; color:#ccc;}
#footer span#signature a {text-transform:none; font-weight:bold; color:#fff; }

#footer a:hover, #footer span#signature a:hover {color:#d5e710; text-decoration:underline;}

#signature 			{width:100% margin-top:4px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
#signature p		{padding:5px;}
#signature a 		{font-weight:bold; text-decoration:none; color:#333;}
#signature a:hover 	{text-decoration:underline; color:#111;}

/* Area Riservata - Login Form */

#ar-login-form label {font-weight:bold; font-size:12px; color:#111;}

/* 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: 0;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* 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 */