/*

    Theme Name: BSÅ by Carina

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

    Description: BSÅ by Carina is a wordpress theme by <a href="http://www.jerlov.se">Jerlov Kommunikation</a>

    Version: 1.1

    Author: Jerlov Kommunikation

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

*/



body {

	background:url(images/page-back2.gif) repeat-y top center #FFFFFF;

	margin:0;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

}

/* huvve */

#huvve-holder {

	width:932px;

	margin:0 auto;

	position:relative;

}

#huvve-holder .huvve {

	width:932px;

	height:678px;

	position:absolute;

	top:0px;

	left:-57px;

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

z-index:30;
}


#container {

	width:819px;



	margin:0 auto;



	position:relative;



	height:252px;



}







/* search form */







#search {



	position:absolute;



	text-align:right;



	width:250px;



	left:520px;



	top:10px;



	z-index:100;



}



#search form {



	padding:0;



	margin:0;



}



#search .txtField {



	border:1px solid #fff;



	width:138px;



	margin:0;



	padding:3px;



	font-family: Tahoma, Arial, Helvetica, sans-serif;



	font-size:12px;



	background:url(images/search-back.gif) transparent;



}



#search .btnSearch {



	border:1px solid #fff;



	color:#fff;



	margin:0;



	padding:2px;



	font-family: Tahoma, Arial, Helvetica, sans-serif;



	font-size:11px;



	background:url(images/btn-back.gif) transparent;



}




  /* menu */

#menu-holder {

background:transparent url(images/menu.gif) 0px 0px no-repeat;

	position:absolute;



	top:42px;



	left:347px;



	width:446px;



	overflow:hidden;



}



#menu {



	width:446px;



	height:42px;



	margin:0;



	padding:0;



	position:relative;



}



#menu li {



	margin:0;



	padding:0;



	list-style:none;



	position:absolute;



	top:0;



}



#menu li, #menu a {



	height:42px;



	display:block;



}



#home {



	text-indent:-300em;



	overflow:hidden;



	left:0px;



	width:107px;



}



#about {


	text-indent:-300em;



	overflow:hidden;



	left:107px;



	width:107px;



}



#archives {



	text-indent:-300em;



	overflow:hidden;



	left:214px;



	width:232px;



}

#home a:hover {







}



#about a:hover {



	background:transparent url(images/menu-off.gif) -107px 0px no-repeat;



}



#archives a:hover {



	background:transparent url(images/menu-off.gif) -214px 0px no-repeat;



}





/* blog title */







#title {



	position:absolute;



	top:149px;



	left:76px;



	color:#fff;



	font-family: Tahoma, Arial, Helvetica, sans-serif;



	font-size:10px;



	width:370px;



	overflow:hidden;



}



#title h2 {



	color:#fff;



	font-size:20px;



	margin:0 0 2px;



}



#title a {



	color:#fff;



	text-decoration:none;



}



#title a:hover {



	color:#fff;



	text-decoration:none;



	border-bottom:1px solid #e7d8cf;



}











/* content */







#content {






	width:764px;



	margin:0 auto;



	padding-right:55px;



}

#content .yta {


	

	width:791px;

	position:absolute;

background:url(images/notepad-back.gif) repeat-y;

top:350px;

z-index:98;




}


#content blockquote {



	padding:0 0 0 30px;



	background:url(images/blockquote.gif) no-repeat 0 50%;



}



#content .col01 {



	float:left;



	padding-left:70px;



	width:427px;



	font-size:12px;



	line-height:20px;



}



#content .col01 h3 {



	font-size:24px;



	line-height:28px;



	font-weight:normal;



	font-family: Times New Roman, Times, Georgia, erif;



	margin:0;



	padding:0 0 10px;



	background:url(images/line.gif) repeat-x bottom;



}



#content .col01 h4 {



	font-size:18px;



	line-height:22px;



	font-weight:normal;



	font-family: Times New Roman, Times, Georgia, erif;



	margin:0;



	padding:0 0 16px;



	background:url(images/line.gif) repeat-x bottom;



}



#content .col01 h3 a {



	color:#000;



	text-decoration:none;



}



#content .col01 h3 a:hover {



	background-color:#f4f0db;



}



#content .col01 .post {



	padding-bottom:30px;



}



#content .col01 .thumbnail {



	float:right;



	margin:10px 0 10px 10px;



}



