/* 
	Eric Meyer's CSS Reset 
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body {line-height:1}
ol, ul {list-style: none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ------------- General Classes ----------------- */
.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}
.right {float:right;}

p {display:block;padding: 10px 0 0 0;}

a {color:#3e061f;}
	a:hover {text-decoration: none;}


html {height:100%}
body {background:#d6d6cc url(images/bg_page.jpg) repeat-x 0 0;font-family: 'Palatino Linotype' !important;font-family: Georgia;letter-spacing: 1px;line-height: 1.4em;font-size: 1em;color:#444;height:100%}

	#wrapper {width:960px;margin-left: auto;margin-right: auto;position:relative;}
		#header {height:265px;background: #d6d6cc url(images/hinkle_header.jpg) no-repeat 0 0;}
		#leftside {width:201px;height:400px;background: #d6d6cc url(images/left_side_bg.png) no-repeat top right;float:left;}
			#leftside ul {list-style-type: none; margin-left: 90px;margin-top: -50px;position:absolute;}
				#leftside ul li {text-transform: uppercase;padding-bottom: 16px;font-family: Georgia;}
					#leftside ul li a {color:#fff;text-decoration: none;}
					#leftside ul li a:hover {}
		#content {width:673px;min-height:400px;height:auto !important;height:425px;overflow:visible;background: #fff url(images/content_bg.png) no-repeat top center;float:left;}
			#content #main {width: 380px;padding: 0px 36px 0px 64px;float:left;font-size: .9em;margin-top: -40px;}
				#content #main img.welcome {margin-left:-64px;border:none;}
			#content #rightcol {width:190px;float:left;font-size: .8em;}
				#content #rightcol h2 {margin-bottom: -2px;}
				#content #rightcol .date {font-size: 90%;font-weight: bold;}
				#content #rightcol .entry {padding-top: 2px;}
				#content #rightcol p.more {font-weight: bold;margin-top: -10px;}
			
			#content #full {width:598px;padding:0px 36px 0px 36px;float:left;font-size: .9em;margin-top: -40px;}
				#content #full img {padding:1px;border:1px solid #222;}
				#content #full h1.pagetitle {color:#000;font-weight: normal;font-size:2em;padding:15px 5px 20px 0;position: absolute;z-index: 5;}
					#content #full p.back {margin-top:-20px;padding-bottom: 20px}
				#content #full h2 {font-size:1.5em;font-weight: normal}
				#content #full .entry {font-size: .9em;padding-bottom: 20px}
		#rightside {width:85px;height:400px;background: #d6d6cc url(images/right_side_bg.png) no-repeat 0 0; float:left; }
		#footer {width:960px;background: #d6d6cc url(images/content_bttm.jpg) no-repeat 200px 0;height:102px;}