/*  
Theme Name: Laander v1
Theme URI: http://laander.com
Description: First version of Laander.com online profile.
Version: 1.0
Author: Lasse Boisen Andersen
Author URI: http://laander.com/
Changed: 20-05-2008

 
 	INTERNAL NOTES
-------------------------------------------------------------------------

	font-size: 10 px = 0.91em;
	font-size: 12 px = 1.09em;
	font-size: 14 px = 1.27em;
	font-size: 16 px = 1.45em;
	font-size: 18 px = 1.64em;
	font-size: 20 px = 1.82em;
	font-size: 22 px = 2.00em;

	color: #170B05; Dark brown, default text
	color: #912124; Dark red, used for special links and other
	color: #1E6116; Dark green, default for links
	color: #789422; Light green, used when hovering links
*/


/*	GENERAL STYLING AND STRUCTURE 
------------------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{ margin: 0; padding: 0;}

body{
	margin: 0;
	font-family: Arial, Sans-Serif;
	font-size: 69%;
	text-align: center;
	vertical-align: top;
	background: #f4f1e8;
	color: #170B05;}

*, div, p, img, td, ul, ol {
	font-family: arial, sans-serif;
	font-size: 1em;
	text-align: left;
	text-decoration: none;
	color: #170B05;}

p, ul, ol { line-height: 1.5em; }

h1, h2, h3, h4 {
	font-family: Georgia, Serif;
	text-align: left;
	text-decoration: none;
	color: #170B05;}

h1{	font-family: Georgia, Serif; font-size: 2.00em; padding: 15px 0 10px 15px;}
h3{	padding: 15px 0 15px 0;}
h4{	padding: 0 0 0 15px;}

a, a:link{ color: #1E6116; text-decoration: none;}
a:visited{ color: #1E6116; text-decoration: none;}
a:hover{ color: #789422; text-decoration: none; border-bottom: 1px dotted #789422;}
a:active{ color: #789422; text-decoration: none;}

a img {	border: none;}

#wrapper{
	margin: 0 auto;
	width: 960px;
	text-align: left;
	height: 100%;}


/* 	HEADER 
------------------------------------------------------------------------- */

#header{
	position: relative;
	float: left;
	width: 100%;
	height: 160px;
	margin: 0;
	padding: 0;
	clear: both;
	background: #170b05;}

#header-content{
	position: relative;
	margin: 0 auto 0 auto;
	width: 960px;
	height: 160px;
	padding: 0;
	text-align: left;}

#header-content h1 { text-indent: -9999px;}
#header-content h4 { text-indent: -9999px;}

#logo{
	position: absolute;
	width: 203px;
	height: 76px;
	right: 177px;
	bottom: 27px;
	background-image: url('images/laander-logo.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
	cursor: pointer;}

/* 	TOP NAVIGATION 
------------------------------------------------------------------------- */

#top-menu{
	position: absolute;
	bottom: 27px;
	left: 10px;
	text-align: left;}

#top-menu ul{margin:0; padding:0;}

#top-menu ul li{
	display: inline;
	padding: 0 1px 29px 0;
	margin-right: 3em; }

#top-menu ul li a{
	font-family: Georgia, Serif;
	text-decoration: none;
	font-size: 1.64em;
	color: #ece8c1;
	border: 0;}

#top-menu ul li a:hover{
	text-decoration: none; 
	border: 0;
	color: #f4f1e8;}
	
.current_page_item {
	background-image: url('images/menu-currentpage-arrow.gif');
	background-position: bottom center;
	background-repeat: no-repeat; }


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

#sidebar-right{
	float: left;
	width: 140px;
	display: inline;
	overflow: hidden;}

#sidebar-left{
	float: left;
	overflow: hidden;
	border-right: solid #d9d6cb 1px; }

#sidebar-left-list {
	width: 210px;
}

.sidebar{
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;}

.sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0 15px 0 15px;}

