/*
Theme Name:Jon Reil's Blog 2011
Theme URI:http://jonreil.com/
Description:This WordPress theme is one with a minimal, clean looking design and has full CSS widgetization.
Version:2.0.0
Author:Jon Reil
Author URI:http://jonreil.com/
Tags: clean, white, three-columns, right-sidebar

	The CSS, XHTML and design is released under the GPL.

*/

html {
	height:100%;
}

body {
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.8em;
	background-color:#fff;
	/*background:url(img/11.jpg) top left no-repeat fixed; background-color:#FFF; color: #555555;
	background:url(images/bg_blue_iso4.jpg) fixed no-repeat top left; background-color:#040509; 
	background:url(images/bg_gradient_blue.jpg) top center repeat-x fixed; background-color:#82bcea; color: #555555;
	background-color:#fff; color: #555555;
	background:url(images/bg_draw2.jpg) top left no-repeat; background-color:#f7f7f7; color: #333333;
	background:url(images/bg_grad2.gif) top center repeat-x; 
	background:url(images/bg_gradient.jpg) top center repeat-x; background-color:#fff;*/
	color: #555555;
	/*background:url(images/headerBold2.jpg) top center repeat-x;*/
	text-shadow: 1px 1px 1px #ebebeb;
}

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}


hr {
	margin-top:35px;
	border:0;
	width:620px;
	color:#fff;
	clear:both;
}

hr.experience {
	margin:20px 0 12px 0;
	border-bottom: 1px solid #ededed;
	width:620px;
	clear:both;
}

/* --------------------------------- font styles */

h1 {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: -1.1px;
}


h2, h3, h4, h5 {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #212121;}

h5 {
	display:block;
	font-size:16px;
	margin:24px 0 -13px 0;
}

/* --------------------------------- link styles */

a {
	color: #212121;
	font-weight: bold;
	text-decoration: none;
}

h1 a {
	color: #212121;
	text-decoration: none;
	text-shadow: 1px 1px 1px #ebebeb;
}

h1 a:hover {
	color: #666;
}

h2 a {
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color:#666;
	/*background-color:#f7f7f7;*/
	text-decoration: none;
}

/* --------------------------------- page structure */

#page {
	position:absolute;
	top:0;
	width:100%;
	border-top: 2px solid #212121;
}

#wrapper {
	/*background:url(images/bg_gradient.jpg) top center repeat-x; background-color:#fff; color: #333;*/
	margin:2px auto;
	padding:0px 10px 20px 10px;
	width:1000px;
}

#header {
	float:left;
	width:1000px;
	margin:0 0 0 0;
	border-bottom: 1px solid #e2e2e2;
}

/*#header {margin-top: 42px;margin-bottom: 22px;}
#header #logo a {float:left; border-bottom: none; text-indent: -9333px; margin-top: 8px; background: url(images/logo.gif) no-repeat top left; width: 128px; height: 24px;}



*/

#content {
	width:740px;
	float:left;
	padding:31px 0 30px 0;
	min-height:420px;
}

/* --------------------------------- logo styles */

#logo {
	float:left;
	width:140px;
	padding: 0 0 50px 0;
	margin-top: 42px;
}

/*#logo {
	text-indent: -9333px;
	background: url(images/jr_logo.png) no-repeat top left; width: 90px; height: 35px;
}*/

/*#logo a {
	width: 90px; height: 35px;
}

#logo a:hover {
	color:#333;
	background-color:#f7f7f7;

}*/

/* --------------------------------- navigation styles */

div.navigation {

}

#nav {
	width:450px;
	float: right;
	margin: 39px 0 12px 0;
	padding:3px 0 5px 0;
	background-color: none;
}


#nav li {
float:left;
}

#nav li a {
	font-size:16px;
	font-weight: normal;
	font-weight: 500;
	display:block;
	padding:2px 0 0 69px;
	border-bottom:none;
	color: #212121;
	text-shadow: 1px 1px 1px #ebebeb;
}

#nav li a:hover {
	text-decoration: none;
	color: #666;
}

/* --------------------------------- blurb styles */

