/*
Theme Name: Orebroguiden 2
Theme URI: http://www.orebroguiden.se
Description: Orebroguiden
Version: 1.0
Author: Mariana Hakansson - Pregraph Visuell Informationsdesign
Author URI: http://www.pregraph.se
Tags: orebroguiden
*/

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;}


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: black;
	background: white;
	}

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

p{line-height: 1.5em;}
h1, h2, h3, h4 {
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
	color: black;
	}

h1, h2 {font-size: 1em;}
h3 {font-size: 1em;}
h4 {font-size: 1em;}

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

/* End Typography & Colors */
body {margin: 0;}

#shadow {
	width:920px;
	margin:0 auto;
	background: url(images/shadow.gif) repeat-y;
	}

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

#header{
	width: 880px;
	height: 160px;
	display: block;
	float: left;
	margin: 10px 0 0 0;
	}

#header h1 a{
	width: 195px;
	height: 100px;
	float: left;
	background: url(images/guidenlogo10.gif) no-repeat;
	text-indent: -9999px;
	margin: 25px 0 5px 0;
	display: block;
	}

.vader{width: 45px; height: 90px; margin: 25px 30px 0 10px;display: block; float: left;}
#bannerTop{width: 600px; height: 150px;	display: block; float: left; overflow: hidden;}

#navbar{
	width: 880px;
	height: 20px;
	display: block;
	float: left;
	background: url(images/menu_bg2.gif) top left repeat-x;
	}
	
#navbar ul{float: left;}
#navbar li{float: left; list-style:none; display:inline;}
#navbar ul li a{display:block; margin: 3px 3px 0 3px; height: 15px; font-size: 1.02em; text-decoration:none; color: white;}
#navbar ul li a:hover{color: #ddd;}
.current_page_item a:link{color: #ddd; text-decoration: none;}
#navbar .current_page_item a{color: #ddd; text-decoration: none;}


#content {
	width: 620px;
	float: left;
	margin: 17px 0 0 0;
	padding: 0 0 30px 0;
	display: inline;
	overflow:hidden;
	}
	
	.theContent ul, .theContent ol{margin: 0 0 0 25px;}
			
