/*  
Theme Name: Andreas 08 3 columns
Theme URI: http://wordpress.org/
Description: Andreas 0.8 is a template of <a href="http://andreasviklund.com/templates/">Andreas Viklund</a>.
Version: ver 0.5
Author: Matteo Turchetto
Author URI: http://www.italiasw.com/

	Andreas 08 3 columns ver 0.5
	http://www.italiasw.com/

	This theme was built by Matteo Turchetto,
	whose blog you will find at http://www.italiasw.com/
	and designed by Andreas Viklund at www.andreasviklund.com
	
	Please, leave credits untouched.
	
	Have fun, !
	
*/


/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
background-color: #e8eaec;

}

a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**************** Header and navigation styles ****************/

#container{
width:98%;
margin: 1%;
padding: 1px 1px;
text-align:left;
background:#ffffff;
color:#303030;
border:2px solid #a0a0a0;
}

#header{
height: 45px;
width: 99.8%;
margin:0 1px 1px 1px;
background:#467aa7;
color:#ffffff;
/*
	position: fixed;	
	top: 0%;
	width: 100%;
	height: 10%;
	left: 0%;
*/
}

#header h1{
padding:12px 0 0 20px;
text-align:left;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}

#header img.Logo{
margin: 4px 4px 4px 4px;	/* top right bottom left */
}

#header h2{
position: relative;
top: -29px;
left: 73%;
width: 23%;
text-align:right;
font-size:1.1em;
padding: 3px 10px 1px 1px;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

#header a{
color:#ffffff;
font-weight:bold;
}

#navigation{
height:2.2em;
line-height:2.2em;
width: 99.8%;
margin:0 1px;
background:#578bb8;
color:#ffffff;
/*
	position: fixed;	NEW	
	top: 10%;
	height: 4%;
	width: 100%;
	left: 0%;
	background:#467aa7;
*/
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}

/**** Full Screen Container ****/

#FullScreen{
width:99%;
padding: 1px 1px;
text-align:left;
}

#FullScreen h1{margins: 5px 0px 5px 0px}
#FullScreen em.UseGreen{color:green}
#FullScreen em.UseYellow{color:yellow; background:#A0A0A0}
#FullScreen em.UseRed{color:red}
#FullScreen em.UseOrange{color:orange}
#FullScreen em.UseBlue{color:blue}
#FullScreen em.UnderLine{text-decoration: underline}

#FSFullWidth{
width: 96%;
margin: 2px;
height: 40%;
position: fixed;
}

#FSFullWidth h1{
margins: 5px 0px 5px 0px;
line-height: 1.2;
}

/**** Full Screen Columns ****/

#FSColumns{
/* overflow: auto;
   position: absolute; */
width: 99%;
/* top: 45%;
   height: 55%; */
margins: 3px;
}

#FSColumns h1{margins: 5px 0px 5px 0px}
#FSColumns em.UseGreen{color:green}
#FSColumns em.UseYellow{color:yellow; background:#A0A0A0}
#FSColumns em.UseRed{color:red}
#FSColumns em.UseOrange{color:orange}
#FSColumns em.UseBlue{color:blue}
#FSColumns em.UnderLine{text-decoration: underline}

#FSLeft{
float:left;
width:32%;
font-size:0.9em
padding:0px 0px 0px 0px;
margin:5px 5px 5px 5px;
text-align: justify;
}

#FullScreen p{padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px}

#FSCenter{
float:left;
width:32%;
font-size:0.9em
padding:0px 0px 0px 0px;
margin:5px 5px 5px 5px;
text-align: justify;
}

#FSRight{
float:left;
width:32%;
font-size:0.9em
padding:0px 0px 0px 0px;
margin:5px 5px 5px 5px;
text-align: justify;
}

/**************** Content styles ****************/

#content{
float:left;

/* width: 75%;  <-- Original value */
width: 70%;

font-size:0.9em;
padding:0px 0 0 0px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:0px;
text-align:justify;
/*
	position: fixed;	NEW
	top: 15%;
	left: 18%;
	width: 80%;
	height: 74%;
	overflow: auto;			
	padding: 5px 5px 5px 5px;
*/
}

