/*



Theme Name: Österlen Assistans



Theme URI: http://www.osterlenassistans.se



Description: Tema av <a href="http://www.tajpproduktion.se>TAJP</a>.



Version: 1.1



Author: Johan Persson



Author URI: http://www.tajpproduktion.se



*/





@import url("960.css");

@import url("reset.css");

hr{height:0;border:0;border-top:1px solid #d8d8d8;} 

#sub li{ 
		border-bottom: 1px solid #d8d8d8;
			
}

#sub a{	font: 13px/1.5em "Trebuchet MS", Tahoma, Arial;
padding:5px 5px 5px 10px;
		background:#ffffff;	
		display:block;
}



.current_page_item a{
		color:#4c7ec7;			
}

.current_page_item a:hover{
		color:#4c7ec7;	
		text-decoration:none;	
}

.current_page_item a:visited{
		color:#4c7ec7;			
}



ul.efontsize{  

	position:absolute; 
	
	height:20px; 

	top:5px;  

	right:0px;  

	z-index:1;

	font-family:arial;
	
	line-height:10px;

}  

ul.efontsize li{  

	display:inline;  

	margin-right:15px;  

}



li.efontbig a{

font-size:11px;

font-weight:bold;

color:#ffffff



}



li.efontbig a:visited{

font-size:11px;

font-weight:bold;

color:#ffffff

background:blue}



li.efontsmall a{

font-size:11px;

font-weight:bold;

color:#ffffff}



li.efontsmall a:visited{

font-size:11px;

font-weight:bold;

color:#ffffff}



li.efontreset a{

font-weight:bold;

font-size:11px;

color:#ffffff}



li.efontreset a:visited{

font-weight:bold;

font-size:11px;

color:#ffffff}



body {

	font: 11px/1.5em Verdana, "Trebuchet MS", Tahoma, Arial;

	color: #3d3d3d;

		background: #FFFFFF url(images/body-bg.jpg) no-repeat top 	center;

	margin: 0px;

	padding: 0px 0px 40px;

}

a {

	color: #9b2f1d;

	text-decoration: none;

}

a:visited {

	color: #9b2f1d;

	text-decoration: none;

}

a:hover {

	color: #b94431;

	text-decoration: underline;

}

p {

	padding: 0px 0px 0px 0px;

	margin: 0px;

}



.front-text{

	color: #2a2a2a;

}



h1 {

	font: normal 2em/1  "Trebuchet MS", Arial, Tahoma;

	color: #9b2f1d;

	margin-bottom:0.3em;

	

}



h1 a{

	color: #9b2f1d;

	text-decoration: none;

}

h1 a:visited{

	color: #923493;

	text-decoration: none;

}

h1 a:hover{

	color: #ffffff;

	text-decoration: none;

}

h2 {

	color: #4c7ec7;

	margin: 0px 0px 5px;

	font: normal 20px/100% "Trebuchet MS", Tahoma, Arial;

}

h2 a, h2 a:visited {

	color: #4c7ec7;

	text-decoration: none;

}

h2 a:hover {

	color: #9b2f1d;

	text-decoration: none;

}

h3 {

	font: 1.5em/100% "Trebuchet MS", Arial,  Tahoma;

	color: #4c7ec7;

	margin: 0px 0px 4px;

}



form {

	margin:0px;

	padding:0px;

}

#page {

	

	margin: 0px auto;

	width: 1000px;

	border-bottom: 0px solid #ffffff;

	border-left: 0px solid #000000;

	border-right: 0px solid #000000;

	border: 0px solid black;

}



#header {

	height: 310px;

	position: relative;

	background: url(images/header-bg.jpg) no-repeat top;
	
	border: 0px solid black;
}



#headerimg {

	background: url(images/top-pic-logo.jpg) no-repeat bottom;

	position: relative;

	padding: 85px 31px 0px 31px;

	

}

#headerimg .description{

	position: absolute;

	left: 110px;

	bottom: 3px;

	color: #c9eefe;

	font-size: 14px;

}



#header-note{

	float:left;

	width:330px;

	height: 40px;

	margin-left:40px;

	background: url(images/header-note.gif) no-repeat top center;

	text-align: center;

	padding-top: 13px;



}



.header-note{

	font: italic 16px/100% Arial, "Trebuchet MS", Tahoma;

	color: #9b2f1d;

}





