/*
 * DESC: 
 * 
 * AUTHOR:: Bill Kracke
 * AUTHOR URL: http://billkracke.com
 *

 * COLORS
	#333 -- Dark Grey
	#39C -- TEAL
	#
	
	
LAST MOD: date
 */

/* RESET -----------------------------------------------------*/

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
input,textarea,
p,blockquote,
th,td						{	margin:0; padding:0;	}
table						{ 	border-collapse:collapse; border-spacing:0;		}
fieldset,img				{	border:0;	}		
caption,th					{	text-align:left;	}
h1,h2,h3,h4,h5,h6			{	font-size:100%; font-weight:normal;		}
q:before,q:after			{	content:'';		}		
abbr,acronym				{	border:0; border-bottom: 1px dotted; 	}
	
/* GOLBAL ---------------------------------------------- */
html
	{
	font-size:100.01%;
	min-height:101%;
	}
	
body
	{
	font-size:62.5%; /* gives us the 10px magic */
	}

/* BASE --------------------------------------------- */
body
	{
	font-family:  Trebuchet, Arial, sans-serif;
	line-height: 1.4;
	background-color: #333;
	color:#111;
	}

h1, h2, h3, h4, h5, h6
	{
	font-family: Trebuchet, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;	
	letter-spacing:0;
	line-height: 1.25;
	word-spacing:0;
	text-transform: none;
	color: #333;
	}



/* set default text size */
#wrapper
	{
	line-height: 1.4;
	margin: 0 0 1em;
	}

h1	{font-size: 200%;margin: 0 0 10px;}
h2	{font-size: 175%;margin:0 0 10px;}
h3	{font-size: 150%; margin: 0 0 10px;}
h4	{font-size: 133%; margin: 0 0 10px;}
h5	{font-size: 125%; margin: 0 0 10px;}
h6	{font-size: 100%; margin: 0 0 10px; font-variant: small-caps;}
	
pre, code
	{
	font-family: Consolas, "Lucida Console", Monaco, monospace; font-size: inherit;
	}

blockquote
	{
	}

hr
	{
	}

#main {
	font-size: 1.4em;
	}
	
.post ol, .page ol
	{list-style:decimal outside;margin: 0 40px;}

.post ul, .page ul
	{list-style:square outside; margin: 0 40px;}

p {line-height:1.4;}
div.post p, div.page p {margin:15px 0;}
div.postmeta p {margin:0;}


	
/* LINKS -------------------------------------------- */
a {text-decoration: underline;font-weight:bold; color:#39c;}
#main a:visited {color: #666;}
a:hover {color:#009;}

a.title, a.title:visited, a.title:hover {text-decoration:none; font-weight:bold;}



	

/* STRUCTURE -------------------------------------- */

#wrapper
	{
	background-color: #fff;
	margin: 0 auto;
	position:relative;
	width: 92em;
	padding: 2em 2em 0;
	border-left:1px solid black;
	border-right:1px solid black;
	overflow:hidden;
	}

#branding {
	position:relative;
	overflow:hidden;
	margin-bottom:60px;
	}
	#logo {
		margin-right:20px;
		float:left;
		}
	#blog-title {
		font-size: 80px;
		color: #39c;
		font-weight:bold;
		font-family: Cambria, "Times New Roman", Times, serif;
		margin:0;
		margin-right:20px;
		position:relative;
		display:block;
		float:left;
		line-height:100px;
				}
		#blog-title * {
			color:#39c;
			font-weight:bold;
			text-decoration:none;
			}
	#tagline {
		display:block;
		font-size: 16px;
		font-weight:bold;
		color:#333;
		margin-right:150px;
		float:left;
		width:250px;
		margin-top:30px;
		}
#ribbon {
	position:absolute;
	top:140px;
	left:50%;
	margin-left:-495px;
	width:990px;
	height:40px;
	background: url(images/ribbon.png) no-repeat center center;
	z-index:1000;
	}

div.navigation {clear:both;}
#main {
	margin-left:220px;
	float:left;
	width:680px;
	padding:0 20px;
	}
	.post {}
	.postmeta {
		background-color:#eee;
		border: 1px solid #ccc;
		margin: 20px 0 40px;
		font-size:85%;
		}
	.postmeta p {
		font-size:10px;
		text-transform:uppercase;
		color: #666;
		padding: 5px 10px;
		}
#postnavigation {}
#sub_one {
	float:left;
	width:200px;
	margin-left:-920px;
	border-right: 1px solid #ddd;
	}
	#sub_one ul {list-style:none; margin:0; text-align:right;margin-right:20px;}
	#sub_one ul ul {margin:0;}
	
#sub_two {}
#sub_three {}
#footer {clear:both;text-align:center;padding:20px;}

/* CLASSES ------------------------------------------ */
.alignleft {float:left;}
.alignright {float:right;}
.clear {clear:both;}
.hideme {diplay:none; visibility:hidden;}
.findme {background:#cff;border:1px solid red;}

.content {}
.sidebar {}
.widget {}
.message {}
.error {}

.byline {
	font-size:65%;
	color:#999;
	position:relative;
	top:-12px;
	text-transform:uppercase;
	}

.widget {
	border-bottom: 1px solid #ddd;
	padding:0;
	padding-bottom:15px;
	}
	.widgettitle {
	text-align:left;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	color: #aaa;
	margin: 0 0 5px;
	}
	
	.widget a {
	font-size: 12px;
	margin: 3px 0;
	display:block;
	text-decoration:none;
	}

caption {text-align:center;}
.textwidget p {font-size:11px; color: #666; text-align:left; margin-left:5px;}


/* IDS and EXCEPTION ---------------------------------------- */
#pages {

	}
	#pages-2 * {
		font-size: 16px;
		font-weight: bold;
		margin: 10px 0 0;
		color: #666;
		text-decoration:none;
		}

	#pages-2 ul ul *{
		font-size:12px;
		font-weight:bold;
		margin:0 0 3px;
		padding-right:10px;
		text-transform:uppercase;
		color: #999;
		}
	#pages-2 ul a:hover {
		color: #39c;
		}

.sticky {}
	.sticky .byline, .sticky .postmeta {display:none;}