#promo {
	height:auto;
	width:1000px;
	float:left;
	padding: 40px 0px 62px 0px;
	/*background:url(http://www.jonreil.com/images/bg_draw2.jpg);*/
	border-bottom: 1px solid #E2e2e2;
	background:url(images/bg_draw_hero.jpg) top center no-repeat;
	/*background:url(http://www.jonreil.com/images/hero.jpg) top center no-repeat;*/
}

#blurb {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing: -1.5px;
	height:auto;
	border-bottom: none;
	width:900px;
	float:left;
	padding: 30px 0px;
	font-weight: 500;
	font-style: normal;
	font-size: 72px;
	line-height:110%;
	text-shadow: 1px 1px 1px #cccccc;
}

#blurb a {
	color: #212121;
}

#twitter_update_list {
	float: right;
	width: 180px;
	height: 124px;
	background-color: #eee;
}

#twitter_update_list li {
	list-style: none;
	background: url(http://www.jonreil.com/images/tail.gif) 50px 124px no-repeat;
	padding: 24px 25px 100px 25px;
}



/* --------------------------------- post styles */

.date {
	float: left;
	width: 140px;
	margin: 0 0 0 0;
	font-style: italic;
}

.article {
	float: left;
	width: 500px;
}

.post {
	clear: both;
	padding:0 0 30px 0;
	margin: 0 0 30px 0;
	border-bottom:1px solid #e2e2e2;
	
}

.articleBio {
	margin-left: 140px;
	width: 600px;
}

.postBio {
	clear: both;
	padding:0 0 30px 0;
	margin: 0 0 20px 0;
	border-bottom:none;
	
}

.post p, .postBio p {
	margin:16px 0 16px 0;
}

.post h2, .post h2 a {
	font-size:24px;
	margin:0;
	line-height: 100%;
	font-weight: 700;
	font-style: normal;
	padding: 0 0 3px 0;
	text-shadow: 1px 1px 1px #cccccc;
}

.post h3  {
	font-size:14px;
	margin:15px 0 10px 0;
	color: #666;
}

.post h4, .postBio h4 {
	font-size:16px;
	margin:23px 0 -8px 0;
}


.post h2 a:hover, .post h3 a:hover, .post h4 a:hover {
	/*color:#0072B6;*/
	text-decoration: none;
}

.post em{
	font-style:italic;
	display:block;
	margin:8px 0 0;
}

em.experience {
	font-style:italic;
	display: inline;
	margin:0;
}

.post .indent {
	padding-left:10px;
}

.post .indent p {
	padding-left:10px;
}

.post small {
	font-size:11px;
	color: #999;
}

.post small a {
	font-weight:normal;
	color: #999;
}

.post .alignright {
	float:right;
	margin-left:10px;
}

.post .alignleft {
	float:left;
	margin-right:10px;
}

.post .aligncenter {
	margin:0 auto;
	display:block;
}

.post abbr {
	font-weight:normal;
}

.post ul{
	list-style: disc;
	margin:0 0 0 25px;
}

.post ol{
	list-style:decimal;
	margin:0 0 0 30px;
}

.post .wp-caption {
	background:#f7f7f7;
	border: 1px solid #EEEEEE;
	margin:10px;
	text-align:center;
	padding:5px 0 0;
}

.post .wp-caption-text {
	margin:0;
}

.post .wp-caption a, .post .wp-caption a:hover {
	border-bottom:0;
}

.post blockquote {
	color:#777;
	border-left: 5px solid #ededed;
	margin:15px 30px 0 10px;
	padding-left:20px;
}

.post pre {
	font-family:courier;
	font-size:12px;
	letter-spacing:-1px;
	margin:14px 0 14px 0;
}

.post .message ul {
	margin:12px 0 0;
}

.post .message {
	display:none;
	background:#0F67A1;
	margin-top:10px;
	padding:20px;
	color:#fff;
}

/* --------------------------------- comment styles */

#comments {
	margin: 0 0 0 140px;
	}

#comments h3, #comments h4{
	font-size:24px;
	font-weight: 200;
	margin:35px 0 5px;
}