/*Begin News*/
#news{width: 135px; display: block; float: left; margin: 0 5px 0 0;}
	#news h1{padding: 0 0 0 15px; background: url(images/dotgred.gif) no-repeat left;}
	#news li{list-style: none; padding: 7px 0 7px 5px;}
	.newsDate{color: #FF33CC;}
	.lokalt{color: red;}
	.even{background: #E8F3E2;}
	
#senasteNytt{display: block; margin: 5px 0;}
/*End News*/	

/*Begin mittenSpalt*/
#mittenSpalt, .mittenSpaltPost{width: 480px; display: block; float: left;}
	.mittenSpaltPost{display: inline; padding: 7px 0; border-top: 1px dotted #333; background: url(images/bak-gron1.gif) bottom right no-repeat;}
	
	#mittenSpalt h1, #mittenSpalt h1 a{ font-weight: bold; color: #666;}
	#mittenSpalt h2, #mittenSpalt h2 a{ font-weight: bold; color: #000; }
	.mittenSpaltPost h2{ font-weight: bold; color: #000; font-size: 1.4em; }
	.mittenSpaltImage{width: 190px; float: left;}
	.mittenSpaltPosts{width: 285px; float: left; padding: 0 0 0 5px;}
	.mittenSpaltPosts li{list-style: none; margin: 5px 0; font-size: 1.1em; }
	.mittenSpaltPosts p{margin: 0; padding: 0; }

#puff1{width: 480px; display: block; float: left; margin: 0 0 10px 0; font-size: 1.9em; }
	#puff1 a{ color: #000000; font-weight: bold; }
#puff2{width: 480px; height: 100px; display: block; float: left; padding: 10px 0; border-top: 1px dotted #333;}
	#puff1 p,#puff2 p{margin: 0; padding: 0;}
/*End mittenSpalt*/	

/*Begin PageMall*/
#pageBanner{width: 125px; display: block; float: left; margin: 0 10px 0 0; overflow: hidden;}
	#pageBanner img{margin: 5px 0;}
	#pageBanner h3{padding: 0 0 0 15px; background: url(images/dotgred.gif) no-repeat left;}
	
#pageLeft{width: 150px; display: block; float: left; margin: 0 20px 0 0;}	
#pageRight{width: 315px; display: block; float: left;}

.pageRightPost, .pageLeftPost{margin: 0 0 15px 0;}
	.pageRightPost img, .pageLeftPost img{margin: 3px 0 0 0;}
	.pageRightPost h2, .pageLeftPost h2{}
	
#pageBanner, #pageLeft, #pageRight{padding: 7px 0 30px 0;}
#pageCategory p{text-transform: none; line-height: 1.3em; margin: 0;}
#pageSection{width: 620px; float: left; display: block; text-transform: capitalize;}

#pageTopInfo{width: 620px; height: 100px; float: left; display: block;}
	#pageTopInfoPic{width: 150px; height: 100px; float: left;}
	#pageTopInfoText{width: 460px; height: 100px; float: left; padding: 0 0 0 10px;}
	
.pageWrap{width: 620px; float: left; display: inline; overflow:hidden; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #333;}
	.pageWrap h2{font-size: 1.2em; font-weight: bold; margin: 0; padding: 0;}
	.pageName{width: 120px; display: block; float: left; margin: 0 10px 0 0;}
	.pageInfo{width: 210px; display: block; float: left; margin: 0 10px 0 0;}
	.pageText{width: 270px; display: block; float: left;}

.pageListWrap{width: 620px; float: left; margin: 10px 0; display: inline; overflow:hidden;}
	.pageListWrap ul li{width: 610px; float: left; margin: 0; padding: 4px 5px; display: inline; border-bottom: 1px dotted #333;}
	.pageListWrap ul p{margin: 0; padding: 0;}
	.toTop{display: block; text-align: right;}
	
.pageList{width: 610px; float: left; margin: 0; padding: 3px 5px; display: inline; background: #cc0000; color: white; font-size: 1.1em; font-weight: bold;}
	.pageListFont{font-size: 1.1em; font-weight: bold;}
	
.arkiv{width: 610px; display: block; float: left; margin: 0 0 20px 0;}
	.arkiv a{display: block; float: left; margin: 0 0 5px 4px;}
#arkivLista{width: 620px; display: block; float: left; text-align: center; margin: 5px 0;}

#pagePost h2{font-size: 1.2em; font-weight: bold;}
	#pagePost ul{margin: 0 0 0 25px;}

/*End PageMall*/	


/*Begin Mingel*/
.mingelWrap{width: 290px; display: block; float: left; margin: 10px;}
/*End Mingel*/	


/*Begin Krönika*/
.kronikaWrap{width: 620px; display: block; float: left; margin: 0 0 30px 0;}
.kronikaWrap img{margin: 0 20px 10px 0; float: left;}
.kronikaText{width: 400px; display: block; float: left;}
/*End Krönika*/	


/*Begin Posts*/
#postCategory, #pageCategory{width: 620px; padding: 0 0 7px 0; display: block; float: left; border-bottom: 1px dotted #777; text-transform: uppercase;}
	#postCategory li, #pageCategory li{margin: 0 0 0 16px; padding: 0; list-style-image: url(images/dotgred.gif);}
	#tvWrap{ display: block; margin: 5px 0;}
	
#postEntry{width: 410px; padding: 7px 6px 40px 0; display: block; float: left; border-right: 1px dotted #777;}
	#postentry embed{z-index: 1;}
	#postEntry h1{font-size: 1.2em; font-weight: bold;}
	.theContent a{text-decoration: underline;}

#kalender{width: 410px; padding: 7px 6px 40px 0; display: block; float: left; border-right: 1px dotted #777;}
	#kalender ul li{width: 400px; float: left; margin: 0; padding: 5px; display: inline; border-bottom: 1px dotted #777;}
	#kalender ul p{margin: 0; padding: 0;}
	ul.dbem_events_list{margin: 15px 0 15px 0 !important;}
	ul.dbem_events_list li{width: 610px; float: left; margin: 0; padding: 5px; display: inline; border-bottom: 1px dotted #777;}
	td.eventful-today a{color: #00440d; font-weight: bold;}
	
#postMingel{width: 620px; padding: 7px 0 40px 0; display: block; float: left;}
	#postMingel h1{font-size: 1.2em; font-weight: bold;}
	
#postSidebar{width: 194px; padding: 7px 0 0 8px; display: block; float: left; text-align: right; overflow: hidden;}
	#postSidebar p{margin: 0;}
	.postSidebarImgs{margin: 0 0 10px 0; display: block; float: left; }

.drinkWrap{width: 120px; height: 220px; padding: 0 16px 10px 0; margin: 0 0 10px 0; display: block; float: left; overflow: hidden; border-bottom: 1px dotted #777;}
	.drinkImage{width: 120px; display: block; float: left; overflow: hidden; margin: 0 0 5px 0;}
	.drinknumber{width: 25px; padding: 0; display: block; float: left; overflow: hidden; text-align: center; font-size: 2.6em; font-weight: bold;}
	.drinkText{width: 90px; padding: 0 0 0 5px; display: block; float: left; overflow: hidden;}
		.drinkText p{margin: 0;  padding: 0; line-height: 1.2em;}
	
.archivePosts{width: 620px; padding: 0 0 15px 0; margin: 0 0 15px 0; display: block; float: left; border-bottom: 1px dotted #777;}


.reklamsida h1{font-size: 1.9em !important;}
.reklamsida h2{font-size: 1.5em;}
/*End Posts*/	

/*Begin Sidebar*/	
#sidebar {
	width: 250px;
	float: left;
	margin: 17px 0 0 10px;
	display: inline;
	overflow:hidden;
	}
	
	#sidebar h3{padding: 0 0 0 15px; background: url(images/dotgred.gif) no-repeat left;}	
	#sidebar a{text-decoration: none; color: #205767}
	#sidebar a:hover{text-decoration: none; color: #4b5255;}
	#sidebar ul li{list-style: none;}
	#sidebar ul li a{margin: 5px 0 10px 0; display: block;}

.sidebarWidg{margin: 0 0 15px 0;}
	.sidebarWidg h3{ margin-top: 10px; }
	.sidebarWidg #s{ display: block; float: left; width: 170px; margin: 0 10px 0 0; }

/*Sidebar End*/	

#footer {
	width: 880px;
	margin: 0 auto;
	clear: both;
	padding: 5px 0 0 0;
	overflow: auto;
	border-top: 1px dotted #999;
	}

	#footer p {margin: 0; line-height: 1.4em;}
	#footer a{color: #ecf4f6; text-decoration:underline;}
	#footer a:hover{color: #ecf4f6; text-decoration:none;}
	
	#footerBottom{
	width: 920px;
	height: 20px;
	margin: 0 auto;
	clear: both;
	background: url(images/shadow_bottom.gif) top left no-repeat;
	}
	
/*Krönikor posts*/
/*End Krönikor posts*/

/*Misc*/
.clear {clear: both;}
.left{float: left;}
.right{float: right;}
.bold{font-weight: bold}
.block{display: block; width: 620px; float: left;}
.redigera a{display: block; width: 150px; float: left; color: white; background: #0063A0; padding: 3px 0 3px 10px; margin: 5px 0; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.redigera a:hover{background: #004875;}

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}

#nlText p{margin: 0; padding: 0;}
.print, .tillbaka{display: block; width: 620px; float: left; margin: 10px 0 0 0;}
.MailPressFormSubmit{margin: 3px 0 2px 0;}
#pageNavi{width: 620px; float: left; display: block; margin: 0 0 5px 0;}
/*End Misc*/

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px; 
	margin: 2px;
	text-decoration: none;
	color: #00440d;
}
.wp-pagenavi a:visited {
	padding: 2px; 
	margin: 2px;
	text-decoration: none;
	color: #00440d;
}
.wp-pagenavi a:hover {	
	color: #000;
}
.wp-pagenavi a:active {
	padding: 2px; 
	margin: 2px;
	text-decoration: none;
	color: #00440d;
}
.wp-pagenavi span.pages {
	padding: 2px; 
	margin: 2px;
	color: #000;
}
.wp-pagenavi span.current {
	padding: 2px; 
	margin: 2px;
	font-weight: bold;
	color: #000;
}
.wp-pagenavi span.extend {
	padding: 2px; 
	margin: 2px;	
	color: #000;
}