/*
Theme Name: Wonkenstein vanilla
Theme URI: http://wonkenstein.com
Description: This is wonkenstein
Author: Mark Wong
Author URI: http://wonkenstein.com
Version: 0.1
*/

a {text-decoration:none; font-weight:bold; color:#6699cc; /*color:#B70100;*/ /*color:#EB4259;*/}
a:hover {background-color:#ddd;}
h2 {margin:0 0 5px 0; border-bottom:1px solid silver; font-family:georgia, serif; font-size:138.5%; line-height:1.3; text-transform: uppercase; }
h2.archives {margin-bottom:20px;}
h2 a {color:#444444; }
h3 {font-weight:bold;	color:#34353e; }
p {margin:0 0 1em 0; }

body {
  background-color: #fff;
  color: #444444;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  padding: 0 3%;
  /*font-size: .88em;*/
  line-height: 1.5em;

/*
  background-color: #111;
  color:#ddd;
*/
}

#nav {text-align:right; border-bottom:2px solid silver;  position:absolute; width:100%; top:2px; left:0;}
#nav ul {margin:0 3% 0 0;}
#nav li {display:inline-block; margin:0 -10px 0 10px; padding:0 5px;}
#nav li a {display:inline-block; color:#444; border-bottom:none; padding:1px 5px 0 5px; border-top:2px solid #FFF; text-transform:uppercase; font-family:georgia, serif;}
#nav li a:hover {background-color:transparent; border-top:2px solid #444; }


#header {padding:50px 0 20px 0; border-bottom:1px solid silver; margin-bottom:20px;}
#header h1 {margin-bottom:5px;}
#header span {font-style:italic;}
#header p {float:right;}
#header img {float:left; margin:0 5px 0 0;}

#container {
  overflow:hidden;
/*	width: 840px;*/
}

.post {	margin-bottom: 40px;}
.postmeta {margin:5px 0 10px 0; font-size:85%;/*border-bottom:1px solid silver; border-top:1px solid silver;*/}
.postmeta p {margin:0 0 0 0;}

#sidebar {
  width: 35%;
  float: left;
/*	font-size: .8em;*/
  line-height: 1.4em;
  padding: 0 3% 0 0;
/*	background-color:#eee;*/
  }


#sidebar h3 {margin:4px 0 15px 0; border-bottom:1px solid silver; line-height:1.3; font-weight:bold;
  font-family:georgia, serif; font-size:108%; text-transform: uppercase;}

#sidebar .section {margin:0 0 40px 0; }

#sidebarleft {width:45%;	float: left;}

#sidebarright {	width: 45%;	float: right;}

#footer {	clear: both;	padding:20px 0 20px 0; text-align:right; /*font-size: .64em;*/ border-top:1px solid silver;}
#footer p {	margin:0 0 0 0; font-size:85%;}

#entries {	width: 60%;	float: right;	}

/*** SINGLE POSTS ***/
#post-paging {overflow:auto; margin:10px 0;}
#post-paging .next {float:right;}
#post-paging .prev {float:left;}

#have-your-say {margin:15px 0 5px 0;}


/*** ARCHIVES ***/
.results_content {margin-bottom:30px; }

a:link h3 {
  color: #951400;
  border: none;
}

a:link img {
  border: none;
}

ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 0px;
}

li.linkcat {
  list-style-type: none;
}

img {
  border: none;
}

.imgleft {
  float:left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.imgright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

img.frame {
  padding: 2px;
  border: solid 1px #DEE4E5;
}



h1 {line-height: 1em;	text-transform: uppercase; font-family:georgia, serif; font-size:138.5%; }
#header h1 a {font-weight:bold; color:#444;}

.title {	border-bottom: 1px solid silver;}



.post {overflow:hidden;}
.post h3 {	border-bottom: none;	letter-spacing: normal;	}
.post .alignright {float:right; margin:0 0 15px 15px;}
.post .alignleft {float:left; margin:0 15px 15px 0;}
.post a img {border:2px solid #FFF;}
.post a:hover img {border:2px solid #6699cc;}



blockquote {
  background-color: #f3f3f3;
  padding: 10px;
  margin: 15px 0;
}



/* Begin Comments*/

.comments_tiny {
  color: #b8b8b8;
  border-bottom: 1px solid silver;
}

.alt {
  margin: 0;
  padding: 10px;
  background: #f3f3f3;
}

.commentlist {
  margin-top: 0px;

}

.commentlist li {
  margin: 5px 0 0 0px;

}

.commentlist p {
  margin: 10px 5px 10px 0;
}

#commentform p {
  margin: 5px 0;
}

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}

.commentmetadata {
  margin: 0;
  display: block;
}

li.comment {
  font-weight: bold;
  padding: 10px;
  list-style: none;
}

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}

#commentform {	margin-top: 30px;}
#commentform .text {float:left; width:100px;}

.commentmetadata {
  font-weight: normal;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  color: #777;
}

.content {
  margin-bottom: 25px;
  padding-left: 5px;
  font-weight: normal;
}

.commentbox {
  width: 100%;
  height: 100px;
}

/* End Comments */

#sidebar li {margin:0 0 3px 0;}

/* Delicious Links */
/*#delicious h3 {margin:4px 0 5px 0; }*/
#delicious li {margin:0 0 25px 0;}
#delicious dl {}
#delicious dt a {border-bottom:1px solid silver; }
#delicious dd {margin:0; padding:0;}
#delicious dd.meta {font-size:85%;}
#delicious span {display:block;}


/* Flickr */
#flickr {overflow:hidden; margin:15px 0 0 0; }
#flickr li {float:left;}
#flickr li a img {border:2px solid #FFF; float:left;}
#flickr li a:hover img {border:2px solid #6699cc;}
#flickr p {clear:both; padding:20px 0 0 0;}
#flickr a img {vertical-align:text-top; margin-top:1px;}

/* Tweets */
#tweets h3 {margin:5px 0 5px 0;}
#tweets ul {margin:5px 0 25px 0;}
#tweets a img {vertical-align:text-top; margin-top:3px;}
#tweets li span {font-size:85%; font-style:italic;}


/* Running Log */
#running-log table {padding:5px; border-top:2px solid #444; border-bottom:2px solid #444; }
#running-log td, #running-log th {padding:5px;}
#running-log th {font-weight:bold; border-bottom:2px solid #444;}
#running-log tr.odd td {background-color:silver;}


#running-log .page-numbers li {margin:10px 0;}
#running-log .page-numbers li {display:inline-block; margin-right:10px;}