/*
Theme Name: Prins Bernhard 2008, 2009
Theme URI: http://informo.se/
Description: Tema för Prins Bernhard
Version: 1.0
Author: Max Elander
Author URI: http://scribus.se/
*/

body {
	margin: 0;
	padding: 0;
	font: 14px/1.6 Georgia, Times, serif;
	color: #333;
}
#masthead {
	
}

#feed {
float:right;
width:16px;
padding-top:85px;
}

#nav {
	background: #ffffff;
	float: left;
	width: 100%;
	padding-bottom: 4px;
}
#nav ul {
	width: 840px;
	margin: 4px auto;
}
#nav ul li {
	float: left;
	list-style-type: none;
	padding: .5em 10px;
	background: transparent;
}
#nav ul li.first {
	background-image: none;
}
#nav a {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
#nav a:hover, #nav a:active {
	text-decoration: underline;
}

#nav form {
	width: 840px;
	margin: 8px auto 4px;
	text-align: right;
}
#nav form div {
	padding-right: 10px;
}
#nav form input {
	background-color: #7fc41c;
	color: #fff;
	border: 1px solid #fff;
	height: 1.5em;
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
}
#header {
	clear: both;
	width: 840px;
	margin: 0 auto;
	padding:0;
}
#logo {
	float: left;
	padding-top: 15px;
	padding-left:0px;
}
#topflash {
	float: right;
	height:250px;
	padding:5px 0 5px 0;
	border-bottom:2px solid #000;
}
/* ======== */
/* = Main = */
/* ======== */
#main {
	clear: both;
	width: 840px;
	margin: 0 auto;
	padding: 15px 0 2em;
	background: #ffffff;
}
#main.wide {
	
}
div.clear {
	clear: both;
}
/* =============== */
/* = Left column = */
/* =============== */
#menu {
	float: left;
	width: 200px;
	margin-right: 10px;
	line-height: 1.2;
}
#menu ul {
	padding: 0;
	margin: 0;
}
#menu ul ul {
	margin: 0;
	display: none;
}
#menu li.current_page_item ul, #menu li.current_page_ancestor ul {
	display: block;
}
#menu li {
	list-style-type: none;
	background: transparent;
	margin: 0;
	padding: 1px 0 2px;
}
#menu li li {
	background-image: none;
}
#menu li a {
	display: block;
	padding: 0 0 0 7px;
	text-decoration: none;
	color: #333;
}
#menu li li a, #menu li.current_page_item li a {
	padding-left: 1.5em;
	background: transparent;
	color: #333;
}
#menu li a:hover, #menu li.current_page_item a, #menu li.current_page_item li a:hover {
	background: transparent;
	text-decoration: underline;
	color: #857336;

}
#menu #boka-mote {
	padding-top: 5em;
}
#menu #boka-mote a {
	display: block;
	background: transparent;
	margin-left: 0px;
	padding: 19px 0 0 22px;
	height: 39px;  /* 19 + 39 = 58px hög totalt */
	font-size: 16px;
	color: #fff;
}

#menu li.hem {
border-bottom:2px solid #000;
}

/* =========== */
/* = Content = */
/* =========== */
#content {
	float: left;
	width: 515px;
	padding: 0;
	font-size: 14px;
}
.wide #content {
	width: 515px;
}
h1, h2, h3, h4 {
	font-family:"Trebuchet MS";
	color: #857336;
	font-weight: normal;
	font-size: 20px;
	line-height: 1em;
}
h2 { font-size: 16px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
#content h2 {clear:both;}
#content h3 {
clear:both;
	margin-bottom: 0;
margin-top:10px;
padding:5px 0 0 0;
border-top:2px solid #000;
}
#content h1 {
	margin:0 0 -5px 0;
}
.alignleft {
	float: left;
	padding: 0 10px 10px 0;
}
.alignright {
	float: right;
	padding: 0 0 10px 10px;
}
#content blockquote {
	color: #666;
	font-style: italic;
}
#content a {
	color: #857336;
}
#content a:hover, #content a:active {
	text-decoration: underline;
}
#content img {
padding:5px;
border:5px solid #000;
background-color:#ffffff;
}
-->

