/* 
Theme Name: Semester 2010
Theme URL: http://semesterskate.com/
Description: Semester theme based on whiteboard.
Author: Martin Ottosson
Author URI: http://dfkt.se
Version: 1.0
*/

/* Import stylesheets and hide from IE/Mac \*/
/* @import "css/grid.css"; *)
/* End import/hide */




/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

/* ---------- COMMON */

body					{ background: #d8eff0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; }

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

a						{ color: #119da3; }
a:hover					{ color: #055154; }

h1,h2,h3,h4,h5			{ font-family: "Helvetica Neue", Arial, sans-serif; margin: 0px 0px 5px 0px; font-weight: bold; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }
h1						{ font-size: 30px; line-height: 30px; }
h2						{ font-size: 24px; line-height: 24px; }
h3						{ font-size: 20px; line-height: 21px; }
.container				{ width: 910px; margin: 0px auto 40px auto; display: block; }
#maincontent			{ z-index: 2; }
.blackcontainer			{ width: 860px; background: url('images/bg.png'); display: block; }
.maincontent			{ width: 640px; display: inline; float: left; position: relative; border: 10px solid #000; min-height: 900px; background: #FFF; }
#content				{ display: block; clear: both; margin-top: 30px; }
img a, a img			{ border: none; }

/* ---------- HEADER AND MENU*/

#header					{ margin: 20px 0px 40px 0px; width: 910px; height: 40px; display: block; }

.menu ul li				{ display: inline; float: left; position: relative; }
.m-home, .m-middle, .m-logo { display: inline; float: left; position: relative; }
.m-home a				{ background: url('images/menu01.png') no-repeat; display: block; width: 50px; height: 40px; }

.m-logo a				{ background: url('images/menu_logo.gif') no-repeat; display: block; width: 200px; height: 40px; }
.m02 a					{ background: url('images/menu02.gif') no-repeat; display: block; width: 59px; height: 40px; }
.m02 a:hover			{ background: url('images/menu02.gif') no-repeat 0px -40px; }	
.m03 a					{ background: url('images/menu03.gif') no-repeat; display: block; width: 76px; height: 40px; }
.m03 a:hover			{ background: url('images/menu03.gif') no-repeat 0px -40px; }	
.m04 a					{ background: url('images/menu04.gif') no-repeat; display: block; width: 93px; height: 40px; }
.m04 a:hover			{ background: url('images/menu04.gif') no-repeat 0px -40px; }	
.m05 a					{ background: url('images/menu05.gif') no-repeat; display: block; width: 120px; height: 40px; }
.m05 a:hover			{ background: url('images/menu05.gif') no-repeat 0px -40px; }	
.m06 a					{ background: url('images/menu06.gif') no-repeat; display: block; width: 134px; height: 40px; }
.m06 a:hover			{ background: url('images/menu06.gif') no-repeat 0px -40px; }	
.m07 a					{ background: url('images/menu07.gif') no-repeat; display: block; width: 81px; height: 40px; }
.m07 a:hover			{ background: url('images/menu07.gif') no-repeat 0px -40px; }
.m08 a					{ background: url('images/menu08.gif') no-repeat; display: block; width: 97px; height: 40px; }
.m08 a:hover			{ background: url('images/menu08.gif') no-repeat 0px -40px; }			

.headimage				{ margin-left: 50px; display: block; }

/* ---------- CLEARFIX */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}


/* ---------- POSTS */

.firstpost				{ display: block; padding: 10px 15px; background: #FFF; border-bottom: 2px solid #000; }
.firstpost a			{ color: #333; }
.firstpost a:hover 		{ color: #055154; }
.postmeta				{ font-size: 10px; color: #9ac4c6; text-transform: uppercase; }
.postmeta a				{ color: #9ac4c6; }
.post					{ margin-top: 10px; font-size: 13px; line-height: 17px; }
.singlepost, .pagepost				{ display: block; padding: 15px 15px 10px 15px; background: #FFF; border-bottom: 1px solid #000; }
.singlepost img, .pagepost img		{ max-width: 610px; height: auto; }
.pagepost				{ border: none; }

.smallproduct			{ display: inline; float: left; position: relative; margin: 0px 12px 10px 0px; text-align: center; font-size: 10px; line-height: 13px; width: 110px; height: 450px; }

/* ---------- SIDEBAR */

#sidebar				{ color: #FFF; font-size: 12px; line-height: 15px; }
#sidebar h2				{ font-size: 18px; line-height: 18px; margin-bottom: 10px;}
.sidebar-l, .sidebar-r	{ display: inline; float: left; position: relative; margin-top: 20px; }
.sidebar-l				{ width: 50px; }
.sidebar-l img			{ margin-bottom: 15px; }
.sidebar-r				{ width: 200px; }

.team					{ background: url('images/bg_team.jpg') bottom no-repeat #5682c1; padding: 12px 10px 30px 10px; margin-bottom: 20px; font-size: 13px; 
						border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
						border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.team a					{ color: #FFF; text-decoration: none; display: block; margin-bottom: 3px; }
.team a:hover			{ color: #d8f5ff; }
.aktt_widget			{ background: url('images/bg_twitter.gif') bottom no-repeat #5599bb; padding: 12px 10px 30px 10px; margin-bottom: 20px;
						color: #FFF; font-size: 11px; line-height: 14px;
						border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
						border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
				
.aktt_widget a			{ color: #b3ecff; text-decoration: none; }
.aktt_widget a:hover 	{ color: #d8f5ff; text-decoration: underline; }
.aktt_widget ul li		{ margin-bottom: 5px; }			
.aktt_tweet_time		{ display: block; font-size: 10px; text-transform: uppercase; }
.hello 					{ border-top: 1px solid #a5c8ca; border-left: 1px solid #a5c8ca; border-right: 1px solid #ebf6f6; border-bottom: 1px solid #ebf6f6; }


.widget_recent_entries 	{ background: url('images/bg_news.gif') #333; padding: 12px 10px 15px 10px; margin-bottom: 20px;
						border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
						border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }

.widget_recent_entries ul li { margin-bottom: 10px; }

.widget_recent_entries a	{ color: #CCC; text-decoration: none; }
.widget_recent_entries a:hover { color: #FFF; text-decoration: underline; }

/* ---------- FOOTER */

#footer					{ display: block; margin: 20px 0px 40px 50px; width: 620px; padding: 20px;
						color: #999; background: #000; font-size: 11px; line-height: 14px; }
				
/* --------- COMMENTS */

#comments				{ background: #FFF; font-size: 12px; line-height: 16px; }
#comments h3			{ background: #000; padding: 15px 15px 20px 15px; color: #ffff99; margin: 0px; }
.comments_reply			{ background: #FFF; padding: 20px; }
.comments_reply textarea { width: 590px; font-family: Arial, Helvetica,  }

#comments_list			{ padding: 0px; margin: 0px; }
#comments_list .avatar	{ float: left; border: 2px solid #FFF; margin: 0px 10px 10px 0px; }
.comment				{ background: #DDD; display: block; margin-bottom: 1px; clear: both; padding: 15px; min-height: 60px; }
.alt					{ background: #EEE;}
.comments_meta			{ font-size: 11px; line-height: 14px; font-weight: bold; margin-bottom: 5px; }

.comment_publish		{ background: url('images/but_publicera.gif') no-repeat; width: 210px; height: 40px; border: none; margin-top: 20px; }


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