@charset "utf-8";
/*
Theme Name: Begåvia
Description: 
Version: 1.0
Author: Newmarket Town
Author URI: http://newmarket.se/
*/

* {margin:0;}
html {margin:0;padding:0; overflow-y:scroll;}

/* Begin Typography & Colors */
img {
	border:0;
}
body {
	font-size:12px;
	line-height:16px;
	font-family:Tahoma, Geneva, sans-serif;
	background-color: #fff;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0;
	position:relative;
	background:#668769 url(images/bg.png) repeat-x top left;
}

#page {
	width:962px;
	margin:0 auto;
	position:relative;
}

#header {
	width:962px;
	height:133px;
	position:relative;
}
#headerimg {
	position:absolute;
	top:23px;
	left:37px;

	background:transparent url(images/begavia-logo.png) no-repeat top left;
}
#headerimg a{
	outline:none;
		width:368px;
	height:88px;
	display:block;
	text-indent:-10000em;
}
#main-nav {
	width:952px;
	height:42px;
	margin:0;
	padding:0;
	list-style:none;
	padding:0 0 0 10px;
	line-height:20px;
	position:relative;
	z-index:50;
}

#main-nav li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	background:transparent url(images/li-r3.png) no-repeat top right;
	margin-right:-27px;
	padding:0 25px 0 0;
	position:relative;

}
#main-nav li.current_page_item, #main-nav li.current_page_parent{
	z-index:20;
}

#main-nav li.current_page_item a, #main-nav li.current_page_parent a{
	background-position:0 -42px;
	color:#3d6b79;
}

#main-nav a{
	z-index:1 !important;
}
#main-nav a{
	font-family:Verdana, Geneva, sans-serif;
	height:20px;
	display:block;
	background:transparent url(images/li-l3.png) no-repeat top left;
	padding:10px 4px 5px 33px;
	color:#568796;
	font-size:13px;
	text-decoration:none;
	text-transform:uppercase;
	position:relative;
	outline:none;
}
#main-nav a:hover{
	color:#3d6b79;
}

.main-puff{
	position:absolute;
	z-index:200;
}
.first {
	top:153px;
	right:180px;
}
.second {
	top:250px;
	right:160px;
}

.puff-dot{
	position:absolute;
	top:14px;
	right:-30px;
}
.main-puff .puff-dot a{
	display:block;
	padding:0;
	outline:0;
	height:17px;
	width:17px;
	background:transparent url(images/puff-dot.png) no-repeat top left;
}
.top{
	z-index:1000;
}
.main-puff .puff-dot a.small, .second .puff-dot a{
	background-position: left -32px;
}

#flash{
	position:relative;
	top:-72px;
	top:-83px;
	right:0px;
}

#main-top {
	width:962px;
	padding-top:24px;
	/*margin-bottom:-24px;*/
	background:transparent url(images/main-top.png) no-repeat top left;
	position:relative;
	z-index:10;
	
}
#main-bottom {
	width:962px;
	background:transparent url(images/main-bottom.png) no-repeat bottom left;
	padding-bottom:24px;
	margin:0 auto;
	margin-top:-19px;
	position:relative;
}

body.page-template-firstpage-php #main {
	padding-bottom:0;
	height:432px;
}

#main{
	width:916px;
	width:940px;
	padding:70px 10px 80px 10px;
	
	background:transparent url(images/main-bg.png) repeat-y top left;
	min-height:400px;
	text-align:left;
}
#content{
	width:320px;
	margin-left:220px;
	padding-top:7px;
}

#content p{
	margin-bottom:18px;
}
#content p strong{
	font-weight:bold;
}

#content h1{
	font-family:"Futura", "Myriad Pro", Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:24px;
	color:#568796;
	margin-bottom:24px;

}

#content h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
}
#content a{
	color:#568796;
}

#content ul {
	list-style-position:outside;
	margin:0 0 18px 12px;
	padding:0;
}
#content li{
	line-height:16px;
	margin-bottom:2px;
			}