.sidebar ul li{
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #d9d6cb;}

.sidebar ul li h2{
	font-family: Georgia, Serif;
	font-size: 1.64em;
	font-weight: normal;
	padding: 0;
	margin: 5px 0 15px 0;}

.sidebar ul li ul{
	list-style: none;
	margin: 0;
	padding: 0;}

.sidebar ul li ul li{
	background-image: url('images/red-dot-bullet.gif');
	background-position: 5px left;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	margin: 0;
	line-height: 1.5em;
	list-style-type: none;
	font-size: 1em;
	border: 0;}

.sidebar ul li ul li a{
	padding-left: 0px;}

.sidebar ul li ul li ul{
	list-style: none;
	margin: 0;
	padding-left: 10px;}

.sidebar .syndication .rss {
	width: 179px;
	height: 33px;
	position: relative;
	padding-top: 12px;}

.sidebar .syndication .rss span{
	background: url(images/sub_rss.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;}

.sidebar .syndication .rss .sub{
	list-style: none;}

.sidebar a:link, .sidebar a:visited {
	text-decoration: none;
	border: 0;
	color: #170B05;}

.sidebar a:hover{
	text-decoration: none;
	border: 0;
	color: #912124;}

.current-cat a{ color: #912124}

table#wp-calendar{
	width: 100%;}


/* 	PAGE AND BLOG POST 
------------------------------------------------------------------------- */

#container{
	float: left;
	padding: 0 15px 0 15px;
	border-right: solid #d9d6cb 1px; }

a.title-identity{
	background-image: url(images/title-bullet-rectangle.gif);}

.post{padding: 25px 0 10px 0;}

.post h2{ margin: 0 0 15px 5px;}
.post h2 a{
	font-family: Georgia, Serif;
	font-size: 2.00em;
	padding: 0 0 0 25px;
	margin: 0 0 0 0; 
	background-image: url(images/title-bullet.gif); 
	background-repeat: no-repeat;
	background-position: center left;
	color: #170B05;
	font-weight: normal;
	border:0;}

.page-post h2{ margin: 0 0 15px 0;}

.postinfo{
	font-family: Arial, Sans-serif;
	font-size: 1em;
	text-align: right;
	padding: 7px 0 0 0;
	margin: 0 0 15px 0;
	width: 100%;
	height: 1.82em;
	background-color: #d9d6cb;
	overflow: hidden;
	background-image: url('images/postinfo-bar-corner.png');
	background-position: top left;
	background-repeat: no-repeat; }

.postinfodate{	
	padding: 0 ;
	margin: 0 16px 0 10px;}

.postinfocats{	
	padding: 0;
	margin: 0 10px 0 0;}

.postmetadata{
	font-size: 1em;
	color: #170B05;
	border-top: 1px dotted #d9d6cb;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;}

.postmetadatacomment{
	margin: 0 10px 0 0;}

.postmetadataedit{ float: right}

#postheadercomment{
	display: none;
	text-align: right;
	float: left;
	margin: 7px 0 0 -90px;
	width: auto; }

.postnav{
	padding: 10px 0 20px 0;
	float: right;
	font-size: 14px;
	line-height: 18px;}

.postnav-prev {
	float:left;
	padding: 10px 0 20px 0;
	font-size: 14px;
	line-height: 18px; }
	
.postnav-next {
	float:right; 
	padding: 10px 0 20px 0;
	font-size: 14px;
	line-height: 18px; }

/* 	STYLING OF POST ELEMENTS 
------------------------------------------------------------------------- */

blockquote { 
	font-style: italic; 
	margin: 1.5em 30px 1.5em 30px; 
	padding: 4px 4px 4px 4px;
	border-left: 1px solid #900;}

code { 
	font-family: Courier, monospace;}

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

.entry ul, 
.entry ol { margin: 0 0 15px 0; padding-left: 15px; }
	
.entry ul { list-style-type: disc; }

.entry li { margin: 0 0 7px 0; }
		
.entry ul li ul, 
.entry ul li ol, 
.entry ol li ul, 
.entry ol li ol { margin: 5px 0 5px 15px; }

.entry blockquote.right { 
	width: 150px; 
	font-style: normal !important; 
	font-size: 14px;
	color: #777;
	margin: 0.3em 0 0.3em 15px !important; 
	padding: 5px;
	background: #f1f0ed; 
	border-top: 2px solid #900;
	border-bottom: 2px solid #900; 
	border-left: none;
	border-right: none;
	text-align: center; 
	float: right; }
		
.entry blockquote.left { 
	width: 150px; 
	font-style: normal !important; 
	font-size: 14px;
	color: #777;
	margin: 0.3em 15px 0.3em 0 !important; 
	padding: 5px;
	background: #f1f0ed; 
	border-top: 2px solid #900;
	border-bottom: 2px solid #900; 
	border-left: none;
	border-right: none;
	text-align: center; 
	float: left; }
	
.entry blockquote.right p, .entry blockquote.left p { 
	margin: 0; 
	line-height: 1.4em !important;}

.entry img.left { 
	padding: 6px; 
	margin: 0.5em 15px 0.5em 0; 
	border: none;
	float: left; 	
	clear: left;}
		
.entry img.right { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: none;
	float: right; 
	clear: right;}
		
.entry img.center { 
	display: block; 
	padding: 8px; 
	margin: 0 auto 1.5em auto; 
	border: none;
	float: none; 
	clear: both;}
	
.entry img.frame { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: 1px solid #CCC;
	background: #EEE;
	float: right; 
	clear: right;}
		
.entry img.stack { 
	clear: none !important;}

.wp-caption p.wp-caption-text {
	font-style: italic;}

h2.archive_head{ 
	font-family: Arial, Sans-serif;	
	text-align: center;
	font-weight: bold; 
	font-size: 1.09em; 
	margin: 25px 0 0 0; 
	padding: 0.4em 5px; 
	border: 1px dotted #912124; 
	background: none;
	color: #912124;}


/* 	COMMENT FORM 
------------------------------------------------------------------------- */

#comment-form{
	width: 100%;
	margin: 0;
	padding: 5px 0 15px 0;}

.comments h2, .comments h3{
	font-family: Georgia, Serif;
	font-size: 1.64em;
	font-weight: normal;
	color: #912124;
	padding: 0 0 15px 0;}

h3#respond{ margin-top: 15px;}

.comments ol{
	margin: -15px 0 0 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dotted #d9d6cb;}

.comments ol li{
	margin: 15px 0;
	list-style: none;
	padding: 0;}

.commentmetadata{
	font-size: 1em;
	color: #170B05;
	padding: 10px 0 10px 20px;
	background-image: url(images/comment-bullet.gif); 
	background-repeat: no-repeat;
	background-position: center left;}

.commententry{ padding: 0 0 0 20px;}

.commentmetadata strong{ font-size: 1.27em;}

.comments p.nocomments{ padding: 0;}

.comments input{ border: 1px solid #CCC;}

.comments textarea{
	font-family: Arial, Sans-serif;
	font-size: 1.09em;
	color: #170B05;
	margin: 0 0 10px 0;
	background: #FFFFFF;
	border: 1px solid #CCC;
	width: 100%;}

.submit{}

.even { border: none;}

.alt {  border: none}


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

#footer{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 5px 0;
	line-height: 18px;
	font-size: 80%;
	color: #900;
	background: #FFF;
	border-top: 1px dotted #CCC;
	border-bottom: none;
	display: none;}

#footer a:link{
	text-decoration: none;
	color: #369;}

#footer a:hover{
	text-decoration: underline;
	color: #333;}

#footer a:visited{
	text-decoration: none;
	color: #900;}


/* 	OTHER 
------------------------------------------------------------------------- */

#accordion-identity h3{
	display: block;
	cursor: pointer;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 10px 0 10px 0;
	width: 100%;
	background-color: #d9d6cb;
	background-image: url('images/headline-bar-corner.png');
	background-position: top left;
	background-repeat: no-repeat;
	outline: none;}
	
#accordion-identity h3 a {
	padding: 0 0 0 16px;
	color: #000;
	font-weight: normal;	
	font-family: Arial, Sans-serif;
	font-size: 1em;
	text-decoration: none;
	border: none;
	outline: none; }

#accordion-identity h3.ui-state-active a {
	padding: 0 0 0 16px;
	color: #000;
	font-weight: bold;	
	font-family: Arial, Sans-serif;
	font-size: 1em;
	text-decoration: none;
	border: none; }
	
.flickr-photos {
	margin-top: 10px; }

.statuspress-timestamp {
	font-style: italic;
	color: #c0bdb2; }

ul.socialweb {
	list-style-type: none;
	background-image: none;
	padding-right: 0;
	padding-top: 10px; }

ul.socialweb li {
	display: inline;
	border: none; }

ul.socialweb li a {
	background-image: none;
	border: none; }
	
ul.socialweb li a img {
	margin: 0 6px 6px 0; }