/*
Theme Name: UngDrive
Theme URI: http://ungdrive.se/
Description: UngDrive theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Stefan Boman
Author URI: http://falkboman.se/

*/

* {margin:0px; padding:0px;}

a{color:#00ccff;text-decoration: none;}
a:hover{text-decoration: underline;}

body {background: url("images/bg_tile.png") repeat-x #ffffff; }
html{background-color: #00ccff;}

/* ---------- WRAPPER  ---------- */
#wrapper{width: 100%;height: 712px;background: url("images/bg_aura.png") no-repeat top center;}
#wrapper_index{width: 100%;height: 712px;background: url("images/bg_indexaura.png") no-repeat top center;}

/* ---------- HEADER  ---------- */
#header{
	display: block;
	margin-left:auto;
	margin-right:auto;
	width:966px;
	height: 183px;}

#header_up{height: 109px;width:100%;background: url("images/head_logo.png") no-repeat 3px bottom;}

#header_down{
	padding:25px 23px 10px 0px;
	height: 40px;
	background: url("images/head_nav.png") no-repeat 0px 21px;}

#header_down a{color:white;text-transform:uppercase;text-decoration: none;}
#header_down a:hover{text-decoration: underline;}
	
#header_down ul{float:left;padding:0px 0px 10px 23px;margin-bottom: 20px;}

#header_down ul li{
	margin:0px;
	padding-right:20px;
	padding-top: 10px;
	float: left;
	list-style: none;}

#header_down ul li#subnavigation{
	margin-right:19px;
	padding-right:20px;
	padding-top: 4px;}

#header_down ol{list-style:none;float:right;padding:10px 0px 10px 23px;}
#header_down ol li{float:left;margin: 0px;margin-right: 4px;}

/* ---------- HEADER 3D  ---------- */
#header_3d{text-align:center;height:352px;width:100%;}
#header_3d_inside{text-align:center;height:352px;width:960px;}

h1.headline{
	padding-top: 47px;
	text-align: center;
	font-size: 47px;
	text-transform: uppercase;
	background: url("images/body_separator.png") no-repeat center bottom;
	line-height: 34px;
	padding-bottom: 27px;}

h1.headline_index{
	padding-top: 47px;
	height: 83px;
	text-align: center;
	font-size: 47px;
	text-transform: uppercase;
	background: url("images/start_separator.png") no-repeat 0px 110px;}

p.introduction{text-align:center;font-style: italic; font-size:13px; background: #ededed;padding:20px;-moz-border-radius: 15px; -webkit-border-radius: 15px; color: #888;}

h1,h2,h3{text-transform: uppercase;}

/* ---------- ENTRY  ---------- */
.entry h1{}
.entry h2{color:#5e5e5e;margin-bottom: 10px;}
.entry h3{font-size:15px;color: #aaa;margin:0px;}

.entry a{color:#00ccff;text-decoration: none;font-weight: bold;}
.entry a:hover{text-decoration: underline;}
.blue{color:#00ccff;}

.entry .alignleft {
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
	float: left;}

.entry .alignright {
	margin-left: 15px;
	margin-bottom: 10px;
	float: right;}

.entry .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.entry img{
	border: 1px solid #CCC;
	padding: 4px;
	background-color: #FFFFFF;}

.entry .wp-smiley{border: 0px;}

.entry img.ren{
	border: 0px;
	padding: 5px;
	margin: 0px;
	background: none;
	}



.entry blockquote {text-align:center;margin: 0px auto 25px auto; width: 585px;font-style: italic; font-size:13px; background: #ededed;padding:20px;-moz-border-radius: 15px; -webkit-border-radius: 15px; color: #888;clear: both;}
.entry blockquote p{margin:0px;}


h3.smal,h2.smal,h1.smal,p.smal{display:block;margin:0px;padding:0px;}

.btn{width:297px; height:57px; margin: 0px;padding:0px; background: url("images/body_btn.png") no-repeat 0px top;}
.btn:hover{background: url("images/body_btn.png") no-repeat 0px bottom;}
.btn h3{font-size: 15px;padding:16px 0px 19px 15px;margin: 0px;text-transform: uppercase;color:#888;}
.btn a{color:#888;text-decoration: none;font-weight: normal;text-decoration: none;display:block;width:100%;}
.btn a:hover{text-decoration: none;}

.btn .remove_br{margin-top:-18px;}


/* olika knappar */
.btn .knapp{float: left;display: block;height:57px;width: 91px;}
.ansok{background: url("images/body_btn_ansok.png") no-repeat;}
.resurs{background: url("images/body_btn_resurs.png") no-repeat;}

/* ---------- BLOGGAR  ---------- */
small.datum{
	text-transform: uppercase;
	display: block;
	width: 100%;
	height: 20px;
	text-align: center;
	margin-top:-30px;
	margin-bottom: 10px;
	color: #888;
	font-size: 11px;
}

#subnavigation{background: url(images/nav_separator_right.png) no-repeat right 0;}
#subnavigation h1{font-size: 19px;color:#00ccff;margin: 0px;padding: 0px;}

.navigation{margin: 40px auto 0px auto; width: 245px;}
.navigation a{background: #ededed;padding:20px;-moz-border-radius: 15px; -webkit-border-radius: 15px;margin-top:50px;}
.navigation .alignright{text-align: right;}
.navigation .alignleft{text-align: left;float:left;}

.postmetadata{text-align: center;}

.wp-caption-text{
	color: #666;
	font-style: italic;
	font-size: 0.9em;
}

/* ---------- MALLAR  ---------- */
/* ---------- REGIONER  ---------- */
#regioner{height:530px;background: url("images/body_map.png") no-repeat 23px top;}

.entry .inaktiv{font-weight: normal; color:#ccc;text-decoration: none;}

/* ---------- Kontakt  ---------- */
.persona_l{
	margin-top: 215px;
	text-align: left;
}
.persona_r{
	margin-top: 215px;
	text-align: right;
}

/* ---------- FOOTER  ---------- */
#footer{margin-top:40px;height:163px;background: url("images/foot_sign.png") no-repeat top center;}

#blog_footer{width: 100%;padding-top: 40px;height: 200px;background: #00ccff;clear: both;color: #FFF;list-style: none;}
#blog_footer a{color: #fff;font-weight: normal;font-style: normal;}

#blog_footer h2{width: 100%;border-bottom: 3px solid #0092b6;margin-bottom: 10px;}
#blog_footer li, #blog_footer ul{
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
}

#blog_footer li.rss{background: url(images/rss.png) no-repeat;padding-left: 20px}
#blog_footer li.facebook{background: url(images/facebook.png) no-repeat;padding-left: 20px}
#blog_footer li.apple{background: url(images/footer_apple_symbol.png) no-repeat;padding-left: 20px}

/* ---------- JS ACCORDION  ---------- */
.accordionButton {	
	cursor: pointer;
	padding: 5px 5px 0px 0px;
	color:#00ccff;text-decoration: none;font-weight: bold;
	}
.accordionButton:hover {text-decoration: underline;}	
.accordionContent {	
	width: 360px;
	float: left;
	display: none;
	margin: 10px auto 10px auto; font-style: italic; font-size:13px; background: #ededed;padding:20px;-moz-border-radius: 15px; -webkit-border-radius: 15px; color: #888;clear: both;
	}


/* ---------- COLUMNS  ---------- */

div.column-sect {
    clear: both;
    display: inline-block;
    overflow: auto;
    }

div.post-column {
    display: inline;
    float: left;
    margin-right: 18px;
    width: 45%;
    }