/*
 * Theme Name: BKWP
 * Theme URI: http://billkracke.com
 * Description:  Bill Kracke's WordPress Framework
 * Author: Bill Kracke
 * Version: 1.0
 * Tags: framework
 */

/* 	01	RESEST
 * 	02 	GLOBAL ELEMENTS 
 * 		02.1 TYPOGRAPHY
 *		02.2 LINKS
 *		02.3 LISTS
 *		02.4 FORMS
 *		02.5 TEXT ELEMENTS
 *	
 */	

/***   01 RESET   ***/
html, body, div, ul, ol, li, form, fieldset, legend, label
	{ margin: 0; padding: 0; }

table	{ border-collapse: collapse; border-spacing: 0; }
	th, td { text-align: left; vertical-align: top;}
		
h1, h2, h3, h4, h5, h6, p { margin: 0; padding:0; }

fieldset,img { border: 0; }

ul, ol { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

	/* fix the little things that annoy */
	textarea { overflow:auto; } /* fix IE textarea scrollbars */
	html { height:101%; } /* fix FF scrollbars */
	a img { border:none; } 


	
/***   02	GLOBAL ELEMENTS   ***/

/**  02.1 TYPOGRAPHY  **/
	body { 
		font-family: 'Helevtica Neue', Arial, Helvetica, sans-serif;
		font-size: 14px; 
		line-height: 20px;
		color:#333;
		background-color: #555;
		}

	h1, h2, h3, h4, h5, h6 { font-weight: bold; clear: both;  color: #004;}
		h1 { 
			font-size: 32px; 
			line-height: 40px; 
			margin: 0 0 20px; 
			}
		h2 {
			font-size: 24px; 
			line-height: 30px; 
			margin: 10px 0 20px; 
			}
		h3 { 
			font-size: 19px; 
			line-height: 20px; 
			margin: 10px 0 10px; 
			}
		h4, h5, h6 { 
			font-size: 16px; 
			line-height: 20px; 
			margin: 15px 0 5px; 
			}
		
	pre, code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

/**  02.2 LINKS  **/
	a:link { 
		color: #009; 
		font-weight: bold; 
		text-decoration:underline; 
		padding: 0px 2px; 
		position:relative; 
		}
	a:visited { 
		color: #933;
		}
	a:hover, a:focus { color: #11d; text-decoration:none; }
	a:active { top: 1px; }

/**  02.3 LISTS  **/
	#content ul {
		list-style: square;
		margin: 0 0 20px 2em;
		}
	#content ol {
		list-style: decimal;
		margin: 0 0 20px 2em;
		}
	#content ol ol {
		list-style:upper-alpha;
	}
	#content ol ol ol {
		list-style:lower-roman;
	}
	#content ol ol ol ol {
		list-style:lower-alpha;
	}
	#content ul ul,
	#content ol ol,
	#content ul ol,
	#content ol ul {
		margin: 10px 0;
		}
	#content li { margin-bottom: 10px; }



.form label {
	margin-right: 10px;
	color: #999999;
	}



/**  02.5 TEXT ELEMENTS **/
p { margin-bottom: 20px; }	

strong { font-weight:bold; }
em { font-style: itlaic; }

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}	

blockquote {
	color: #444;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	box-shadow: 0 4px 8px rgba( 0,0,0,0.2);
		-moz-box-shadow: 0 4px 8px rgba( 0,0,0,0.2);
		-webkit-box-shadow: 0 4px 8px rgba( 0,0,0,0.2);
	margin:0 60px 20px;
	padding: 30px 20px 10px;
	font-size: 16px;
	line-height:20px;
	}
		
	hr {
		background-color: #ccc;
		border:0;
		height: 1px;
		margin-bottom: 19px;
		clear:both;
	}

/***   03 LAYOUT   ***/
#wrapper {
		position:relative;
		width: 1000px;
		margin: 20px auto 60px;
		background: #f6f6f6;
		box-shadow: 10px 10px 15px rgba(0,0,0,0.4), -10px 10px 15px rgba(0,0,0,0.4);
			-moz-box-shadow: 10px 10px 15px rgba(0,0,0,0.4), -10px 10px 15px rgba(0,0,0,0.4);
			-webkit-box-shadow: 10px 10px 15px rgba(0,0,0,0.4), -10px 10px 15px rgba(0,0,0,0.4);
		}

/**  03.1 HEADER  **/
#branding {
	position:relative;
	padding: 40px 20px 20px;
	background-color: navy;
	border-bottom: #339 1px solid;
	background-image: -moz-linear-gradient(top, #000066, #000022); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000066),color-stop(1, #000022)); /* Saf4+, Chrome */
  	}
	
	#site-title { margin:0; padding:0;}
	#site-title a, #site-tile a:visited, #site-title a:hover {
		font-family: "Arial Black";
		font-size: 48px;
		color: #fff;
		text-shadow: 5px 5px 10px rgba(0,0,0,0.4);
		text-decoration:none;
		font-weight:normal;
		letter-spacing: -.05em;
		}
	#site-description {
		width:40%;
		position:absolute;
		top:30px;
		left:50%;
		line-height: 48px;
		font-size: 32px;
		font-family: Garamond;
		color:#aac;
		}

