/*  
Theme Name: Lisa's Theme
Theme URI: http://www.lisagahnertz.se/
Description: Lisas original theme.
Version: 0.1
Author: Anders Kleve
Author URI: ---
*/


/* Begin Images */
p img {

	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: 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
	}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Reset styles
-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
/*:focus {
    outline: 0;
}*/
body {
    line-height: 1;
    color: black;
    background: white;
}
/*ol, ul {
    list-style: none;
}*/
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
    
/*---------------------------
    General settings
----------------------------*/

html {height:100%;}
    
body {height:100%; font:normal 62.5%/1.5 arial, verdana, sans-serif; background:#fbfaf1 url(images/coffee-stains.gif) no-repeat left top;}
    
/* Headings */
h1, h2, h3, h4, h5, h6 {font-family: arial, georgia, "american typewriter", "times new roman", times, serif; font-weight:normal; margin:.5em 0; line-height:1.2;}
h1 {color:#000; background:none; font:bold 2.1em baskerville, georgia, "arial black", arial, sans-serif; text-transform:uppercase; letter-spacing:.05em; text-align:center; margin:1em 0; padding-bottom:1em; border-bottom:2px dotted black; }
h2 {background:#fbfaf; font-family:baskerville, georgia, serif; text-transform:none; font-size:1.7em; text-align:center; clear:left;}
h2 a:link,
h2 a:visited {color:#000; text-decoration:none; border-bottom:2px solid #bbb; font-weight: normal;}
h2 a:hover {background:#fbfaf1;}
h3 {font-size:1.3em;}
h3#respond,
h3#comments {border-top:2px dotted; padding-top:1em}
h4 {font-size:1.1em;}

#side-content h2 {color:#000; text-align:left; text-transform:uppercase; font-weight:bold; letter-spacing:.05em; margin-top:0; min-height:30px;}
#vcard h2 {background:url(images/yellow-strokes.gif) no-repeat}
#blog-section h2 {background:url(images/pink-strokes.gif) no-repeat;}

#follow-me {list-style:none outside;}

/* Remove top margins on topmost container headings */

/* Links */
a {font-weight:bold;}
a:link {color:#695433;}
a:visited {color:#695433;}

/* ie fix */
a:hover span {cursor:pointer}

p {margin-bottom:1em;}

strong {font-weight:bold;}
em {font-style:italic;}

ul, ol {list-style-position:outside; margin:0 0 1em 1em; }

dl {margin-bottom:1em;}
dt {font-weight:bold;}
dd {font-style:italic;}

table {border:1px solid #aec3af; width:100%; border-collapse:collapse; margin-bottom:1em;}
td, th {padding:.5em 1em; text-align:center; border-right:0; border-bottom:0; width:33%;}
th {font-weight:bold; font-family:"century gothic", georgia, times, serif; }
tr.odd {}
tr.even {}

caption {padding-bottom:1em;}
    
.hide {position:absolute; top:-999em}

/* Floats */
.right-float {float:right; margin-left:1em;}
.left-float {float:left; margin-right:1em;}
.clear-left {clear:left}

/* Clearing classes */
.clear-fix:after {content:"."; height:0; display:block; visibility:hidden; clear:both;}

.last {margin-right:0;}    
.in-focus {border:1px solid #aec3af; padding:1em;}

/* Skip links */
#skip-links {list-style:none; margin:0; position:absolute; top:0px; left:0; width:100%; text-indent:-999em}
#skip-links a:link {color:#000; position:absolute; top:-999em;}
#skip-links a:focus, #skip-links a:active {text-indent:0; position:absolute; top:0; left:0; display:block; height:auto; width:auto; border:1px solid #aec3af; padding:.5em;}
    
/* ------------------
    Page structure
--------------------*/
    
/* Header section
------------------*/
#head {position:relative; }
#branding{position:absolute; top:15px; width:220px; height:150px;}

#site-search {padding:1em}
#site-search #searchform #s {width:10em; font-size:1.2em;}
    
/* Content sections
--------------------*/

/* Main content */
#main-content-wrap {min-height:100%; background:url(images/main-content-bg.gif) repeat-y 218px 0; position:relative; width:960px; margin:0 auto;}

* html #main-content-wrap {height:100%;} /* IE6 temporary fix */

#main-content {font-size:1.4em; width:442px; padding:0 30px 20px 30px; float:left;}


.article-meta {border:2px solid #000; background:#fff; color:#000; border-left:0; border-right:0; padding:.1em .5em; font-size:.9em; margin:1em 0}

.preamble {font:italic 1.4em georgia, times, serif}

/* Drop caps & preamble */
.entry p:first-child {font:bold 1.2em georgia, serif;}
.entry p:first-child:first-letter {font:bold 6em arial, sans-serif; float:left; margin-right:.1em;}

/* Post excerpts */
.post-excerpt p {margin-bottom:2em;}

/* Side content */
#side-content {font-size:1.2em; width:240px; float:right; }

#vcard,
#latest-blog-posts,
#i-recommend {padding:0 1em 1em 1em; margin-top:1em}

#vcard .fn {font-weight:bold;}
#vcard .type {font-style:italic;}
#vcard div {margin-bottom:.5em}

#vcard img {display:block; margin:0 0 1em 0; padding:10px; border:1px solid #bdbba6; border-right:3px solid #bdbba6; border-bottom:3px solid #bdbba6; background:#fff;}

#latest-blog-posts ul {list-style:outside square;}
#latest-blog-posts a {display:block; padding:.25em 0; color:#000}

#i-recommend ul {list-style:none; margin:0}
#i-recommend li {float:left; margin:0 5px 5px 0}
#i-recommend h2 {background:url(images/green-strokes.gif) no-repeat;}
#i-recommend h3 {clear:left;}


/* Blog section
---------------------*/
#blog-section {padding:0 1em;}
#blog-section a {text-decoration:none;}
#blog-posts {list-style:none outside; margin-left:0;}
.post-meta {text-align:center; font-family:georgia; font-variant:small-caps; font-size:.9em; color:#444;}
.post-meta a:link,
.post-meta a:visited {color:#444;}

/* Main navigation
---------------------*/
#nav {width:218px; float:left; list-style:none; margin:175px 0 0 0; border-right:0; text-align:right;}
#nav ul {list-style:none; margin:0; padding:0}

/* button design */
#nav li {padding:.8em 0;}
#nav a {color:#000; padding:.5em 1em; border-bottom:1px solid #888; font-size:1.5em; background:#abe8f4; text-decoration:none; text-transform:uppercase; }
#nav ul li {border:0}


/* button hover and selected state */
#nav a:hover,
#nav li.current_page_item a,
#nav li.current_page_parent a {background:#000; color:#fff;}

/* Footer section
-------------------*/
#footer {text-align:center;}

/* Kontaktformulär
-------------------*/
#gb_form_div {clear:left;}
#gb_form fieldset fieldset {border:1px solid #ddd; padding:1em; margin-bottom:.5em; }
#gb_form textarea {width:100%}
#gb_form .creditline {font-size:.9em; padding:1em; margin-top:1em; background:#eee; border:2px solid #ccc;}
#gb_form #mainlegend {text-indent:-999em;}

/* Bildgalleri
----------------*/
.ngg-gallery-thumbnail {margin:0 15px 15px 15px !important;}

/* Facts */
.facts-n-fun {border:1px solid #B5C9BB; padding:1em; background:#F1FBF4; width:45%; font-size:.9em;}
.facts-n-fun dt {float:left; clear:left; padding:0; margin:0 .25em 0 0;}
.facts-n-fun dd {margin-bottom:.25em; font-style:normal;}