/*
Theme Name: Sofia Ullman
Theme URI: http://www.olsvenne.se
Description: Created by <a href="http://www.olsvenne.se/">Olsvenne Konsulttj&auml;nster</a>. Sofia Ullman, black theme, red theme. 
<br/>Recoded from the theme Oriental
Version: 1.0.0
Author: Daniel Olsvenne
Author URI: http://www.olsvenne.se/
Tags: fixed width, two columns, widgets, valid CSS, widget ready, white, simple, valid XHTML, left sidebar, black, red
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* <<<<<<<<<<<< Ikoner >>>>>>>>>>>>>>>>>*/
/* Måste vara 36x36 pixlar */

a[href$=".PDF"], a[href$=".pdf"] {
background:transparent url(images/pdf-icon.jpg) no-repeat scroll left center;
padding:10px 2px 10px 50px;
}

a[href$=".DOC"], a[href$=".doc"] {
background:transparent url(images/word-icon.gif) no-repeat scroll left center;
padding:10px 2px 10px 50px;
}

a[href$=".DOCX"], a[href$=".docx"] {
background:transparent url(images/word-2007-icon.jpg) no-repeat scroll left center;
padding:10px 2px 10px 50px;
}

a[href$=".XLS"], a[href$=".xls"] {
background:transparent url(images/xls-icon.gif) no-repeat scroll left center;
padding:10px 2px 10px 50px;
}

a[href$=".AIFF"], a[href$=".aiff"] {
background:transparent url(images/aiff-48x48.png) no-repeat scroll left center;
padding:16px 2px 16px 50px
}

/* <<<<<<<<<<<<<<<<<<<<<<<  Wordpress required >>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.wp-caption {
	border: 1px solid #888;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {

	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

h3.subpages {
	padding: 1em 0 0.5em 0;
	margin: 0;

}

ul.subpages {
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;
	list-style: square;
}

/* <<<<<<<<<<<<<<<<< General settings >>>>>>>>>>>>>>>>>>>>> */

p{
   margin:0;
   padding:10px 0;
   clear: both;
}


br{
   margin:0 0 5px;
}

a {
   color:#e00000;
   text-decoration:none;
}
   a:hover {
   text-decoration:underline;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.1em;
        color: #ae0000;
}

h3 {
	font-size: 1em;
}

hr{
color:#8e0000;
border:1px solid #8e0000;
border-width:1px 0 0 0;
border-style:solid;
margin:25px 0;
height:0px;
line-height:0px;
background-color:#8e0000;
}

blockquote {
	padding: 0 0.5em;
	border-left: 5px solid #888;
	margin: 0;
	background-color: #888;
}

img.alignleft {
	float: left;
	margin: 0 .8em .8em 0;
} #ie6fix img.alignleft {
   position:relative;
}


img.alignright {
	float: right;
	margin: 0 0 .8em .8em;
} #ie6fix img.alignright {
   position:relative;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
} #ie6fix .alignleft {
   position:relative;
}

.alignright {
	float: right;
} #ie6fix .alignright {
   position:relative;
}

a img {
	padding: 5px;
	border: 1px solid #888;
}

form {
	padding: 0;
	margin: 0;
}

fieldset{
   border: 0px;
}

.textBg{
background: url(images/blackOpacity80.png) repeat;
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blackOpacity80.png',sizingMethod='image');*/
height:100%;
} #ie6fix .textBg{ 
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blackOpacity80.png',sizingMethod='image');*/
/*filter:alpha(opacity=50);
height:1%;*/
/*behavior: url(iepngfix.htc);*/
background:#000;
}

.border{
border-color:#ae0000;
border-style:solid;
}

.borderBg{
background-color:#ae0000;
}


/* <<<<<<<<<<<<<<<<<<<<<< Layout >>>>>>>>>>>>>>>>>>>>>>>>>>> */

body {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	font-family: Arial, Verdana, Sans-Serif;
	background:#000000 url(images/bgLong.jpg) no-repeat center top;
	color: #fff;
}

html>body{background:#000000 url(images/bgLong.jpg) no-repeat fixed center top;}

#container {
       background:url(images/bgShot.jpg) no-repeat fixed center top;
	width: 980px;
	margin: 0 auto;
}