/** 03.2 SITENAV  **/
	#sitenav .menu {
		border: #888 1px solid;
		border-width: 1px 0 1px 0;
		
		height:20px;
		background-color:#ddd;
			background-image: -moz-linear-gradient(top, #eeeeee, #aaaaaa); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #aaaaaa)); /* Saf4+, Chrome */
			padding-left:20px;
		margin-bottom:5px;
		}
	
	.menu ul {
		float:none;
		border-bottom:1px solid #999;
		height:100%;
		border-left: 1px solid #aaa;
		}
	.menu li {
		float:left;
		}
		#sitenav a {
			color: #444;
			padding: 3px 20px 2px;
			text-transform:uppercase;
			font-size: 12px;
			line-height:16px;
			text-decoration:none;
			border-right: 1px solid #aaa;
			}
		#sitenav a:hover {
			background-color:#ccc;
			color: #622;
			text-shadow: none;
			}
			
/**  03.3 CONTENT  **/
	#nav-above a, #nav-below a {
		color: #666;
		text-decoration:none;
		margin: 20px;
		text-transform: uppercase; 
		font-size: 10px;
		padding: 5px 10px;
		}
		#nav-above a:hover, #nav-below a:hover {
			text-shadow: none;
			background-color: #eee;
			color: #622;
			}
	
	#container {
		overflow: hidden;
		margin: 0 20px;
		}
	#content {
		width: 640px;
		float:left;
		}
	
	#primary, #secondary {
		width: 149px;
		padding: 20px 0px;
		float:right;
		border-left:1px solid #ccc;
		height:100%;
		font-size: 12px;
		line-height: 15px;
		box-shadow: -1px 0px 0px #fff;
			-moz-box-shadow: -1px 0px 0px #fff;
			-webkit-box-shadow: -1px 0px 0px #fff;
		}

	
	.post{
		margin: 20px 0 20px;
		border-bottom: 1px solid #ccc;
		padding-bottom:40px;
		box-shadow: 0px 1px 0px #fff;
			-moz-box-shadow: 0px 1px 0px #fff;
			-webkit-box-shadow: 0 1px 0px #fff;
		}
	.entry-title {
		font-size: 32px; 
		line-height: 40px; 
		padding: 0;
		margin:0 0 5px;
		font-family: "Palatino Linotype", Georgia, "URW Palladio L", "Century Schoolbook L", serif;
		border-bottom: 1px solid #ccc;
		box-shadow: 0px 1px 0px #fff;
			-moz-box-shadow: 0px 1px 0px #fff;
			-webkit-box-shadow: 0 1px 0px #fff;
		text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
		}
		.entry-title a, .entry-title a:hover, .entry-title a:visited {
			color: #006;
			text-decoration:none;
			font-weight:bold;
			}
		.entry-timestamp {
			display:block;
			text-align:right;			
			font-size: 12px;
			text-transform: uppercase;
			color: #999;
			position:relative;
			}
		
		.entry-meta {
			color: #666;
			font-size:12px;
			text-transform: uppercase;
			text-shadow: 0 1px 0px #fff;
			}
			.entry-meta a, .entry-meta a:visited { font-weight:normal; color: #005; text-decoration:none; }
			.entry-meta a:hover { text-decoration:underline; color: #500; }
			.comments-link a, .comments-link a:visited{ font-weight:bold; }
	
	#content img {
		margin: 10px 0;
		}
		#content img.alignleft {
			margin-left:0;
			}
		#content img.alignright {
			margin-right: 0;
			}
	
	.widget-container {
		margin: 0 10px 20px;
		border-bottom: 1px solid #ccc;
		box-shadow: 0px 1px 0px #fff;
			-moz-box-shadow: 0px 1px 0px #fff;
			-webkit-box-shadow: 0 1px 0px #fff;
		padding-bottom:10px;
		}
		.widget-container a, .widget-container a:visited,
		blockquote a, blokquote a:visited { font-weight:bold; color: #005; text-decoration:none; }
		.widget-container a:hover, blockquote a:hover { text-decoration:underline; color: #500; }
		.widget-title {
			color: #666;
			font-size:12px;
			text-transform: uppercase;
			font-weight:bold;
			text-shadow: 0 2px 0px #fff;
			margin:0 0 5px;
			display:block;
			letter-spacing: .1em;
			}
	#footer {
		color: #666;
		font-size:12px;
		padding: 10px 20px 10px;
		background-color: #d0d0d0;
		clear:both;
		}
		#site-info {
			font-size:12px;
			text-transform: uppercase;
			text-shadow: 0 2px 0px #fff;
			}
			#site-info a, #site-info a:visited {
				color:#666;
				text-shadow: 0 1px 0 rgba(255,255,255,0.5);
				text-decoration:none;
				}
			
			#site-info a:hover {
				color:#600;
				text-decoration:underline;
				}
			

	
	
		
			
	
			
		
		
		
		
		

		
	



/***   05 UTILITY CLASSES   ***/
.alignleft {
	float:left;
	text-align:left;
	}
.alignright {
	float:right;
	text-align:right;
	}
.aligncenter {
	text-align: center;
	margin-left:auto;
	margin-right: auto;
	}
.screen-reader-text {
	position: absolute;
	left: -9000px;
	}
	
.ie .clearfix {zoom:1;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
/***   06 WORDPRESS STANDARDS   ***/

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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: 0 4px 5px;
   margin: 0;
}