/*

Theme Name: Sense-Andreas08 3 columns
Theme URI: http://hianoto.net
Description: Sense-Andreas08 is an AdSense-ready template based on Andreas 0.8 by <a href="http://andreasviklund.com/templates/">Andreas Viklund</a>, which was ported to WordPress by <a href="http://www.italiasw.com">Matteo Turchetto</a>
Version: ver 0.1
Author: Hianoto Santoso
Author URI: http://hianoto.net

*/


/* 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;
color:#303030;
background:#e8eaec;
}

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

/* a:hover{color:#2a5a8a and so forth */
a:hover{color:#000000; 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;}

#flickr img {display: block;float: left;padding: 0px;position: relative;height: 55px;width: 55px;border-width:0;margin:2px;}


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

#container{
width:980px;
margin:20px auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:2px solid #a0a0a0;
}

#header{
height:110px;
width:980px;
margin:0 1px 1px 1px;
background:#467aa7;
color:#ffffff;
}

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

#header h2{
margin:10px 0 0 40px;
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

#navigation{
height:2.2em;
line-height:2.2em;
width:980px;
margin:0 1px;
background:#578bb8;
color:#ffffff;
}

#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 .active, #navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}


#bannerads{
height:90px;
width:980px;
margin:0 1px;
background:#ffffff;
padding:20px 0 0 20px;
}


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

#content{
float:left;
width:600px;
font-size:0.9em;
padding:20px 0 0 20px;
}

#content h1{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#content h1 a{color:#505050;}

#content h2{
font-size:16px;
font-weight:bold;
color:#505050;
background-color:inherit;
/*
margin:15px 0px 0px 0px;
padding:3px;
border:solid 2px #4477aa;
border-right: solid 2px #;
*/
}

#content h2 a {
font-size:14px;
font-weight:bold;
text-decoration:none;
/* text-transform: uppercase;
border: solid 0px #bad1e8;
background:;#bad1e8;
color: #003366; */
color:#505050;
}

#content h2 a:hover{
font-size:14px;
font-weight:bold;
text-decoration:none;
/* text-transform: uppercase;
border: solid 0px #bad1e8; */
color: #000000;
}

#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;}
#content p{font-size:1.2em;}

blockquote{
	clear: both;
	padding: 1em;
	margin: 2em 3em;
	font-size: 0.9em;
	line-height: 1.7em;
	background-color: #eeeeee;
	border: 1px solid #a9a9a9;
	background: #eeeeee url(images/right_quotes.png) 95% 85% no-repeat;
}


/**************** Pagination ****************/

p.pagination{
	float: left;
	margin: 20px;
	padding: 5px 10px;
	border: 1px solid #0066CC;
	background-color: #f9f9f9;
}

p.pagination a { border-bottom-width: 0; }

a.prev { float: left; padding-left: 10px; background: url(images/prev.gif) center left no-repeat; }

a.next { float: right; padding-right: 10px; background: url(images/next.gif) center right no-repeat; }


/**************** Sidebar ****************/

#sidebar {
	width: 340px;
	margin: 0px;
	padding: 5px 0 15px 0;
	float: right;
	font-size: 0.9em;
}

#left, #right {
	padding: 5px 0 15px 0;
}

#left{
	float: left;
	margin-right: 3px ;
	width: 160px;
}

#right{
	margin-right: 3px ;
	float: right;
	width: 160px;
}

#sidebar h2{
	color: #424E58;
	font-size: 0.9em;
	margin: 0 0 10px 0;
	padding: 10px 0 2px 0;
	width: 96%;
	border-bottom: 1px solid #000;
}

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

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

#sidebar ul a{
	text-decoration:none;
}

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

#sidebar li a, #sidebartop a {
	font-size: 11px;
}

#sidebar li a:hover {
background-color: #ffffff;
color: #000000;
text-decoration: underline;
}

#sidebartop a:hover {
background-color: #ffffff;
color: #000000;
text-decoration: underline;
}