#content .col01 .meta {



	font-size:11px;



	text-align:right;



	background:url(images/line.gif) repeat-x;



	padding-top:8px;



}



#content .col01 .post-inner {



	position:relative;



}



#content .col01 .post-inner .date-tab {



	position:absolute;



	top:0px;



	left:-98px;



	height:64px;



	width:83px;



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



}



#content .col01 .thumbnail {



	float:right;



	margin:12px 0 12px 12px;



}



.month {



	text-align:right;



	display:block;



	padding:6px 16px 6px 0;



	font-size:11px;



}



.day {



	text-align:right;



	display:block;



	padding:4px 16px 2px 0;



	font-size:18px;



	font-weight:bold;



}



#content .col01 .post-inner a {



	color:#000;



	position:relative;



	text-decoration:none;



	border-bottom:1px solid #868585;



	background:#f4f0db;



}



#content .col01 .post-inner a:hover {



	color:#000;



	text-decoration:none;



	border-bottom:1px solid #000;



	background:#fffbc1;



}



#content .col01 .meta a {



	color:#000;



	text-decoration:none;



	border-bottom:1px solid #868585;



}



#content .col01 .meta a:hover {



	color:#000;



	text-decoration:none;



	border-style:none;



}











#content .col02 {

position:relative;
left:-27px;
	float:right;



	width:212px;



	font-size:11px;



	line-height:16px;



}



#content .col02 .recent-posts {



	width:212px;



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



}



#content .col02 .recent-posts ul {



	padding:0;



	margin:0;



}



#content .col02 .recent-posts ul li {


        font-family: Verdana;

        font-weight:bold;

	font-size:12px;


	line-height:18px;



	list-style:none;



	padding:0;



	margin:0;



}



#content .col02 .recent-posts ul li .listMeta {



	font-size:10px;



}



#content .col02 .recent-posts ul li a {



	color:#000000;

	text-decoration:none;



	border-top:1px solid #ffffbe;



	display:block;



	width:170px;



	margin:0 auto;



	padding:4px 0 4px 25px;



	background:url(images/bullet-postit.gif) no-repeat 5px 8px;



}



#content .col02 .recent-posts ul li a:hover {



	text-decoration:none;



	color:#000;



	background:url(images/bullet-postit-on.gif) no-repeat 5px 8px #ff5092;



}



#content .col02 .postit-bottom {



	width:188px;



	height:62px;



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



	padding:12px 12px 0;



	font-size:11px;



	text-align:right;



}



#content .col02 .postit-bottom a {



	color:#21565E;



}



#content .col02 .postit-bottom a:hover {



	color:#21565E;



	text-decoration:none;



}







#content .col02 .categories-upper {



	height:124px;



	background:url(images/categories-upper.gif) no-repeat;



}



#content .col02 .categories {



	background:url(images/categories-back.gif) repeat-y;



}



#content .col02 .categories ul {



	margin:0;



	padding:0;



}



#content .col02 .categories ul li {



	font-size:11px;



	line-height:18px;



	list-style:none;



}



#content .col02 .categories ul li a {



	color:#21565E;



	margin:0 auto;



	display:block;



	width:170px;



	padding:4px 0 4px 25px;



	background:url(images/bullet-note.gif) no-repeat 5px 8px;



}



#content .col02 .categories ul li a:hover {



	text-decoration:none;



	color:#000;



	background:url(images/bullet-postit-on.gif) no-repeat 5px 8px #ff5092;



}



#content .col02 .categories-btm {



	height:68px;



	background:url(images/categories-btm.gif) no-repeat;



}











#content .col02 .links {



	background:url(images/txt-friends-links.gif) no-repeat 50% 8px;



	padding-top:20px;



}



#content .col02 .links ul {



	margin:0 0 20px;



	padding:0;



}



#content .col02 .links ul li {



	font-size:11px;



	line-height:18px;



	list-style:none;



	background:url(images/line-inner.gif) no-repeat bottom;



}



#content .col02 .links ul li a {



	color:#21565E;



	margin:0 auto;



	display:block;



	width:212px;



	padding:6px 0;



}



#content .col02 .links ul li a:hover {



	text-decoration:none;



	color:#000;



}







#content .col02 .side-meta {



	background:url(images/txt-misc-debris.gif) no-repeat top right;



}



#content .col02 .side-meta ul {



	margin:10px 0;



	padding:0;



}



#content .col02 .side-meta ul li {



	font-size:10px;



	line-height:14px;



	list-style:none;



}