#header {
	height: 0px;
}

#header h1 {
	padding: 25px 0 0 53px;
	margin: 0;
	color: #888;
	font-family: Garamond, Georgia, serif;
	font-size: 2em;
}

#header h1 a,
#header h1 a:hover {
	text-decoration: none;
	color: #888;
}

#header .description {
	padding: 0 0 0 53px;
	color: #888;
	font-family: Garamond, Georgia, serif;
	font-size: 1.3em;
}

#page {
	padding: 10px 53px 0;
}

#pageinner {
	position: relative;
	margin: 0 0 0 0;
}


/* <<<<<<<<<<<<<<<<< navcontainer menu & searchbar >>>>>>>>>>>>>>>>>>>> */

#navcontainer{
margin:10px;
/*padding:10px;
width:97%;*/
}

#navcontainer ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0 45px;
font-size:1.4em;
}

#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li#first a, #navcontainer ul li#first a:hover {
background-image:none;
cursor:default;
text-decoration:none;
}
#navcontainer ul li a {
color:#fff;
margin:5px 0 0;
padding:4px 30px 8px 12px;
text-decoration:none;
font-weight: bold;
}
#navcontainer ul li a:hover {
text-decoration:underline;
color:#ae0000;
}
#navcontainer ul li.current_page_item a, #navcontainer ul li.current_page_ancestor a {
color:#ae0000;
font-weight:bold;
}

#searchBar {

	clear: left;
	background: url(images/searchBarBk.gif) repeat-x;
	text-align: right;
}

#searchform {
	padding: 5px;
}

#s {
	border: 1px solid #888;
}

#searchsubmit {
	border: 1px solid #888;
	background: #fff url(images/buttonBk.gif) repeat-x;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<   Sidebar   >>>>>>>>>>>>>>>>>>>>>>  */

#sidebar {
margin:10px 0 0 1px;
top:10px;
width:200px;
left:50%;
margin-left: -436px;
position:fixed;
z-index:1;
}

#LayerFlash{
background-color:#000000;
height:58px;
left:-14px;
position:relative;
top:-23px;
width:200px;
}

#events-calendar{
margin-top: 10px;
}

* html #sidebar{
position:absolute;
}

#sidebar a {
	color: #fff;
}

#sidebar ul {
	padding: 10px 4px 0px;
	margin: 0;
	list-style: none;
}

#sidebar ul li {	
	margin: 0 0 12px 0;
	font-size: 0.85em;
}

#sidebar ul li h2 {
	margin: 0;
	color: #000;
	padding: 3px 3px 3px 10px;
}

#sidebar ul li p,
#sidebar ul li div {
	padding: 5px 10px 10px 10px;
	margin: 0;
}




#sidebar ul li table {
	padding-bottom: 5px;
}

#sidebar ul li table caption {
	padding: 5px 0 0 0;
}

#sidebar ul li ul {
	padding: 0.3em 0;
}

#sidebar ul li ul ul,
#sidebar ul li ul ul ul,
#sidebar ul li ul ul ul ul,
#sidebar ul li ul ul ul ul ul {
	padding: 0;
}

#sidebar ul li ul li {
	font-size: 1em;
	padding: 0.2em 1em 0.2em 0;
	margin: 0 0 0 2em;
list-style-type: disc;
}

#sidebar ul li ul li li,
#sidebar ul li ul li li li,
#sidebar ul li ul li li li li,
#sidebar ul li ul li li li li li {
	margin: 0 0 0 1em;
}

#sidebar ul li ul li a {
	text-decoration: none;
	padding-left: 0em;
}
#sidebar ul li ul#themeswitcher li a,
#sidebar ul li ul li.recentcomments a {
	background-image: none;
	padding-left: 0;
}
#sidebar ul li ul#themeswitcher li,
#sidebar ul li ul li.recentcomments {
	background: url(images/sidebarBullet.gif) left center no-repeat;
	padding-left: 1em;
}

#sidebar ul li ul li a:hover {
	color: #000;
}

