/*
Theme Name: thehokie.com
Theme URI: http://thehokie.com/
Description: A theme for my blag.
Version: 0.5
Author: m. hokanson
Author URI: http://thehokie.com/

*/



html { margin: 0; padding: 0; }

body {
	margin: 0; padding: 0;
}

#wrapper {
	width: 962px; 
	margin: auto;
}

.clear-it {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

a {
  outline: none;
}


/**************/

#header {
	width: 962px;	
	text-align: right;
	font: 14px/16px trebuchet, sans-serif;
	color: #222222;
	margin: 40px 0 0 0;
}

#header #sub {
	margin: 7px 0 20px 0;
}

/**************/

#content-top {
	width: 962px;
	height: 8px;	
	background: url(./images/body-top.png);
}

#content {
	width: 962px;
	background: url(./images/body.gif);
	padding: 0 0 15px 0;	
}

#content-l {
	float: left;
	display: inline;
	width:566px;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0; 
}

#content-l h2 {
	font: bold 35px/37px georgia, serif;	
}

#content-l .navigation a:link, #content-l .navigation a:visited {
	font: 12px/18px trebuchet, sans-serif;
	color: #666666;
	text-decoration: none;
}

#content-l .navigation a:hover {
	color: #222222;
}

#content-l .entry {
	margin: 15px 0 0 0;	
}

#content-l .entry h1 {
	width: 551px; /*566*/
	height: 41px; /*48*/
	font: 30px/32px georgia, serif;
	color: #FFFFFF;
	background: url(./images/head-l.gif);
	padding: 7px 0 0 15px;
}

#content-l .entry h1 a:link, #content-l .entry h1 a:visited {
	font: 30px/32px georgia, serif;
	color: #FFFFFF;
	text-decoration: none;
}

#content-l .entry h1 a:hover {
	color: #BBBBBB;
}

#content-l .entry #date {
	font: 11px/13px trebuchet, sans-serif;
	font-style: italic;
	color: #222222;
	margin: 0 0 0 15px;
}

#content-l .entry #text {
	font: 12px/18px trebuchet, sans-serif;
	color: #222222;
	margin: 0 0 0 15px;
	width: 535px;
}

#content-l .entry #text a:link, #content-l .entry #text a:visited {
	font: 12px/18px trebuchet, sans-serif;
	color: #666666;
	text-decoration: none;
}

#content-l .entry #text a:hover {
	color: #222222;
}

#content-l #comments {
	margin: 20px 0 0 15px;
	width: 535px;
	font: 12px/18px trebuchet, sans-serif;
	color: #222222;
}

#content-l #comments a:link, #content-l #comments a:visited {
	font: 12px/18px trebuchet, sans-serif;
	color: #666666;
	text-decoration: none;
}

#content-l #comments a:hover {
	color: #222222;
}

#content-l #comments h3 {
	font: 17px/19px georgia, serif;	
	color: #000000;
}

#content-l code {
	background: #DDDDDD;	
}

#content-r {
	float: left;
	display: inline;
	width: 322px;
	margin: 10px 0 0 50px;
}

#content-r h1 {
	width: 307px; /*322*/
	height: 41px; /*48*/
	font: 30px/32px georgia, serif;
	color: #FFFFFF;
	text-align: right;
	background: url(./images/head-r.gif);
	padding: 7px 15px 0 0;
}

#content-r .sponsor {
	width: 312px;
	padding: 0 0 0 10px;
}

#content-r .sponsor img {
	margin: 0 0 10px 20px;
	border: 1px solid #000000;	
}

#content-r .text {
	font: 13px/18px trebuchet, sans-serif;
	color: #222222;
	width: 302px;
	padding: 0 10px 0 10px;
	text-align: right;
}

#content-r .text a:link, #content-r .text a:visited {
	font: 13px/18px trebuchet, sans-serif;
	color: #666666;
	text-decoration: none;
}

#content-r .text a:hover {
	color: #222222;
}

#content-bot {
	width: 962px;
	height: 7px;
	background: url(./images/body-bot.png);	
	margin: 0 0 25px 0;
}


/* Begin Images */
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;
	}
/* End Images */