/********************************************/
/*******								*****/
/*******			CSS RESET			*****/
/*******								*****/
/********************************************/

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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { overflow:-moz-scrollbars-vertical; height: 100%; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { white-space:nowrap; }
textarea { overflow:auto; }
a:active, a:focus { outline:none; }

/********************************************/
/*******								*****/
/*******			MY STYLES			*****/
/*******								*****/
/********************************************/

body
{
	height: 100%;
	text-align: center;
	background: #091722 url( images/bg.jpg ) top center fixed no-repeat;
	font-family: Verdana;
	font-size: 62.5%;
}

.container
{
	margin: 0px auto;
	width: 820px;
	position: relative;
	padding-top: 1px;
}

.text { font-size: 1.1em; color: #3f5157; line-height: 1.4em; }
.small_text { font-size: 1.0em; color: #FFFFFF; line-height: 1.4em; }
.text a, .small_text a {  }
.text a:link, .text a:visited, .text a:active, .small_text a:link, .small_text a:visited, .small_text a:active { color: #2a5961; text-decoration: underline; }
.text a:hover, .small_text a:hover { color: #2a5961; text-decoration: none; }

ul.small_text { line-height: 1.5em; }

div.box_top { clear: both; z-index: 1; width: 820px; height: 6px; background: url( images/box_top.png ) 0px 0px no-repeat; }
div.box_bottom { z-index: 1; width: 820px; height: 6px; background: url( images/box_bottom.png ) 0px 0px no-repeat; }
div.box_bottom_bars { z-index: 1; width: 820px; height: 6px; background: url( images/box_bottom_bars.png ) 0px 0px no-repeat; position: relative; }
div.box_reverse_bottom_bars { z-index: 1; width: 820px; height: 6px; background: url( images/box_reverse_bottom_bars.png ) 0px 0px no-repeat; position: relative; }
div.box_bars_hp_top { z-index: 1; width: 820px; height: 6px; background: url( images/box_bars_hp_top.png ) 0px 0px no-repeat; }
div.hp_box_bars_bottom { z-index: 1; width: 820px; height: 6px; background: url( images/box_bars_hp_bottom.png ) 0px 0px no-repeat; }
div.box { z-index: 1; background: #b4dbb6; text-align: left; padding: 1px 0px 0px 0px; }
div.hp_box { z-index: 1; background: #b4dbb6; text-align: left; }
div.box_hp { z-index: 1; background: #b4dbb6; text-align: left; padding: 1px 0px 0px 0px; height: 30px; }
.pad_sides { padding-left: 30px; padding-right: 30px; }
.pad_top_bottom { padding-top: 30px; padding-bottom: 30px; }

div#skittles { position: absolute; top: -295px; left: -116px; height: 342px; width: 210px; background: url( images/skittles.png ) 0px 0px no-repeat; }
div#butter { position: absolute; top: -330px; right: -114px; height: 359px; width: 146px; background: url( images/butter.png ) 0px 0px no-repeat; }

a#logo { z-index: 2; display: block; height: 194px; width: 274px; text-align: left; text-indent: -9999px; background: url( images/logo.png ) 0px 0px no-repeat; position: absolute; top: 30px; left: -30px; }

h1.section_title { text-align: right; margin-right: 30px; margin-top: 50px; font-family: Verdana; font-weight: bold; font-size: 3.2em; color: #FFFFFF; }
h2.small_title { text-align: left; font-weight: bold; font-size: 3em; color: #FFFFFF; }
h3.smallest_title { text-align: left; font-weight: bold; font-size: 2.5em; color: #FFFFFF; }

div.blue { overflow: hidden; background: #00b4b4; }
div.blue_columns { overflow: hidden; background: #00b4b4 url( images/faux_blue.png ) top right repeat-y; }
div.blue_columns div.left_column { float: left; width: 593px; }
div.blue_columns div.right_column { float: left; width: 177px; padding: 20px 25px 30px;  }

div.green_columns { overflow: hidden; background: #8fb691 url( images/faux_green.png ) 0px 0px repeat-y; margin: 0px 26px 0px 89px; }
div.green_columns div.left_column { float: left; padding: 25px 30px; width: 104px; }
div.green_columns div.right_column { float: left; padding: 25px 30px 25px 30px; width: 481px; }

div.reverse_green_columns { overflow: hidden; background: #8fb691 url( images/faux_green_wide.png ) top right repeat-y; margin: 0px 26px 0px 89px; }
div.reverse_green_columns div.left_column { float: left; padding: 25px 30px; width: 445px; }
div.reverse_green_columns div.right_column { float: left; padding: 25px 30px 25px 30px; width: 140px; }

div.hp_green_columns { overflow: hidden; background: #8fb691 url( images/box_bar_hp_repeat.png ) top left repeat-y; margin: 0px 26px 0px 53px; }
div.hp_green_columns div.left_column { float: left; padding: 25px 30px; width: 204px; }
div.hp_green_columns div.right_column { float: left; padding: 25px 30px 25px 30px; width: 417px; }

.date { padding: 0px 0px 0px 18px; background: url( images/icon_calendar.png ) 0 50% no-repeat; display: block; margin: 12px 0px 8px 0px; color: #ffffff; }

div.post_info { line-height: 16px; margin: 10px 0px 30px 0px; }
div.post_info a:link, div.post_info a:visited, div.post_info a:active { color: #fffb9f; text-decoration: none; }
div.post_info a:hover { color: #bfedc2; text-decoration: none; }
span.post_tags { padding: 0px 0px 0px 18px; background: url( images/icon_tag.png ) 0 50% no-repeat; }
span.post_comments { padding: 0px 0px 0px 18px; background: url( images/icon_speech_bubble.png ) 0 50% no-repeat; }

ul.categories, ul.archive, ul.blogroll { margin: 15px 0px 20px 7px; }
ul.categories li, ul.archive li, ul.blogroll li { margin-bottom: 3px; }
ul.categories li a:link, ul.categories li a:active, ul.categories li a:visited, ul.archive li a:link, ul.archive li a:active, ul.archive li a:visited, ul.blogroll li a:link, ul.blogroll li a:active, ul.blogroll li a:visited {  }
ul.categories li a:hover, ul.archive li a:hover, ul.blogroll li a:hover {  }
ul.categories li a { padding: 0px 0px 0px 18px; background: url( images/icon_magnifying_glass.png ) 0px 70% no-repeat; }
ul.archive li a { padding: 0px 0px 0px 18px; background: url( images/icon_calendar.png ) 0px 70% no-repeat; }
ul.blogroll li a { padding: 0px 0px 0px 18px; background: url( images/icon_paper_airplane.png ) 0px 70% no-repeat; }

div#recent-posts, div#recent-posts-x { float: left; margin: 20px 0px 20px 118px; width: 207px; }
div#recent-comments { float: left; margin: 20px 0px 20px 31px; width: 207px; }

#recent-posts a, #recent-posts-x a, #recent-comments a { display: block; width: 207px; font-family: Verdana; font-size: 1.1em; color: #5df0f0; text-decoration: none; padding: 10px 0 2px 0; white-space: normal; line-height: 1.2em; }
#recent-posts a:hover, #recent-posts-x a:hover, #recent-comments a:hover { text-decoration: none; color: #ffffff; }
#recent-posts span, #recent-posts-x span, #recent-comments span { font-size: 1.0em; color: #22d1d1; }

div#calendar { float: left; width: 170px; padding: 0 0 0 30px; font-family: Verdana; font-size: 1.0em; color: #FFFFFF; margin: 20px 0px 20px 30px; }
.widget_calendar th, .widget_calendar td { padding: 1px 3px 2px 3px; }
.widget_calendar th { color: #117474; }
.widget_calendar caption { padding: 10px 0px; font-weight: bold; text-align: center; }
.widget_calendar a:link, .widget_calendar a:visited, .widget_calendar a:active { color: #5df0f0; text-decoration: none; }
.widget_calendar a:hover { color: #FFFFFF; text-decoration: none; }
.widget_calendar tfoot td { padding-top: 5px; }

.comment_summary { font-weight: bold; font-size: 1.3em; margin-bottom: 5px; }
a.add_comment { padding: 0px 0px 0px 15px; background: url( images/icon_plus.png ) 0px 70% no-repeat; }

ol#comment_list {  }
ol#comment_list li { margin-top: 30px; }

div.cbtl { background: url( images/comment_bubble_top_left.png ) top left no-repeat; }
div.cbtr { background: url( images/comment_bubble_top_right.png ) top right no-repeat; }
div.cbbl { background: url( images/comment_bubble_bottom_left.png ) bottom left no-repeat; }
div.cbbr { background: url( images/comment_bubble_bottom_right.png ) bottom right no-repeat; min-height: 56px; height: auto; _height: 56px; padding: }
div.cbbr p { padding: 20px 20px 33px 20px; color: #3a453a; }
div.commenter { padding: 0 0 0 10px; color: #3a453a; }
div.commenter a:link, div.commenter a:visited, div.commenter a:active { font-weight: bold; color: #FFFFFF; text-decoration: none; }
div.commenter a:hover { font-weight: bold; color: #b4dbb6; text-decoration: none; }

.expand { overflow: auto; }

p { display: block; }

a.thumb img { margin: 5px; }

.center { text-align: center; }
.float_left { float: left; }
.float_right { float: right; }

div#hp_image_container { height: 300px; position: relative; }
div#hp_skittles_and_butter { width: 849px; height: 390px; background: url( images/skittles_and_butter.png ) 0px 0px no-repeat; position: absolute; top: -45px; left: -40px; }

div#footer { padding: 30px 0px; font-size: 1.0em; font-family: Verdana; color: #6c6386; }
div#footer a:link, div#footer a:visited, div#footer a:active { color: #b9b676; text-decoration: underline; }
div#footer a:hover { color: #f2ee89; text-decoration: none; }

.comment-field { margin: 0; padding: 0 0 12px 0; }
.comment-field textarea { padding: 2px; font: 1.1em "Verdana", Verdana, sans-serif; width: 300px; background: #d7f1d8; border: 1px solid; border-top: #708a71; border-left: #708a71; border-right: #f1fff2; border-bottom: #f1fff2; color: #3a453a; }
.comment-field label { float: left; width: 139px; }
.input-text { padding: 2px; font: 11px "Lucida Grande", Verdana, sans-serif; width: 300px; background: #d7f1d8; border: 1px solid; border-top: #708a71; border-left: #708a71; border-right: #f1fff2; border-bottom: #f1fff2; color: #3a453a; }
.input-button { margin: 0 0 0 146px; padding: 0 5px; color: #565656; }

div#post-comments, div#reply { padding-top: 20px; }

div#kat_box { position: relative; }
div#kat { height: 275px; width: 147px; background: url( images/kat_full.png ) 0px 0px no-repeat; position: absolute; top: 80px; left: 15px; z-index: 50; }
a#resume { display: block; height: 33px; width: 24px; background: url( images/pdf.png ) 0px 0px no-repeat; text-align: left; text-indent: -9999px; float: left; margin: 5px 15px 10px 0px; }
div#kat_indent { margin-left: 160px; }

div.gallery img { margin: 0 5px 5px 0; }



/* NAVIGATION ******************************************** */
div#navigation { margin-top: 76px; width: 563px; margin-left: auto; }
li.page_item { display: inline; }
li.page_item a { display: block; float: left; height: 52px; text-align: left; text-indent: -9999px; background-repeat: none; background-image: url( images/nav.png ); }

li.page-item-5 a:link, li.page-item-5 a:visited, li.page-item-5 a:active { width: 73px; background-position: 0px 0px; }
li.page-item-5 a:hover { width: 73px; background-position: 0px -52px; }

li.page-item-2 a:link, li.page-item-2 a:visited, li.page-item-2 a:active { width: 76px; background-position: -73px 0px; }
li.page-item-2 a:hover { width: 76px; background-position: -73px -52px; }

li.page-item-3 a:link, li.page-item-3 a:visited, li.page-item-3 a:active { width: 124px; background-position: -149px 0px; }
li.page-item-3 a:hover { width: 124px; background-position: -149px -52px; }

li.page-item-8 a:link, li.page-item-8 a:visited, li.page-item-8 a:active { width: 236px; background-position: -273px 0px; }
li.page-item-8 a:hover { width: 236px; background-position: -273px -52px; }

li.page-item-31 a:link, li.page-item-31 a:visited, li.page-item-31 a:active { width: 54px; background-position: -509px 0px; }
li.page-item-31 a:hover { width: 54px; background-position: -509px -52px; }
/* ******************************************************* */