/* global reset */
div, p, table, span, h1, h2, h3, h4, h5, h6, ul, ol, li, input, select, body,
code, blockquote {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	background-color: #141414;
	background-image: url(../images/bg_repeat.jpg);
	background-position: 0 50px;
	background-repeat: repeat-x;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, Serif;
	font-weight: normal;
	/*text-shadow: #444 1px 1px 1px;*/
}

a {
  text-decoration: none;
}

.clearing {
	clear: both;
	width: 0px;
	height: 0px;
	overflow: hidden; /* IE needs this or the height will not be 0px */
}

/* ========================================================================= */
/* top navi */
/* ========================================================================= */

#top_navi {
	height: 50px;
	line-height: 50px;
	background-color: #141414;
	background-image: url(../images/top_navi_curly.jpg);
	background-position: 483px 0px;
	background-repeat: no-repeat;
	color: #dddddd;
	position: relative;
	font-family: Georgia, Serif;
	font-size: 18px;
}

#top_navi ul {
	list-style: none;
	text-align: center;
	width: 570px;
	margin-left: 100px;
}

#top_navi li {
	display: inline-block;
	margin-right: 20px;
}

#top_navi li a {
	text-decoration: none;
	color: #d5d4ce;
	padding-bottom: 2px;
}

#top_navi li a:hover {
}

#top_navi a.rss {
	color: #d5d4ce;
	background-image: url(../images/rss_icon.jpg);
	background-repeat: no-repeat;
	background-position: 60px 6px;
	width: 100px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 860px;
	font-size: 12px;
}

#top_navi a.rss:hover {
	color: #fff;
}

#top_navi a:visited {
	color: #d5d4ce;
}

/* ========================================================================= */
/* header */
/* ========================================================================= */

#header {
	height: 271px;
	color: #5a1313;	   
	position: relative;
	background-image: url(../images/code_n_caffe.jpg);
	background-repeat: no-repeat;
}

#header span {
/*
	 Push out the element 800 pixels to the left in order
	 to hide the text.
*/
	background-image: url(../images/photo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	left: 669px;
	height: 271px;
	width: 320px;
	text-indent: -800px; /* push out the welcome text */
	position: absolute;
}

/* ========================================================================= */
/* content_wrapper */
/* ========================================================================= */

#content_wrapper {
	background-image: url(../images/content_repeat.jpg);
	background-repeat: repeat-y;
	width: 980px;
}

/* ========================================================================= */
/* main_content */
/* ========================================================================= */

#main_content {
	background-image: url(../images/main_content_header.jpg);
	background-repeat: no-repeat;
	width: 629px;
	padding-top: 23px;
	padding-bottom: 50px;
	padding-left: 50px;
	float: left;
	/*
	background-image: url(../images/coffee_cup.png);
	background-repeat: no-repeat;
	background-position: 565px 30px;
	*/
}

#main_content h1, #main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content .contentSubTitle,  #main_content a {
  /*color: #222;*/
  color: #7e0d00;
  
}

#main_content h1, #main_content h2, #main_content h3, #main_content h4, #main_content h5 {
  /*font-weight: bold;*/
}

#main_content div.body a:hover, #main_content .entryMeta a:hover, #main_content a:hover {
  color: #222;
}

#main_content h1 {
  font-size: 24px;
  line-height: 30px;
  font-style: italic;
  font-weight: bold;
  /*text-shadow: #666 1px 1px 1px;*/
  margin-bottom: 8px;
/*	text-align: center;*/
}

#main_content h1.lined {
  /*border-top: 1px solid #aaa;*/
  padding-top: 10px;
}

#main_content h2 {
  margin-bottom: 4px;
}

#main_content h2 a {
  border-bottom: 0px;
}

#main_content h3 {
  margin-bottom: 4px;
}

#main_content h4 {
  margin-bottom: 4px;
}

#main_content ul {
  margin: 0px 0px 5px 0px;
}

#main_content li {
  list-style-type: none;  
}

#main_content p {
	margin: 0px 0px 5px 0px;
}

#main_content .contentEntry {
	/*width: 500px;*/
	padding-bottom: 60px;
}

#main_content div.various_content {
	padding-left: 76px;
	width: 530px;
}