.widget_pages{
   
}
.widget_pages h2 {
}
.widget_pages ul {
}
.widget_pages ul li {
border-bottom:1px solid #888;
border-top:1px solid #ae0000;
display:table;
height:25px;
left:-25px;
margin:6px;
padding:10px;
position:relative;
top:0;
width:189px;
}
.widget_pages ul li a {
margin:20px;
padding:20px;
height:20px;
font-size:1.3em;
}

#sidebar ul li div #reservation{
line-height:1px;
margin:-10px 0 0;
padding:0;
}

div#recaptcha_widget_div {
	float: right;
} #ie6fix div#recaptcha_widget_div {
   position:relative;
}


/* Calendar */
#wp-calendar {
	width: 100%;
}

#wp-calendar th,
#wp-calendar td {
	text-align: center;
}

#wp-calendar td#today {
	font-weight: bold;
        background: #500;
}


/* <<<<<<<<<<<<<<<<<<<<<<<<  Post & Page  >>>>>>>>>>>>>>>>>>>>>>>>> */

h2.pagetitle {
   color:#fff;
   margin:0;
}

#content {
	margin: 8px 0 0 213px;
	padding: 0;
}

#contentinner {
	padding: 0px;
	font-size: 0.9em;
	line-height: 1.5em;
}

#spacer{
height:340px;
}

.post {
clear:left;
margin:20px 10px;
}

.post h2 {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}

.post h2 a,
.post h2 a:hover {
	text-decoration: none;
	color: #ae0000;
}

small.postmetadata {
	font-size: 0.85em;
        float: right;
} #ie6fix small.postmetadata {
   position:relative;
}

ul.postmetadata {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.85em;
}

ul li.tags {
	float: left;
} #ie6fix ul li.tags {
   position:relative;
}

ul li.comments {
	text-align: right;
}

div.divider {
	background: url(images/divider.gif) center center repeat-x;
	height: 47px;
	margin: 1em 0;
}

div.navigation {
	text-align: center;
	font-family: Garamond, Georgia, serif;
	padding: 0 0 2em 0;
}


#singlepost {
	margin: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

.entry{
}

/* Comments */
#commentwrapper {
	padding: 0 15px 49px 15px;
}

#commentwrapper h2 {
	margin: 0;
	padding: 0.5em 0;
}

/* Comment */
h2.commentheading {
	font-size: 1.2em;
	color: #ae0000;
}

ol.commentlist {
	padding: 0;
	margin: 0;
	list-style: none;
}

ol.commentlist a {
	text-decoration: none;
}

img.avatar {
	border: 1px solid #fff;
	margin: 0 0.5em;
}

ol.commentlist li.commentind {
	padding: 0 0 2em 0;
	margin: 0;
}






ol.commentlist li.commentind cite {
	font-style: normal;
}

p.commentsedit {
	font-size: 0.9em;
	margin: 0 0 0 0.5em;
}

.commentindheader {
	border-bottom: 1px dotted #ae0000;
}

.commentindheader img.avatar {
	float: left;
} #ie6fix .commentindheader img.avatar {
   position:relative;
}

ol.commentlist li.alt .commentindheader {
	text-align: right;
}

ol.commentlist li.alt .commentindheader img.avatar {
	float: right;
} #ie6fix ol.commentlist li.alt .commentindheader img.avatar {
   position:relative;
}

ol.commentlist li.alt p.commentsedit {
	text-align: right;
	margin: 0 0.5em 0 0;
}

/* Comment form */
form#commentform input,
form#commentform textarea {
	border: 1px solid #888;
}

input#author,
input#email,
input#url {
	width: 60%;
}

textarea#comment {
	width: 90%;
}

input#submit {
	border: 1px solid #888;
	background: #fff url(images/buttonBk.gif) repeat-x;
}

.next_post_link{
   padding:10px 0;
   float:right;
} #ie6fix .next_post_link{position:relative;}

.previous_post_link{
   margin:0;
}

.audioplayer_container{}

.audioplayer_container object{}

#musiclist{
padding:10px 0 0;
}

#musiclist ul{
clear:both;
padding: 0 0 0 0;
margin:0;
}