#content h1{
padding: 5px 0px 15px 0px;
display:block;
font-size: 2em;
font-weight: bold;
letter-spacing: 0px;
line-height: 1.4;
color:#0080ff;
background-color:inherit;
}

#content h2{
padding: 5px 0px 15px 0px;
display:block;
/* margin:0 0 16px 0; */

font-size:1.5em;
font-weight:normal;
letter-spacing:-1px;
/* Line-height effects the distance between lines and if not tall enough for
   the font-size (1.5 em) can cause text overlap when multiple lines used    */
line-height: 0.9em;

color:#0080ff;
background-color:inherit;
}

#content td{background-color: inherit;}

#content h2 a{font-weight:normal; font-size: 1.2em}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a{font-size:1.4em; margin: 5px 0 5px 0}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content hr{margin: 10px 5px}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}
#content td{font-size:0.85em; font-weight:normal}
#content p{padding: 0px 0 8px 0;}
#content em.UseGreen{color:green}
#content em.UseYellow{color:yellow; background:#A0A0A0 }
#content em.UseRed{color:red}
#content em.UseOrange{color:orange}
#content em.UnderLine{text-decoration: underline}
#content a.SmallText{font-size: 0.9em; color: inherit}
#content a.SameSize{font-size: inherit; color: #0080ff}
#content a.Boxed{border: 5px; border-style: solid; border-width: thin;
text-decoration: none; color:white; background-color:#A0A0A0}
#content p.WithBox{
margin: 5px 500px 5px 10px;
padding: 5px;
border-top: 5px; border-right: 5px; border-bottom: 5px; border-left: 5px;
border-color: blue;
border-style: solid;
border-width: thin;
}
#content p.IndentBlock1{
margin: 5px 400px 5px 10px;
padding: 5px;
}
#content dir.Indent {margin: 5px 5px 10px 15px}

#content p.Indent1 {margin: 5pt 5pt 10pt 25pt}

#content p.Indent2 {margin: -28pt 5pt 0pt 80pt}

#content h2.Bold {font-weight:bold; font-size: 1.5em; text-decoration: underline}

#content li{margin: 5px 0px 0px 0px}
#content li.First{margin: 10px 0px 0px 0px}

/* Sidebar  1*/

#sidebar
{
	padding: 10px 0 10px 0;
	margin-right: 20px;
	float: right;
	width: 140px;
}

#sidebar form {
	margin: 0;
	}
	
	
#sidebar h2 {
	color: #000;
	font-size: 1.0em;
	margin: 0 0 10px 0;
	padding: 10px 0 2px 0;
	width: 93%;
	border-bottom: 1px solid #000;
}

#sidebar p {
	margin: 5px 0 5px 0;
	padding: 0px;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
}

#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0 5px 0px 10px;
}

#sidebar li a, #sidebartop a {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

#right ul.right-links li {
	padding: 0 5px 8px 10px;
}

#sidebar li a:hover {
	text-decoration: underline;
}
#sidebartop a:hover {
	text-decoration: underline;

}

#sidebar a img {
	border: 0px;
	text-decoration: none;
}

#sidebar a:hover img {
	text-decoration: none;
	border: 0px;
}

#sidebar a:hover  {
	text-decoration: underline;
	border: 0px;
}
	
/* End Sidebar  */

/* Begin Sidebar2 */

#sidebar2
{
	padding: 10px 0 10px 0;
	margin-left: 0px;
	width: 20%;
        float: left;
/*
	position: fixed;	NEW
	top: 20%;
	left: 0%;
*/
}
	
#sidebar2 form {
	margin: 0;
	}

#sidebar2 h2 {
	color: #000;
	font-size: 1.0em;
	margin: 0 0 10px 0;
	padding: 10px 0 2px 0;
	width: 93%;
	border-bottom: 1px solid #000;
}

#sidebar2 p {
	margin: 5px 0 5px 0;
	padding: 0px;
}

#sidebar2 ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