#nav {

	list-style: none;

	margin: 0px;

	padding: 13px 0px 0px 0px;

	bottom: 10px;

	float: left;

}



#nav li {

	float: left;

	margin-left: 32px;

}



#nav a {

	color: #9b2f1d;

	text-decoration: none;

	padding: 0px 0px 5px 0px;

	font: 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;

	display: block;

}

#nav a:visited {

	color: #9b2f1d;

	text-decoration: none;

}

#nav a:hover {

	color: #b94431;

	text-decoration: underline;

}

#nav .current_page_item a{

	color: #b94431;

	text-decoration: underline;

}

#nav .current_page_ancestor a{

	color: #b94431;

	text-decoration: underline;

}

#content {

	border: 0px solid black;

	padding: 0px 0px 10px 0px;

	float: left;

	width: 1000px;

	overflow: hidden;

	background: url(images/content-bg.gif) repeat-y;

}


#content p {margin-bottom:10px;
			margin-top:0px;
			padding-top:0px;}


#nyheter { 
	
	background:url(images/nyheter-bg.gif) no-repeat;
	padding:18px 15px 20px 17px;
	height:450px;
}




.front-pic {

	padding: 15px 0px 0px 14px;

	width: 366px;

	height:249px;

	background: url(images/front-pic-bg.gif) no-repeat;



}



.front-text-box {

	margin-top: 8px;

}



.dotted-right{

	border-right: 1px dotted #CCCCCC;

}



.post-box-recent {

	padding: 52px 10px 10px 25px;

	width: 265px;

	height:140px;

	background: url(images/post-box-recent.gif);

	overflow:hidden;

	

}



.post-box-classes {

	padding: 52px 10px 10px 25px;

	width: 265px;

	height:140px;

	background: url(images/post-box-classes.gif);

	overflow:hidden;

}




.follow-pic{

	padding-top: 7px;

}





.button a{

	margin-top:5px;

	padding: 2px 5px 4px 5px;
	
	background: url(images/buttonbackhover.gif) repeat-x;

	font: bold 10px/100% Arial, Helvetica, sans-serif;

	color:#9b2f1d;

	text-decoration: none;

}



.button a:hover{

	text-decoration: none;
	background: url(images/buttonback.gif) repeat-x;

}



.pilar{

	font-size: 7px;

	float: right;

	padding-top: 1px;

	padding-left: 2px;

}









.post {

	clear:both;

	padding-top: 3px;


}

.post-date {

	width: 54px;

	height: 53px;

	float:left;

	background: url(images/date-bg.gif) no-repeat;

}

.post-month {

	font-size: 11px;

	text-transform: uppercase;

	color: #f1f1f1;

	text-align: center;

	display:block;

	line-height: 11px;

	padding-top: 10px;

	margin-left: -3px;

}

.post-day {

	font-size: 18px;

	text-transform: uppercase;

	color: #f1f1f1;

	text-align: center;

	display:block;

	line-height: 18px;

	padding-top: 4px;

	padding-left:2px;

	margin-left: -3px;

}



.post-title {

	float: left;

	margin-left: 25px;

	width: 625px;

}



.post-title-page {

	float: left;

	width: 640px;

	padding: 0px 0px 0px 25px;

}



.entry {

	clear: both;

	padding: 3px 0px 0px 25px;

}



.entry-page {

	clear: both;

	padding: 7px 0px 0px 25px;

}



.post-cat {

	padding-left: 0px;

	float:left;

	font-size: 80%;

	padding-bottom: 0px;

}

.post-lank{
	font: 1em/100% "Trebuchet MS", Arial, Helvetica, sans-serif;

	
}

.post-comments {

	background: url(images/mini-comments.gif) no-repeat left center;

	padding-left: 18px;

	float: right;

	font-size: 95%;

}

.post-calendar {

	background: url(images/mini-calendar.gif) no-repeat left center;

	padding-left: 18px;

	float: right;

	font-size: 95%;

	color: #999999;

}

.post-content {

	clear: both;

	padding-top: 10px;

}

.navigation {

	clear: both;

	padding: 10px 0px 0px 25px;

}

.navigation a, .navigation a:visited {


}