#musiclist li {
display: inline;
float:left;
margin: 0 15px 0 0;
padding:10px 0;
}

#musiclist p {
padding:0;
margin:0;
}

.audioplayer_container_noflash{
color:#8e0000;
}

/* <<<<<<<<<<<<<<<<<<<< Footer >>>>>>>>>>>>>>>> */

#footer {
	clear: both;
	margin: 0 53px;
	text-align: right;
	font-size: 1em;
	color: #fff;
}

#footer p {
	margin: 0;
	padding: 0 0.9em 0.9em;
	line-height: 1.5em;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #ae0000
}

/* <<<<<<<<<<<<<<<<<<<   Gallery >>>>>>>>>>>>>>>>>>>>> */

.ngg-gallery-thumbnail-box{
float:left;
}

.ngg-clear{clear:both;}

.gallery {
margin:auto;
clear:both;
}
.gallery-item {
float:left;
margin-top:10px;
text-align:center;
} #ie6fix .gallery-item {
position:relative;
}

.gallery img {
border:1px solid #ae0000;
margin:5px;
padding:0;
}
.gallery a img:hover{
border:1px solid #fff;
}
.gallery-caption {
margin-left:0;
}

/* <<<<<<<<<<<<<<<<< EVENT CALENDAR >>>>>>>>>>>>>>>>>>>>>>>>>> */

#tooltip {
background-color:#fff;
border:1px solid #111111;
opacity:1;
padding:5px;
position:absolute;
width:225px;
z-index:3000;
}
#tooltip h3, #tooltip div {
color:#000000;
font-size:12px;
font-weight:normal;
margin:0;
}
#tooltip ul {
padding:0;
}
#tooltip li {
margin:0 10px;
width:auto;
}

/* <<<<<<<<<<<< Hidden Login for administration  >>>>>>>>>>>>>>>>>>>>> */

#admin{
position:absolute;
right:0;
top:0;
}
#admin a{
color:#000;
}
#admin a:hover{
color:#ae0000;
}

/* <<<<<<<<<<<<<<<<< Tag cloud >>>>>>>>>>>>>>>>>>> */
#tag_cloud{
padding-left:10px;
}

#tag_cloud h2{
position:relative;
left:-10px;
padding:0 0 0 20px;
margin:100px;
}
#tag_cloud a{
padding-right:4px;
text-decoration:none;
}
#tag_cloud a:hover{
color:#000;
}

/* <<<<<<<<<<<<<<<<< 10 curve >>>>>>>>>>>>>>>>>>> */

.x{
margin:0 10px 0 10px; 
border-width:0 1px 0 1px; 
height:1px; 
font-size:1px; 
line-height:0;
}

.vii{
margin:0 7px 0 7px; 
border-width:0 3px 0 3px; 
height:1px;  
font-size:1px; 
line-height:0;
}

.v{
margin:0 5px 0 5px; 
border-width:0 2px 0 2px; 
height:1px; 
font-size:1px; 
line-height:0;
}

.iv{
margin:0 4px 0 4px; 
border-width:0 1px 0 1px; 
height:1px; 
font-size:1px; 
line-height:0;
}

.iii{
margin:0 3px 0 3px; 
border-width:0 1px 0 1px; 
height:1px; 
font-size:1px; 
line-height:0;
}



.ii{
margin:0 2px 0 2px; 
border-width:0 1px 0 1px; 
height:2px; 
font-size:1px; 
line-height:0;
}

.i{
margin:0 1px 0 1px; 
border-width:0 1px 0 1px; 
height:3px; 
font-size:1px; 
line-height:0;
}

.mid{
margin:0; 
border-width:0 1px 0 1px;
}
.midText{
padding:0 10px;
}

/* <<<<<<<<<<<<<<<<  Slideshow Frame >>>>>>>>>>>>>>>>>> */

.widget_slideshow object {
margin:0;
}

#sidebar ul li div.ngg_slideshow widget{
line-height:0;
margin:0 0 0 9px;
padding:0;
position:relative;
} #ie6fix #sidebar ul li div.ngg_slideshow widget{
   padding: 0 1px 1px;
}