#comments h4{
	font-size:24px;
	color: 555;
	font-style: normal;
	font-weight: 500;
	text-shadow: 1px 1px 1px #cccccc;

}

#comments cite{
	font-size:16px;
	font-weight:normal;
	border-bottom: none;
}

#comments em {
	font-style:italic;
	text-align:right;
}

#comments ol.commentlist li {
	margin-top:20px;
	border: 1px solid #EEEEEE;
	padding:10px 5px 20px 10px;
	min-height:110px;
}

#comments ol.commentlist li cite {
	font-size:12px;
	padding-left:10px;
}

#comments p {
	margin:10px 20px 0 40px;
	width:auto;
}

#comments span {
	display:block;
	color:#ccc;
	font-size:12px;
	font-weight:normal;
	float:right;
	padding:0 10px 0 0;
}

#comments ul.formlist {
	margin:20px 0;
	width:600px;
}

#comments ul.formlist li {
	display:block;
	margin:10px 0 0;
}

#comments ul.formlist p{
	margin:10px 0 0;
	text-align:left;
}

#comments input {
	width:300px;
	font-size:12px;
	font-weight:normal;
	padding: 4px;
}

#comments textarea {
	width:580px;
	font-size:12px;
	font-weight:normal;
	padding: 4px;
}

#comments li.submitbutton input {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	font-weight: bold;
	font-size:13px;
	width:600px;
	width: auto;
	cursor: pointer;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#212121 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#212121),
		to(#000000));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}


#comments .center {
	text-align: left;
}

/* --------------------------------- sidebar styles */

#sidebar {
	width:210px;
	float:right;
	margin:0;
	padding: 0 0 0 0;
}

.widget_tweetblender {
	margin-top: 35px;
	}

#sidebar h3 {
	margin-top:25px;
	padding:6px 0 8px 0;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	color: #555;
	text-shadow: 1px 1px 1px #cccccc;
}

#sidebar .block ul .children{
	border:0;
	padding: 0 0 0 8px;
}

#sidebar .block li a {
	background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 10px;
	font-weight:normal;
	padding:2px 0 2px 15px;
	display:block;
	border-bottom:none;
}

#sidebar .block li a:hover {
	background:url(images/bullet_black.gif) no-repeat scroll 6px 10px;
}

#sidebar .widget_search label {
	display:block;
	padding:25px 0 3px 0;
	font-size:16px;
	border-bottom: 1px solid #EEEEEE;
	margin:0 0 5px;
}

#sidebar .widget_recent_comments li {
	background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
	padding:2px 0 2px 15px;
}

#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{
	background:none;
	border-bottom: 1px solid #EEEEEE;
	text-decoration:none;
	color:#333;
	font-weight:600;
}

#sidebar .widget_recent_comments li a:hover {
	color:#0072B6;
	background-color:#f7f7f7;
}

#sidebar .widget_tag_cloud h3 {
	margin:0 0 8px;
}

#sidebar .calendar h3{
	display:none;
}

#sidebar #wp-calendar {
	width:95%;
	text-align:center;
}

#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{
	text-align:center;
}

#sidebar #wp-calendar caption {
	font-size:16px;
	padding:25px 0 3px 0;
}

#sidebar #wp-calendar th {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

#sidebar #wp-calendar tfoot td{
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

a.rsswidget {
	font-weight: normal;
}

/*#sidebar .textwidget img {
        padding-bottom: 12px;
}*/

/* --------------------------------- footer styles */

#footer {
	width:1000px;
	border-top: 1px solid #E2e2e2;
	text-align:left;
	padding:12px 0 40px 0;
	color:#999;
	clear: both;
	margin:auto;
}

/* --------------------------------- infinite scroll loader styles */

div#infscr-loading {
		padding-top: 20px;
}

/* --------------------------------- twitter follow me styles */

.follow-me {
	background: url(images/twitter.png) no-repeat left center;
	padding: 2px 0px 2px 20px;
	display: block;
	margin-top: 33px;
	}
	
/* --------------------------------- nivo slider styles */

#slider {
    position:relative;
    width:618px; /* Change this to your images width */
    height:246px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}