.previous-entries {

	float: left;

		margin-top:5px;

	padding: 2px 5px 4px 5px;
	
	background: url(images/buttonbackhover.gif) repeat-x;

	font: bold 10px/100% Arial, Helvetica, sans-serif;

	color:#9b2f1d;

	text-decoration: none;

}

.next-entries {

	float: right;

		margin-top:5px;

	padding: 2px 5px 4px 5px;
	
	background: url(images/buttonbackhover.gif) repeat-x;

	font: bold 10px/100% Arial, Helvetica, sans-serif;

	color:#9b2f1d;

	text-decoration: none;

}


.button a{

	margin-top:5px;

	padding: 2px 5px 4px 5px;
	
	background: url(images/buttonbackhover.gif) repeat-x;

	font: bold 10px/100% Arial, Helvetica, sans-serif;

	color:#9b2f1d;

	text-decoration: none;

}



.button a:hover{

	text-decoration: none;
	background: url(images/buttonback.gif) repeat-x;

}



.form {padding-left:68px

}



#comments, #respond {

	border-bottom: 1px dotted #CCCCCC;

	padding-bottom: 5px;

}

.commentlist {

	margin: 10px 0px;

	padding-left: 20px;

	line-height: 130%;

}

.commentlist li{

	padding: 5px 10px;

	position: relative;

}

.commentlist .avatar {

	position: absolute;

	top: 5px;

	right: 5px;

	border: solid 1px #ededed;

	padding: 1px;

	background: #fff;

}

.commentlist .alt {

	background: #f5f5f5;

}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {

	font-weight: bold;

	font-style: normal;

	font-size: 120%;

}

.commentlist small {

	margin-bottom: 5px;

	display: block;

	font-size: 87%;

}

#commentform {

	margin-top: 10px;

	font: 110% Arial, Helvetica, sans-serif;

}

#commentform p {

	padding: 6px 0px;

	margin: 0px;

}

#commentform label{

	font-weight: bold;

	font-size: 80%;

}

#commentform input{

	width: 153px;

	background:#f5f5f5;

	border: 1px solid #e4e4e4;

	padding: 3px;

	margin-top: 3px;

}

#commentform textarea{

	width: 478px;

	height: 115px;

	background:#f5f5f5;

	border: 1px solid #e4e4e4;

	padding: 2px;

	margin-top: 3px;

}

#commentform textarea:focus, #commentform input[type="text"]:focus {

	background: #ffffff;

}

#commentform #submit{

	background: url(images/btn-bg.gif) no-repeat;

	font: bold 12px Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	border: none;

	float:left;

	width: 144px;

	height: 29px;

}

#sidebar {

	float: left;

	padding: 0px 0px 20px 40px;

	width: 100%;

	

}

#searchform {

	background: #bcd67e url(images/searchform-bg.gif) repeat-x;

	width: 220px;

	padding: 10px 10px 10px 10px;

	float:right;

}

#searchform #s {

	border:1px solid #203346;

	width: 135px;

	height: 22px;

	padding: 2px 5px 0px 5px;

	border: 1px solid #bed881;

	background: #e9facc;

	vertical-align: middle;

}

#searchform #searchsubmit {

	background: url(images/search-btn-bg.gif) no-repeat;

	border: none;

	width: 28px;

	height: 24px;

	font: bold 12px Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	vertical-align: middle;

}

#searchform label {

	font-size: 11px;

	color: #41550e;

}

#sidebar h3 {

	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;

	color: #923493;

	margin: 10px 0px 5px;

}

.ul-cat {

	list-style: none;

	margin:0px 0px 15px;

	padding:0px;

	border-bottom: 1px solid #e4e4e4;

}

.ul-cat li{

	margin: 0px;

	padding: 2px 0px 2px 20px;

	border-top: 1px solid #e4e4e4;

	background: url(images/mini-category.gif) no-repeat left center;

}

.ul-cat li a, .ul-cat li a:visited{

	color: #495233;

	text-decoration: none;

}

.ul-cat li a:hover{

	color: #048db4;

	text-decoration: none;

}

.ul-archives {

	list-style: none;

	margin:0px 0px 15px;

	padding:0px;

	border-bottom: 1px solid #e4e4e4;

}

.ul-archives li{

	margin: 0px;

	padding: 2px 0px 2px 20px;

	border-top: 1px solid #e4e4e4;

	background: url(images/mini-monthly-archive.gif) no-repeat left center;

}

