/* theme based on copyblogger by Chris Pearson (http://pearsonified.com) */

* { padding: 0; margin: 0; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background: #f8f8f0;
  color: #555;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}


/* global typography elements */

/*
a:visited {
  color: #777;
  text-decoration: none;
}
*/

a {  color: #d2382c;  text-decoration: none; }
a:hover {  color: #455D7F;  text-decoration: none; }
a img {  border: none; }

blockquote {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #555;
  border-left: 3px solid #d2382c;
  margin: 0 0 20px 20px;
  padding-left: 10px;
}

abbr, acronym {
  border-bottom: 1px dotted #999;
  cursor: help;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 11px;
  text-transform: uppercase;
}

code {
  color: #555;
  font-family: Courier, "Courier New", monospace;
  line-height: 13px;
}

pre {
  background: #ececec;
  overflow: auto;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 13px;
}

p.unstyled {  font-size: 12px; }
p.center {  text-align: center; }

/* headlines */

h1, h2, h3, h4, h5 {
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h4 {
  font-size: 12px;
  line-height: 15px;
}

h1, h2, h5 {
  color: #d2382c;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 40px;
}

h2 {  margin: -15px 0 45px 180px; }

h5 {  letter-spacing: -0.5px;  text-align: left; }
h5 a:hover {  color:#455D7F;  }

* html body h2 {
  margin-left: 190px;
  margin-top: 20px;
  margin-bottom: 50px;
  line-height: normal;
} 

h2 a, h2 a:visited {  color: #d2382c; }
h2 a:hover {  color: #e6880e; }

.archive h1, #sidebar h2, h3, h4 {  color: #222; }

.page h1 {
  margin-bottom: 21px;
  margin-top: 21px;
  border-bottom: 3px double #ccccba;
}

.archive h1 {
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 17px;
}

#sidebar h2 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 9px;
  border-bottom: 3px double #ccccba;
}

.entry h3 {  margin: 30px 0 10px 0; }

#comments h3 {
  font-size: 18px;
  line-height: 20px;
}

#comments h3.comment_intro {
  margin-bottom: 20px;
  padding-top: 37px;
  border-top: 3px double #ccccba;
}

#comments h3#respond {  margin-top: 40px; }

/* core layout elements */

#header {
  background: #ddd;
  border-bottom: 8px solid #455d7f;
  color: #222;
}

#test {
  padding-bottom: 20px;
}

#testcontainer {
  min-height: 100%;
  position: relative;
}

#footer {
  position: absolute;
  bottom: 0;
  height: 20px;
  width: 100%;
}

#container {
  width: 728px;
  margin: 0 auto;
  height: 100%;
}

#content_box {
  width: 728px;
  height: 100%;
}

#content {
  width: 408px;
  padding-right: 60px;
  float: left;
}

#sidebar {
  width: 260px;
  float: left;
}

.whole #sidebar {
  display: none;
}

.whole #content {
  width: 728px;
  padding-right: 0;
  z-index: 3;
}

/* header styles */
#logo {
  width: 728px;
  margin: 0 auto;
  position: relative;
  padding-left: 170px;
  width: 558px;
  height: 100px;
}

#logo a {
  font: normal 40px/55px Lucida Sans Unicode;
  color: #222;
  letter-spacing: -3px;
}

#logo .tagline {
  font: normal 30px/36px Lucida Sans Unicode;
  color: #222;
  letter-spacing: -2px;
}

#logo h1, #logo #tagline {
  display: none;
}

#header .avatar {
  position: absolute;
  top: -1px; left: 0;
  z-index: 3;
}


/* navigation menu */

#nav {
  width: 588px;
  margin-bottom: 30px;
  margin-left: 167px;
}

* html body #nav {
  margin-left: 170px;
  margin-bottom: 0;
  width: 578px;
}

#nav ul {  list-style: none; }
#nav ul li {  font-size: 12px;  float: left; }

#nav ul li a, #nav ul li a:visited {
  display: block;
  padding: 5px 13px 8px 13px;
  color: #222;
}

#nav ul li a:focus, #nav ul li a.active:focus {
  color: #f8f8f0 !important;
  background: #455d7f;
  text-decoration: none !important;
}

#nav ul li a:hover, #nav ul li a.active:hover {
  color: #f8f8f0 !important;
  background: #455d7f;
  text-decoration: none !important;
}

#nav ul li a.active, #nav ul li a.active:visited {
  color: #222;
  text-decoration: underline;
}


/* footer */

#footer p {
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  background: #ccc;
  color: #222;
}

#footer a, #footer a:visited {  color: #d2382c; }
#footer a:hover {  color: #455D7F;  border-color: #f8f8f0; }

/* search form */

#search_form {   margin-bottom: 7px; } 

/* hack for safari */
html[xmlns*=""] body:last-child #search_form { margin-bottom: 4px; }

#search_form .search_input {
  width: 191px;
  padding: 3px;
  color: #777;
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  border: 1px solid #999;
  border-right-color: #eee;
  border-bottom-color: #eee;
}

#search_form .search_input:focus {
  border-top-color: #666;
  border-left-color: #666;
  border-right-color: #ddd;
  border-bottom-color: #ddd;
}
	
#content .search_input {  font-size: 11px !important; }