/* <<< top left >>> */
#sidebar ul li div.ngg_slideshow widget .tlx {
background-color:#870d08;
position:absolute;
top:0px;
left:0px;
height:1px;
width:10px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ngg_slideshow widget. tlvii {
background-color:#870d08;
position:absolute;
top:1px;
left:0px;
height:1px;
width:7px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ngg_slideshow widget .tlv {
background-color:#870d08;
position:absolute;
top:2px;
left:0px;
height:1px;
width:5px;
font-size:1px;
line-height:0;
padding:0;
}

#sidebar ul li div.ssFrame .tliv {
background-color:#870d08;
position:absolute;
top:3px;
left:0px;
height:1px;
width:4px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .tliii {
background-color:#870d08;
position:absolute;
top:4px;
left:0px;
height:1px;
width:3px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .tlii {
background-color:#870d08;
position:absolute;
top:5px;
left:0px;
height:2px;
width:2px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .tli {
background-color:#870d08;
position:absolute;
top:7px;
left:0px;
height:3px;
width:1px;
font-size:1px;
line-height:0;
padding:0;
}

/* <<< top right >>> */
#sidebar ul li div.ssFrame .trx {
background-color:#941c14;
position:absolute;
top:0px;
right:0px;
height:1px;
width:10px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .trvii {
background-color:#941c14;
position:absolute;
top:1px;
right:0px;
height:1px;
width:7px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .trv {
background-color:#941c14;
position:absolute;
top:2px;
right:0px;
height:1px;
width:5px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .triv {
background-color:#941c14;
position:absolute;
top:3px;
right:0px;
height:1px;
width:4px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .triii {
background-color:#941c14;
position:absolute;
top:4px;
right:0px;
height:1px;
width:3px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .trii {
background-color:#941c14;
position:absolute;
top:5px;
right:0px;
height:2px;
width:2px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .tri {
background-color:#941c14;
position:absolute;
top:7px;
right:0px;
height:3px;
width:1px;
font-size:1px;
line-height:0;
padding:0;
}

/* <<< bottom right >>> */
#sidebar ul li div.ssFrame .brx {
background-color:#660403;
position:absolute;
bottom:0px;
right:0px;
height:1px;
width:10px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .brvii {
background-color:#660403;
position:absolute;
bottom:1px;
right:0px;
height:1px;
width:7px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .brv {
background-color:#660403;
position:absolute;
bottom:2px;
right:0px;
height:1px;
width:5px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .briv {
background-color:#660403;
position:absolute;
bottom:3px;
right:0px;
height:1px;
width:4px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .briii {
background-color:#660403;
position:absolute;
bottom:4px;
right:0px;
height:1px;
width:3px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .brii {
background-color:#660403;
position:absolute;
bottom:5px;
right:0px;
height:2px;
width:2px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .bri {
background-color:#660403;
position:absolute;
bottom:7px;
right:0px;
height:3px;
width:1px;
font-size:1px;
line-height:0;
padding:0;
}

/* <<< bottom left >>> */
#sidebar ul li div.ssFrame .blx {
background-color:#5f0101;
position:absolute;
bottom:0px;
left:0px;
height:1px;
width:10px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .blvii {
background-color:#5f0101;
position:absolute;
bottom:1px;
left:0px;
height:1px;
width:7px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .blv {
background-color:#5f0101;
position:absolute;
bottom:2px;
left:0px;
height:1px;
width:5px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .bliv {
background-color:#5f0101;
position:absolute;
bottom:3px;
left:0px;
height:1px;
width:4px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .bliii {
background-color:#5f0101;
position:absolute;
bottom:4px;
left:0px;
height:1px;
width:3px;
font-size:1px;
line-height:0;
padding:0;
}

#sidebar ul li div.ssFrame .blii {
background-color:#5f0101;
position:absolute;
bottom:5px;
left:0px;
height:2px;
width:2px;
font-size:1px;
line-height:0;
padding:0;
}
#sidebar ul li div.ssFrame .bli {
background-color:#5f0101;
position:absolute;
bottom:7px;
left:0px;
height:3px;
width:1px;
font-size:1px;
line-height:0;
padding:0;
}