.ul-archives li a, .ul-archives li a:visited{

	color: #495233;

	text-decoration: none;

}

.ul-archives li a:hover{

	color: #048db4;

	text-decoration: none;

}

.ul-box-start {

	list-style: none;

	margin:0px 0px 0px;

	padding:0px;
	


}

.ul-box-start li{

	margin: 0px;

	padding: 4px 0px 0px 20px;

	font-size:1.2em;


	background: url(images/tick.png) no-repeat left bottom;

}

#footer {

	clear: both;

	background: url(images/footer-bg.gif) no-repeat  bottom;

	height:35px;

	font-size: 95%;

	line-height: 130%;

	padding: 0px 30px 55px 30px;

	color: #FFFFFF;

	border: 0px solid black;

}



#footer-box {

	height:62px;

	font-size: 10px;

	line-height: 130%;

	padding: 0px 0px 0px 0px;

	background: url(images/footer-box-bg.gif) repeat-x;

}



#ifalogo {

	float:right;

   	background: url(images/ifalogo.gif);

	width: 62px;

	height: 62px;

}





	







#footer a, #footer a:visited{

	color: #ffffff;

}

#footer .left-col{

	width: 240px;

	float: left;

	margin-left: 10px;

}

#footer .right-col{

	width: 220px;

	float: right;

	padding-right: 10px;

	padding-left: 10px;

	background: url(images/footer-right-bg.gif) no-repeat;

}

#footer h4 {

	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;

	color: #9cdbfb;

	margin: 10px 0px 5px;

}

.recent-comments {

	list-style: none;

	margin: 0px;

	padding: 0px;

	line-height: 110%;

	

}

.recent-comments li{

	background: url(images/mini-footer-comments.gif) no-repeat;

	padding: 0px 0px 10px 20px;

}

.recent-comments a{

	font-size: 105%;

	line-height: 130%;

	font-weight: bold;

}

.recent-posts {

	list-style: none;

	margin: 5px 0px;

	padding: 0px;

	font-size: 1em;

}

.recent-posts li {

	padding: 0px 0px 0px 0px;

}



.recent-posts a{

	font-size: 120%;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	line-height: 130%;

	font-weight: normal;

	color: #9b2f1d;

}













#credits {

	margin: 0px auto;

	width: 970px;

	color: #a4a4a4;

	font-size: 9px;

	line-height: 120%;

}

#credits a, #credit a:visited{

	color: #4c7ec7;

}

.left-credits {

	float: left;
}


.right-credits {

	float: right;

}





.rss {

	background: url(images/mini-rss.gif) no-repeat left center;

	padding-left: 18px;

	padding-bottom: 2px;

	margin-left: 10px;

}

.left {

	float: left;

	margin: 10px 15px 10px 15px;
}





img.left, a img.left {

	float:left;

	margin: 4px 10px 5px 0px;

	border: 1px solid #bdd77f;

	padding: 3px;

	background: #FFFFFF;

}

a:hover img.left{

	border-color: #FF6600;

	background: #FF6600;

}



img.right, a img.right {

	float:left;

	margin: 4px 10px 5px 0px;

	border: 1px solid #bdd77f;

	padding: 3px;

	background: #FFFFFF;

}

a:hover img.right{

	border-color: #FF6600;

	background: #FF6600;

}

.clear {

	clear:both;

}

hr.clear {

	clear:both;

	visibility: hidden;

	margin: 0px;

	padding: 0px;

}

img.img_border, a img.img_border {

	border: 1px solid #bdd77f;

	padding: 3px;

	background: #ffffff;

}

a:hover img.img_border{

	border-color: #FF6600;

	background: #FF6600;

}

#breadcrumbs {
	font-size: 10px;
	padding-left:0px;
	padding-bottom:7px;
	color:#4c7ec7;
	border-bottom:1px solid #d8d8d8;
	}

#breadcrumbs a{color: #b5b5b5;

	text-decoration: none;}

#breadcrumbs a:visited{color: #b5b5b5;

	text-decoration: none;}

#breadcrumbs a:hover{color: #b5b5b5;

	text-decoration: underline;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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;
	margin: 4px 0 4px 15px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.post img{
	padding:5px;	
	border:1px solid #ebebeb;	
	background:#fbf0da;
	margin-bottom:4px;
}


/* End Images */