/*
 Copyright by Off The Red 2009
*/
body{
	//font-family: Georgia;
         font-family:verdana;
	font-size: 12px;
}
h1{
	font-size: 18px;
	font-weight: normal;
	color: #FF9000;
	margin-bottom: 10px;	
}
h1 span{
	padding-bottom: 3px;
	text-decoration: none !important;
	background: url(images/title_bar_grey.png) repeat-x left bottom;
}
h2{
	font-size: 16px;
	font-weight: normal;
	color: #FF9000;	
}
h3,
h4,
h5,
h6{
	color: #FF9000;
	margin-bottom: 10px;	
}
p{
	margin-bottom: 10px;	
}
ul{
	margin: 0px 0px 10px 12px;
}

/* Header elements */
.header_holder{
	width: 100%;
	height: 140px;
	background: url(images/brush_top.png) repeat-x left bottom;
	background-color: #ff9000;
}
.header{
	width: 1004px;
	height: auto;
	margin: 0px auto;
}
.logo_holder{
	float: left;
	margin: 30px 0px 0px 30px;
}
.logo_holder a{
	display: block;
	background: url(images/logo.gif) no-repeat;
	width: 270px;
	height: 75px;		
}
.rss_holder a{
	float: right;
	background: url(images/rss.png) no-repeat;
  	width: 45px;
  	height: 50px;
  	margin: 70px 52px 0px 0px;	
}
.changeRSS{
	background: url(images/rss_on.png) no-repeat !important;
}
.nav_holder{
	float:right;
}
.nav_holder span{
	float: left;
    display: inline;
    margin: 30px 7px 0px 0px;
}
.nav_holder a{
	display: block;
}
.nav_holder span a{
	color: #3F3F3F;
}
.nav_holder span:hover a, .nav_holder span.current_page_item a{
	color: #FFF;
}
current_page_item{
	color: #FFF;
}
.menu_svalorna{
	background: url(images/btn_menu_svalorna.png) no-repeat; 
	width: 85px;
	height: 28px;
}
.menu_svalorna_on{
	background: url(images/btn_menu_svalorna_on.png) no-repeat; 
	width: 85px;
	height: 28px;
}
.menu_medlem{
	background: url(images/btn_menu_medlem.png) no-repeat; 
	width: 80px;
	height: 28px;
}
.menu_medlem_on{
	background: url(images/btn_menu_medlem_on.png) no-repeat; 
	width: 80px;
	height: 28px;
}
.menu_loppis{
	background: url(images/btn_menu_loppis.png) no-repeat;
	width: 70px;
	height: 28px;
}
.menu_loppis_on{
	background: url(images/btn_menu_loppis_on.png) no-repeat;
	width: 70px;
	height: 28px;
}
.menu_kontakt{
	background: url(images/btn_menu_kontakt.png) no-repeat; 
	width: 80px;
	height: 28px;
}
.menu_kontakt_on{
	background: url(images/btn_menu_kontakt_on.png) no-repeat; 
	width: 80px;
	height: 28px;
}
.menu_english{
	background: url(images/btn_menu_english.png) no-repeat; 
	width: 75px;
	height: 28px;
}
.menu_english_on{
	background: url(images/btn_menu_english_on.png) no-repeat; 
	width: 75px;
	height: 28px;
}
/* Mix elements */
.mix_holder{
	width: 1004px;
	height: auto;
	margin: 0px auto;
}
.cat_holder{
	float: left;
	width: 700px;
	margin-top: 10px;
}
.cat{
	float: left;
	width: 220px;
}
.cat_title{
}
.cat_post_title{
	margin-top: 10px;
	padding-right: 20px;
}
.cat_post_title a{
	color: #000;
	text-decoration: none;
}
.cat_post_title a:hover{
	color: #000;
	text-decoration: underline;
}
.newsletter_holder{
	float: left;
	width: 300px;
	margin-top: 10px;	
}
.newsletter_title{
	
}
.newsletter{
	width: 260px;
	height: 80px;
	background-color: #EBEBEB;
}
.newsletter input {
	border:0 none;
	height:20px;
	width:200px;
	margin: 12px 2px 0px 5px;
	color: #CCC;
	font-size: 12px; 
	padding-top: 3px;
}
/* Header */
.underline_title{
	color: #FF9000;
	background: url(images/title_bar_grey.png) repeat-x left bottom;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-size: 12px;
	font-family: Georgia;
}
/* Content elements */
.content_holder{
	width: 1004px;
	margin: 0px auto;
	height: auto;
}
#content{
	float: left;
	width: 650px;
	padding: 10px 50px 0px 0px;
}
.content_title_holder{
	padding-bottom: 10px;	
}
.content_title{
	background-color: #F0C600;
	color: #FFF;
	padding: 2px 10px;
	font-size: 19px;
	font-family: Arial;
}
.sidebar_holder{
	float: left;
	width: 300px;
}
.donation_holder{
	width: 260px;
}
.donation_bg{
	background: url(images/brush_250.png) repeat-x left top;
	background-color: #EBEBEB;
	height: 18px;	
}
.donation{
	height: 100px;
	
	background-color: #EBEBEB;
	padding: 5px;
}
.donation img{
	float: right;	
	cursor: pointer;
}
.post_content{
	width: 250px;
	background-color: #EBEBEB;
	padding: 5px;
	margin-bottom: 10px;
}
.post_content a{
	text-decoration: none;
	color: #000;
}
.post_content a:hover{
	text-decoration: underline;
	color: #000;
}
.post_date{
	text-align: left;
	font-family: Arial;
	font-size: 10px;
	color: #8C8C8C;
}
.post_title{
	text-decoration: underline;	
}
/* Category posts */
.cat_post_content{
	width: 650px;
	background-color: #EBEBEB;
	padding: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}
