@charset "utf-8";
/* CSS Document */

/*
Theme Name: Jon Sprunk Author Theme
Theme URI: http://jonsprunk.com/
Description: A WordPress theme created for JonSprunk.com.
Version: 1.0.1
Author: W. H. Horner Editorial & Design
Author URI: http://whhorner.com/
Tags: fixed width, two columns, black, white, red

This theme is the copyright of JonSprunk.com and Jon Sprunk. All rights reserved.

*/

/* ///// GENERAL /////*/

body {	margin:0;
		font-size:0.8em;
		line-height:1.5em;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#000;
		background:#FFF url("images/background.jpg") no-repeat fixed center top;
		}
		
#wrap { margin:0 auto;
		width:960px;
		background-color:#1b1b1b;
		border: none;
		border-bottom:0px;
		}

.clearfloatright { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
	position:relative;}
	
	
.clearfloatleft { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
	position:relative;}

/* ///// TYPEOGRAPHY /////*/

h1 {font-size: 400%;
	line-height:100%;
	margin-top:15px;
	margin-bottom:0px;}

h2 {font-size: 220%;
	line-height:120%;
	margin:0;
	margin-top:15px;
	}

.hometop, {margin-top:0px; margin-left:40px; color:#e20000;}

#col1 h2 {font-size: 220%;
	line-height:120%;
	margin:0;
	margin-left:12px;}
			
.home, {font-size: 150% !important; color:#e20000;}	
			
h3 {font-size: 180%;
	line-height:100%;
	margin-top:0;}

#col2 h2 {font-size: 110%;
	line-height:100%;
	margin-top:0;}
	
h5 {font-size: 100%;
	line-height:120%;
	margin:6px 0;
	text-align:center;
	}

small {padding-left:15px;
font-size:90%;}

.small {margin-left:15px;}

a {color:#e20000;
	text-decoration:none;}

a:hover {text-decoration:underline;}

a:visited {}

/* ///// HEADERS /////*/

#header {width:960px;
			height:312px;
color:#feb61c;
position:relative;
float:left;
background:#FFF url("images/header.jpg") no-repeat;

}

#header h1 {font-size:1%;
			line-height:1%;
			color:#feb61c;
				position:relative;
				text-indent: -2000px;
				margin:0px; padding:0px
				margin-bottom:-20px;
	}

.description {font-size: 135%;
				position: relative;
				left:-2000px;
				text-indent: -2000px;
				color:#FFF;
				margin:0px; padding:0px;
				margin-bottom:-20px;
}
/* ///// NAV /////*/
#banners {width:960px; height:70px;}

#nav {width:960px; height:27px;
		background: #e20000;
		margin:0px;
		margin-top:157px;
		padding:0;
	}
	
	#nav img {margin-left:32px; padding:0;}
	
/* ///// CONTENT /////*/


#concontainer1 {width:960px;
				position:relative;
				float:left;
				color:#000;
				background:url("images/contentback.jpg") repeat scroll left top transparent;
	    }

#col1 {width:575px;
		margin:0px;
		margin-left:30px;
		margin-right:30px;
		float:left;
		color:#FFF;
		background-color:#000;
		position:relative;
		overflow: hidden; 
		}
	
.archive {	margin-left:15px;
			margin-right:auto;
			width:575px;
    		position:relative;
    		overflow:hidden;
			background-color:#e20000;
				}
.archive p {text-align:center;
				margin-top:16px;
				margin-bottom:16px;}	

.archive a {color:#000;}

.archive h2 {text-align:center;
		margin:0;
		padding-bottom:16px;}
		
.entry {text-align:justify;
		margin-left:15px;
}

#col1 h3, #col2 h3 {	margin-bottom:-10px;
			font-size:170%;}
			
#col2 h3 { padding-top:15px;}

#col1 p {font-size:120%;}

.entry a {color:#e20000;}

#col2 {width:280px;
		float:left;
		background-color:#000;
		color:#FFF;
		margin-left:30px;
		}

#col2 a {color:#e20000;}


.meta {	margin-top:12px;
			margin-left:auto;
			margin-right:auto;
			width:100%;
    		position:relative;
    		overflow:hidden;
				}		
			
.postmetadata {	margin-top:-2px;
				margin-bottom:20px;
				margin-left:15px;
				padding:0;
				color:#FFF;
				font-size: 150%;}
				
.metafull {	list-style-type:none;
			font-size:80%;		}
.metafull li p {		margin-left:6px;
						color:#FFF;
						}
						
.metafull li p a {color:#e20000;
					}

