/*   
Theme Name: lodev.name
Theme URI: http://lodev.name
Description: Theme for lodev.name
Author: Lode Vermeiren
Author URI: http://lodev.name
Version: 20080803
Copyright (C) MMI-MMVIII Lode Vermeiren
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,strong,th,var {font-style:normal;	font-weight:normal;}
ol,ul {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:'';}
abbr,acronym {border:0;}
ul { display: inline; margin-top: 0; margin-bottom: 0;}

p { padding-bottom: 1em;}

blockquote {
	border-bottom: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
background-color: #eee;
quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

strong {
	font-weight: bold;
}

a, a:visited {
	color: black; 
	text-decoration: none;	
}


body {
	width: 937px;

	background-image: url('images/background.png');
	background-repeat: repeat-y;
	background-color: #8DD2F5;

	font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Univers, Swiss, sans-serif, arial;

}

/*
 * Homepage header
 */

.homepageheader {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 26px;

	width: 869px;
	height: 153px;
}

.homepageheader-avatar{
	float: left;

	margin-right: 26px;

	width: 153px;
	height: 153px;
}

.homepageheader-spotlight{
	float: left;
	margin-right: 26px;
	padding: 13px;

	width: 306px;
	height: 127px;

	background-color: #E5E6E8;
	font-weight: bolder;
	font-family: "Trade Gothic LT Std", "Trade Gothic";

}

/*

	Reset Dopplr and customize it a bit.
	
*/

.dopplr-badgr {
	display: inline;!important;
	border: none !important;
	padding: none; !important;
	margin: none; !important;
	width: 0px; height: 0px;
	
}

.dopplr-badgr-body h3 {
	display: none;
}

.dopplr-badgr * { padding: none; margin: none;}
.dopplr-badgr { }
.dopplr-badgr img {}
.dopplr-logo-img {}
.dopplr-badgr a:hover {}
.dopplr-badgr h1,
.dopplr-badgr h2,
.dopplr-badgr h3,
.dopplr-badgr h4,
.dopplr-badgr h5,
.dopplr-badgr h6 {font-weight: normal;}
.dopplr-badgr ul {}
.dopplr-badgr li {}
.dopplr-badgr abbr {}
.dopplr-badgr .avatar-box {}
.dopplr-badgr .avatar {}
.dopplr-badgr .item .details {}
.dopplr-badgr .item {}
.dopplr-badgr .item .item-more {}
.dopplr-badgr-header {}
.dopplr-badgr-header a,
.dopplr-badgr-header a:link,
.dopplr-badgr-header a:hover,
.dopplr-badgr-header a:active,
.dopplr-badgr-header a:visited {}
.dopplr-badgr-header img {display: none; !important}

.dopplr-badgr-body {}
.dopplr-badgr-body h3 {}
.dopplr-badgr-body h4 {}
.dopplr-badgr-body li {}
.dopplr-badgr-body .img-block {}
.dopplr-badgr-body .img-block img { display: none;}
.dopplr-badgr-body .text-block {}
.dopplr-badgr-body .metric {}
.dopplr-badgr-body .explanation {}

.about { margin: 0px;}
.dopplr-badgr .about li { }
.travelstats li { display: inline; }
.travelstats .stat {}
.trips, .tips {}
.timeline {}

.about .homepage a {display: none;}
.about .homecity {display: none;}


/* 

	Back to our own styles.
	
*/

.homepageheader-image {
	float: left;
	width: 332px;
	height: 153px;
	
	background-image: url('http://www.dopplr.com/traveller/lode/raumzeitgeist_jpeg');
	background-position-x: -100px;
	background-position-y: -25px;
}

/*
	Page header
*/

.pageheader {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 26px;

	width: 869px;
	height: 80px;
}

.pageheader-avatar{
	float: left;
	margin-right: 26px;
	width: 80px;
	height: 80px;
}
.pageheader-spotlight{
	float: left;

	margin-right: 26px;
	padding: 13px;

	width: 379px;
	height: 54px;

	background-color: #E5E6E8;
	
	font-family: "Trade Gothic Lt STD";
	font-weight: bold;
}
.pageheader-image {
	float: left;
	width: 332px;
	height: 80px;
}



/*
 * Homepage entries
 */


.homepage-entries {
	float:left;
	width: 545px;
	margin-right: 26px;
}

.homepage-entry {
	float:left;
	margin-bottom: 18px;
	
	padding-left: 34px;
	border-bottom: thin dotted #bbb;
	color: 333;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;

}