#sidebar2 li {
	list-style: none;
	margin: 0px;
	padding: 0 5px 0px 10px;
}

#sidebar2 li a, #sidebartop a {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

#sidebar2 ul.right-links li {
	padding: 0 5px 8px 10px;
}

#sidebar2 li a:hover {
	text-decoration: underline;
}

#sidebar2 img.Counter {margin: 5px 5px 5px 25px;}

#sidebar2 a img {
	border: 0px;
	text-decoration: none;
}

#sidebar2 a:hover img {
	text-decoration: none;
	border: 0px;
}

#sidebar2 a:hover  {
	text-decoration: underline;
	border: 0px;
}
/* End Sidebar2 */



/**************** Menublock styles ****************/

.menublock{margin:0px 0 5px 8px; font-size:0.8em;}
.menublock, .tile ul{margin:0 0 20px 8px; font-size:0.8em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0px 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Menublock1 styles ****************/

.menublock1{margin:0 0 5px 8px; font-size:0.8em;}
.menublock1, .tile ul{margin:10px 10px 10px 10px; padding:10px 10px 10px 10px; font-size:0.8em;}
.menublock1 li{list-style:none; display:block; padding:0px 0px 0px 40px; margin:0px 0px 0px 40px;}
.menublock1 li a{font-weight:bold; text-decoration:none;}
.menublock1 li a:hover{text-decoration:none;}
.menublock1 li ul{margin-left: 10px; font-size:1em; font-weight:normal;}
.menublock1 li ul li{margin:0px 0px 0px 40px;}
.menublock1 li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:99.8%;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#467aa7;
/*
	position: fixed;	NEW
	top: 93%;
	left: 0%;
*/
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

/**************** Related Posts ****************/

	.related_posts {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
/**************** Entry ****************/
	
.entry { margin:0 0 20px 0; padding:4px 2px 2px; color:#666; font-size:10px; text-align:left; background:url(images/entry.png) no-repeat top left; }
p img { margin:0; padding:2px; border:none; max-width:100%; }

/* --------------------------------------------------
Comments
-------------------------------------------------- */

#respond, #comments {
font-size: 12px;
color: #777;
font-weight: bold;
margin: 1.25em 0;
}

.comments_link img{border:0;}

.commentsblock { padding-left: 10px; }

.commentbody {  }

.commentfooter { margin-top: 1em; margin-bottom: 2em; }

.commentbody { margin: 5px }

.commentbody h4 { font-size: 11px; margin-bottom: 10px; }

.commentbody p { margin-left: 10px; }


/****************SEARCH FORM****************/

#searchform, #searchform p
{
	font-size: 1em;
	margin: 0;
}

/*#searchform input
{
	width: 122px;
	margin: .3em 0 1em 0;
}
*/
textarea, #author, #email, #url, #searchform input
{
	font-size: 1.2em;
	background: #fff;
	color: #333;
	padding: 1px 2px;
	border: 1px solid #d9d9d9;
}
textarea:focus, #author:focus, #email:focus, #url:focus, #searchform input:focus { border-color: #36d; }


/****************ICONS****************/

.metalinks {
	margin-top: 3px;
	}

.trackbacklink {
	background: url('images/trackback.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.deliciouslink {
	background: url('images/delicious.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.digglink {
	padding: 2px 0 2px 20px;
	height: 16px;
	}	

.commentslink {
	background: url('images/comment.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}	

/************************wp-video***************/

.wpv_videoc {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 425px;
}

.wpv_video {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 0 4px 0;
	width: 425px;
}

.wpv_titleauthor, .wpv_durationdate {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	font: bold 11px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
	color: #666;
	padding: 3px;
	border-top: 1px solid #aaa;
}

.wpv_download {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
}

.wpv_download a {
	font: bold 11px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
	color: #f44;
}

.wpv_download a:hover {
	text-decoration: none;
}

.wpv_download img {
	border: 0;
}

.wpv_self {
	text-align: left;
}

.wpv_self a {
	font: bold 9px "Lucida Grande", Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
	color: #000;
}