.cat_post_content a{
	text-decoration: none;
	color: #FF9000;
	font-style: italic;
}
.cat_post_date{
	text-align: left;
	font-family: Arial;
	font-size: 10px;
	color: #8C8C8C;
}
.cat_post_title{
	text-decoration: none;
}
.cat_desc{
		
}
.cat_desc a{
	color:#FF9000;
	font-style:italic;
	text-decoration:none;
}
.cat_desc p{
	margin: 0px;	
}
/* Footer elements */
.footer_holder{
	width: 100%;
	height: 230px;
	background-color: #ff9000;
	position: relative;
	clear: both;
}
.footer{
	width: 1004px;
	height: auto;
	margin: 0px auto;
}
.footer_bg{
  width: 100%;
  background:url(images/brush_bottom.png) repeat-x left top;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.links_holder{
	float: left;
	margin-left: 46px;	
}
.links{
	width: 180px;
	height: 110px;
	background-color: #3F3F3F;	
	margin-bottom: 5px;
	color: #FFF;
	padding: 40px 0px 0px 5px;
	text-align: left;
}
.links a{
	color: #FFF;
	text-decoration: none;
	display: block;	
	padding: 5px;
}
.links a:hover{
	color: #3F3F3F;
	text-decoration: none;
	display: block;	
	background-color: #FFF;
	padding: 5px;
	margin-right: 5px;
}
#links_activ{
	background-color: #FFF; 
	color: #3F3F3F; 
	padding: 5px; 
	margin-right: 5px;	
}
.underline_holder{
	background: url(images/title_bar_red.png) repeat-x left bottom;
	height: 3px;
	margin: 2px 0px;
}
.tag_cloud{
	width: 180px;
	height: 110px;
	padding: 40px 0px 0px 5px;
	color: #FFF;
}
.tag_cloud a{
	color: #FFF;	
}
.map_holder{
	float: right;
	width: 224px;
	height: 114px;
	margin: 50px 42px 0px 0px;
	color: #FFF;
}
.copyright{
	position: absolute;
	bottom: 0px;
	margin: 5px;
	padding: 2px 5px;
	background-color: #F0C600;	
}
.copyright a{
	text-decoration: none;
	color: #000;
}
/* Error message */
.error_msg{
	float: left;
	width: 330px;
	margin-top: 20px;
}
.error_msg h1, .error_suggestion h1{
	margin-bottom: 30px;	
}
.error_suggestion{
	float: left;
	width: 320px;
	margin-top: 40px;
}
.error_suggestion a{
	text-decoration: none;
	color: #FF9000;	
}
/* Tag posts */
.tag_post{
	background-color: #EBEBEB;
	margin-bottom: 10px;
	padding: 5px;
	width: 650px;
	overflow: hidden;
}
.tag_post_title{
	text-decoration: underline;
}
.tag_post_date{
	color: #8C8C8C;
	font-family: Arial;
	font-size: 10px;
	text-align: left;
}
.tag_post a{
	color: #FF9000;
	font-style: italic;
	text-decoration: none;
}

/* This part has been taken from original wordpress style.css */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px 0px 4px 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px 4px 4px 0px;
	margin: 0 7px 2px 0;
	display: block;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.alignnone{
	display: block;	
}
/* End Images */
.otr_logo{
	float: right;
	position: relative;
	bottom: 0px;
	margin: 30px 42px 0px 0px;
}
/* To list posts on category */
.lcp_catlist{

}