.homepage-entry a {
	color: #00AEEF;
}


.homepage-entry-title-container {
	float: left;
	width: 475px;
	padding-right: 34px;
// 	background-color: #bbb;
	
	background-color: #FFE11A;
}

.homepage-entry-title {
	float: left;
	padding-right: 18px;
	height: 18px;
	background-color: #fff;
}

.homepage-entry-title h2 {
	font-family: "Lucida Grande", "Lucida Sans", Tahoma;
	text-transform: uppercase;
	font-weight: bold;
}

.homepage-entry-title a{
	color: black;
}

.homepage-entry-body {
	float: left;
	padding-top: 18px;
	padding-bottom: 18px;
	width: 511px;
	
	line-height: 1.8em;
	font-size: 0.7em;

}

.homepage-entry-readmore {
	padding: 4px;
	width: 503px;
	text-align: right;
	
	font-size: 0.7em;

}

.homepage-entry-metadata {
	float: left;
	padding-top: 18px;
	padding-bottom: 18px;
	width: 511px;
	
	color: #ACACB8;
	font: 0.7em Verdana, "Bitstream Vera Sans", sans-serif;
}

.homepage-entry-metadata img {
	margin-bottom: 0px;
}

.homepage-navigation {
	float: left;
	margin-left: 34px;
	padding-bottom: 18px;
	width: 511px;
	
	color: #ACACB8;
	font: 0.7em Verdana, "Bitstream Vera Sans", sans-serif;
	
}

.homepage-navigation a {
	color: #00AEEF
}

.homepage-navigation-alignleft {
	float:left;
	width: 255px;
	
	text-align: left;

}

.homepage-navigation-alignright {
	text-align: right;
}

.homepage-sidebar {
	float: left;
	width: 332px;
}

.sidebarcolumn {
	float: left;
	width: 153px;
}

.sidebarcolumn h2 {
	display: block;
	padding-top: 4px;
	padding-bottom: 16px;
	
	font-size: 0.8em;
	font-weight: bold;
}

.delicious-posts { color: #ACACB8; font: 0.7em Verdana, "Bitstream Vera Sans", sans-serif; }	
.delicious-posts li { padding-bottom: 18px; }	

.delicious-post a { color: #00AEEF;}
.delicious-posts a { color:#00AEEF; }

#twitter_update_list { color: #00AEEF; font: 0.7em Verdana, "Bitstream Vera Sans", sans-serif; }	
#twitter_update_list li { padding-bottom: 18px; }
#twitter_update_list a { color: #ACACB8; }	

.margin {
	margin-right: 26px;
}

#container {
	width: 937px;
	background-color: white;
}

#header {
	padding: 34px;
	height: 34px;
	background-color: white;
}

#logo {
	float: left;
	margin-right: 26px;
	width: 511px;
	height: 34px;
	font-family: "Trade Gothic LT Std", "Trade Gothic", "Lucida Grande";
	font-weight: bold;
	font-size: 2.8em;
}

#logo a {
	display:block;
	padding-left: 34px;

	text-indent: -1500px;
	
	width: 332px;
	height: 34px;

	background-image: url('images/header.png');
	background-repeat: no-repeat;

}


#navigation {
	float: left;
	display: block;

	width: 332px;
	height: 34px;

	border-top: 20px solid white;
}

#navigation li {
	float: left;
	margin-right: 1em;

	font-size: 0.7em;
	font-weight: bold;
}

#navigation a {
	color: #000;
}

#navigation a:hover {
	color: #ee0088;
}

#search {
	padding-left: 17px;
	height: 17px;

	background-image: url('/wp-content/themes/lodev.name/images/search.png');
	background-position: 4px;
	background-repeat: no-repeat;
}

#search input {
	margin-top: -2px;

	height: 17px;
	width: 87px;

	border: 0;
	border-bottom: 1px solid black;

	font-family: inherit;
	font-weight: bold;
}

.entry {
	clear: both;
}



.entryheader {
	clear: both;

	padding-left: 34px;

	width: 903px;
	height: 26px;

}

.entrytitlecontainer {
	float: left;
	margin-right: 26px;

	width: 511px;
	background-color: #ACACB8;
}

.entrytitle {
	float: left;
	padding-right: 26px;

	background-color: white;

	font-family: "Trade Gothic LT Std";
	font-weight: bold;
	font-size: 2em;
	text-transform: uppercase;
}

