/*
Theme Name: Halens Blogg
Description: A specially designed custom theme for Halens Blogg.
Version: 1.0
Author: Dream Builders
Author URI: http://www.dreambuilders.se
*/

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

/* STRUCTURE */
#container{margin: 0px auto; background:url(images/header.jpg) no-repeat center top;}
#header{height:109px; padding-top:30px;}
#nav-main{height:27px; margin-bottom:2px;}
#content-box{padding:25px 0;}
#main-panel{float:left; width:520px; margin-right:10px;}
#left-panel{float:left; width:145px; margin-right:10px;}
#right-panel{float:left; width:270px;}

#footer{background:#cf1d5f;	padding:30px 0 20px 0;}
.holder{width:955px; margin: 0px auto;}
	
/* HEADER */
#logo{height:109px; width:332px; position:relative; overflow:hidden;}
#logo span{height:100%; width:100%; position:absolute; background:url(images/logo.png) no-repeat left top;}

/* NAVIGATION */
#nav-main{border-bottom:3px solid #303231; margin:0 25px 0 25px;}
#nav-main li{float:left; line-height:27px; text-transform:uppercase;}
#nav-main li a{float:left; background:url(images/nav_r.png) no-repeat right bottom;}
#nav-main li a span{float:left; font-weight:bold; color:#fff; padding:0 18px; background:url(images/nav_l.png) no-repeat left bottom;}
#nav-main li a:hover, #nav-main li.current_page_item a{background:url(images/nav_r.png) no-repeat right top; color:#fff; text-decoration:none;}
#nav-main li a:hover span,  #nav-main li.current_page_item a span{background:url(images/nav_l.png) no-repeat left top;}

