/*







Theme Name: Bla Cafeet







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







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







Version: 1.1







Author: Johan Persson







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







*/











body {



	font: 80%/150% Georgia, "Trebuchet MS", Tahoma, Arial;



	color: #333333;



	background: #b1cceb url(images/bakgrund.jpg) no-repeat top 	center;



	margin: 0px;



	padding: 0px 0px 40px;



}



a {



	color: #004890;



	text-decoration: none;



}



a:visited {



	color: #004890;



	text-decoration: none;



}



a:hover {



	color: #0353a3;



	text-decoration: underline;



}



p {



	padding: 0px 0px 15px;



	margin: 0px;



}



h1 {



	



	font: bold 22px/100% Georgia, "Trebuchet MS", Tahoma, Arial;



	color: #9a1322;



}



h1 a{



	color: #c9eefe;



	text-decoration: none;



}



h1 a:visited{



	color: #c9eefe;



	text-decoration: none;



}



h1 a:hover{



	color: #ffffff;



	text-decoration: none;



}



h2 {



	



	margin: 4px 0px 10px 0px;



	border-bottom: 1px dotted #CCCCCC;



	



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



	color: #9a1322;



	padding-bottom: 5px;



}



h2 a, h2 a:visited {



	color: #59770e;



	text-decoration: none;



}



h2 a:hover {



	color: #FF6600;



	text-decoration: none;



}



h3 {



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



	color: #9a1322;



	margin: 10px 0px 5px;



}















form {



	margin:0px;



	padding:0px;



}







#pageout{



	margin: 0px auto;



	width: 876px;



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



}







#page {



	margin: 0px auto;



	width: 852px;



	



}











#header {



	



	height: 180px;



	position: relative;



	background: url(images/) no-repeat top center;	



}



#headerimg {



	position: relative;



	padding: 0px 0px 0px 20px;



	height: 0px;



}



#headerimg .description{



	position: absolute;



	left: 110px;



	bottom: 3px;



	color: #c9eefe;



	font-size: 14px;



}



#nav {



	list-style: none;



	margin: 0px;



	position: absolute;



	padding: 8px 0px 0px 25px;



	bottom: 0px;



	width: 852px;



	height:32px;



	background: url(images/bakgrund-meny.gif) no-repeat;



}



#nav li {



	float: left;



	margin-left: 5px;



}



#nav a {



	color: #ffffff;



	text-decoration: none;



	padding: 5px 28px 7px 28px;



	font: 16px/100% Georgia, Arial, Helvetica, sans-serif;



	display: block;



	text-align:center;



}







#nav a:visited {



	color: #ffffff;



	text-decoration: none;



}



#nav a:hover {



	color: #ffffff;



	background: url(images/nav-symbol-2.gif) 0px -1px no-repeat;}



#nav .current_page_item a{



	color: #ffffff;



	background: url(images/nav-symbol-2.gif) 0px -1px no-repeat;}







#nav a:active {color: #ffffff;}







#content {



	padding: 0px 0px 0px 0px;



	



}















#centercontainer{



	width: 898px;



	height: 230px;



	background: url(images/centercontainer.gif) no-repeat center;



	margin: 0px auto;



	font: 90%/140% "Trebuchet MS", Arial, Helvetica, sans-serif;



}







#content .left-col{



	width: 500px;



	float: left;



	margin: 20px 30px 30px 30px;



	text-align: left;



	



}











#content .left-col2{



	float: left;



	margin: 0px 0px 0px 0px;



	text-align: left;



	font: 18px/140% Georgia, Arial, Helvetica, sans-serif;



	color: #ffffff;



	width:140px;



}







.litenmenytext{



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



	color: #ffffff;

	padding-bottom:0px;



}







#content .right-col{



	width: 222px;



	float: right;



	margin: 10px 0px 0px 0px;



	padding: 8px 15px 7px 15px;



	height: 311px;



	text-align: left;



	background: url(images/dagens-bak.gif) no-repeat;



	color:#ffffff;



		



	}







#content .right-col2{



	float: right;



	margin: 6px 8px 0px 0px;



	font: 23px/140% Arial, Helvetica, sans-serif;



	color: #9a1322;



	}















#centercontainer .sep{



	width: 1px;



	float: left;



	border-right: 1px solid #d7d6d7;



	height: 210px;



	margin: 10px 0px 10px 0px;}















#content .clear{



	clear:both;



}







.dagens{



	font: 14px/100% Georgia, Arial, Helvetica, sans-serif;



	padding-top:13px;



	padding-bottom:0px;



}







	











#centercontainer a{



	font: bold 95% Arial; 



	margin: 0px auto;



	height: 15px;



	padding-right: 21px;



	background: url(images/pil.gif) no-repeat center right;



	display:inline-block;



}







#centercontainer h4 {



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



	color: #454545;



	margin: 10px 0px 7px 0px;



}







#centercontainer img{



	padding: 15px 10px 15px 10px;



	display: block;



	margin: 0 auto;



	}











