/* Begin Typography and Colors */
body {
	font-size: 70%;
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #E1E1E1;
	color: #777;
	text-align: center;
	}

#page {
    border: none;
	text-align: left;
	}

#kcontent {
	font-size: 1.1em
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

#final-footer a:hover {
	background: none;
	}

small {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3, .archives-header {
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 1.2em;
	text-align: center;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.4em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	padding-top: 30px !important;
	padding-bottom: 15px !important;
	color: #CEEC00 !important;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #AAA;
	background:none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #CEEC00;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
	
a.search-title {
	color: #777 !important;
	}

.entry {
	font-size: 1.05em;
	line-height: 1.6em;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-family: Verdana, Arial, Sans-Serif;
	font: 0.9em;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

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

#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em Verdana, Arial, Sans-Serif;
	}

small, .nocomments, .postmetadata, strike {
	color: #C0C0C0;
	}

#sidebar ul ul li, #sidebar ul ol li, blockquote {
	/*color: #C0C0C0;*/
	}
	
code {
	font: 0.9em 'Courier New', Courier, Fixed;
	background-color: #f8f8f8;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
	color: #C0C0C0;
	background: none;
	text-decoration: none;
	}

a:hover {
	color: #FFF;
	background-color: #C0C0C0;
	text-decoration: none;
	}
/* End Typography and Colors */


/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}

#page {
	background-color: white;
	margin: 0px auto 0;
	padding: 0;
	width: 760px;
	border: none;
	}
	
#header {
	padding: 0;
	margin: 0 auto;
	height: 103px;
	width: 100%;
	background-color: white;
	}

#headerimg {
	margin: 0;
	height: 103px;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
	
.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
	}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
	}

.postmetadata {
	clear: left;
	}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
	
#final-footer {
	padding-bottom: 10px;
	}
/* End Structure */


/*	Begin Headers */
h1 {
	padding-top: 30px;
	margin: 0;
	}

.description {
	text-align: center;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: left;
	}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

#top-nav {
	width:100%;
	text-align: center;
	}

#top-nav a {
	padding-left: 10px;
	padding-right: 10px;
	}
/* End Headers */


/* Begin Images */
img {
    padding:5px;
    margin: 5px 0;
    border:1px solid #ccc;
    }

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
	
.entry img {
	padding:5px;
	border:1px solid #F0F0F0;
	}
/* End Images */


/* Begin Lists */
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li, #bottombar ul ul li, #bottombar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

/*#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	width: 60px;
	float: right;
	}*/
/* End Form Elements */


/* Begin Comments*/
.alt {
	/*background-color: #f8f8f8;*/
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.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;
	}
/* End Comments */


/* Begin Sidebar */
#sidebar {
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */


/* Begin Various Tags and Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	background-color: #f8f8f8;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding: 5px;
	margin: 5px 5px 5px 5px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags and Classes*/

/* Theme Images */

/* 
	You have to find template images at images directory of the template archive and
	upload them to free host (such as imageshack.us), then replace the image names
	listed here with the given links from your free image host. For example;
	
	Replace this;
	
	#page {
		background: url("http://www.blakesmame.com/images/middle.jpg") repeat-y top white;
		}
	
	to;
	
	#page {	
		background: url("http://www.blakesmame.com/images/middle3js.jpg") repeat-y top white;
		}
*/

#page {
    background: url("http://www.blakesmame.com/images/middle.jpg") repeat-y top white;
  }
  
#kheader {
    background: url("http://www.blakesmame.com/images/header.jpg") no-repeat bottom center;
  }
  
#footer {
    background: url("http://www.blakesmame.com/images/footer.jpg") no-repeat bottom; border: none #eee;
  }
  
#separator {
	background: url("http://www.blakesmame.com/images/separator.gif") no-repeat center center;
	width: 100%;
	height: 97px;
	}
	
ul.bubble-list li {
	padding-left: 15px !important;
	background: url("http://www.blakesmame.com/images/linkbubble.gif") no-repeat left top !important;
	}
	
ul.star-list li {
	padding-left: 15px !important;
	background: url("http://www.blakesmame.com/images/linkstar.gif") no-repeat left top !important;
	}
	
ul.feed-list li {
	padding-left: 15px !important;
	background: url("http://www.blakesmame.com/images/feedicon.gif") no-repeat left top !important;
	}
	
.tag-list ul {
	padding-left: 35px !important;
	background: url("http://www.blakesmame.com/images/tagofpost.gif") no-repeat left !important;
	}
/* End Theme Images */

/* Begin Comment Hack */
.comments {
	text-align:left;
	padding:10px 0 0;
	position:relative
	}

.comments form {
	clear:both;
	padding:1px 0 30px;
	margin:0
	}
	
.comments form input[type=text] {
	width:45%;
	margin:5px 5px 1px 0
	}
	
.comments form textarea {
	height:250px;
	width:100%;
	padding:2px
	}
	
.comments form #submit {
	margin:0;
	float:right
	}
	
.comments form .out {
	background:buttonface;
	border:1px solid buttonface;
	margin:1px;
	padding:0
	}
	
.comments form .over {
	background:buttonface;
	border-top:1px solid buttonshadow;
	border-left:1px solid buttonshadow;
	border-bottom:1px solid buttonhighlight;
	border-right:1px solid buttonhighlight;
	margin:1px;
	padding:0
	}

.comments form .buttons {
	text-align:left;
	}

.comments form .checkbox {
	text-align:right;
	}

.comments form .formatting {
	text-align:right;
	}
	
.hide {
	display:none
	}

.show {
	display:inline
	}
/* End Comment Hack */

/* Begin Technorati Tags */
.tag-list {
	text-align: center;
	padding-top: 20px;
}

.tag-list ul, .tag-list li {
	display: inline;
	margin: 0;
	padding: 0;
}
/* End Technorati Tags */


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 0px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}