/* ================ */
/* = Right column = */
/* ================ */
#forms {
	float: right;
	width: 95px;
	padding-right: 0;
	line-height: 1.6;
	font-size: 14px;
}
#forms h1, #forms h2, #forms h3, #forms h4 {
	line-height: 14px;
	font-family:"Trebuchet MS";
	font-size:14px;
	margin:0;
	padding:0;
}
#forms h3, #forms h3 a {
	text-transform: uppercase;
	font-size: 11px;
	color: #333;
	margin: 1em 0 0 0;
}
#forms p, #forms p a {
	margin: 0;
	color: #5e8922;
}
#forms .archive-link {
	color: #999;
	margin: .3em 0;
	padding: .2em 0;
}
#forms .archive-link a {
	color: #999;
}
#forms a, #forms a:link, #forms a:visited {

	color: #333;
}

#forms a:hover, #forms a:active {
	text-decoration: underline;
}

#forms input.submit {
background:#fff;
color:#857336;
text-align:left;
border:1px solid #000;
width:50px;
}

#forms input {
background:#fff;
color:#857336;
width:92px;
text-align:left;
border:1px solid #000;
}

#forms select {
background:#fff;
color:#857336;
width:95px;
text-align:left;
border:1px solid #000;
}


#forms #vip-submit, #forms #wp-submit{
width:50px;
}

#forms form {
border-bottom:2px solid #000;
margin-bottom:5px;
padding-bottom:5px;
text-align:left;
}

/* ========== */
/* = Footer = */
/* ========== */
#footer {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 20px;
	color: #000;
}
#footer .wrapper {
	width: 840px;
	height: 250px;
	background: #ffffff url(images/bgd-bot.gif) no-repeat top left;
	border-top:2px solid #000;
	margin: 0 auto;
	font-family:"Trebuchet MS";
	font-size:10px;
}
#footer .wrapper div {
	float: left;
	width: 200px;
	padding: 0px;
	margin-right:10px;
}
#footer a, #footer a:link, #footer a:visited {
	text-decoration: none;
	color: #000;
}
#footer a:hover {
	text-decoration: underline;
}
/* ============== */
/* = Typography = */
/* ============== */
a, a:link, a:visited {
	text-decoration: none;
	/*	Funkar inte i IE*/
	color: inherit;
}
a img {
	border: none;
}

/* ====================== */
/* = WordPress specials = */
/* ====================== */
div.post {
	clear: both;
}
.entry div.wp-caption.alignleft a:hover, .entry div.wp-caption.alignright a:hover {
	border: none;
}
/* =============== */
/* = Kommentarer = */
/* =============== */
textarea {
	width: 480px;
}

/* ================ */
/* = Contact form = */
/* ================ */
form.contact {
	border-top: 1px dotted #999;
}
form.contact dd {
	margin-left: 0;
	padding-left: 0;
}
form.contact input.text, form.contact textarea {
	width: 350px;
}
form dl.honey {
	display: none;
}

.blogroll {
list-style-type:none;
padding:0;
margin:0;
}

#forms .title {
font-family:"Trebuchet MS",sans-serif;
color:#857336;
}

#suckerfishnav {
    background:#fff repeat-x;
    font-size:14px;
    font-family:Georgia, times,serif;
    font-weight:normal;
    width:100%;
    padding-top:5px
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:5px 0 5px 0;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#000;
    text-decoration:none;
    padding:15px 0 0 2px;
    height:20px;
    width:103px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:times,serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:14px;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-23px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#857336;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#000;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#857336;
    }

/* =========== */
/* = Från WP = */
/* =========== */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

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

img.alignleft {
	padding: 5px;
	margin: 3px 7px 15px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
/* End Images */

p.postmetadata {
clear:both;
font-style:italic;
font-size:11px;
border-top:1px dotted #000;
border-bottom:2px solid #000;
}

#menu .title {
margin-top:5px;
margin-bottom:5px;
font-family:"Trebuchet MS",sans-serif;
color:#857336;
padding-bottom:5px;
border-bottom:2px solid #000;
}

#menu li.categories {
border-bottom:2px solid #000000;
color:#857336;
font-family:"Trebuchet MS",sans-serif;
margin-bottom:0;
margin-top:5px;
}


#content p {
margin:5px 0 14px 0;
}