/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

html,body{
	background-color: #000;
	margin:0;
   	padding:0;
   	height:100%;
   	color: #fff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 11px;
        letter-spacing: 0.5px;
	font-weight:normal;
	padding:0px;
        background-image: url(gradient.png);
	background-repeat: repeat-x;
	background-position: top;
	line-height: 1.5em
	}
	
.sida a, .footer a, .post a {
text-decoration: underline;
color: #c00;
line-height: 1.8em;
}
	
.sida a:hover, .footer a:hover, .post a:hover {
text-decoration:none;
background-color: #c00;
color: #000;
  padding: 2px 6px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
margin-left: -4px;
}


.sida h1{
margin-top:20px;
}
	
h1{
	  font-family: georgia, serif;
	  color:#fff;
	  font-size: 2.5em;
	  font-weight:bold;
	  line-height: 125%;
          letter-spacing: 1px;
	}
	
h1 a, h2 a, h3 a{
	color: #fff;
	}
	
h1 a: hover, h2 a: hover, h3 a: hover{
	text-decoration:none;
	}
	
#navkapsel{
z-index: -1;
position:absolute;
right: 10px;
bottom: 10px;
}

h2{
	font-family:georgia, serif;
	font-size: 1.5em;
	color:#fff;
        padding-bottom: 5px;
        letter-spacing: 1px;
	}

h3{
	color:#fff;
	font-family:  georgia, serif;
        letter-spacing: 1px;
	}
	
.unt{
        margin: 20px 0px 20px 200px;
        display:block;
	}	
	
.flik{
	float: left;
	width: 33%;
        margin-right: 15px;
        margin-left: 15px;
	}

.flikfirst{
	float: left;
	width: 20%;
        margin-right: 40px;
	}

	

#vykort{
float: right;
padding-left: 50px;
padding-bottom: 20px;
}

#scribble{

}
	
.header {
   clear:both;
   text-align: bottom;
   height: 130px;
}

#logga{
	 padding-top: 20px;
	}

#logga a{
border:none;
}


	
.header h1{
	font-size: 4.5em;
    padding-top: 30px;
    letter-spacing: 3px;
	}

.header h1 a{
	text-decoration:none;
	color: #000;
}	
		
.header h1 a: hover{
	text-decoration:none;
}
	
.beskrivning{
	font-size: 0.4em;
	margin-left: 100px;
	}
	
	

.post{
	width: 340px;
        min-height: 110px;
        overflow: visible;
	float:left;
        padding-top: 60px;
        padding-right: 50px;
        text-align: justify;
	/*border-top: 1px solid #ccc;*/
	/*clear: both;*/
	
	}
	
.post img{
	float: left;
	margin-right: 20px;
        
	}
	
.sida{
        width: 800px;
        margin: 0px auto;
        clear: both;
	display: block;
        padding-top: 50px;
}
	
.sida img{
/*border: 4px outset #000;*/
margin-right: 15px;
margin-top: 10px;
}

.content {
	position: relative;
	margin: 0px auto;
	width: 800px;
   	clear:both;
   	padding-bottom: 20px;
        border-bottom: 1px dotted #777;
}

.clear{
	clear:both;
	}

.footer {
   margin-top: 20px;
  
   padding-top: 20px;
   padding-bottom: 40px;
min-height:100px;
/*background-image: url(http://www.anderstig.se/wordpress/wp-content/uploads/navkapsel.png);
background-repeat: no-repeat;
background-position: right;*/

}

.footercontent{
	width: 800px;
	margin: 0px auto;
	}

.footer p{
	padding-top: 5px;
        padding-bottom: 20px;
	}