#content .col02 .side-meta ul li a {



	color:#21565E;



	margin:0 auto;



	display:block;



	width:212px;



	padding:2px 0;



}



#content .col02 .side-meta ul li a:hover {



	text-decoration:none;



	color:#000;



}











/* footer */







#footer-holder {



	width:819px;



	margin:0 auto;



	position:relative;



}



#footer-holder .footer {



	width:932px;



	height:300px;



	position:absolute;



	top:0px;



	left:-57px;



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



	z-index:100;



}



#footer-holder .txt a {



	color:#000;



}



#footer-holder .txt a:hover {



	color:#000;



	text-decoration:none;



}



#footer-holder .txt {



	width:480px;



	position:absolute;



	top:116px;



	left:186px;



	font-size:11px;



	line-height:16px;



	color:#000;



	z-index:105;



	height:60px;



	overflow:hidden;



}






#footer-holder .smashing a:hover {



	background:url(images/logo-smashing.gif) no-repeat 0 -61px;



}



#footer-holder .rss a {



	width:55px;



	height:55px;



	position:absolute;



	top:158px;



	left:131px;



	font-size:11px;



	text-indent:-400px;



	z-index:103;



	overflow:hidden;



	background:url(images/icon-rss.gif) no-repeat 0 0;



}











/* next previous */







.previous a {



	float:left;



	width:93px;



	height:33px;



	text-indent:-400px;



	background:url(images/link-older.gif) no-repeat 0 0;



	overflow:hidden;



}



.previous a:hover {



	background:url(images/link-older.gif) no-repeat 0 -33px;



}



.next a {



	float:right;



	width:93px;



	height:33px;



	text-indent:-400px;



	background:url(images/link-newer.gif) no-repeat 0 0;



	overflow:hidden;



}



.next a:hover {



	background:url(images/link-newer.gif) no-repeat 0 -33px;



}











/* comment styles */







.comments, .name, .email, .website, .txt-email-sub, .txt-website-example {



	display:block;



	text-indent:-800px;



	font-size:10px;



	overflow:hidden;



	margin:0;



	padding:0;



}



.comments {



	height:27px;



	background:url(images/txt-your-comment.gif) no-repeat;



}



.name, .email, .website {



	width:80px;



	float:left;



	margin-right:12px;



	clear:left;



}



.name {



	height:30px;



	background:url(images/txt-name.gif) no-repeat top right;



}



.email {



	height:30px;



	background:url(images/txt-email.gif) no-repeat top right;



}



.website {



	height:30px;



	background:url(images/txt-website.gif) no-repeat top right;



}



.txt-email-sub {



	height:20px;



	background:url(images/txt-email-sub.gif) no-repeat 90px 0;



	clear:both;



}



.txt-website-example {



	height:20px;



	background:url(images/txt-site-example.gif) no-repeat 90px 0;



	clear:both;



}



#commentform {



	padding:0;



	margin:0;



}



#commentform .comment-field {



	border:1px solid #939393;



	width:320px;



	margin:0;



	padding:3px;



	font-family: Tahoma, Arial, Helvetica, sans-serif;



	font-size:12px;



	background:#fff;



	float:left;



}



#commentform .comment-box {



	border:1px solid #939393;



	width:425px;



	margin:0 0 10px;



	padding:3px;



	font-family: Tahoma, Arial, Helvetica, sans-serif;



	font-size:12px;



	background:#fff;



}



#commentform .btnComment {



	border:1px solid #fff;



	color:#fff;



	margin:0;



	padding:2px;



	font-family: Tahoma, Arial, Helvetica, sans-serif;



	font-size:14px;



	background:url(images/btn-back.gif) transparent;



	float:left;



	clear:left;



}











/* comment list */







.commentlist {



	margin:20px 0;



	padding:0;



}



.commentlist li {



	padding:12px 0;



	background:url(images/line-inner.gif) no-repeat bottom;



	font-size:12px;



	line-height:20px;



	list-style:none;



}



.commentlist li a {



	color:#000;



	position:relative;



	text-decoration:none;



	border-bottom:1px solid #868585;



	background:#f4f0db;



}



.commentlist li a:hover {



	color:#000;



	text-decoration:none;



	border-bottom:1px solid #000;



	background:#fffbc1;



}



.commentdate {



	display:block;



	padding:0 0 6px;



	font-size:10px;



}



.commentlist li cite {



	font-weight:bold;



	font-style:normal;



}