/* self-clearing floats courtesy of dan cederholm at simplebits.com */

#header:after, #logo:after, #nav:after, #content_box:after, .page .entry:after, #comments:after, dl#comment_list dd:after, #comment_form:after {
  display: block;
  height: 0;
  content: ".";
  visibility: hidden;
  clear: both;
}

/* misc */

blockquote.left, blockquote.right {
  width: 219px;
  border: 0px solid #ccccba;
  border-top-width: 1px;
  border-bottom-width: 1px;
  display: inline;
  float: right;
  clear: right;
  font: 16px Georgia;
  margin: 8px 0 8px 17px;
  padding: 7px 0;
}

blockquote.poem {
  width: auto;
  font: italic 12px/19px Georgia;
}

#content p {
  margin: 0 0 23px 0;
  font: normal 13px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

#sidebar p {
  font-size: 12px;
  margin: 10px 0;
  text-align: center;
}

#sidebar h2,
#content h3,
.col1 h3 {
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 9px 0;
  border-bottom: 3px double #ccccba;
  color: #222;
}

#sidebar ul,#content ul {  font-size: 12px; }

#sidebar ul li, #content ul li {
  list-style-type: none;
  background: url(../images/bullet.gif) no-repeat 0 3px;
  padding-left: 14px;
  margin-bottom: 10px;
}

#sidebar ul.shortlist li, #content ul.shortlist li {  margin-bottom: 3px; }

#sidebar ul li p, #content ul li p {
  text-align: left;
  margin: 0;
}

#content p.post_date {
  height: 17px;
  margin: -8px 0 12px 0;
  line-height: 17px;
  font-size: 11px;
}

.highlight {  background-color: #ffc !important; }

.highlightbox {
  background-color: #ffc !important;
  border: 1px solid #455d7f;
  padding: 12px;
  margin: 8px 0 15px 0;
}

#content .highlightbox p {  margin: 0;  padding: 0; }

/* photos */
div.gallery {  clear: both;  float: left; }

div.gallery h3 {
  float: right;
  text-align: left;
  width: 480px;
}

* html body div.gallery h3, * html body div.gallery p  {  clear: both; }

div.gallery a.thumb img {
  float: left;
  width: 224px;
  padding: 3px;
  background-color: white;
  border: 1px solid #aaa;
  margin-bottom: 12px;
}

div.gallery a.thumb:hover img {  border-color: #333; }
div.gallery p {  float: right;  width: 480px; }

.ieclear {
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}

.alignright {	font-size:13px;	float: right; }
.alignleft {	font-size:13px;	float: left; }
.aligncenter2 {	font-size:13px;	}
	
	/* Captions */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto; }

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 5px;
/*	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 10px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

#sidebar1 form {	margin: 0;	}
	
.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	line-height: 1.4em;
	text-align: center;
	padding-top: 5px;
}
	
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
	
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	/*overflow:hidden;	*/	/* This chops off any overhanging divs */
}
	/* common column settings */
.colright, .colmid, .colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}

.col1, .col2, .col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	/*overflow:hidden;*/
}
	/* 3 Column settings */
.threecol {		background:#f8f8f0; }		/* right column background colour */	
.threecol .colmid 
{
	right:16.667%;			/* width of the right column */
	background:#f8f8f0;		/* center column background colour */
}

.threecol .colleft 
{
	right:66.667%;			/* width of the middle column */
	background:#f8f8f0;	/* left column background colour */
}

.threecol .col1 
{
	width:64.667%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}

.threecol .col2 
{
	width:14.667%;			/* Width of left column content (column width minus padding on either side) */
	left:19.667%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 
{
	width:14.667%;			/* Width of right column content (column width minus padding on either side) */
	left:88.333%;			/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
	
.widecolumn .entry p {	font-size: 1.05em;	}
.narrowcolumn .entry, .widecolumn .entry {	line-height: 1.4em;	}

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}

html>body .entry li {	margin: 7px 0 8px 10px;	}
.entry ul li:before, #sidebar ul ul li:before {	content: "\00BB \0020";	}
.entry ol {	padding: 0 0 0 35px;	margin: 0;	}
.entry ol li {	margin: 0;	padding: 0;	}

.col1 p.post_date {
  height: 17px;
  margin: -8px 0 12px 0;
  line-height: 17px;
  font-size: 11px;
}

.col1 p {  margin: 0 0 23px 0;  font: normal 13px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }

#footerNEW {
	clear:both;
	float:left;
	width:100%;
}

#footerNEW p {
  	font-size: 10px;
	line-height: 20px;
  	text-align: center;
	background: #ccc;
	color: #222;	
	margin:0;
}

label {		font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;	 }
	 
.forms textarea, input[type="text"], input[type="password"]        {background:#ffffff; color:#000; border:1px solid #8d8d8d; position:relative; top:0px; padding:3px 2px 1px 2px; font:bold 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-align:left;}
.forms textarea:hover, input[type="text"]:hover, input[type="password"]:hover  {background:#455d7f; color:#fff; border: 1px solid #455d7f;}
.forms textarea:focus, input[type="text"]:focus, input[type="password"]:focus  {background:#f8ffba; color:#455D7F; border:1px solid #ffdb72;}
.forms i { font-size: 10px; }