#main_content div.date_info {
	width: 60px;
	text-align: center;
	float: left;
/*	  border: 1px solid green;*/
	margin-right: 15px;
	padding-bottom: 6px;
	padding-top: 6px;
	background-color: #333;
	-moz-box-shadow: 2px 2px 2px #333;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 2px 2px 2px #333;
	-webkit-border-radius: 4px;
}

#main_content div.contentEntry:first-child > div.date_info {
	background-color: #7e0d00;
	-moz-box-shadow: 2px 2px 2px #333;
	-webkit-box-shadow: 2px 2px 2px #333;
}

#main_content div.date_info div.day {
	font-size: 17px;
	line-height: 20px;
	color: #eee;
}

#main_content div.date_info div.month, #main_content div.date_info div.year {
	font-size: 10px;
	line-height: 13px;
	color: #eee;
}

#main_content div.contentText {
	float: left;
	width: 520px;
	padding-top: 0px;
	font-size: 13px;
	line-height: 18px;
/*	  border: 1px solid green;*/
}

#main_content div.commentList {
	padding-bottom: 30px;
}

#main_content div.comment {
	margin-bottom: 20px;
}

#main_content div.contentNavigation {
	padding-top: 10px;
	padding-left: 76px;
}

#main_content div.paginator .number {
	border: 1px solid #777;
	background-color: #eee;
	padding: 2px 5px 2px 5px;
}

#main_content div.paginator .current {
	background-color: #888;
	color: #eee;
}

#main_content div.paginator a.prev {
	padding-right: 8px;
} 

#main_content div.paginator a.next {
	padding-left: 8px;
}

#main_content div.teaser {
	font-style: italic;;
	padding-top: 15px;
}

#main_content div.body {
	padding-top: 20px;
}

#main_content div.body a {
	font-weight: bold;
/*	color: #395588;*/
	color: #333;
	border-bottom: 1px dotted #333;
}

#main_content div.meta {
	color: #444;
	/*padding-bottom: 15px;*/
	font-size: 11px;
	color: #444;
/*	  text-align: center;*/ 
}

#main_content div.meta a {
	color: #444;
	border-bottom: 1px dotted #444;
}

#main_content div.read_on {
	padding-top: 10px;
}

#main_content div.read_on a {
	color: #5B120D;
	/*text-decoration: underline;*/
}

#main_content .entryMeta, #main_content div.contentNavigation {
	color: #444;
	font-size: 11px;
}

#main_content .entryMeta a, #main_content div.contentNavigation a {
	color: #444;
	border-bottom: 0px;
}

#main_content div.comment_author, #main_content div.comment_body {
}

#main_content div.comment_author {
	color: #444;
	font-weight: bold;
}

#main_content div.comment_body {
	padding: 0px 5px 10px 00px;
}

#main_content .contentTitleWrapper {
	position: relative;
}

#main_content img.captcha {
	border: 1px solid #444;
	vertical-align: top;
}

#main_content input.captcha {
	height: 19px;
}

#main_content div.album {
	width: 512px;
}

#main_content div.album:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	margin-bottom: 30px;
}

#main_content div.album h2 {
}

#main_content div.photo_outer_wrapper {
	float: left;
	position: relative;
	margin-right: 40px;
	margin-bottom: 0px;
	width: 162px;
	height: 220px;
}

#main_content div.photo_middle_wrapper {
	position: absolute;
	left: 0px;
	bottom: 60px;
	width: 100%;
}

#main_content div.photo_description {
	padding-top: 8px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #333;
	text-align: center;
	width: 162px;
	height: 50px;
}

#main_content img.photo {
	position: relative;
	display: block; /* IE6 */
	border: 1px solid #aaa;
	padding: 5px;
	margin: 0 auto;
}

#main_content div.upright {
	margin-top: -35px;
}

#main_content div.left {
	float: left;
}

#commentForm {
	margin-top: 40px;
}

#main_content form {
	padding: 10px 0px 10px 0px;
	margin: 20px 0px 10px 120px;
}

#main_content form p {
	margin-bottom: 15px;
}

#main_content form span.errors {
	color: #810;
	margin: 0px;
	padding: 0px;
}

