/*
Theme Name: Kajsa
Description: Ett tema skapat till Kajsa Dahlberg.
Version: 1.1
Author: Mattias Haal
Author Url: http://haal.se
*/


/* ---------- general */

* {
margin: 0;
padding: 0;
font-size: 13px;
font-family: georgia, helvetica, arial, sans-serif;
}

body {
background: url('images/bg_top.jpg') top repeat-x; 
background-color: #fff;
color: #000;
line-height: 155%;
text-align: left;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img	{
border: none;
}

#wrapper {
margin: 0 auto; 
width: 860px;
text-align: left;
}

#wrappercontent {
width: 860px; 
min-height: 100px;
margin: 30px 0 0 0;
padding: 10px 0 0 0;
float: left;
}

/* ---------- menu */

.menu {
margin: 0;
}

.menu ul	{
list-style: none;
}

.menu ul li {
display: inline;
}

.menu a 	{
display: block; 
float: left; 
padding: 16px 15px 14px 15px; 
color: #fff;  
border-left: 1px solid #162451;
text-transform: uppercase;
}

.menu a:hover {
background: #263973; 
color: #000;
text-decoration: none;
}

.menu .feed {
color: #fff;
border-left: 1px solid #162451; 
border-right: 1px solid #162451;
}


/* ---------- search box */

#searchbox {
min-width: 10px;
float: right;
margin: 14px 0 0 0;
}

#s {
font-size: 13px;
padding: 3px;
border: 1px solid #162451; 
width: 250px; 
color: #fff;
background: #000;
}

#s:hover {
border: 1px solid #fff;
}


/* ---------- header */

#header {
position: relative;
width: 860px;
height: 285px;
margin: 10px 0 0 0;
background: url('images/header.png') top left no-repeat; 
}


/* ---------- content */

#content {
width: 500px; 
min-height: 100px;
float: left;
}

#content p {
font-size: 13px;
margin: 0 0 14px 0;
}

#content a {
color: #162451;
}

#content blockquote {
margin: 0 20px;
padding: 0px 10px; 
}

#content h1, #content h2, #content h1 a, #content h2 a {
color: #000; 
text-decoration: none;
}

#content h1, #content h1 a {
font-size: 20px;
margin-bottom: 5px; 
}

#content h2, #content h2 a {
font-size: 17px;
margin-bottom: 14px; 
}

#content h1 a:hover, #content h2 a:hover {
color: #000;
text-decoration: underline;
}

#content h3 {
font-size: 14px; 
margin-bottom: 10px; 
color: #000; 
}

#content h3 a {
font-size: 14px;
color: #162451;
}

#content h3 a:hover	{
color: #162451; 
}

#content .metadata {
color: #878787; 
margin: 5px 0 15px 0;
border-top: 0px solid #878787;
}

#content .m_date {
padding: 2px 10px 2px 0; 
}

#content .m_author {
padding: 2px 10px 2px 10px; 
}

#content .m_time {
padding: 2px 10px 2px 10px;  
}

#content .m_category {
padding: 2px 10px 2px 10px; 
}

#content .m_comments {
padding: 2px 10px 2px 10px; 
border-right: none;
}

#content .entry {
padding-top: 20px;
margin-bottom: 40px; 
}

/* ---------- sidebar */

#sidebar { 
width: 298px; 
min-height: 100px;
float: right;
margin: 20px 0 20px 30px;
padding: 0 0 0 30px;
border-left: 1px solid #ccc;
}

#sidebar p {
font-size: 13px;
margin: 0 0 14px 0;
}

#sidebar a {
display: block;
padding: 1px 5px 1px 5px;
margin-bottom: 5px;
background: url('images/bg_box.png') #fff top repeat-x;
border: 1px solid #ccc;
color: #000;
font-size: 13px;
}

#sidebar a:hover {
display: block;
padding: 1px 5px 1px 5px;
margin-bottom: 5px;
background: #eee;
border: 1px solid #ccc;
color: #000;
font-size: 13px;
text-decoration: none;
}

#sidebar h1 {
color: #000; 
text-decoration: none;
font-size: 20px;
margin-bottom: 14px; 
}



/* ---------- search */

.search_header {
margin-bottom: 5px;
}


/* ---------- comments */

#content .comments-template {
margin-top: 20px;
}

#content .commentlist {
list-style: none; 
margin: 10px 0 0 0;
}

#content .commentmetadata {
padding: 5px 0 5px 0; 
margin: 5px 0 5px 0; 
border-bottom: 1px solid #ccc;
}

#content .commentmetadata img {
float: left; 
padding: 2px; 
margin: 5px 10px 5px 0; 
border: 1px solid #ccc; 
}

#content .authorcomment	{
margin: 5px 0 5px 0; 
}


/* ---------- comments */

#author, #email, #url, #comment { 
border: 1px solid #ccc; 
padding: 5px; 
margin-top: 5px;
}

#author {
width: 275px; 
}

#email {
width: 275px; 
}

#url {
width: 275px; 
}

#comment {
width: 500px; 
}

#submit {
background: url('images/bg_box.png') top repeat-x;
border: 1px solid #ccc; 
padding: 5px; 
margin: 10px 0 2px 0;
}


/* ---------- content footer */

#contentfooter {
min-height: 300px;
width: 860px;
margin: 30px 0 20px 0;
font-size: 12px;
text-align: center;
color: #fff;
background: #fff;
border-top: 1px solid #878787;
}

#contentfooterright {
min-height: 240px;
width: 319px;
margin: 30px 0px 30px 0px;
padding: 0px 50px 0px 50px;
font-size: 12px;
text-align: left;
color: #000;
background: #fff;
border-left: 1px solid #ccc;
float: right;
}

#contentfooterleft {
min-height: 240px;
width: 320px;
margin: 30px 0px 30px 0px;
padding: 0px 50px 0px 50px;
font-size: 12px;
text-align: left;
color: #000;
background: #fff;
float: left;
}

#contentfooter h1{
color: #000; 
text-decoration: none;
font-size: 20px;
margin-bottom: 5px;
}

#contentfooter a {
color: #162451;
}

/* ---------- footer */

#footer {
position: relative;
min-height: 20px;
width: 860px;
margin: 0 0 20px 0;
padding: 10px 0 0 0;
font-size: 12px;
text-align: center;
color: #878787;
border-top: 1px solid #878787;
}


/* ---------- required by wordpress */

.aligncenter, div.aligncenter {
display: block; 
margin: 0 auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd; 
text-align: center; 
background-color: #f3f3f3; 
padding-top: 4px; 
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px; 
-khtml-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; 
}

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

.wp-caption p.wp-caption-text {
font-size: 11px; 
line-height: 17px; 
padding: 0 4px 5px;
}