/*------------------------------------------------------------------
	Title: Website
	Version: 2.0
	Author: Bryant Littrean
	Email: bryant@littrean.com
	URL: http://www.littrean.com
------------------------------------------------------------------*/
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;}
html {font-size:100.01%;}body {line-height:1;font-size:1em;}
ol,ul {list-style:none;}blockquote,q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline:0;}ins {text-decoration:none;}/del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}a {text-decoration:none;}a img {border:none;}
/*------------------------------------------------------------------
	BODY
------------------------------------------------------------------*/
body {font:12px/20px Helvetica, Arial, sans-serif;color:#575757;}
/*------------------------------------------------------------------
	HEADER
------------------------------------------------------------------*/
#headerContainer {position:relative;}
#headerContainer .inner {width:960px;margin-left:auto;margin-right:auto;}
#headerContainer .logo {display:block;width:140px;height:200px;float:left;background:#bc2626 url(bg/logo.png) no-repeat;}
#headerContainer .navi {height:80px;}
#headerContainer .navi ul {float:right;}
#headerContainer .navi li {margin:0;padding:0;float:left;}
#headerContainer .navi a {display:block;margin-right:30px;padding:12px 0 8px;text-decoration:none;
	font:normal small-caps 26px Baskerville, "Times New Roman", Times, serif;color:#333;}
#headerContainer .navi a:hover {color:#a02121;border-bottom:1px solid #a02121;}
#headerContainer .navi a:active {position:relative;top:1px;}
#headerContainer .navi a span {display:block;font:normal small-caps 14px Helvetica, Arial, Verdana, sans-serif;}
#headerContainer .navi a.currentPage {color:#a02121;}
/*------------------------------------------------------------------
	BODY
------------------------------------------------------------------*/
#bodyContainer {position:relative;padding:60px 0;}
#bodyContainer .inner {width:960px;margin-left:auto;margin-right:auto;}

h1.leading {font:normal italic 38px Baskerville, "Times New Roman", Times, serif;text-align:center;color:#333;}
#interest {height:405px;padding-top:15px;background:url(bg/bl.jpg) no-repeat 10px 0;}
#interest h2 {font-size:30px;}

.adult {margin-bottom:60px;}
#projects .proj {height:200px;background-color:#ddd;background-image:url(bg/logo_previews_sprite.jpg);}
#projects .proj span {display:block;position:relative;width:268px;height:168px;left:15px;top:15px;border:1px solid #fff;}
#dorcas {background-position:0 0;}
#voiceTheater {background-position:0 -200px;}
#kyleShedrick {background-position:0 -400px;}
#interlude {width:100%;padding:30px 0;background:#efefef;border-bottom:1px solid #e1e1e1;}

#fromJournal {background:url(bg/calligraphy_pen.jpg) no-repeat 0 0;}
.readmore {display:block;font-style:oblique;}
#Home .article {padding-bottom:1em;margin-bottom:1.5em;border-bottom:1px solid #ddd;}

#About #divBody {background:url(bg/header_about.jpg) no-repeat 50% 0;}

#Contact {background:url(bg/contact_pattern.jpg) repeat;}
	#Contact #divBody {background:url(bg/header_contact.jpg) repeat-x 50% 0;}
	#Contact #pageStart {padding-top:80px;}
	#Contact .contactPatternn {background:url(bg/contact_mail.jpg) no-repeat 0 0;}
	#Contact .formContainer {width:458px;padding:40px;border:1px solid #ddd;box-shadow:0 1px 7px #ddd;background:#fafafa;}
	#contactForm .field {}
	#contactForm input {width:260px;border:0;background:#eee;}
	#contactForm textarea {width:450px;height:10em;margin-bottom:3em;border:0;background:#eee;}
	#contactForm .closeline {width:100%;height:2px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:1.5em;}
	#contactForm .submit {width:100px;padding:4px;font:12px/18px Helvetica, Arial, sans-serif;color:#eee;
		background:#883131;margin:2em auto 0;}
	#contactForm .submit.hover_state {background:#a02121;}
/*------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------*/
#footerContainer {position:relative;background:#333;color:#eee;padding:80px 0 40px 0;}
#footerContainer .inner {width:960px;margin-left:auto;margin-right:auto;}
#footerContainer a {color:#fff;}
#footerContainer a:hover {color:#ec2626;}
#footerContainer :active {}

#footerContainer .navi {}
#footerContainer .navi ul {margin:0;}
#footerContainer .navi li {margin:0;padding:0;float:left;}
#footerContainer .navi a {display:block;margin-right:10px;padding-right:10px;border-right:1px solid #888;
	font-size:.8em;}
#footerContainer .navi a.last {border-right:0;}

#footerContainer .logo {display:block;width:62px;height:53px;float:right;background:url(bg/logo_small.png) no-repeat;}
#footerContainer .credits {padding-top:15px;}

#Contact #footerContainer {padding-top:40px;background:none;color:#333;}
	#Contact #footerContainer a {color:#111;}
	#Contact #footerContainer a:hover {color:#ec2626;}
	#Contact #footerContainer .logo {background:url(bg/logo_small_grey.png) no-repeat;}
/*------------------------------------------------------------------
	FORMS
------------------------------------------------------------------*/
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;padding-top:1.4em;}
legend {font-weight:bold;font-size:1.2em;}
label, span.label {font-weight:bold;}
form div {position:relative;}
input.button,a.button {margin:0;background:#777;color:#efefef;border:1px solid #444;padding:4px;cursor:pointer;}
input.button:hover,input.button_hover,a.button:hover {background:#676767;color:#fff;border:1px solid #575757;}
input.button:visited,a.button:visited {color:#efefef;}

input, textarea {font:12px/18px Helvetica, Arial, sans-serif;color:#777;}

.field {position:relative;}

form .submit.negate {text-decoration:line-through;}

input.text,input.password,textarea {background-color:#fff;border:1px solid #bbb;padding:4px 4px;}
input.text:focus,input.password:focus,textarea:focus {border-color:#676767;}
select {background-color:#fff;border:1px solid #bbb;}
input.text,input.password {width:300px;}
textarea {width:500px;height:4em;max-width:500px;overflow:auto;resize:none;}
textarea.almostMax {border:1px solid #f00;}

/*Labeler Form*/
.labeler div:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.labeler label {display:block;width:125px;height:3em;float:left;line-height:3em;}
.labeler input.text,.labeler input.password,.labeler textarea {float:left;}
.labeler .button {margin-left:125px;}
/*Label_block Form*/
.label_block label, .label_block span.label {display:block;}
/*------------------------------------------------------------------
	BONUS
------------------------------------------------------------------*/
.matchHeader {padding-top:4px;}
.power {color:#883131;}
.bbot {border-bottom:1px solid #ccc;}
.att {border:1px solid #fbc2c4 !important;background-color:#fbe3e4 !important;}

.alignleft {float:left;}.alignright {float:right;}.aligncenter {margin-left:auto;margin-right:auto;}
.hide {display:none;}.hide_if_no_js {display:none;}.invisible {visibility:hidden;}
.highlight {background:#ff0;}.dim {color:#676767;}.intense {color:#000;}
.top {margin-top:0;padding-top:0;}.bottom {margin-bottom:0;padding-bottom:0;}.nomargin {margin:0;}
.nomarginbot {margin-bottom:0 !important;}
/*------------------------------------------------------------------
	GRID
------------------------------------------------------------------*/
.g_12, .g_16 {margin-left:auto;margin-right:auto;width:960px;}
.c_1, .c_2, .c_3, .c_4, .c_5, .c_6, .c_7, .c_8, .c_9, .c_10, .c_11, .c_12, .c_13, .c_14, .c_15, .c_16 {
	display:inline;float:left;margin-left:10px;margin-right:10px;}
.g_12 .c_3, .g_16 .c_4 {width:220px;}.g_12 .c_6, .g_16 .c_8 {width:460px;}
.g_12 .c_9, .g_16 .c_12 {width:700px;}.g_12 .c_12, .g_16 .c_16 {width:940px;}

.g_12 .c_1 {width:60px;}.g_12 .c_2 {width:140px;}.g_12 .c_4 {width:300px;}.g_12 .c_5 {width:380px;}
.g_12 .c_7 {width:540px;}.g_12 .c_8 {width:620px;}.g_12 .c_10 {width:780px;}.g_12 .c_11 {width:860px;}

.g_16 .c_1 {width:40px;}.g_16 .c_2 {width:100px;}.g_16 .c_3 {width:160px;}.g_16 .c_5 {width:280px;}
.g_16 .c_6 {width:340px;}.g_16 .c_7 {width:400px;}.g_16 .c_9 {width:520px;}.g_16 .c_10 {width:580px;}
.g_16 .c_11 {width:640px;}.g_16 .c_13 {width:760px;}.g_16 .c_14 {width:820px;}.g_16 .c_15 {width:880px;}

.ph_1, .pl_1, .ph_2, .pl_2, .ph_3, .pl_3, .ph_4, .pl_4, .ph_5, .pl_5, .ph_6, .pl_6, .ph_7, .pl_7, .ph_8, .pl_8, .ph_9, .pl_9,
.ph_10, .pl_10, .ph_11, .pl_11, .ph_12, .pl_12, .ph_13, .pl_13, .ph_14, .pl_14, .ph_15, .pl_15 {position: relative;}

.g_12 .ph_1 {left:80px;}.g_12 .ph_2 {left:160px;}.g_12 .ph_3 {left:240px;}.g_12 .ph_4 {left:320px;}.g_12 .ph_5 {left:400px;}.g_12 .ph_6 {left:480px;}
.g_12 .ph_7 {left:560px;}.g_12 .ph_8 {left:640px;}.g_12 .ph_9 {left:720px;}.g_12 .ph_10 {left:800px;}.g_12 .ph_11 {left:880px;}
.g_12 .pl_1 {left:-80px;}.g_12 .pl_2 {left:-160px;}.g_12 .pl_3 {left:-240px;}.g_12 .pl_4 {left:-320px;}.g_12 .pl_5 {left:-400px;}.g_12 .pl_6 {left:-480px;}
.g_12 .pl_7 {left:-560px;}.g_12 .pl_8 {left:-640px;}.g_12 .pl_9 {left:-720px;}.g_12 .pl_10 {left:-800px;}.g_12 .pl_11 {left:-880px;}

.g_16 .ph_1 {width:40px;}.g_16 .ph_2 {width:100px;}.g_16 .ph_3 {width:160px;}.g_16 .ph_4 {width:220px;}.g_16 .ph_5 {width:280px;}.g_16 .ph_6 {width:340px;}
.g_16 .ph_7 {width:400px;}.g_16 .ph_8 {width:460px;}.g_16 .ph_9 {width:520px;}.g_16 .ph_10 {width:580px;}.g_16 .ph_11 {width:640px;}
.g_16 .ph_12 {width:700px;}.g_16 .ph_13 {width:760px;}.g_16 .ph_14 {width:820px;}.g_16 .ph_15 {width:880px;}.g_16 .ph_16 {width:940px;}
.g_16 .pl_1 {width:-40px;}.g_16 .pl_2 {width:-100px;}.g_16 .pl_3 {width:-160px;}.g_16 .pl_4 {width:-220px;}.g_16 .pl_5 {width:-280px;}.g_16 .pl_6 {width:-340px;}
.g_16 .pl_7 {width:-400px;}.g_16 .pl_8 {width:-460px;}.g_16 .pl_9 {width:-520px;}.g_16 .pl_10 {width:-580px;}.g_16 .pl_11 {width:-640px;}
.g_16 .pl_12 {width:-700px;}.g_16 .pl_13 {width:-760px;}.g_16 .pl_14 {width:-820px;}.g_16 .pl_15 {width:-880px;}.g_16 .pl_16 {width:-940px;}
/*------------------------------------------------------------------
	FIXES
------------------------------------------------------------------*/
.alpha {margin-left:0 !important;padding-left:0 !important;}.omega {margin-right:0 !important;padding-right:0 !important;}
.clear {clear:both !important;display:block;overflow:hidden;visibility:hidden;width:0;height:0 !important;margin:0;padding:0;}
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}