#main_content form label {
	display: block;
	width: 100px;
	font-weight: bold;
	text-align: right;
	float: left;
	margin-bottom: 5px;
	margin-left: -120px;
	padding-top: 3px;
  ;
/*	text-align: right;
  float: left;*/
}

#main_content form input, #main_content form textarea {
	width: 375px;
	border: 1px solid #aaa;
	background-color: #f8f7f5;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	display: block;
	padding: 4px 3px 2px 3px;
}

#main_content form input.noFocus, #main_content form textarea.noFocus {
	color: #aaa;
	/*font-weight: bold;*/
}

#main_content form span.error input, #main_content form span.error textarea {
	border: 3px solid #7e0d00;
}

#main_content form img.captcha {
	float: left;
	display: block;
	border: 1px solid #aaa;
	margin-top: 2px;
	margin-left: -80px;
}

#main_content form p em.info {
	margin-top: 5px;
	width: 375px;
	display: block;
}

#main_content form strong.error {
	display: block;
	padding-top: 4px;
	padding-bottom: 8px;
	color: #7e0d00;
}

#main_content form em.error ul {
	padding-top: 0;
}

#main_content form label em {
/*	color: #7e0d00;*/
	padding-left: 2px;
}

#main_content form p.buttonrow {
	margin-top: 20px;
	text-align: right;
	padding-right: 26px;
}

#main_content form button {
	padding: 4px;
	border: 1px solid #aaa;
	font-weight: bold;
	font-size: 13px;
}

#main_content blockquote, #main_content pre {
	padding: 10px 10px 10px 10px;
	/*margin: 10px;*/
	display: block;
	font-style: italic;
}

#main_content blockquote {
	background-image: url(../images/quote_open.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 30px;
/*	  border-left: 5px #aaa solid;
	padding-left: 10px;*/
}

/*
#main_content blockquote:before { content: open-quote; font-weight: bold; }
#main_content blockquote:after { content: close-quote; font-weight: bold; }
*/

#main_content code {
	font-family: "Lucida Console";
	font-style: normal;
	background-color: #f7f5ee;
	border: 1px solid #888;
	display: block;
	padding: 10px;
}

/* ========================================================================= */
/* sidebar */
/* ========================================================================= */

#sidebar {
	width: 280px;
	height: 450px;
	margin-left: 670px;
	padding: 23px 0px 50px 20px;
	font-size: 10px;
	background-image: url(../images/sidebar_header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#sidebar h1, #sidebar h1 a, #sidebar h1 {
	color: #eee;
}

#sidebar h1 {
/*	border-bottom: 1px solid #333;*/
	margin-bottom: 4px;
	padding: 2px 0px 2px 0px;
/*	background-image: url(/static/images/arrow_drops.gif);
  background-repeat: no-repeat;
  background-position: 0px 50%;*/
/*	font-family: "Optima", "Verdana", "Arial", sans-serif;*/
	font-family: Verdana, Georgia, Serif;
	font-size: 14px;
	font-weight: bold;
}

#sidebar div.cell {
	margin-bottom: 30px;
	font-weight: normal;
}

#sidebar li, #sidebar a, #sidebar p, #sidebar ul {
	color: #999;
}

#sidebar ul {
	margin-bottom: 5px;
}

#sidebar li {
	list-style-type: square;
	list-style-position: inside;
/*	background-image: url(/static/images/list_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;*/
	padding: 2px 0px 2px 10px;
}

#sidebar li a:hover, #sidebar a:hover {
	color: #fff;
/*	  border-bottom: 4px solid #3e539b;*/
}

#sidebar input {
	width: 130px; 
	margin: 0px;
	border: 1px solid #666;
	font-size: 12px;
}

#sidebar input.button {
	width: 50px; 
	border: 1px solid #666;
	margin-left: 5px;
	font-size: 12px;
}

#sidebar div.thumbnail img {
	border: 1px solid #aaa;
	padding: 5px;
}

#sidebar div.thumbnail {
	margin-bottom: 10px;
}

#sidebar a.twitter_link {
	display: block; 
	background-image: url(/site_media/images/follow_me-b.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 160px;
	height: 27px;
	text-indent: -2000px;