/*
Theme Name: Andreas Bard
Description: A custom theme for Andres Bard
Version: 1.0
Author: Muthuswamy K
Author URI: http://muthuswamy.in/
*/

/* DEFAULT */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}

/* REGULAR CODING */
body{font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:1.4;}

/* STRUCTURE */
#container{margin: 0px auto;}
#header{background:#033;height:70px; padding:10px 0 0 0; color:#fff;}
#nav-main{background:#033;height:28px; border-bottom:#efeed3 5px solid;}
#banner{background:#efeed3;background-image:url(images/banner_bot.gif);background-repeat:repeat-x;background-position:bottom;text-align:center;padding:20px 0;height:220px;}
#content-box{padding:15px 0;}
#left-panel{float:left;width:640px;}
#right-panel{margin:0 0 0 680px;}
#footer{background:#223f56;border-top:#205a87 5px solid;line-height:1.8;padding:20px 0;color:#fff; clear:both;}
.holder{width:960px;margin: 0px auto;}
	
/* HEADER */
#logo{float:left;}
.address-blk{float:right; background:url() no-repeat left top; padding:0 50px;}

/* NAVIGATION */
#nav-main ul li{float:left; padding:0 3px;}
#nav-main ul li a{float:left;color:#fff;font-weight:bold;line-height:28px;padding:0 20px;text-decoration:none;background:#369;}
#nav-main ul li a:hover{background:#39c;}
#nav-main ul li.current_page_item a{background:#efeed3;color:#033;}

/* CONTENT */
strong{font-weight:bold;}

	/* SIDE BAR */
	.box{border:#b8d8f1 1px solid; margin:0 0 10px 0;}
	.box h3{background:url(images/box_header.png) no-repeat;line-height:31px;color:#39c;font-size:14px;padding:0 0 0 15px;}
	.box .content{padding:10px;}
	.box ul li{background:url(images/bullet.gif) no-repeat left 9px; padding:3px 0 3px 10px; border-bottom:#e8e8e8 1px solid;}
	.box ul li:hover{background-image:url(images/bullet_hov.gif);}
	.box ul li a{color:#8a8a8a;text-decoration:none;}
	.box ul li a:hover{color:#39c;}
		
	/* POST */
	.post{padding:0 0 20px 0;}
	.post h2{color:#39c; font-size:20px; font-family:Arial, Helvetica, sans-serif; border-bottom:#e0e0e0 1px dashed;}
	.post h2 a{color:#39c; text-decoration:none;}
	.post-content{color:#646464;}
	.post-content h1{font-size:20px; margin:10px 0 0 0;}
	.post-content h2{font-size:18px; margin:10px 0 0 0; color:#646464; font-family:Tahoma, Geneva, sans-serif; border:0;}
	.post-content h3{font-size:16px; margin:10px 0 0 0;}
	.post-content p{padding:10px 0;}
	.post-content a{color:#39c; text-decoration:none;}
	.post-content a:hover{text-decoration:underline;}
	.post-content i{font-style:italic;}
	.post-content ul{list-style-type:disc; margin:10px 0 10px 20px;}
	.post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;}
	.post-content ul.tick{list-style-type:none; margin:0;}
	.post-content ul.tick li{background:url(images/tick.gif) no-repeat left 8px; padding:5px 0 5px 20px;}
	.post-content blockquote{background:#f9fcff; border:#b8d8f1 1px solid; margin:10px 0; padding:10px; font-style:italic;}
	
	.navigation{height:20px;}
	.navigation a{text-decoration:none; color:#39c;}
	.navigation .alignleft{float:left;}
	.navigation .alignright{float:right;}
	
	/* COMMENT */
	#respond, #comments{font-size:18px; padding:10px 0 0 0;}
	ol.commentlist{padding:20px 0;}
	ol.commentlist li{padding:20px;}
	ol.commentlist li.alt{background:#f7f7e9;}
	ol.commentlist li a{color:#39c; text-decoration:none;}
	ol.commentlist li p{padding:10px 0;}
	
	#commentform{padding:20px 0;}
	#commentform p{padding:10px 0;}
	#comment{width:500px;}
	

/* FOOTER */
#footer h2{float:right;}
#footer a{color:#eee; text-decoration:none;padding:0 8px;}
#footer a:hover{text-decoration:underline;}

/* OTHER */
.clear{clear:both;}