/*
Theme Name: Varelsen 2010
Theme URI: http://varelsen.com/
Description: Varelsen likes Wordpress. Yum yum!
Version: 1.0
Author: Martin Ottosson
Author URI: http://dfkt.se/
Tags: varelse, creature, clean

	Varelsen 1.0

	This theme was designed and built by Martin Ottosson based on the 960 grid system.
*/

@import url('css/reset.css');
@import url('css/960.css');


/* COMMON */

body			{ background: #eeede9; margin: 0px 0; padding: 0px 0;
				font-family: Arial, sans-serif; font-size: 12px; line-height: 17px; color: #444; }

ul, li			{ list-style: none; padding: 0px 0; margin: 0px 0; }

p				{ margin: 0px 0px 15px 0px; }

a				{ color: #848267; }
a:hover			{ color: #000; text-decoration: none; }	


/* HEADER */
		
.home a			{ width: 120px; height: 26px; margin: 75px 0px 20px 5px; display: block; background: url('images/logo_varelsen_small.png') no-repeat;
				filter:alpha(opacity=100); -khtml-opacity: 1; opacity: 1; -moz-opacity: 1; }
.home a:hover	{ filter:alpha(opacity=70); -khtml-opacity: 0.7; opacity: 0.7; -moz-opacity: 0.7;}

.header			{ height: 130px; margin: 0px 0px 20px 10px; display: block; border-bottom: 2px solid #d6d5d1; }

.menu			{ text-align: right; font-size: 12px; line-height: 13px; padding-top: 90px; font-weight: bold; }
.menu a			{ text-decoration: none; padding: 6px 8px; color: #000; }
.menu a:hover	{ background: #d6d5d1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.menu ul li		{ display: inline; margin-right: 10px; }

small			{ font-size: 10px; }

img, a img, img a { border: none; }
div#container	{ width: 980px; margin: 0px auto; display: block; }


/* HEADINGS */

h1, h2, h3, h4, h5	{ font-family: Arial, "Helvetica Neue", sans-serif; margin: 0px 0px 10px 0px; font-weight: bold; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }
h1				{ font-size: 24px; line-height: 26px; }
h3				{ font-size: 18px; line-height: 18px; }
h4				{ font-size: 16px; line-height: 16px; }
h5				{ font-size: 14px; line-height: 14px; margin-bottom: 5px; }

.archive h2		{ border-bottom: 2px solid #d6d5d1; padding: 0px 5px 10px 5px; margin: -8px 0px 20px 0px; text-transform: uppercase; }
/* CONTENT CONTAINER */

#focuscontainer	{ width: 940px; height: 560px; margin-bottom: 20px; }
#topcontainer	{ width: 940px; margin-bottom: 20px; }

			
/* GRID THUMBNAILS */

.firstthumb		{ background: #FFF; height: 200px; }
.firstthumb .post { background: none; font-size: 10px; line-height: 13px; margin: 0px 0; padding: 15px; color: #80807d; }
.firstthumb .post p { margin-bottom: 10px; }

.thumb			{ margin-bottom: 20px; height: 200px; background: #FFF; }
.thumb a 		{ color: #848267; text-decoration: none; display: block; padding-bottom: 20px; }
.thumb a:hover	{ color: #000; }
.thumb a:hover img { opacity: 0.8; }
.tinfo			{ padding: 8px 10px 12px 10px; font-weight: bold; display: block; }
.tinfo small 	{ display: block; font-weight: normal; }	


/* SIDEBAR */

.sidethumb ul li	{ margin-bottom: 2px; display: block; clear: left; background: #FFF; }
.sidethumb ul li a	{ display: block; height: 57px; padding-right: 10px; }
.sidethumb img	{ float: left; margin: 0px 10px 0px 0px; width: 100px; height: 57px; }
.sidethumb a	{ display: block; text-decoration: none; }
.sidethumb h5	{ margin-bottom: 2px; }
.sidethumb p	{ margin: 0px; padding: 3px 0px; }

.moreposts h3	{ display: block; padding: 10px; background: #9f9f9f; color: #FFF; margin-bottom: 2px; }
.moreall a		{ display: block; background: #FFF; color: #848267; padding: 6px 10px 4px 10px; text-align: right;
				font-weight: bold; text-transform: uppercase; text-decoration: none; }
.moreall a:hover	{ background: #999; color: #FFF; }

/* POSTS */

.post			{ background: #FFF; padding: 20px; font-size: 12px; line-height: 18px; min-height: 382px; }
.post img		{ margin: 0px 0px 5px 0px; }


/* JOURNAL */

.postjournal	{ background: #FFF; padding: 20px; font-size: 12px; line-height: 18px; margin-bottom: 2px; }
.postjournal h3	{ margin-bottom: 5px; }
.postjournal a	{ text-decoration: none; }
.postjournal a p	{ text-decoration: none; color: #333; }
.postjournal a:hover p { color: #000; }
.postmeta		{ font-size: 10px; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #EEE; }
.posttags		{ display: block; background: #EEE; text-transform: uppercase; font-size: 10px; padding: 6px; border: 1px solid #DDD;}
.posttags a		{ font-weight: bold; color: #333; text-decoration: none; padding: 1px; }
.posttags a:hover { color: #000; background: #CCC; }

/* IMAGE ALIGNMENT */

p img 			{ padding: 0;	max-width: 100%; }

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


/* FOOTER */

#footer			{ border-top: 2px solid #d6d5d1; padding: 20px 0px; margin: 20px 0px 0px 10px; font-size: 10px; line-height: 14px; }
#footer ul li	{ padding: 0px 0px 10px 0px; }
#footer ul.icons a { margin-right: 5px; }
.journal h4		{ margin: 0px; }
.journal a		{ text-decoration: none; }
.journal ul li	{  }

.footcat		{ font-size: 14px; line-height: 16px; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: bold; }
.footcat a		{ text-decoration: none; }

#absolutefooter	{ border-top: 1px solid #d6d5d1; padding: 20px 0px; margin: 20px 0px 20px 10px; font-size: 10px; line-height: 14px; text-transform: uppercase; font-weight: bold; color: #b0aea8; }

/* TWITTER */
.aktt_tweets ul li 	{ display: block; padding: 0px 0px 10px 0px; }
.aktt_tweet_time	{ display: block; font-size: 9px; text-transform: uppercase; text-decoration: none; }

/* FULLSCREEN GALLERY */

.gallery				{ margin-bottom: 10px; }
.gallery-item			{ display: inline; float: left; position: relative; margin: 0px 6px 10px 0px; }
.gallery-icon			{ border: 2px solid #999; }
.gallery-icon:hover		{ border: 2px solid #000; }

#supersize {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    }

#supersize img {
    height:100%;
    position:absolute;
    width:100%;
    z-index:0;
    }

/* SLIDER */

.theslider				{ display: block; height: 350px; }