/*
Theme Name: AndyBlue
Theme URI: http://www.italiasw.com/wordpress-themes/
Description: AndyBlue is realized by <a href="http://www.italiasw.com" title="Italia SW Home Page">Matteo Turchetto</a> and Inspired by Andreas 08 of <a href="http://andreasviklund.com/">Andreas Viklund</a>. AndyBlue template is a 3 column, fluid, rounded corners with left and right sidebars. Very light with no images, AndyBlue is gravatar, widget and addthis ready.
Version: 1.5
Author: Matteo Turchetto
Author URI: http://www.italiasw.com/
Tags: white, blue, fluid, andyblue, three columns, widgets

	Please, leave credits on footer untouched.Have fun !
*/


#container {
width: 960px;	 

margin: 0 auto;
}

.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;
	-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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

a:link, a:visited {text-decoration: none; color: #f90}
a:hover {text-decoration: underline; color: #f90}
a:active {text-decoration: none; color: #f90}


a img{text-decoration:none;border:none;padding:0px;margin:0px}
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;font-weight:bold}
.alignleft{float:left;font-weight:bold}

body {background: #fff; border: 0; padding: 0; margin: 15px 0px 15px 0px; font: small arial; color: #666}

/*
h1{font-size:18px;font-weight:normal;text-align:left;padding:10px 10px 10px 20px;margin:0px;color:#fff;background:#467aa7}
h1 a{font-size:1.5em;font-weight:normal;text-decoration:none;color:#fff;background-color:transparent}
h1 a:hover{text-decoration:none;color:#fff;background-color:transparent}
h1 a:link{color:#fff;text-decoration:none}
h1 a:visited{color:#fff;text-decoration:none}
h1 a:active{color:#fff;text-decoration:none}
h2{font-size:13px;font-weight:normal;text-align:left;padding:5px 10px 15px 20px;margin:0 0px 0px 0px;color:#fff;background:#467aa7}
h2 a{font-size:13px;font-weight:normal;text-decoration:none;color:#fff;background-color:transparent}
h2 a:hover{text-decoration:none;color:#fff;background-color:transparent}
*/
form.qs{position:absolute;top:60px;right:30px;text-align:right;padding:0px;margin:0px}
form.qs p{font-size:11px;font-weight:normal;padding:0px;margin:0px;color:#fff;background-color:transparent}
form.qs input.button{font-size:11px;font-weight:normal;width:30px;color:#000;background-color:#f9f9ff;border:solid 1px #c0d3e2;padding:0px;margin:0px}
form.qs input.textfield{font-size:11px;font-weight:normal;padding:0px;margin:0px}
#navigation{height:22px;
line-height:22px;
background:#ececec;
color:#fff}
#navigation li{float:left;list-style-type:none;border-right:1px solid #fff;white-space:nowrap}
#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;

text-decoration:none;
background-color:inherit;
color:#666}
* html #navigation a{width:1%}
#navigation .current_page_item,#navigation a:hover{text-decoration:underline;}     
.info-post{display:block;text-align:left;padding:7px 0px 7px 0px;font-size:10px;color:#000}
.info-meta{display:block;text-align:left;padding:2px 0px 7px 0px;font-size:12px}
.info-meta a{font-weight:bold,font-size:10px}
.post-navigation{height:2.2em;line-height:2.2em}
.nav{padding:5px 0px 15px 0px}
.entry{margin-bottom:3em}
.entry a{margin-bottom:3em}
.entrymeta2{        position:relative;        top:3px}
.entrymeta a{        text-decoration:none;color:#69c}
.entry img{padding:5px;border:1px solid #ccc;margin:5px}
.commentmeta{font-size:0.9em;color:#69c;        text-align:right}
.commentmeta a{        text-decoration:none;color:#69c}
.postedby{background:url(./images/user.gif) no-repeat;padding:3px;padding-left:20px}
.filedto{background:url(./images/category.gif) no-repeat;padding:3px;padding-left:20px}
.commentslink{background:#fff url(./images/comment.png) no-repeat;padding:3px;padding-left:20px}
.sec-a{background:#eff2ef; float:left;width:775px;padding:0 15px}
div.path{font-size:11px;font-weight:normal;padding:0px;margin:25px 20px 10px 200px}
div.path a{font-size:11px;font-weight:normal}  
.content{}td.main{vertical-align:top;width:30%;position:absolute}
div.main{font-size:12px;font-weight:normal;line-height:15px;color:#000;background-color:#fff;padding:5px;margin:0px 220px 10px 225px;border:solid 0px #ccc}
div.main a{font-weight:normal;text-decoration:none;color:#f90;}
div.main a:hover{text-decoration:none;color:#333}
div.main h3{font-size:16px;font-weight:normal}
div.main h4{font-size:16px;font-weight:bold;padding:5px 10px;background:#ececec;margin:0px 0px 0px 0px;border:solid 1px #ccc;border-right:solid 2px #}
div.main h4 a{font-size:0.9em;font-weight:bold;text-decoration:none;border:solid 0px #ccc;background:#ececec;color:#666}
div.main h4 span.top{font-size:14px;font-weight:normal}
div.main h4 span.top a{font-size:16px;font-weight:normal;text-decoration:none}
h5{font-size:14px;font-weight:bold;color:#47a;;margin:4px;border:none;margin:5px 0px 5px 0px}
div.main p{padding-bottom:15px;margin:0px 0px 6px 0px}
div.main table{font-family:lucida,verdana,sans-serif;font-size:12px;font-weight:normal;line-height:17px;margin-left:10px}
div.main td{padding:0px 5px 0px 5px;margin:0px}
div.main ul{list-style-type:square;padding:0px;margin:0px 0px 10px 40px}
div.main ul.none{list-style-type:none}
div.main li{padding:0px;margin:1px 0px 1px 0px}
.box{ margin:10px 0 20px 0; padding:10px; border:1px solid #cccccc; background-color:#ececec; color:#666666; line-height:1.5em}
.box a{color:#505050;text-decoration:none}  
div.navboxwrapleft{float:left;width:200px;padding:0px 15px 20px 0px;margin:0px 0px 0px 0px;border-right:solid 0px #ccc;line-height:1em}
div.navboxleft{padding:0px;        margin:5px 0px 0px 1px;        font-weight:normal;        line-height:16px;        background:;#ebf0f6}
div.navboxleft h5{    color:#000;font-size:1.1em;    font-weight:bold;margin:4px 0px 5px 3px;padding:3px 4px 3px 3px;width:%;    background-position:0px -50px;    text-transform:none;border-bottom:1px solid #69c}
div.navboxleft ul{margin:2px 0px 20px 0px;padding:1px 0 0 1px}
div.navboxleft li{margin:4px 0;padding:0 0 0 0px;list-style:none;margin-bottom:2px}
div.navboxleft li:hover{ background-repeat:no-repeat; background-position:left; color:#f90}
div.navboxleft li.active{ background-repeat:no-repeat; background-position:left; color:#000}
div.navboxleft li.extern:hover{ background-repeat:no-repeat; background-position:right} 

/*
div.navboxleft li a {
color: #666666;
} 


div.navboxleft li a:hover {
color: #f90;
}
*/
div.navboxwrapright{float:right;width:200px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-left:solid 0px #ccc}
div.navboxright{padding:0px;margin:5px 0px 10px 0;font-size:11px;font-weight:normal;line-height:17px}
div.navboxwrapright h3 {margin-top: 20px;}
div.navboxright ul{list-style-type:none;padding:0px;margin:1px 0 0px 1px}
div.navboxright li{margin:4px 0;padding:0 0 0 0px;list-style:none;margin-bottom:2px}
div.navboxright li:hover{background-repeat:no-repeat; background-position:left; color:#f90}
/* div.navboxright ul li{background-repeat:no-repeat;background-position:left;padding:1px 5px 0px 20px;margin:0px;background:url(images/freccia.gif) no-repeat left} */
div.navboxright div.impressum{color:#000;background-color:#f9f9ff;padding:0px;margin:20px 0px 0px 0px}
div.navboxright div.impressum div.active{border:solid 1px #ffc9c9;padding:0px;margin:-1px} 
#submit{margin-top:5px;border-width:0;padding:0}
#commentform input,textarea{color:#0C3E69}
#commentform input{font-size:11px;color:#000}
#commentform textarea{padding:2px 4px}
#respond,#comments{margin-bottom:15px;font-family:"Trebuchet MS",sans-serif} 
#commentsection{margin:25px 0 0}
#commentsection p{margin:0 0 6px} 
.comment{background-color:#f4f4f4;border-left:4px solid #ccc;color:#606060;margin:0 0 10px;padding:8px 5px 0 8px}
.comment p{font-size:0.9em;line-height:1.3em;margin:0 0 6px;padding-bottom:5px}
.gravatarside{float:right;width:48px;height:48px;margin:0 5px 5px 5px}
h2.archives{margin-bottom:10px}h3.entrytitle,h3{font-size:160%;font-weight:normal;line-height:100%;margin:0;padding:0px}h3.entrytitle a,h3.entrytitle a:visited,h3 a{color:#fff;text-decoration:none}h3.entrytitle a:hover,h3 a:hover{        text-decoration:underline}.entry{margin-top:0px}.entrybody{margin-bottom:30px}.entrybody p{margin-bottom:15px}blockquote{background:#EEE url(images/blockquote.png) no-repeat bottom left;padding:10px;padding-bottom:40px}
#content code{background-color:#3F464A;display:block;padding:10px;margin-bottom:10px}
#commentblock code{display:block;padding:5px;margin-bottom:10px;color:#ccc}
div.footer{clear:both;padding:5px 0;margin:0 0px;font-size:0.9em;color:#06C;background:#fff;border-top:1px solid #f90;border-bottom:1px solid #f90; height: 40px}
div.footer p{padding:0;margin:0;text-align:center; width:65px;}
div.footer a{color:#f90;background-color:inherit;font-weight:bold}
div.footer a:hover{color:#333;background-color:inherit}


#banner {width: 960px; height: 156px; background: #fff url(../../../../images/web-design-shrewsbury.gif) top left repeat-x; clear: both}
#banner_left {float: left; width: 201px; background-color: #fff}
#banner_right {float: left; width: 365px}

#main_menu ul {margin: 0; padding: 0; list-style-type: none; font: small arial}
#main_menu li {margin: 0 0 1px 0}
#main_menu a {display: block; height: 25px; line-height: 25px; padding: 0 0 0 10px; width: 190px; background-color: #f70}
#main_menu a:link {color: #fff; text-decoration: none}
#main_menu a:visited {color: #fff; text-decoration: none}
#main_menu a:hover {background-color: #f90; color: #fff}

#main_menu li.sel a {background-color: #f90}


#services_menu {padding: 2px 0 4px 0; background-color: #f90}
#services_menu a:link, #services_menu a:visited {text-decoration: none; color: #fff; font-size: 8pt}
#services_menu a:hover {text-decoration: underline; color: #fff}
#services_menu a:active {text-decoration: none; color: #fff}

#supheader a:link, #supheader a:visited {text-decoration: none; color: #999; font-size:8pt}
#supheader a:hover {text-decoration: underline; color: #999}
#supheader a:active {text-decoration: none; color: #999}

#supheader {width: 960px; height: 39px; clear: both}

.width100 {width: 100%}
.width86 {width: 86%}
.width80 {width: 80%}
.width50 {width: 50%}
.lh39 {line-height: 39px}

h1 {font: bold medium arial; color: #f90; border: 0; padding: 0; margin: 5px 0 6px 0}
h2 {font: bold small arial; color: #333; border: 0; padding: 0; margin: 10px 0 10px 0}
h3 {font: bold small arial; color: #f90; border: 0; padding: 0 0 2px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc}

p {font: 9pt arial; color: #666; border: 0; padding: 0; margin: 0; line-height: 22px;}
#center p {margin: 0 0 10px 0}

.center {text-align: center}
.left {text-align: left}
.right {text-align: right}

.green {color: #0f5234}
.blue {color: #5f7e8e}
.red {color: #c00}
.orange {color: #f90}
.lgrey {color: #999}

.underline {border-bottom: 1px solid #ccc}

.x-small {font-size: x-small}
.small {font-size: small}
.medium {font-size: medium}
.large {font-size: large}
.x-large {font-size: x-large}
.x-small {font-size: x-small}


.mar5 {margin: 5px}
.mar5top {margin-top: 5px}
.mar5right {margin-right: 5px}
.mar5bot {margin-bottom: 5px}
.mar5left {margin-left: 5px}
.mar10 {margin: 10px}
.mar10top {margin-top: 10px}
.mar10right {margin-right: 10px}
.mar10bot {margin-bottom: 10px}
.mar10left {margin-left: 10px}
.mar20 {margin: 20px}
.mar20top {margin-top: 20px}
.mar20right {margin-right: 20px}
.mar20bot {margin-bottom: 20px}
.mar20left {margin-left: 20px}
.pad1 {padding: 1px}
.pad5 {padding: 5px}
.pad5top {padding-top: 5px}
.pad5right {padding-right: 5px}
.pad5bot {padding-bottom: 5px}
.pad5left {padding-left: 5px}
.pad10 {padding: 10px}
.pad30 {padding: 30px}
.pad10top {padding-top: 10px}
.pad10right {padding-right: 10px}
.pad10bot {padding-bottom: 10px}
.pad10left {padding-left: 10px}
.imgpad {padding: 0 0 20px 20px}
.large { font-size:large}
.medium { font-size:medium}
.small { font-size:small}
.flright { float:right}
.flleft { float:left}

.bordergrey {border: 1px solid #cccccc}
.clrboth {clear:both}

#twitter {
width: 200px;
border: solid 1px #999999;
}

ul#twitter_update_list {
margin: 0 auto;
padding: 0;
list-style-type: none;
}

ul#twitter_update_list li {
padding: 0 0 10px 0px;
}

a#twitter-link img{
border: solid 1px #cccccc;
}

a#twitter-link img:hover{
border: solid 1px #f90;
}

a.web_review img {
border: solid 1px #cccccc;
}

a.web_review img:hover {
border: solid 1px #f90;
}

#sub_menu ul  {margin: 0; padding: 0; list-style-type: none; font: small arial}
#sub_menu li {margin: 0 0 1px 0}
#sub_menu li a {display: block; padding: 2px 10px 2px 10px; width: 180px; background-color: #bbb}
#sub_menu li a:link {color: #fff; text-decoration: none}
#sub_menu li a:visited {color: #fff; text-decoration: none}
#sub_menu li a:hover {background-color: #ccc; color: #fff}

h5.pagetitle {
color: #ff9900;
margin-bottom: 10px;
}