.metafull .alt {

	border-left: 2px solid #FFF;
	padding-left: 6px;
}

.navigation {width:575px;
			font-size:135%;
			position:relative;
			float:left;
			}
	
.navalignleft {position:relative;
				margin-left:15px;
				text-align:left;
				float:left;}
		
.navalignright {position:relative;
				text-align:right;
				float:right;}

/*Begin Gallery */

h6 {font-size: 160%;
	line-height:120%;
	margin:15px 0px 0px;}

.gallery {margin-left:0px;}
.gallery-item {margin-left:0px; float:left;}
.gallery-icon {margin-left:0px; margin-right:25px; float:left;}
.gallery-caption {margin-left:0px; width:150px; float:left;}

.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
.noborder {border: 0px;}	

/*	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 {
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 5px 10px 5px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {clear:both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 2px solid #CCC;
	text-align: center;
	color:#000;
	background-color: #FFF;
	padding-top: 4px;
	margin: 10px;
	-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: 11px;
	line-height: 17px;
	padding:4px;
	margin: 0;
}
/* End captions */




#searchform #s {margin-left:12px;
	width: 200px;
	}
	
.screen-reader-text {margin-left:12px;}

/* ///// COMMENTS ///// */

#comments {	padding-top:25px;
			margin-left:30px;
			margin-right:30px;
			font-size:135% !important;
			line-height:125%;
				}
				
.comment p, .comment-awaiting-moderation {margin-left:0px; margin-right:0px; padding-left:6px !important; padding-right:6px !important;}
.comment-awaiting-moderation {color:#3DD123;}

.commentlist {width:535px;
				list-style-type:none;}

.thread-alt {
		color:#FFF;
	background-color:#1B1B1B;
			margin-bottom:6px;}
			
.thread-alt a {color:#e20000;}

.thread-even {color:#FFF;
	background-color:#1B1B1B;
	margin-bottom:6px;
}

.thread-even a {color:#e20000;}

.avatar {
			margin-top:6px;	margin-left:6px; margin-right:6px;
border:#fff 1px solid;}

.thread-alt .avatar {
			border:#000 1px solid;}

.depth-1 {
border: 1px solid #000;
}

.thread-even .even, .thread-even .alt {

	border-left: 2px solid #FFF;
}


.thread-alt .even, .thread-alt .alt {

	border-left: 2px solid #e20000;
}

.comment-meta  {margin-left:6px;}
.reply {margin-left:6px;
	margin-bottom:6px;}

#respond {	padding-top:19px;
			margin-left:12px;
			margin-right:12px;
							}
							
.cancel-comment-reply-link {color:#981e32;}

/* ///// BOTTOM AD /////*/

#ad {	width:748px;
		float:left;}

#ad2 {width:182px;
		float:right;
}


/* ///// SIDEBARS /////*/

#col2 #searchform #s {
	width: 165px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	}
#ie-message {background:#db2e2e;
border:1px solid #333;
color: #fff;
padding:15px;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:10px;}

#sidebar #searchsubmit {
	padding: 1px;
	}

.widgettitle {margin-left:-30px;}	

ul {list-style-type:none;
		}
		
ul li {margin-bottom:12px;}
ul li h2 {margin-bottom:2px;}
ul li ul li {margin-bottom:0px;}
				
				
#col2 ul {list-style-type:none; margin:0px; padding-left:12px; padding-right: 12px;
		}
		
#col2 ul li {margin-bottom:12px;}
#col2 ul li h2 {margin:0px; margin-bottom:2px;}
#col2 ul li ul li {margin-bottom:0px;}


	
/* ///// FORMS /////*/

/* ///// FOOTER /////*/

#footer {width:930px;
color:#FFF;
background-color: #000;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
position:relative;
		border: none;
}

#footer a {color:#e20000;}

#footercol1 p {margin:0;
		padding:0;
		padding-left:12px;
		color:#FFF;}

#footercol1 {	width:420px;
		float:left;
		position:relative;
		margin-left:15px;
		margin-right:15px;}

/* ///// IMAGES /////*/

/* ///// FUN CLASSES /////*/

.shadowouter {margin-left:12px; margin-top:12px; margin-bottom:9px; width: 654px; background: #272727; float:left; z-index:1;}
 
.shadowmiddle {width: 653px; background: #171717; z-index:2;}
 
.shadowinner {width: 652px; background: #080808; z-index:3;}
 
.shadowmiddle, .shadowinner {
	float:left;
  position: relative;
  left: -1px;
  top: -1px;
  }