.home {
	height: 13px;
	font-size: 1em;
}

.entrymetadata {
	float: left;
	padding: 3px;

	width: 326px;

	background-color: white;

	font-size: 0.7em;
	line-height: 1.2em;
	color: #ACACB8;
}

.entrymetadata a {
	color: #22BDEF;
}

.entrysubtitle {
	font-family: "Trade Gothic LT Std", "Trade Gothic", Arial;
	font-weight: bold;
	font-size: 1em;
	line-height: 2em;
}


.maincontent {
	clear: both;
	float: left;
	margin-right: 26px;
	width: 545px;
}

.entrycontent {
	padding-left: 34px;

	line-height: 1.8em;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 0.7em;
}

.entrycontent code {
	font-size: 1.2em;
}

.entrycontent h2 {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
}

.entrycontent a {
	color: #00AEEF;
}

.entrycontent a:hover {
	border-bottom: 1px dotted #aaa;
}

.entrycontent li {
	list-style-type: square;
}

.commentstitle {
	clear: both;

	margin-top: 26px;
	margin-bottom: 26px;
	padding-left: 34px;

	width: 511px;
	height: 26px;
	
	border-top: thin solid black;
	border-bottom: thin solid black;

	font-family: "Trade Gothic LT Std";
	font-weight: bold;
	font-size: 1em;
	line-height: 2em;
	
}


.commentruler {

	/*
		Yup, I know this is an ugly, non semantic element, but I couldn't get the ruler between the comments to work right away, so I'm using
		this as an alternative for the time being.
	*/
	
	clear: both;

	margin-bottom: 26px;
	margin-left: 34px;

	width: 511px;
	height: 1px;

	border-bottom: 1px solid #B6B7B8;

}

.comment {
	clear: both;
	display: block;
	padding-bottom: 26px;
	margin-left: 34px;

	width: 511px;
	
	font-family: "Lucida Grande";
	font-size: 0.6em;
}

.commentgravatar {
	float:left;
	margin-right: 26px;
	
	width: 26px;
	height: 26px;

}

.commentmetadata {
	float:left;
	margin-right: 26px;
	
	width: 101px;
	
	color: #6D6F72;	
}


.commentmetadata h3 {
	font-weight: bold;
	color: black;
}

.commentcontent {
	float: left;
	margin-bottom: 26px;

	width: 332px;
	line-height: 2em;
}


.commentform {
	clear: both;
	display: block;

	margin-left: 34px;
	padding-bottom: 26px;

	width: 511px;
	
	font-family: "Lucida Grande";
	font-size: 0.6em;
}

.commentmetadataform {
	float:left;
	margin-right: 26px;

	width: 153px;
	color: #6D6F72;	
}

.commentmetadataform input {
	margin-top: 10px;
	margin-bottom: 16px;
	padding: 6px;

	width: 141px;

	background-color: #ACACB8;
	border: none;

	color: #fff;
	font-weight: bold;
}


.commentcontentform {
	float: left;
	margin-bottom: 26px;

	width: 332px;

	border: none;
	line-height: 2em;
}

.commentcontentform textarea {
	width: 330px;
	height: 200px;

	line-height: 1.2em;
}

.commentcontentform input {
	padding: 6px;
	background-color: #8DD2F5;
	border: none;

	line-height: 1.2em;
}


.extracontent {
 	float: left;
	width: 332px;
 }

.sidebar-pic img {
	border: thin solid #ACACB8;
}

.sidebar-pic-caption {
	padding: 4px;
	margin-bottom: 20px;
	font-size: 0.5em;
	color: #ACACB8;
	
	border-bottom: thin solid #ACACB8;
}

#footer {
	clear: both;
	

	padding-left: 34px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;

	width: 700px;
	height: 34px;

	border-top: thin solid black;
	
	background-color: white;
	font-size: 0.5em;
	color: #333;
}

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

#footer a:hover {
	color: #ee0088;
}

.footnotes {
	font-size: 85%;
	line-height: 1.5em;
	padding: 10px 0 10px 0;
 }

.footnotes .footnotedivider {
	width: 120px;
	border-bottom: 1px solid #ccc;
}

.footnotes li {
	margin: 0 0 5px 0;
}

sup.footnote a {
	text-decoration: none;
	font-size: 80%;
}

sup.footnote {
	line-height: 0em;
}

.footnotereverse a {
	padding: 0 0 0 5px;
	text-decoration: none
}