/*
Theme Name: SoSuechtig Blue Edition
Theme URI: http://www.sosuechtig.de/
Description: SoSuechtig Wordpress Theme
Version: 2.9 beta5
Author: Patrick Queisler
Author URI: http://www.sosuechtig.de/
*/

@import url("navstyles.css"); /* Import navigation stylesheet */

html, body {margin: -13px 0 0 0; padding: 0; text-align: center; background: #FFF url(images/bg.jpg) repeat-x top left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333;} 

a:link, a:visited {color: #FF6600; text-decoration: none;}
a:hover {color: #FF6600; text-decoration: none; background: #FFFF99;}
a img{border:none; text-decoration:none;}

#main .entrycontent a:link, #main .entrycontent a:visited, #main .entrycontent a:hover {font-weight: bold;}

blockquote {background-color: #F5F5F5; font-weight: normal; color: #444; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; margin: 0; padding: 0 12px;}

a, input {outline: none;} /* Remove links or textbox hightlight border */
img {border: none;}
abbr {border: none; font-size: 10px; font-weight: bold;}

form {background: #FFF;	margin: 0px; padding: 4px;}
input, textarea, select {margin: 1px 0;	font-size: 100%;}
textarea {width: 420px; padding: 8px 5px 5px 5px;}
input.text, textarea.text {background: #FFF; border: 1px solid #CBCAC7;	color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(images/bg_textarea.jpg) repeat-x top left;}
#commentform .postakommentarknapp {background: url(images/posta2.jpg) no-repeat; height: 26px; width: 145px; border: none; cursor: pointer;}
#commentform .postakommentarknapp:hover {background: url(images/posta2.jpg) 0 -27px no-repeat;}

/* STRUKTUR */

#blog {width: 970px; text-align: left; margin-left: auto; margin-right: auto; padding: 0px;}

#header {width: 970px; height: 135px; padding: 0; margin: 0;}
#header #sitetitle {float: left; padding: 0; margin: 0;}
#header #sitetitle h1 {background: url(images/logo.jpg) no-repeat 0 27px; width: 485px; height: 109px; border: 0; text-indent: -999px; padding: 0; margin: 0;}
#dekoration {float:right; width: 420px; height: 82px; background: url(images/folj_bloglovin_blue.jpg) no-repeat top left; margin-top: 27px;}
#dekoration a:hover img {visibility:hidden; text-decoration:none; background:none;}
#menyn {position: relative; width: 520px; height: 28px; top: 0; left: 19px;}

#wrapper {background: #FFFFFF url(images/bg-wrapper.gif) repeat-y; padding: 15px 2px 10px 0; margin: 0px; height: 100%; border-left: 1px dashed #999999; border-right: 1px dashed #999999; border-bottom: 4px solid #FFFFFF;}
#wrapperleft {width: 753px; float: left; position: relative; padding: 0 2px 0 0; margin: 0; border-left: 3px solid #F4F4F4;} 
#main {width: 460px; float: left; background-color: #FFFFFF; padding: 0 0 0 30px; margin: 0px; line-height: 1.3em;}

/* Announcement ovanfor inlaggen */
#announcement {background: #F4F4F4; padding: 1px 13px 1px 13px; margin: 5px 10px 23px 8px; border: 1px dashed #C8C8C8;}

/* Float containers fix: http://www.csscreator.com/attributes/containedfloat.php */ 
#wrapperleft:after, #wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 #wrapperleft, #wrapper { display: inline-table;}

/* Hides from IE-mac */
* html #wrapperleft, * html #wrapper { height: 1%;}
#wrapperleft, #wrapper { display: block; }
/* End hide from IE-mac */ 

/* LIST STYLING */
#main ul {list-style-type: none; padding: 0px; margin: 0px;}
#main ol {font: italic bold 17px Georgia, Times, serif; color: #EB9694;}
#main ol p {font: normal 12px Arial, Verdana, Helvetica, sans-serif; line-height: 1.6em; color: #333; background-image: none;}

#main ul li {padding: 0 0 4px 30px; background: url(images/pil-svart.gif) no-repeat 13px 3px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;  line-height: 1.6em;}
#main ul.arrow {list-style-type: none; padding: 0; margin: 0; } /* Light blue arrow */
#main ul.arrow li {padding: 0 0 4px 20px; background: url(images/bluearrow.gif) no-repeat 5px 4px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;  line-height: 1.6em;}

#main ul.stjarna {list-style-type: none; padding: 0px; margin: 0px;} /* Rosa stjarna */ 
#main ul.stjarna li {padding: 0px 0px 4px 12px; background: url(images/stjarna-lista.gif) no-repeat 0 4px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;  line-height: 1.6em;}

#main ul.box {padding: 6px 8px; margin: 10px 2px 0 2px;} /* Orange pil */ 
#main ul.box li {padding: 0 0 0 12px; margin-bottom: 10px; list-style-type: none; background-image: none; border-left: 3px solid #D3C6A0; line-height: 1.6em;}

#main ul.pil {padding: 6px 8px; margin: 10px 2px 0 2px;} /* Orange pil */ 
#main ul.pil li {padding: 2px 0px 6px 12px; list-style-type: none; background: url(images/pil.gif) no-repeat 0 8px; line-height: 1.6em;}

#main ul.pil2 {padding: 1px 8px; margin: 0 2px 0 2px;} /* Black arrow on gray. Pilpunkt med mycket mellanrum */ 
#main ul.pil2 li {padding: 2px 0px 8px 16px; list-style-type: none; background: url(images/pil-svart.gif) no-repeat 0 6px; line-height: 1.7em;}

/* DATE */
#main h1 {font-weight: bold; font-size: 100%; color: #6699CC; padding: 2px 4px 4px 27px; background: url(images/bullet-splat.png) no-repeat 8px 3px;}
#main h1 a:link, #main h1 a:visited {border-bottom: 1px dotted #BBB;}
#main h1 a:hover {border-bottom: 1px dotted #BBB;}

/* TOPIC */
#main .entry h1, #main #comments h1, #main #commentform h1 {font-weight: bold; font-size: 15px; background: none; padding: 0; color: #333; line-height: 17px;}
#main h2 {font-weight: bold; font-size: 14px; color: #FF6600;}
#main h3 {font-weight: bold; font-size: 13px;}
#main .kategori_beskrivning {padding-left: 7px;}
#main .entry, #main #comments, #main #commentform {padding: 0px 10px 30px 10px; margin: 0px;}
#main .entrycontent {padding: 0px; margin: 0px; line-height: 1.7em;}
#main .entryfooter {background-color: #FFF;	padding: 3px 0px 3px 0px; margin: 0px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
#main .contentimage {margin-top: 5px;}
.contentimage {padding-top: 0px;}
#contentimage {margin-top: 5px;}
#main .asides {padding: 0px 10px 10px 10px;}

.Nav {text-align: center;}
#related-posts h2 {font-size: 14px;}
#main .inforuta {padding: 8px 8px 8px 68px; margin: 0 0 15px 0; background: #E0E9E9 url(images/info.png) no-repeat 5px 12px; font-size: 11px; border-top: 1px solid #BDD5D5; border-bottom: 1px solid #BDD5D5;} /* Inforutorna pa indexsidan */
#main .pdfruta {padding: 8px 8px 8px 110px; margin: 0 0 15px 0; background: #EFE9E2 url(images/pdficon.png) no-repeat 30px 12px; font-size: 11px; border-top: 1px solid #DFD3C6; border-bottom: 1px solid #DFD3C6;} /* Pdf forsalning pa indexsidan */
#main .pdfruta form {background-color: #EFE9E2; padding: 0;}

/* COMMENTS */
#comments {background-color: #FFFFFF; padding: 0px; margin: 0px; line-height: 1.4em;}
#main #comments .comment {background: #F4F0E8 url(images/sidostreck_horisontell.gif) repeat-x left bottom; font-size: 100%; font-weight: normal; color: #444; margin: 0 0 10px 0; padding: 4px 20px 4px 20px;}
#main #comments .officialuser {background-color: #EFEFEF; font-size: 100%; font-weight: normal; color: #444; border-top: 1px solid #859403; border-bottom: 1px solid #859403; margin-bottom: 10px; margin-right: 0px; padding: 4px 20px 4px 20px;}
#main #comments .comment h4, #main #comments .officialuser h4 {font-size: 100%; font-weight: normal;}
#main #comments .comment .commentnumber, #main #comments .officialuser .commentnumber, #main #comments .Author .commentnumber {font-weight: bold; color: #333;}
#comments span {font-weight: bold;}
#main #comments .Author {background: #FCFAF8 url(images/sidostreck_horisontell.gif) repeat-x left bottom; font-size: 100%; font-weight: normal; color: #444; margin: 0 0 10px 0; padding: 4px 20px 4px 20px;} /* Styling av mina och Heidis kommentarer */
#main #comments .Author h4 {font-weight: normal; font-size: 100%;}

#main #commentform form {font-weight: normal; color: #333; margin: 0 0 10px 0; padding: 4px;}
#main #commentform label {font-size: 90%;}
#main #commentform input {padding: 3px;}

/* SIDEBAR */
#middle {width: 206px; float: right; position: relative; padding:0; margin: 0px; color: #333;}
#right {width: 206px; float: right; position: relative; padding:0; margin: 0px; color: #333;}
#right h2 {font-size: 11px; padding-left: 9px;}
#right form {background-color: #F9F5F0;}
#right #login_error {padding: 0 0 5px 9px;}

.ruta {float:left; background-color: #F4F0E8; border: 2px solid #F0EDDA; padding: 5px 3px 5px 8px; margin-bottom: 7px;}
.twitterruta {float:left; background-color: #F4F0E8; border: 2px solid #F0EDDA; padding: 5px 3px 1px 8px; margin-bottom: 7px;}
	#right .twitterruta ul li {background: url(images/listpunkt.gif) no-repeat 1px 5px; padding: 0px 6px 4px 14px;}
.rutamedbild {float:left; background-color: #F4F0E8; border-right: 2px solid #F0EDDA; border-bottom: 2px solid #F0EDDA; border-left: 2px solid #F0EDDA; padding: 5px 3px 5px 8px; margin-bottom: 7px; line-height: 16px;}
#right .rutamedbild a:link, #right .rutamedbild a:visited {border-bottom: 1px dotted #000000;}
#middle .ruta p {margin: 0;}

#middle p, #right p {text-align: left; margin: 0 4px 7px 9px;}
#middle h3, #right h3 {padding-bottom: 0; margin: 0 0 0 9px;clear:left;}
#middle h4, #right h4 {padding-bottom: 3px; margin: 0 4px 3px 9px; font-size: 11px; line-height: 13px; color: #333;}

/* Kolumnrubriker  */
.rubrikjagheter {text-indent: -9999px; width: 156px; height: 35px; background: url(images/rubrik_jagheter.gif) no-repeat top left;}
.rubrikfoljbloggen {text-indent: -9999px; width: 109px; height: 35px; background: url(images/rubrik_foljbloggen.gif) no-repeat top left;}
.rubrikkommentarnytt {text-indent: -9999px; width: 141px; height: 37px; background: url(images/rubrik_kommentarnytt.gif) no-repeat top left;}
.rubrikkategorier {text-indent: -9999px; width: 96px; height: 36px; background: url(images/rubrik_kategorier.gif) no-repeat top left;}
.rubrikarkiv {text-indent: -9999px; width: 61px; height: 26px; background: url(images/rubrik_arkiv.gif) no-repeat top left;}
.rubrikfavoritbloggar {text-indent: -9999px; width: 135px; height: 35px; background: url(images/rubrik_favoritbloggar.gif) no-repeat top left;}
.rubriklankar {text-indent: -9999px; width: 67px; height: 29px; background: url(images/rubrik_lankar.gif) no-repeat top left;}
.rubrikguider {text-indent: -9999px; width: 136px; height: 34px; background: url(images/rubrik_guider.gif) no-repeat top left;}
.rubrikskonhetsshopping {text-indent: -9999px; width: 148px; height: 47px; padding-bottom:10px; background: url(images/rubrik_skonhetsshopping.gif) no-repeat top left;}

#right ul.lankar {margin-left:9px;}
#right li.nounderline {border-bottom: 0px;} /* inget streck under */
#right li.nobulletunderline {border-bottom: 0px; background: none; padding: 1px 0 4px 1px;} /* ingen "bullet" och inget streck under */
.inline {display: inline;}

#middle ul, #right ul {list-style-type: none; margin: 0 0 10px 0; padding: 0px; text-align: left; width: 191px;}
#middle li, #right li {list-style-type: none; background: none 0 0px; margin: 0; padding: 0;}
#middle ul li, #right ul li {padding: 0px 0px 4px 24px; background: url(images/bullet-doc.gif) no-repeat 11px 4px; line-height: 16px; text-align: left;}
#middle li h2, #right li h2 {list-style-type: none; background: none 0 0px; padding-bottom: 10px; margin: 0px; font-size: 13px; line-height: 1.4em; color: #333;}

#middle .colored ul, #right .colored ul {list-style-type: none; margin: 0 0 20px 0; padding: 0px; text-align: left; width: 200px;}
#middle .colored ul li, #right .colored ul li {padding: 0px 0px 4px 4px; background-image: none; background-color: #EDE7D8; margin: 0 0 1px 6px; border-bottom: 1px dashed #A6A6A6;}
.colored {width: 200px;}

#middle .nobullet ul, #right .nobullet ul {list-style-type: none; margin: 0; padding: 0px; text-align: left;}
#middle .nobullet ul li, #right .nobullet ul li {padding: 0; background-image: none; background-color: #F4F0E8;}

#middle a:link, #middle a:visited, #right a:link, #right a:visited {color: #333; text-decoration: none; border-bottom: none;}
#middle a:hover, #right a:hover {color: #333; text-decoration: none; border-bottom: 1px dotted #333; background-color: #EDE7D8;}
#middle a:active, #middle a:focus, #right a:active, #right a:focus {color: #333; text-decoration: none; border-bottom: none;}

#right .nyakommentarer {font-weight: bold;} /* Boldar personerna i rutan for senaste kommentarer */
#right .nyakommentarer a {font-weight: normal;}

.streck {float:left; width: 195px; height: 1px; background: #F9F5F0 url(images/streck.gif) repeat-x top left; margin: 5px 0 10px 5px;}

/* Search box  */
#middle .search {width: 200px; height: 40px; background: url(images/bg_search_box.gif) no-repeat 8px 0;}
#middle form {background: none; padding: 0;}
#middle .keyword {background: none; color: #333; border: none; width: 120px; padding: 3px 1px 2px 1px; margin: 4px 0 0 19px; font-size: 12px; float:left;}
.search #submit {float:right; margin: 0;}

#searchform {background: none; color: #FFF; padding-left: 10px; padding-top: 0;}
.searchforminput {background-color: #fff; font-size: 100%; font-weight: normal; color: #333; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}

/* Bilder i inlaggen ++++++++++++++++++++++++++++ */
#main .entry img {padding: 3px; border: solid 1px #CFCFCF;}

.bildmitten {margin-left: auto; margin-right: auto; display: block;} /* centrera en bild */
.bildrad {margin-left: 5px; display: inline;} /* rss och bloglovin -bilderna */
#middle .bildrad a:hover {border-bottom: 0px; background: none; text-decoration:none;} /* inget streck under */

#main img.alignleft, #main div.alignleft {float:left; margin:0 5px 5px 0;}
#main img.alignright, #main div.alignright {float:right; margin:0 5px 5px 5px;}
#main img.aligncenter, #main div.aligncenter {text-align:center; margin:9px auto; display: block;}

#main img.noborder_alignleft, #main div.noborder_alignleft {float:left; margin:0 5px 5px 0; border: none;}
#main img.noborder_alignright, #main div.noborder_alignright {float:right; margin:0 5px 5px 5px; border: none;}
#main img.noborder_aligncenter, #main div.noborder_aligncenter {text-align:center; margin:13px auto; display: block; border: none;}

.clear{clear:both;}
.clearleft{clear:left;}
.bannermargin {margin: 0 0 25px 10px; background: none;}
#wrapperleft a.whitelink:hover {background: none; text-decoration:none; color: #fff;}

/* FOOTER */
#footer {background-color: #E6E6E6; width:968px; padding: 0; margin: 0 auto 4px auto; border-top: 1px dashed #999999; border-left: 1px dashed #999999; border-right: 1px dashed #999999; border-bottom: 1px dashed #999999;}
#footer #footertext {padding: 1px 10px 3px 45px; color: #555;}
#footer a:link, #footer a:visited {color: #ff7200; text-decoration: none;}
#footer a:hover {color: #ff7200; border-bottom: 1px solid #ff7200;}
#footer a:active, #footer a:focus {color: #ff7200; text-decoration: none; border-bottom: 1px solid #ff7200;}

/* PAGE - OM MIG */
#main ul.ommig {padding: 0; margin: 0 0 15px 0; list-style-type: none;} /* Inforutorna pa om mig -sidan */
#main .ommig li {margin: 5px 5px 10px 0px; padding: 4px 5px 4px 5px; background: #E6E6E6; border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; list-style-type: none;}

/* SEARCH PAGE */
#main .pagetitle {padding-left: 7px;}
#main .search-terms {color: red;}
strong.search-excerpt {background-color: yellow;} /* Highlight Search Excerpts farg */
#main .hilite {background-color: yellow;} /* Highlight Search Terms farg */

/* LOGIN PAGE */
#login #mybrandlogin p {margin-top: 20px !important;}

/* WP E-COMMERCE */
#right #sliding_cart {padding: 0 0 5px 9px;}
#right .wpsc_empty_the_cart {padding: 4px 4px 5px 0;}
.firstcol img {border: none !important;}
.imagecol img {border: none !important;}
#products_page_container .wpsc_buy_button {float:left;}

/* VODPOD RUTA */
.vp_video_description {display: none;}