/*
Theme Name: SjalBarn
Theme URI: http://www.sjalbarn.se/
Description: Theme for SjalbBrn.se
Version: 1.0
Author: unik grafik
Author URI: http://www.unikgrafik.se/
Tags: brown, orange, pink
*/

/* RESET */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a { text-decoration:none; outline:none; }
a img { border:none } /* Gets rid of IE's blue borders */
.float_left { float:left; }
.float_right { float:right; }
.clear { clear:both; }

/* GENERAL */
body { background:url(images/body_gradient.png) repeat-x; background-color:#532b00; margin:0;padding:0; font:normal 12px/18px Verdana, Geneva, sans-serif; color: #532b00; overflow-x: hidden;}

a { color:#532b00; outline:none; }
a:hover { color:#532b00; outline:none; }
a:focus { outline:none; }

h1 { color:#532b00; font:bold 1.7em Arial, Helvetica, sans-serif; padding:20px 0 10px 0; margin:0 0 10px 20px; text-transform:uppercase; border-bottom:4px solid #ED1B7B; }
h2 { color:#ED1B7B; font:bold 1.4em Arial, Helvetica, sans-serif;  padding:20px 0 5px 0; }
h3 { font:bold italic 1.2em Arial, Helvetica, sans-serif; padding:10px 0 0 0; }
h4 { color:#ED1B7B; font:bold 1.14em Arial, Helvetica, sans-serif; padding:5px 0 0 0; }

p img {	padding:0; max-width:100%; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float: right; }
.alignleft { float: left; }

#overlay { left:50%; width:1px; height:1px; position: absolute; }
.overlay_content { position: relative; }
#ovlerlay_left_cricles { position: absolute; right:506px; top:144px; }
#ovlerlay_right_cricles { position: absolute; left: 426px; }
#wrapper { position:relative; width:980px; margin:0 auto; }
#main { float: left; width: 777px; }
.navigation { margin:10px 0 30px 0; }
.postmetadata { font-size: 0.8em; }
.comment-body { margin:15px 0 0 0; }

/* HEADER */
#header { position: relative; width: 100%; height: 230px; z-index: 10; }
.header_image { position:absolute; background:url(images/header_image.png); top:0; left:-94px; width:566px; height:218px; }
.header_image_outer_left {position: absolute; background: url(images/circles_left.png); top:144px; left:-156px; width: 140px; height: 307px;}
.header_image_outer_right {position: absolute; background: url(images/circles_right.png); top:0px; right:-117px; width: 170px; height:437px;} 
.header_logo { position:absolute; top:26px; left:104px; height:77px; width:246px; text-decoration: none;}

/* MENU */
#menu { position:absolute; right:198px; top:188px;}
#menu ul { list-style:none;}
#menu ul li { float:left;}
#menu a { height:20px; padding: 2px 10px 2px 10px; font-size:13px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; display:block;}
#menu a:hover { color:#532b00; background-color:#ED1B7B; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#menu .current_page_item a, #menu .current_page_item a:visited, #menu .current_page_parent a, #menu .current_page_parent a:visited, #menu .current_page_ancestor a, #menu .current_page_ancestor a:visited { background-color:#ED1B7B; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#menu .current_page_item a:hover, #menu .current_page_parent a:hover, #menu .current_page_ancestor a:hover { color:#532b00; }

/* FORUM STREAM */
#box_forum {position:relative; top:92px; left:493px; width:462px; height:75px; }
.img_forum { position:absolute; height:75px; margin-top:0;}
.text_forum { position:absolute; top:7px; left:115px; height:60px;}
.text_forum p {font-style:italic; color:#fff; font-size:11px; line-height:15px;}
.text_forum a { color:#fff; }
.text_forum a:hover { color:#ED1B7B; }

/* SIDEBAR */
#sidebar {float:left; width:204px; min-height:625px;  }
#sidebar2 { float:left; width:204px; min-height:625px; border-left:4px solid #ED1B7B;  }
#sidebar ul { margin:0 0 5px 10px; }
#sidebar2 ul { margin:35px 0 35px 10px; }
/* WIDGET */
.widgettitle { color:#ED1B7B; font:bold 1.4em Arial, Helvetica, sans-serif; padding:15px 0 5px 10px; }
#sidebar ul li a { color:#532b00; outline:none; border-bottom:1px dotted #ED1B7B; }
#sidebar ul li a:hover { color:#ED1B7B; outline:none; }
#sidebar ul li a:focus { outline:none; }
/* RANDOM IMAGES */
#random_image_wrapper { margin:28px 0 40px 12px; }
#random_image_wrapper a img { margin:0 0 10px 0; }

/* START PAGE */
#container_content {float: left; background-color:#fff; width:767px; padding: 3px 0px 3px 3px; border:solid #ed1b7b 3px;}
#top_left_box {float:left; width:260px; height:380px;}
#top_rigth_box {float:left; width:507px; border-bottom:4px solid #ED1B7B;}
.start_title_entry {border-bottom: 4px solid #ED1B7B; padding:0 0 5px 0;}
.start_title_entry img { padding: 14px 0px 2px 16px;}
.the_content {height:141px; padding:12px 20px 0px 14px; font-size:13px; line-height:19px; overflow:hidden; }
#bottom_center_box {float: left; width: 304px; height:164px;}
#bottom_center_box img {padding: 3px 0px 0px 3px;}
#bottom_right_box {float:left; width:174px; padding:8px 0 0 17px; font-size:12px; line-height:15px; overflow:hidden; }
.post-meta {width: 100%; margin: 0; padding:2px 0 0 0; text-decoration: none;}
#container_content2 {float: left; margin: 10px 0 0 0;}
.box_bottom {float: left; margin: 0 10px 0 0; background-color:#fff; width: 246px; height: 223px; border: 3px solid #ED1B7B;}
.box_bottom img { padding: 4px;}
.title_box_bottom {position: relative; border-bottom: 4px solid #ED1B7B;}
.title_box_bottom img { padding: 14px 0 11px 10px;}
.link_lasmer{position: absolute; top: 26px; right: 26px; width: 68px; height: 68px;}
#flower{ position: relative;}
.flower{position: absolute; top: 85px; left: -63px;}
.flower1{position: absolute; top: -33px; right:-8px;} 

/* sb_undersidor template */
#container_content_sub {float: left; width:770px; border:3px solid #ED1B7B; background-color:#fff; padding:0; margin:0;  }
#entry_content {float: left; width:542px; min-height:625px !important; border-right:4px solid #ED1B7B; padding: 0 0 70px 0; }
#entry_content2 {float: left; width:542px; min-height:625px !important; padding: 0 0 70px 0; }
#entry_content a {border-bottom:dotted 1px #ED1B7B; }
#entry_content a:hover {color:#ED1B7B; border-bottom:solid 1px #ED1B7B; }
#entry_content .no_bottom_border { border-bottom:none; }
#entry_content .no_bottom_border:hover { border-bottom:none; }
.entry { padding: 0 20px 0 20px; overflow:hidden; }
.entry p { padding:5px 0 2px 0; }
.entry a img { margin:0 0 10px 0; border:0 !important; }
.entry a:hover img { border:none; }
.entry-title a { color:#ED1B7B; font:bold 1.4em Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:15px 0 0 0; }
.entry-title a:hover { color:#532b00; }
.entry-date abbr { border:none; margin:0 0 5px 0; font-weight:bold; }

#flower_sub { position:relative;}
.flower_sub { position:absolute; width:86px; height:72px; left:12px; bottom:190px; background:url(images/flower.png) bottom; }
#flower1_sub { position:relative;}
.flower1_sub { position:absolute; top:-16px; right:-30px; } 
#line { position:relative;  width:507px; margin: 0 0 20px 0; border-bottom:4px solid #ED1B7B;}

/* sb_undersidor NO sidebar template */
#entry_content_noside {float:left; width:770px; min-height:625px !important; padding: 0 0 70px 0; }
#entry_content_noside a { border-bottom:dotted 1px #ED1B7B; }
#entry_content_noside a:hover {color:#ED1B7B; border-bottom:solid 1px #ED1B7B; }
#entry_content_noside .no_bottom_border { border-bottom:none; }
#entry_content_noside .no_bottom_border:hover { border-bottom:none; }
#entry_content_noside h1 { margin:0 0 10px 20px; }

#flower_sub_noside {position: relative;}
.flower_sub_noside { position:absolute; left:19px; top:573px;}
#flower1_sub_noside {position: relative;}
.flower1_sub_noside {position: absolute; top:-16px; right:-8px;} 

/* FOOTER */
#footer { clear:both; width:100%; padding:10px 0; color:#f87808; text-align:left;}
#footer a{ margin: 0px 0px 0px 5px; color:#f87808;}
#footer a:hover{color:#fff;}

/* AUTHOR */
#author { color:#7e4200; padding:0 0 10px 0; font-size:0.6em; } 
#author a { color:#7e4200; text-decoration:none; border:none; }
#author a:hover { color:#fff; text-decoration:none; }

/* BANNERS */
.banner_top { position:absolute; top:10px; right:0; width:468px; height:60px; z-index:100;}
#banner_container { float:left; width:180px; margin:0 0 0 23px; z-index:100;}
.banner_right { position:relative; width: 180px; height:150px; margin:0 0 10px 0; z-index:100;}
#banner_bottom { float:left; width:980px; height:120px; margin:23px 0 0 0;}

/* PHOTOSMASH */
.bwbps_gallery_div { border:none !important; padding:0 !important; margin:0 !important; }
.bwbps_gallery_div tbody { background-color:#fff; }
.bwbps_gallery_div tbody, .bwbps_gallery_div table, .bwbps_gallery_div tr, .bwbps_gallery_div td {   }
.bwbps_gallery_div a { color:#532b00 !important; }
.bwbps_addphoto_link  { font-size:12px !important; display:block; margin:0 0 10px 0; }
ul.bwbps_gallery li { border:none !important; padding:0 !important; margin:10px 10px 0 0 !important; }
.fancybox { border:none !important; } 

/* UPLOAD FORM */
#bwbps_uploadform { color:#532b00; }
#TB_title { background-color:#93c504 !important; color:#532b00; padding:10px; font-size: 14px; font-weight:bold; }
input.ps-submit { font-size:12px; padding:10px; border:none; margin:0; color:#fff; background:#ED1B7B; text-transform:uppercase; font-weight:bold; letter-spacing:1px; outline:none; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px;}
input.ps-submit:hover { background:#532b00; color:#fff; cursor:pointer; }
#bwbps_message { color:#93c504; padding:10px 0 0 0; width: 300px; font-size:14px;}

.knytningar{
width:150px;
}

/* FROM PHOTOSMASH ORIGINAL CSS FILE */

/* Admin styles */
.bwbps_imgbox{
	float: left;
	height:140px;
	width:125px;
	background-color: white;
	margin: 5px;
	border: 1px solid #f0f0f0;

}

.bwbps_imgbox div{
	font-size: 10px;
	line-height: 1.2em;
}

.bwbps_theimage{
	height:100px;
	margin:10px auto 2px;
	width:95px;
}

.bwbps-sel{

	background-color: #C7EFB3;

}

ul.bwbps_gallery, ul.bwbps_gallery li
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.bwbps_gallery li{
	text-align: center;
	display: block;
	float: left;
	margin-top: 15px;
} 

.bwbps_clear{
	clear: both; 
}

.bwbps_gallery_div{
	background:#222;
	border:1px solid #ddd;
	border-color:#888 #000 #000 #888;
	margin: 15px;
	_margin-left: 0px;
}

.bwbps_gallery_div li{
	text-align: center;
}

.bwbps_gallery_div div{
	margin: auto;
	*margin: 0px;
	
}

.bwbps_gallery_div a{
	color: #fff;
}

.bwbps_gallery_div a:hover{
	color: #fff;
	text-decoration: underline;
}

.bwbps_gallery_div table {
	width: 100%;
}

.bwbps_gallery_div{
	color: #fff;
}

.bwbps_galid {
	float: right;
	color: #fff;
}

.photoform a, .photoform a:visited{
	font-size: 12px !important;
	color: #0066ff !important;
}

.bwbps_caption{
	font-size: 11px;
}

div.bwbps_pagination{
	clear: both;
	margin: 5px auto;
	text-align: center;
}

.bwbps_pagination a {
	color: #fff;
	padding: 3px 7px;
	border: 1px;
	margin: 2px;
	border: 1px solid #c5c5c5;	
}


.bwbps_pagination a:hover{
	background-color: #0066ff;
	color: #fff;
	text-decoration: none;
}


.bwbps_pagination span {
	color: #fff;
	font-weight: bold;
	padding: 3px 7px;
	border: 1px;
	margin: 2px;
}

div.bwbps_pag_2{
	clear: both;
	margin: 5px auto;
	text-align: center;
}

.bwbps_pag_2 a {
	color: #777;
	padding: 3px 7px;
	border: 1px;
	margin: 2px;
	border: 1px solid #a0a0a0;	
}


.bwbps_pag_2 a:hover{
	background-color: #444;
	color: #fff;
	text-decoration: none;
}


.bwbps_pag_2 span {
	color: #777;
	font-weight: bold;
	padding: 3px 7px;
	border: 1px;
	margin: 2px;
}

.bwbps_image_div {
	
	position: relative;

}


.ps-submit input, .ps-submit {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	font-size: 11px !important;
	line-height: 16px;
	padding: 2px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

.ps-modbutton input, .ps-modbutton {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	font-size: 9px !important;
	line-height: 12px;
	padding: 2px 2px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

.ps-form-table {
	border-collapse: collapse;
	margin-top: 0.5em;
	width: 100%;
	margin-bottom: -8px;
	clear: both;
}

.ps-form-table td {
	margin-bottom: 9px;
	padding: 4px 10px 12px;
	line-height: 20px;
	font-size: 11px;
	text-align: left;
}

.ps-form-table th {
	font-weight: normal;
	text-shadow: rgba(255,255,255,1) 0 1px 0;
	vertical-align: middle;
	text-align: left;
	padding: 4px 6px;
	width: 200px;
}

.ps-form-table input{
	border:1px solid #777;
}

.ps-moderate img {
	border: 2px solid red !important;
}

.ps-newimage img {
	border: 2px solid green !important;
}

.ps-buried img {
	border: 2px solid purple !important;
}

.ps-modmenu {
	font-size: 10px;
	color: #aaccff !important;
}

.ps-modmenu img{
	border: none !important;
	margin-left: 5px;
	vertical-align: top;
}

.form-bwbps th{
	vertical-align: top;
	text-align: left;
	padding: 10px;
	width: 130px;
}

.form-bwbps td{
	font-size: 12px;
	padding-bottom: 10px;
}

.ps-hint {
	font-size: 12px;
	color: #777;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* *****  Styling for Tabls borrowed from NextGeneration Gallery http://wordpress.org/extend/plugins/nextgen-gallery/ */

/* Skin */
#bwbpsslider {
	border-color:#EBEBEB rgb(204, 204, 204) rgb(204, 204, 204) rgb(235, 235, 235);
	border-style:solid;
	border-width:1px;
	margin:15px 15% 0pt 15px;
	padding:2px;
}
#bwbpstabs{
	display: block;
	background:#F1F1F1 none repeat scroll 0%;
	font-size:14px;
	overflow:hidden;
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    padding: 6px 5px;
    min-width: 84px; /* be nice to Opera */
    margin: 2px 2px 0px 1px !important;
	text-decoration: none;
	list-style: none;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 1px;
}

.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #2583AD;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected{
	background: #6D6D6D url(../images/menu-bits.gif) repeat-x scroll left top !important;
	border-color: #6D6D6D !important;
	color: #21759B !important;
	text-shadow:0 -1px 0 #666666 !important;

	-moz-border-radius-topright: 6px;
	-khtml-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
}

.ui-tabs-selected a,
.ui-tabs-selected a:hover {
	color:#fff !important;
}

.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav .ui-tabs-selected a:hover  {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
}

.ui-tabs-nav li a:hover {
	color:#D54E21;
}

.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0 !important;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */

	/* overwrite wp-admin */
	border:none !important;
	height:100% !important;
	margin:0pt 0pt 0pt 0px !important;
	overflow:visible !important;
}

.ui-tabs-panel a {
	display:inline;
}

.ui-state-active {
	color: #21759B;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* Widget CSS */

div.bwbps_image  {
/*float: left;
display: inline;
padding: 3px;
border: 1px #e0e0e0 solid;
border-color: #ddd #bbb #aaa #ccc;
background-color: #f5f5f5;
margin: 3px;
line-height: 1em;*/
background-color:#fff; border:none; display:inline; float:left; line-height:1em; margin:3px 6px 0 0; padding:3px 6px 0 0;
}

.bwbps_image  img{
  border: 1px #ddd solid;
}
.bwbps_image img:hover{
border-color: #999;
opacity: 0.9;
}