/*  

Theme Name: Andreas 0.8

Theme URI: http://wordpress.org/

Description: Andreas 0.8 is a template of <a href="http://andreasviklund.com/templates/">Andreas Viklund</a>.

Version: ver 1.0

Author: Matteo Turchetto

Author URI: http://www.italiasw.com/



	Andreas 0.8 ver 1.0

	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% Arial,Verdana,Tahoma,sans-serif;

line-height:1.4em;

text-align:center;
background-image: url('images/BACKGROUND-TWITTER.png');
background-repeat: no-repeat;
background-color: #2E6DA5;



}



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: 850px;

margin: auto;

padding:5px;
padding-top: 5px;;

text-align:left;

color:#303030;

}



#header{

height:100px;

width:850px;
padding: 10px;
margin:1px 1px 1px 1px;

}

.service {

width:790px;
height: 310px;
background-color: #eeeeee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding: 10px;
border: 1px solid #cccccc;
margin-bottom: 20px;
}



#navigation{

height:40px;

line-height:2.2em;

width:850px;

margin:0 1px;
background-color: #ffffff;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}

#navigation ul{

float:left;

margin-top: 3px;

}

#navigation li{

float:left;

list-style-type:none;

white-space:nowrap;

}



#navigation li a{

display:block;

padding:5px;

margin-right: 5px;

margin-left: 5px;

font-size:1em;

font-weight:bold;


text-decoration:none;

color: #000000;

}



* html #navigation a {width:1%;}



#navigation,#navigation a:hover{

color:#467aa7;

text-decoration:none;

}



/**************** Content styles ****************/



#content{

float:left;

width:650px;

font-size:0.9em;

margin-top: 10px;
margin-bottom: 10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

border: 1px solid #cccccc;
background-color: #ffffff;

padding:20px;

}



#content h2{

display:block;

margin:0 0 16px 0;

font-size:2em;

font-weight:bold;

color:#467aa7;

background-color:inherit;

}



#content h2 a{font-weight:normal;}

#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}

#content a:hover,#subcontent a:hover{text-decoration:underline;}

#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;}



/**************** Sidebar styles ****************/



#subcontent{

float:right;

width:120px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

border: 1px solid #cccccc;
background-color: #ffffff;


padding:10px;
margin-top: 10px;
margin-bottom: 10px;

line-height:1.4em;

}



#subcontent h2{

display:block;

margin:0 0 15px 0;

font-size:1.6em;

font-weight:normal;

text-align:left;

letter-spacing:-1px;

color:#505050;

background-color:inherit;

}



#subcontent p{margin:0 0 16px 0; font-size:0.9em;}



/**************** Menublock styles ****************/



.menublock{margin:0 0 5px 8px; font-size:0.9em;}

.menublock, .tile ul{margin:0 0 20px 8px; font-size:0.9em;}

.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 0 3px 15px; font-size:1em; font-weight:normal;}

.menublock li ul li{margin-bottom:0;}

.menublock 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: 0;

}



#searchbar #searchbutton{

width:auto;

padding:0 1px;

font-size:0.9em;

text-align:center;
border: 0;

}



/**************** Footer styles ****************/



#footer{

clear:both;

width:890px;

padding:5px;

margin:0 1px;

font-size:0.9em;

color:#ffffff;

border-top: 5px solid #ffffff;

background-color: #467aa7;

}



#footer p{padding:0; margin:0; text-align:right;}

#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: 1em;

	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;

	}	



.commentslink {

	background: url('images/comment.png') left top no-repeat;

	padding: 2px 0 2px 20px;

	height: 16px;

	}	