#footer {



	font: 15px/100% Georgia, Arial, Helvetica, sans-serif;



	color:#ffffff;



	padding: 13px 0 0 30px;



	height: 34px;



	background: url(images/bakgrund-bot.gif) no-repeat;�



	



}







#footer img{



	padding: 0px 0px 10px 0px;



	display: block;



	



	}







#footer .smalltext{



	font-size: 80%;



}







#footer a{



	font: bold 90% Arial; 



	margin: 0px auto;



	height: 15px;



	padding-right: 21px;



	background: url(images/pil.gif) no-repeat center right;



	display:inline-block;



}















#footer .left-col{



	width: 185px;



	float: left;



	margin: 10px 10px 10px 10px;



	text-align: left;



	padding: 0 20px;



	



}







#footer .left-col2{



	float: left;



	margin: 10px 10px 10px 10px;



	text-align: left;



	padding: 0 20px;







}







#footer .left-col3{



	width: 150px;



	float: left;



	margin: 10px 10px 10px 10px;



	text-align: left;



	padding: 0 20px;



	



}







#footer .left-col4{



	width: 125px;



	float: left;



	margin: 10px 10px 10px 10px;



	text-align: left;



	padding: 0 20px;



	



}











#footer .right-col{



	width: 130px;



	float: left;



	margin: 10px 10px 10px 10px;



	text-align: left;



	padding: 0 0 0 20px;



	



}







#footer .right-col2{



	width: 220px;



	float: right;



	padding-right: 10px;



	padding-left: 10px;



}



#footer h4 {



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



	color: black;



	margin: 10px 0px 7px;}







#footer h4 .sommar{



	background: yellow;



}











#credits {



	margin: 0px auto;



	width: 852px;



	font: 70%/100% Arial;



	text-align:right;



	padding-right:10px;



color: #7595b9;



}



#credits a, #credits a:visited{



	color: #7595b9;



}



.rss {



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



	padding-left: 18px;



	padding-bottom: 2px;



	margin-left: 10px;



}



.left {



	float: left;



}



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;



}



.right {



	float: right;



}



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;



}







.post {







	clear:both;







	padding-top: 0px;







}







.post-date {







	width: 45px;







	height: 49px;







	float:left;







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







}







.post-month {







	font-size: 11px;







	text-transform: uppercase;







	color: #FFFFFF;







	text-align: center;







	display:block;







	line-height: 11px;







	padding-top: 2px;







	margin-left: -3px;







}







.post-day {







	font-size: 18px;







	text-transform: uppercase;







	color: #999999;







	text-align: center;







	display:block;







	line-height: 18px;







	padding-top: 7px;







	margin-left: -3px;







}















.post-title {







	float: left;







	margin-left: 10px;







	width: 430px;







}















.entry {







	clear: both;







	padding-top: 0px;







}















.post-cat {







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







	padding-left: 18px;







	float:left;







	font-size: 95%;







	color: #999999;







}







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







}







.navigation a, .navigation a:visited {







	color: #59770e;







}







.previous-entries {







	float: left;







	padding-left: 18px;







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







}







.next-entries {







	float: right;







	padding-right: 18px;







	background: url(images/mini-nav-right.gif) no-repeat right center;







}







#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: #f1fedb;







}







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







	font-weight: bold;







	font-style: normal;







	font-size: 120%;







	color: #CC6600;







}







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







	color: #666666;







	font-size: 100%;







}







#commentform input{







	width: 153px;







	background:#f1fedb;







	border: 1px solid #bdd77f;







	padding: 3px;







	margin-top: 3px;







}







#commentform textarea{







	width: 478px;







	height: 115px;







	background:#f1fedb;







	border: 1px solid #bdd77f;







	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:right;







	width: 144px;







	height: 29px;







}







#sidebar {







	float: right;







	padding: 0px 10px 20px 0px;







	width: 220px;







}







#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: #758d38;







	margin: 10px 0px 5px;







}







.ul-cat {







	list-style: none;







	margin:0px 0px 15px;







	padding:0px;







	border-bottom: 1px solid #dceeb7;







}







.ul-cat li{







	margin: 0px;







	padding: 2px 0px 2px 20px;







	border-top: 1px solid #dceeb7;







	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: #FF6600;







	text-decoration: none;







}







.ul-archives {







	list-style: none;







	margin:0px 0px 15px;







	padding:0px;







	border-bottom: 1px solid #dceeb7;







}







.ul-archives li{







	margin: 0px;







	padding: 2px 0px 2px 20px;







	border-top: 1px solid #dceeb7;







	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: #FF6600;







	text-decoration: none;







}







.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: 0px;







	padding: 0px;







	font-size: 92%;







	line-height: 110%;







}







.recent-posts li{







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







	padding: 0px 0px 10px 20px;







}







.recent-posts a{







	font-size: 115%;







	line-height: 130%;







	font-weight: bold;







}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


/* End Images */