/*
Theme Name: Peo tema
Theme URI: http://www.peoquick.se
Description:
Version: 1.0
Author: Mariana Hakansson, Preloader Graphic Design HB
Author URI: http://www.pregraph.com
*/

html, body, div, span,
a,a img,table, caption, tbody, tfoot, thead, ul, ol, li, tr, th, td, h1, h2, h3
{margin: 0;	padding: 0;	border: 0;	outline: 0;}


/* Begin Typography & Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color: #333;
	background: #fff url(images/bg.jpg) repeat-x top left;
	}

a:link, a:visited, a.active{color: #111; text-decoration: underline;}
a:hover{text-decoration: none;}

p{line-height: 1.5em; margin: 3px 0 15px 0;}
h1, h2, h3, h4{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #332514;
	}

h1{font-size: 1.5em; font-weight: 100; color: #332514;}
h2{font-size: 1.3em; font-weight: 100; margin: 0 0 2px 0; color: #332514;}
h3{font-size: 1.1em;}
/* End Typography & Colors */

/* Begin Structure */
body {margin: 0;}

.postmetadata {clear: both;}
blockquote {
	margin: 20px 0;
	padding: 0 10px 0px 15px;
	border-left: 3px solid #ccc;
	font-style: italic;
	font-size: 1em;
}
blockquote p {padding: 5px 0;}

#wrap{
	width:900px;
	margin:0 auto;
	font-size: 1.2em;
	overflow: hidden;
}

#header{
	width:900px;
	height: 105px;
	display: block;
	float: left;
	margin: 0 0 20px 0;
	}

#header h1 a{
	width: 193px;
	height: 105px;
	float: left;
	background: url(images/logo.png) no-repeat;
	margin: 0;
	text-indent: -9999px;
}

#navbar{
	width: 707px;
	height: 105px;
	display: block;
	float: left;
	padding: 0 0;
	 position: relative;
	}
	
#navbar ul{float: left; position: absolute; top: 0; right: 0;}
#navbar li{float: left; list-style:none; display:inline;}
#navbar ul li a{display:block; margin: 55px 25px 0 0;  font-size: 1.2em; font-weight: bold; text-decoration:none; color: #6e5236}
#navbar ul li a:hover{color: #332514}
.current_page_item a:link{color: #332514}
#navbar .current_page_item a{color: #332514}
	
#content{width:900px; display: block; float: left;}
	#content li{margin-left: 15px;}

#contentWrap{width:900px; display: block; float: left;}
	#contentTop{width:900px; height: 26px; display: block; float: left; background: url(images/box-top.png) no-repeat top left;}
	#contentBottom{width:900px; height: 25px; display: block; float: left; background: url(images/box-bottom.png) no-repeat top left;}

#contentLeft{width: 577px; float: left; display: block;}
#contentBg{width: 840px; float: left; display: inline; overflow:hidden; padding: 0 30px; background: url(images/box-bg.png) repeat-y;}
	#contentBg ul li{margin: 0 0 5px 15px;}
#sidebar{width: 264px; float: left; display: inline; overflow:hidden; margin: 0 15px 0 16px;}
		#sideText{margin: 15px 0 0 0;}
		#sideText h1, #sideText h2{color: #ffffff;}
		.sideContent{margin: 0 0 20px 0;}
		.sideContent li{padding: 0 0 4px 0; list-style-image: url(images/bullet_red.gif);}
		.sideContent a{text-decoration: none;}

#webshopIndex{width: 414px; float: left; display: block;}
	#webshopIndex .even{border-top: 1px solid #ccc; padding: 10px 0 0 0;}
	#webshopIndex .odd, #webshopIndex .even{width: 400px; float: left; display: block; margin: 5px 0 0 14px; text-align: center; color: #eb7123;}
		#webshop .even{border-left: 1px solid #ccc;}
		#webshop .odd, #webshop .even{width: 400px; float: left; display: block; padding: 15px 10px 15px 5px; text-align: center; color: #eb7123; border-bottom: 1px solid #ccc;}
			.odd a, .even a{color: #eb7123;}
			.odd a:hover, .even a:hover{color: #6e5236;}
		
#portfolioIndex{display: block; float: left; margin: 20px 0 0 0;}
	#portfolioIndex h2 a{text-decoration: none;}

/* Portfolio */
.galleryWrap{width: 200px; float: left; display: block; margin: 5px 15px 0 10px;}
.portfolioWrap{width: 200px; float: left; display: block; margin: 10px 10px 20px 0;}
.galleryText{}
.galleryText a{width: 178px; height: 36px; float: left; display: block; background: #6e5236; -moz-border-radius-bottomright:.3em; -moz-border-radius-bottomleft:.3em; -webkit-border-bottom-right-radius:.3em; -webkit-border-bottom-left-radius:.3em; text-decoration: none; font-style: italic; font-size: 0.9em; padding: 5px 8px 0 14px; color: #fff;}
.galleryText a:hover{background: #332514;}
/* End Portfolio */


/* Nyheter */
.postEntry{width: 577px; float: left; display: block; margin: 10px 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ccc;}
	.postEntry h1{font-size: 1.6em;}
.time{color: #777; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.95em;}
#sidebar h2{color: #802829; font-size: 1.2em;}
/* End Nyheter */

#footer {
	float: left;
	color: #888;
	width: 900px;
	font-size: 0.9em;
	text-align: center;
	margin: 30px 0;
	}

	#footer p {margin: 0;}
	
/* End Structure */


/*Misc*/
.clear {clear: both;}
.left{float: left;}
.right{float: right;}
.center{text-align: center;}
.red{color: #CC0000;}
.redigera a{display: block; color: #fff; text-decoration: none; margin: 0 0 10px 0; background: #2194CA; padding: 3px 0 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.redigera a:hover{background: #57ADCA;}
/*End Misc*/

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}