/*
Theme Name: Ta Korkortet
Description: Mild blue wordpress theme.
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;}
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:#e3f5fc url(images/body.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
#container{margin: 0px auto;background:url(images/header.jpg) no-repeat center top;}
#header{height:75px;padding-top:25px; color:#fff; font-family: Tahoma, Geneva, sans-serif;}
#nav-main{height:40px;padding:1px 0;line-height:38px;}
#content-box{padding: 30px 0;}
#left-panel{float:left;width:220px;}
#right-panel{background:#fff url(images/content.png) no-repeat center bottom;margin-left:250px; padding:0 20px 10px 20px;}
#footer{background:url(images/footer.png) no-repeat center top; text-align:center; padding:20px 0; color:#069; font-family: Tahoma, Geneva, sans-serif;}
.holder{width:850px;margin: 0px auto;}
	
/* HEADER */
#logo{width:229px; height:33px; overflow:hidden; position:relative;}
#logo span{width:100%; height:100%; position:absolute; background:url(images/logo.png) no-repeat;}
#header strong{font-weight:bold; margin-top:5px; display:block;}

/* NAVIGATION */
#nav-main li{float:left; font-family: Tahoma, Geneva, sans-serif; font-size:13px; padding:0 1px;}
#nav-main li a{float:left; color:#2e2e2e; font-weight:bold; padding:0 20px;}
#nav-main li.current_page_item a, #nav-main li a:hover{text-decoration:none; background:url(images/nav.png) repeat-x top; color:#fff;}

/* CONTENT */

	/* LEFT PANEL */
	.box{background:url(images/box.png) no-repeat left top; margin-bottom:20px;}
	.box-bot{background:url(images/box.png) no-repeat right bottom; padding-bottom:25px;}
	.box h3{font-size:20px; color:#fff; line-height:38px; padding:0 10px; font-weight:bold;}
	.box h3 a{color:#fff; font-weight:bold;}
	.box .box-content{background:url(images/box.png) repeat-y center; padding:5px 5px 0 5px;}
	.box ul li{background:url(images/bullet.gif) no-repeat 3px 8px; padding: 3px 5px 3px 15px;}
	.box a{color:#06c;}

	/* RIGHT PANEL */
	#right-panel a{color:#06c;}
	.bread-crumb{padding:10px 5px;}	
	
	.post{margin-bottom:20px;}
	.post .post-header{color:#666; background:url(images/post_header.gif) repeat-x bottom; padding:0 5px 10px 5px;}
	.post .post-header h2, .post .post-header h2 a{color:#06c;  font-size:20px;}
	.post .post-content{padding:15px 0;}
	.post .post-content p{padding:0 0 15px 0;}
	.post .post-content ul{list-style-type:disc; margin:10px 0 10px 20px;}
	.post .post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;}
	.post .post-content blockquote{margin:10px 20px; background:#f5f5f5; padding:10px;}
	.post .post-content h1{font-size:18px; color:#333;}
	.post .post-content h2{font-size:16px; color:#333;}
	.post .post-content h3{font-size:14px; color:#333;}
	.post .post-content b, .post .post-content strong{font-weight:bold;}
	.post .post-content i, .post .post-content em{font-style:italic;}
	.post .post-meta{font-family: Tahoma, Geneva, sans-serif; background:#fbfbfb; border:#ececec solid; border-width:1px 0; padding:10px;}
	.post .post-meta a{color:#069;}
	.post .post-meta a.comment-link{background:url(images/comment.gif) no-repeat left 3px; padding: 3px 0 3px 20px;}
	
	.navigation{height:20px; padding-bottom:20px;}
	.navigation .alignleft{float:left;}
	.navigation .alignright{float:right;}

/* FOOTER */
#footer a{color:#069;}

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