/*
Theme Name: Andreas Bard
Theme URI: http://bard.nu/
Description: A custom theme for Andreas Bards blog.
Version: 2.0
Author: Dream Builders
Author URI: http://www.bard.nu
*/

/* 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{background:#283409; line-height:1.4; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
#container{background:#b8bda9 url(images/container.png) repeat-x top;}
#header .holder{background:url(images/header.png) no-repeat center top; height:130px;}
#nav-main{height:70px; color:#fff;}
#content-box .holder{background:url(images/content.gif) repeat-y center;}
#left-panel{float:left; width:600px; margin-right:1px; padding:0 20px 0 30px;}
#right-panel{float:left; width:309px;}
#footer{background:url(images/footer.png) repeat-x top;}
.holder{width:960px; margin: 0px auto;}

/* NAVIGATION */
#nav-main a{color:#fff;}
#nav-main strong{line-height:30px;}
#top-nav{float:right; line-height:30px;}
#top-nav li{float:left;}
#top-nav li a{float:left; padding:0 12px;}
#main-navigation{line-height:40px; font-size:14px;}
#main-navigation li{float:left; padding:0 10px;}
#main-navigation li a{float:left;}
#main-navigation li a span{float:left; padding:0 20px;}
#main-navigation li a:hover, #main-navigation li.current_page_item a{background:url(images/nav_r.png) no-repeat right 50%;}
#main-navigation li a:hover span, #main-navigation li.current_page_item a span{background:url(images/nav_l.png) no-repeat left 50%; color:#3d4d16;}
	
/* HEADER */
#header{color:#fff; font-family: Helvetica, Arial, sans-serif;}
#logo{padding-top:15px;}
#logo a{width:540px; height:50px; display:block;}
#logo a span{display:none;}
#sub-logo{font-weight:bold; font-size:14px;}
a.head-tip-link{float:right; color:#fff; margin-top:20px; width:285px; line-height:60px; font-size:25px; font-weight:bold;}
a.head-tip-link:hover{text-decoration:none; color:#333;}

/* CONTENT */
.content-head-box{width:600px; background:url(images/content_box_head.png) repeat-y center; font-size:16px; margin-bottom:20px}
.content-head-box .top{background:url(images/content_box_head.png) no-repeat left top;}
.content-head-box .bottom{background:url(images/content_box_head.png) no-repeat right bottom; padding:15px;}
.content-head-box h2, .content-head-box h3{font-size:48px; font-family: Helvetica, Arial, sans-serif; line-height:1; font-weight:bold;}
.content-head-box h3{font-size:24px; color:#333;}
.content-head-box p{padding-top:10px;}

#left-panel a{color:#690;}
.pagetitle{text-align:center; font-size:20px; color:#333; margin-bottom:20px;}

	/* SIDEBAR */
	.box{padding:0 22px 20px 22px; margin-bottom:20px; background:url(images/sidebar_sep.gif) repeat-x bottom; text-align:center;}
	.box p{padding:5px 0;}
	.box a{color:#666;}
	.box b, .box strong{font-weight:bold;}
	.box i, .box em{font-style:italic;}
	.box .box-content{background:#fff; border:#dbdbdb 1px solid; text-align:left;}
	.box .box-content h3{background:#3d4d16 url(images/box_head.png) repeat-x top; line-height:34px; padding:0 8px; font-size:18px; color:#fff;}
	.box .box-content h3 a{color:#fff;}
	.box .box-content ul{padding:6px;}
	.box .box-content ul li{background:url(images/bullet.gif) no-repeat 0px 10px; padding:5px 0 5px 10px; border-bottom:#ededed 1px solid;}
	
	#s{width:190px; height:19px; margin-right:8px; padding:5px 5px 1px 5px; border:#ccc 1px solid;}
	#searchsubmit{border:0; background:url(images/search.png) no-repeat left top; width:48px; height:26px; color:#fff; font-weight:bold;}
	
	/* POST & PAGE */
	.post, .page{margin-bottom:20px; border-bottom:#e1e1e1 1px solid;}
	.post .post-head, .page .post-head{background:url(images/post_title.gif) repeat-x bottom;}
	.post .post-head img.avatar, .page .post-head img.avatar{float:left; margin:0px 10px 10px 0;}
	.post .post-head h1.post-title, .page .post-head h1.post-title{font-size:22px; padding-bottom:5px;}
	.post .post-head h1.post-title a, .page .post-head h1.post-title a{color:#000!important;}
	.post .post-meta, .page .post-meta{clear:left; line-height:24px; background:url(images/post_meta.gif) repeat-x bottom; padding:0 8px;}
	.post .post-content, .page .post-content{padding:20px 0;}
	.post .post-content p, .page .post-content p{padding:0 0 15px 0;}
	.post .post-content ul, .page .post-content ul{list-style-type:disc; margin:10px 0 10px 20px;}
	.post .post-content ol, .page .post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;}
	.post .post-content blockquote, .page .post-content blockquote{margin:10px 20px; background:#f5f5f5; padding:10px;}
	.post .post-content blockquote p, .page .post-content blockquote p{padding:0;}
	.post .post-content h1, .page .post-content h1{font-size:18px;}
	.post .post-content h2, .page .post-content h2{font-size:16px;}
	.post .post-content h3, .page .post-content h3{font-size:14px;}
	.post .post-content b, .post .post-content strong,
	.page .post-content b, .page .post-content strong{font-weight:bold;}
	.post .post-content i, .post .post-content em,
	.page .post-content i, .page .post-content em{font-style:italic;}
	.post-extra{background:#fafafa; border:#b2b2b2 1px dashed; padding:15px; margin:5px 0;}
	.post-extra h3{color:#930; font-size:20px; font-weight:bold; border-bottom:#e5e5e4 1px solid; margin-bottom:5px;}
	.post-ad{background:#f0f0f0 url(images/post_ad.gif) no-repeat left top; width:600px;}
	.post-ad-hold{background:url(images/post_ad.gif) no-repeat right bottom; text-align:center; padding:10px;}
		
	.navigation{height:20px; padding-bottom:20px;}
	.navigation .alignleft{float:left;}
	.navigation .alignright{float:right;}
	
		/* Wordpress Classes */
		.aligncenter, div.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;}
		.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
		
	/* COMMENT */
	#comments, #respond{font-size:22px; border-bottom:#e5e5e5 1ps dotted;}
	#commentform p{padding:8px 0;}
	#commentform label{width:100px; float:left; text-align:right; margin:0 10px 0 0; line-height:25px;}
	#commentform .req{color:#f00;}
	#author, #email, #url{width:240px; height:20px; padding:5px 5px 0 5px;}
	#comment{width:400px;}
	#submit{background:#596f23; border:#333 1px solid; color:#fff; height:30px; margin-left:110px;}	
	#submit:hover{cursor:pointer; background:#3d4d16;}
	
	ol.commentlist{padding:20px;}
	ol.commentlist li{padding:15px; border-bottom:#eee 1px dotted;}
	ol.commentlist li.alt{background:#f5f5f5;}
	ol.commentlist .comment-content{padding:10px 0;}
	ol.commentlist .comment-content a{color:#39c;}
	ol.commentlist small{font-size:11px;}
	ol.commentlist b.auth a{font-weight:bold; color:#06c;}
	
/* FOOTER */
#footer .holder{background:url(images/footer_cen.png) no-repeat center top; padding:60px 0 20px 0; text-align:center; color:#fff; font-size:11px;}
#footer a{color:#fff;}

/* OTHER */
.clear{clear:both;}
.fl-right{float:right;}