#sidebar img {
	margin-right: 4px;
}

#sidebar a img {
	border: 0px;
}

#sidebar a:hover img {
	border: 0px;
}

#sidebar a:hover {
background-color: #ffffff;
color: #000000;
text-decoration: underline;
}


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

.menublock{margin:0 0 5px 8px; font-size:0.9em;}
.menublock, .tile ul{margin:0 0 20px 8px; font-size:1.1em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{text-decoration:none;}

.menublock li a:hover{
text-decoration:none;
color: #ffffff;
background: #467aa7;
}
.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.0em;
width:50px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

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


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

#footer{
clear:both;
width:980px;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#1E4A7E;
}

#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:15px 15px 0px 0px;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

.box a {
font-size:09px;
font-weight:bold;
text-decoration:none;
border: solid 0px #bad1e8;
background: ;#bad1e8;
color: #003366;
}

.box a:hover {
font-size:09px;
font-weight:bold;
text-decoration:none;
border: solid 0px #bad1e8;
color: #000000;
}


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


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


/**************** Search Form ****************/

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

/*#searchform input
{
width: 50px;
margin: .3em 0 1em 0;
}
*/

textarea, #author, #email, #url, #searchform input {
font-size: 1.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; }


/**************** Entry ****************/

.entry{
margin-bottom:3em;
}

.entrymeta{
font-size:0.9em;
color: #6699cc;
}

.entry img {
padding: 5px;
border: 1px solid #ccc;
margin: 5px;
}

.postedby{
background:#fff url(./images/user.gif) no-repeat;
padding:3px;
padding-left:20px;
}

.filedto{
background:#fff url(./images/post.gif) no-repeat;
padding:3px;
padding-left:20px;
}

.commentslink{
background:#fff url(./images/packaged.gif) no-repeat;
padding:3px;
padding-left:20px;
}

.trackbacklink{
background:#fff url(./images/trackback.png) no-repeat;
padding:3px;
padding-left:20px;
}

.sec-a{
background:#eff2ef;
 float:left;
width:775px;
padding:0 15px;
}

.commentlist {
margin: 0;
padding: 0;
}

.commentlist li {
background: #C3D9FF;
border: 1px solid #0066CC;
color: #3D3D3D;
list-style: none;
margin: 10px;
padding: 10px 10px 0 10px;
}

.commentlist li:hover {
border: 1px solid #CCCCCC;
}


/**************** Calendar ****************/

#wp-calendar {
background-color: #e8eaec;
empty-cells: show;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
font-weight:bold;
width: 150px;
margin-bottom: 8px;
border: 1px solid #467aa7;
}

#wp-calendar #next a, #wp-calendar #next {
padding: 0 5px 0 0;
text-align: center;
color: #000000;
background-color: #e8eaec;
font-weight: bold;
background-image: none;
}

#wp-calendar #prev a, #wp-calendar #prev{
padding: 0 0 0 5px;
text-align: center;
color: #000000;
background-color: #e8eaec;
font-weight: bold;
background-image: none;
}

#wp-calendar a {
display: block;
text-decoration: none;
}

#wp-calendar td:hover {
font-weight: bold;
background-color: #80b0da;
}

#wp-calendar caption {
text-align: center;
color: #467aa7;
font-size: 100%;
font-weight: bold;
padding-bottom: 2px;
padding-left: 2px;
}

#wp-calendar td {
color: #666;
font-size: 10px;
font-weight: normal;
padding: 1px 1px;
text-align: center;
}

#wp-calendar td.pad {
background-color: #e8eaec;
}

#wp-calendar td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: center;
}

#wp-calendar #today {
color: #FF0000;
}

#wp-calendar th {
background-color: #467aa7;
border: 1px solid #467aa7;
color: #FFFF00;
font-style: normal;
text-transform: lowercase;
text-align:center;
}

#wp-calendar tfoot td.pad {
background-color: #e8eaec;
border: 1px solid #e8eaec;
color: #FFFF00;
font-style: normal;
text-align:center;
}