#footer {
	width:915px;
	height:24px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#fff;
	line-height:24px;
	margin-left:10px;
	padding:0 10px;
	margin-top:-12px;
}
#footer a{
	color:#fff;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#copyrights{
	float:left;
	width:400px;
}
#production{
	float:right;
	width:400px;
	text-align:right;
}

#small-decoration{
	position:absolute;	
	bottom:135px;
	left:-1px;
	width:120px;
	height:145px;
	background:url(images/small-leaf.png) top left no-repeat;
	z-index:100;
}
#big-decoration{
	position:absolute;
	top:287px;
	right:-88px;
	width:323px;
	height:308px;
	background:url(images/big-leaf.png) top left no-repeat;
	z-index:100;
}
body.page-template-firstpage-php #small-decoration{
	display:none;
}

body.page-template-firstpage-php #big-decoration, body.blog #big-decoration,  body.archive #big-decoration,  body.single #big-decoration{
	display:none;
}
#sidebar {
	width:190px;
	float:right;
	padding-top:7px;
	margin-right:24px;
}
#sidebar h3{
	font-size:13px;
	font-weight:normal;
	margin:0 0 10px 0;
}

#sidebar a {
	color:#568796;
}
#sidebar li a {
	font-size:11px;
}

#sidebar ul, #sidebar div{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:20px;
}
#sub-nav {
	width:128px;
	float:left;
	margin-left:26px;
}
#sub-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sub-nav li {
	height:36px;
	line-height:36px;
	border-bottom:1px solid #d2d2d2;list-style:none;
}
#sub-nav li a{
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	background: url(images/li-dot.gif) 0px -20px no-repeat;
	padding-left:7px;
}
#sub-nav li.current_page_item a{
	background-position:0 5px;
	color:#568796;
}

#sub-nav li a:hover {
	color:#568796;
}


.puff-top{
		background:transparent url(images/puff-top.png) repeat-y top left;
		width:168px;
		/*height:13px;*/
		height:11px;
}
.puff-bottom{
		background:transparent url(images/puff-bottom.png) repeat-y top left;
		width:168px;
		height:13px;
}
.puffcontent{
		/*padding:2px 20px;*/
		padding:0 20px;
		background:transparent url(images/puff-bg.png) repeat-y top left;
		overflow:hidden;
}
.puff{
	width:168px;

	
}
.puff h3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#333;
	
}

.puff h3:hover {
	text-decoration:underline;
}

.puff p{
	font-size:11px;
	color:#333;
	margin-top:10px;
}

img.alignleft  {
	float:left;
	padding-right:10px;
}

.puff a{
	color:#568796;
	background: url(images/li-dot.gif) 0px 6px no-repeat;
	padding-left:7px;
	font-size:11px;
	float:right;
}


/* BLOGG */

#content .post span {
	float:right;
	padding-left:25px;
	text-align:right;
}

#content.blog {
	width:400px;
}


#content .post {
	border-bottom:1px dotted #E1E1E1;
	margin-bottom:22px;
	width:400px;
}

#content .post .tags {
	width:300px;
	float:none;
	padding-left:0;
	text-align:left;
}

#content .post h2 {
	font-size:17px;
	font-weight: normal;
	margin:0 0 1px;
}

#content .post h2 a {
	color: #568796;
}



#content .post small {
	color:#95a0a4;
	display:block;
	font-size:11px;
	margin-bottom:8px;
}
#content .post h1 + small {
	margin-top:-32px;
}

#respond {
	width:400px;
}

#commentform {
	margin:5px 10px 0 0;
}

#commentform p {
	margin:5px 0;
}

#commentform input {
	padding: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	font-size: 11px;
}

#commentform textarea {
	padding: 5px;
	width: 390px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	font-size: 11px;
}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

.navigation {
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #e1e1e1;
	}
	
.navigation.bottom {
	margin-bottom: 60px;
	}
/* End Various Tags & Classes */


/* Begin Images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* End Images */

	
/* CLEAR AND CLEARFIX*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}