a.bag_button{float:right; text-transform:uppercase; color:#fff; font-weight:bold; padding:11px 0 0 50px; line-height:27px; width:91px; background:url(images/bag_button.png) no-repeat left bottom; position:relative; top:-11px;}
a.bag_button:hover{text-decoration:none; background:url(images/bag_button.png) no-repeat 0px -1px;}

/* CONTENT */
h2.pagetitle{font-size:18px; text-align:center; margin-bottom:15px;}

	/* SIDEBAR */
	.box{background:#fff; padding:10px; margin-bottom:20px;}
	.box h3{display:inline-block; background:#cb1d5d; padding:5px 7px; color:#fff; margin-bottom:8px; font-size:11px; font-weight:bold; text-transform:uppercase;}
	.box h3 a{color:#fff;}
        /* Full width pink bars
        #left-panel .box h3{width:140px;}
        #right-panel .box h3{width:235px;}
        */
	.box a{color:#333; font-weight:bold;}
	.box .box-content{text-align:center;}
	.box ul{text-align:left;}
	.box ul li{padding:3px 0;}
	.box p{padding:8px 0;}
	.box strong, .box b{font-weight:bold;}
	.box em, .box i{font-style:italic;}
	
	.box ul.bloglist li{padding:7px 0; clear:left;}
	.box ul.bloglist .avatar{float:left; margin:4px 10px 10px 0; padding:0px; border:#ddd 1px solid;}
	.box ul.bloglist strong a{color:#c36; text-transform:uppercase; font-size:11px;}
	.box ul.bloglist h4{text-transform:uppercase; font-size:18px; font-family: Georgia, serif; line-height:1;}
	.box ul.bloglist h4 a{font-weight:normal;}
	.box ul.bloglist p{padding:0; font-size:11px; font-style:italic; float:left; width:150px;}
        .box object{padding:8px 0 0 0;}
	
	#search{background:#cb1d5d; margin-bottom:20px;}
	#search #searchform{background:url(images/search_box.gif) no-repeat left top;}
	#search fieldset{padding:10px; background:url(images/search_box.gif) no-repeat right bottom;}
	#search #s{background:#fff url(images/search.gif) no-repeat 3px 5px; border:#dadada 1px solid; border-top:#a0a0a0 1px solid; width:140px; height:18px; padding:2px 5px 0 20px; margin-right:12px;}
	#search  #searchsubmit{background:url(images/button.gif) no-repeat left top; width:64px; height:23px; border:0; color:#333; font-weight:bold;}

	.mcf_txt{background:url(images/contact_form_txt.png) no-repeat; width:160px; height:22px; border:0; margin-right:5px; padding:2px 4px 0 4px;}
	.mcf_btn{background:url(images/button.gif) no-repeat; width:64px; height:23px; color:#333; text-transform:uppercase; border:0; font-weight:bold;}

	/* POST & PAGE */
	.post, .page{background:#fff; margin-bottom:20px;}
	.post .post-head, .page .post-head{padding:15px 10px 0 10px;}
	.post .post-head img.avatar, .page .post-head img.avatar{float:right; margin:0 0 10px 10px; padding:0px; border:#ddd 1px solid;}
	.post .post-head h1.post-title, .page .post-head h1.post-title{font-size:18px; font-family: Georgia, serif; font-style: italic;}
	.post .post-head h1.post-title a, .page .post-head h1.post-title a{color:#444!important;}
	.post .post-head h1.post-title a:hover, .page .post-head h1.post-title a:hover{color:#000!important; text-decoration:none;}
	.post .post-head .head-meta, .page .post-head .head-meta{color:#999; font-weight:bold; font-size:11px;}
	.post .post-head .head-meta a, .page .post-head .head-meta a{color:#999; font-weight:bold;}
	
	.post .post-content, .page .post-content{padding:15px 10px 0 10px;}
	.post .post-content a, .page .post-content a{color:#cb1d5d;}
	.post .post-content img, .page .post-content img{padding:0px; border:#ddd 0px solid;}
	.post .post-content img.wp-smiley, .page .post-content img.wp-smiley{padding:0; border: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 .post-tag-box, .page .post-tag-box{border-top:#d7d7d7 1px solid; margin:0 10px; padding:10px 0 10px 50px; background:url(images/tag.gif) no-repeat left 10px; font-size:11px; font-weight:bold; color:#999;}
	.post .post-tag-box a, .page .post-tag-box a{color:#999; font-weight:bold;}
	
	.post .post-meta, .page .post-meta{background:#e0dede; padding:5px 10px; font-size:11px; height:20px;}
	.post .post-meta a, .page .post-meta a{color:#333; font-weight:bold;}
	.post .post-meta strong, .page .post-meta strong{color:#c36; font-weight:bold;}
	.post .post-comment a,.page .post-comment a{background:url(images/comment.gif) no-repeat right top; padding-right:20px; line-height:17px; float:left;}
		
	.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;}
	#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;}
        #commentform {float:left; clear:both;}
	#author, #email, #url{width:240px; height:20px; padding:5px 5px 0 5px;}
	#comment{width:350px;}
	#submit{background:#cb1d5d; border:#903 1px solid; color:#fff; height:30px; margin-left:110px;}	
	#submit:hover{background:#903; cursor:pointer;}
	
	ol.commentlist{padding:10px 0;}
	ol.commentlist li{background:#fff; border:#e5e5e5 2px solid; padding:15px; margin-bottom:15px;}
	ol.commentlist li.alt{border:#fff 2px solid; background:#e5e5e5;}
        ol.commentlist div.avatar{width:65px; float:left}
	ol.commentlist img.avatar{float:left; margin:0 10px 10px 0; padding:1px; border:#ddd 1px solid;}
	ol.commentlist .comment-content{margin-left:50px;}
	ol.commentlist small{font-size:11px;}
	ol.commentlist b.auth a{font-weight:bold; color:#06c;}
	ol.commentlist hr{border:#ccc solid; border-width:1px 0 0 0;}

/* FOOTER */
#footer .holder{width:1006px; margin: 0px auto; color:#fff; font-size:11px;}
#footer a{color:#fff; font-weight:bold;}
.footer-box{background:#903; margin-bottom:10px; font-weight:normal;}
.footer-box .top{background:url(images/footer_box.gif) no-repeat left top;}
.footer-box .bottom{background:url(images/footer_box.gif) no-repeat right bottom; padding:20px;}
.footer-box .fotbox{float:left; width:220px; padding: 0 10px;}
.fotbox h3{font-weight:bold; margin-bottom:5px;}
.fotbox p{padding-bottom:8px;}
.fotbox a{font-weight:normal!important; text-decoration:underline;}
.fotbox a:hover{text-decoration:none;}
.fotbox ul.subscribe li{background:url(images/rss.gif) no-repeat left 3px; padding-left:18px; line-height:18px;}

#footer p.fot-copy{font-weight:bold; padding:0 10px;}
ul.fot-links{float:right; padding:0 10px;}
ul.fot-links li{display:inline;}
ul.fot-links li a{padding:0 5px;}

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

/* ADDITIONAL WIDGETS STYLE */
.execphpwidget ul{list-style-type:none;}
.blogbadge{width:445px; height:60px;}