/*
	Project: Steinars blogg
	Version: 1
	Last changed: work in progress

	Design: Ole-Marius L. Mathiassen, Recommended
	xhtml/css: Ole-Marius L. Mathiassen, Recommended
	(C) 2008 Recommended Norway

	The solution is built using the BlogEngine plattform

	---------
	reset.css (recommended version) is in use
	Internet Explorer is being fed 

*/

body {font-family: verdana, sans-serif; color: #333; background-color: #f2f2f2; padding-top: 0em}
p {font-size: 1.2em; line-height: 1.4em;}
a { color: #333; text-decoration: none}
a:hover {color: #002F70}
p, .more {font-size: 1.4em}
p a {color: #002F70;text-decoration: underline}
p a:hover {color: #3593D8}
a.current {}

h2 {font-size: 2.5em; line-height: 1.4em; }
h3 {font-size: 2em;  }
#content h4 {font-size: 2em; display: block; height: 2em;}

.post { padding-bottom: 2em; border-bottom: 1px solid #CECFCE; margin-bottom: 1em; }

#footer {padding: 1em 0 20px 10em; color: #777; clear: both; margin: 0 auto; width: 900px}
#footer a { color: #777; }
#footer a:hover { color: #333; }

.hide { display: none;}

/* Navigation
---------------------------------------------------------------------------------------------- */
#nav {padding: 0; margin: 0; list-style-type: none}


.stormberg {display: block; width: 45px; height: 209px; position: absolute;  top: 11em; background: transparent url(../graphics/logo-stormberg.png) left top no-repeat; text-indent: -9999px;}
h1 a {display: block; width: 60em; height: 9em; background: transparent url(../graphics/blogg-heading-2.png) 7em 4em no-repeat; text-indent: -9999px; }


#wrapper {padding: 0; width: 97em; margin: 0 auto; }
#header {height: 9.5em;}
#content {background: #fff; width: 55em; padding: 2em; margin-left: 7em; float: left;}

	
#sidebar { width: 28em;float: right; margin-top: -7em; overflow: hidden;}

#sidebar .mainimg { text-indent: -9999px; background: transparent url(../graphics/steinar-olsen.png) center top no-repeat; height: 24em; display: block; }

#sidebar ul {list-style-type: none; margin: 0; padding: 1em 0 3em 0;}	
#sidebar ul li {}
#sidebar ul li a img { margin-right: 5px; }
#sidebar a { font-size: 1.4em; line-height: 1.4em; }

#sidebar .twingly_widget a { font-size: 1em; }
#sidebar ul ul, #sidebar ul ul li { padding: 0; margin: 0; list-style-type: none;  }
#sidebar ul ul li { padding-left: 17px; }
#sidebar ul ul li a { font-size: 1.1em; }


.tags { font-size: 1em; }


.xxx, .share {display: block; float: left; }
.share {float: right; }



.publish-date {color: #999; font-size: 1.1em; }


#sidebar h4 {background: transparent url(../graphics/bg-sidebar-header.png) center top repeat-x;

	text-transform: uppercase; font-size: 1.3em; line-height: 1em; padding: 0.5em 0 0.5em 0.5em;
	}
	
	
.qqq li a {padding: 0.5em 0 0.5em 2.5em; display: block;}


.qqq  .rss {background: transparent url(../graphics/icon-rss.png) left center no-repeat; }
.qqq  .twitter {background: transparent url(../graphics/icon-twitter.png) left center no-repeat; }
.qqq  .facebook {background: transparent url(../graphics/icon-facebook.gif) left center no-repeat; }
.qqq  .tostormberg {background: transparent url(../graphics/icon-stormberg.gif) left center no-repeat; }
	

.tagcloud li {display: inline; padding-right: 0.4em; }
.tagcloud li a {color: #333}


#sidebar li a.biggest {	font-size: 25px; color: #333; }
#sidebar li a.big {	font-size: 22px; color: #555;}
#sidebar li a.medium { font-size: 19px;color: #777;}
#sidebar li a.small { font-size: 16px; color: #999;}
#sidebar li a.smallest { font-size: 10px; color: #aaa;}
#sidebar p a { font-size: 1.1em; text-decoration:none; }
#sidebar p a:hover { text-decoration: underline; }
#sidebar p { padding: 0.5em 0; }
	

/* KOMMENTARER 
--------------------------------------------------------------------------------- */

#comment { display: none; }

.commentForm {padding: 2em 2em 0 2em; margin-top: 2em; border: 1px solid #ddd;  background: #eee; clear: both; }
.success { display: block; padding: 2em; margin-top: 2em; border: 1px solid #6ebb71;  background: #9feaa2; clear: both; font-size: 1.4em;  }

.fn { font-weight:bold; }
.fn a { text-decoration: none; }
.date a { display: none; }
.adminlinks { clear: both; }

#commentlist {padding-top: 0}
#commentlist .comment {  margin-bottom: 1em; clear: both; border-bottom: 1px solid #CECFCE; }
#commentlist .content {width: 28em; float: right; padding: 1em 0; }
#commentlist .author {width: 7em; float: left; overflow: hidden; padding: 1em 0;}

.commentForm div { }
.commentForm label {font-weight: bold; float: left; display: inline-block; width: 7.8em; font-size: 1.4em ; padding-bottom: 1em;}
.commentForm input.txt {width: 20em; float: right; padding: 5px; border: 1px solid #aaa; background-color: #fff;font-size: 12px; margin: 0 0 1em 0; width: 300px} 
.commentForm span.txt input{width: 10px; float: left; padding: 5px; border: 1px solid #aaa; background-color: #fff;font-size: 12px; margin: 0 0 1em 0; } 
.commentForm input.txt:hover {background: #fff}
.commentForm textarea  
{
    font-size: 12px;  
    border: 1px solid #aaa; 
    height: 200px;  
    padding: 5px; 
    width: 99%; 
    margin-bottom: 1em; 
    }

#catpcha label { width:6.8em; display: block; padding-top: 10px;}
.commentForm div.captcha { width: 311px; float: right; padding-top: 15px;}
.commentForm div.captcha img { margin-right: 10px;}
div.commentCaptcha { float: left; width: 95px; text-align: right; padding-top: 13px;}

.commentForm input.button { margin-bottom: 1em; color: #111; padding: 0.5em; font-size: 1.4em; border: 1px solid #607c20; background-color: #8ab22e; float: right; }
.commentForm input.button:hover {color: #000; background: #7ca029; cursor: pointer}

#commentMenu { clear: both;}


#commentPreview{display:none;clear:both;min-height: 150px;}
.gravatarmsg { display: none; }
.commentForm .bbcode {float: right;   font-size:10px;font-size: 1.4em; margin-top: 10px;}

.bbcode a { margin: 3px 0 0 3px; padding: 1px 3px 1px 3px; background: #fff;}

#commentNotify, #commentsMessage, #commentCompose { clear: both; overflow: hidden; font-size: 1.1em;  }

#commentsMessage { padding-bottom: 15px;}
#commentsMessage span { font-weight: bold; }
#commentsMessage span.error { color: Red;}

#commentNotify label {font-weight: normal; display: inline-block; font-size: 10px; }
#commentNotify  { text-align: right; margin-bottom: 1em;  }

.commentNote { text-align:right; font-size: 1.1em; clear: both; padding-bottom: 1em; }
.commentNote2{ float: right; width: 170px; padding-bottom:0; margin-bottom: 0;}
.cbNotify { font-weight: normal; }

p.notep { margin-bottom:0.7em; font-size:1.0em; padding: 0;}

.name {font-weight: bold;}

.comment-meta {font-size: 1.2em; line-height: 1.4em}

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

#searchpage .txt, #searchbox .txt, #newsletterform .txt { border: 1px solid #ccc; width: 200px; padding: 3px 5px; margin-right: 5px; font-size: 11px; }
#searchpage .button, #searchbox .button, #newsletterform .button { color: #fff; padding: 1px 5px; font-size: 11px; border: 1px solid #607c20; background-color: #00397B; }
#searchpage .button:hover, #searchbox .button:hover {color: #000; background: #3F9CDC; cursor: pointer}


.searchresult { padding-top: 2em; font-size: 1.2em;  }
.searchresult a { display: block; font-weight: bold; padding-bottom: 0.5em; }
.searchresult a span { font-weight: normal; }
.searchresult .text { padding-bottom: 0.5em; display: block; }
.searchresult .type { display: none; }
.searchresult .url { display: none; }

.search { padding-bottom: 2.5em; }

/*--------------- recentComments --------------------- */

#sidebar .recentComments { margin-bottom: 0; padding-bottom: 0; }
.bottomlink { display: block; padding-bottom: 2em; }
#sidebar .recentComments a, #sidebar .recentComments li { font-size: 1.1em;   }
#sidebar .recentComments a { font-weight: bold; }
#sidebar .recentComments a span { font-weight: normal; }
#sidebar .recentComments li { padding-bottom: 1em; }

/*--------------- archive --------------------- */

#archive ul, #archive li { padding: 0; margin: 0; list-style-type: none;}
#archive li li li { font-size: 1.2em; line-height: 1.4em; padding-bottom: 0.4em; padding-left: 1em; margin-left: 0; }
#archive h2 { border-bottom: 1px solid #CECFCE; padding-bottom: 0.2em; }
#archive h3 { font-size: 1.6em; padding: 0.5em 0 0.5em 0; }

/*--------------- archive --------------------- */

#sidebar .recentPosts a, #sidebar .recentPosts li { font-size: 1.1em;   }
.recentPosts a { }
.recentPosts span { display: block; }
.recentPosts li { padding-bottom: 1em; }
ol.recentPosts, ol.recentPosts li { margin: 0; padding: 0; }
ol.recentPosts { padding-left: 18px; margin-top: 1em; margin-bottom: 2em; }
ol.recentPosts li { padding-bottom: 0.5em; }


/*--------------- newsletterform --------------------- */

#newsletterform { padding-bottom: 2em; }
#sidebar #newsletterform p { padding: 0.5em 0; font-size: 1.2em;  }


/*--------------- Most read --------------------- */

#sidebar .mostread { margin-bottom: 0; padding-bottom: 0; }
#sidebar .mostread a, #sidebar .mostread li { font-size: 1.1em;   }
#sidebar .mostread a { }
#sidebar .mostread li { padding-bottom: 0.5em; }


/*Twitter*/
#sidebar .twitter  .content { padding-top: 1em;}
#sidebar .twitter a { font-size: 1.0em; color: #002F70;text-decoration: underline}
#sidebar .twitter a:hover {color: #3593D8}
#sidebar .twitter img { display: none;}

/*Twitter V2*/
#sidebar ul.tweet_list a { text-decoration: underline;}
#sidebar ul.tweet_list a, #sidebar ul.tweet_list .tweet_text {  font-size: 11px;}
#sidebar ul.tweet_list li { position: relative; padding-bottom: 10px; padding-left: 60px; min-height: 55px;}
#sidebar ul.tweet_list li a, #sidebar ul.tweet_list span {  width: 210px; }

#sidebar ul.tweet_list a.tweet_date { font-weight: bold; text-decoration: none;}
#sidebar ul.tweet_list li a.tweet_avatar { width: 55px; height: 55px; position: absolute; top: 3px; left: 0; } 

/*Archive*/
#sidebar #archive {font-size: 0.75em; }


#blogroll img{ display: none; }
#blogroll a {color: #002F70; }
#blogroll a:hover {color: #3593D8}
.OPML { display: none;}

.commentlabel
{
    width:99%;
    white-space:nowrap;
    }
    
    
.post h2 a {color: #003366;}