/*
title:ecrissman.com styles
author:eric crissman
created:9/2008 
last update:1/2010 
*/
/* generic rules ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,img a,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:none; text-decoration:none; list-style:none;}
body {background:#fff; font-weight:normal; font-size:small; line-height:1.9em; color:#333; text-align:left;}
/* layout ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#container {margin:0 auto; width:800px;}
#content {clear:both; margin:0 auto; padding:0; width:800px; font-size:1em;}
#footer {background:url(../img/logo.png) no-repeat bottom right; width:800px; height:38px; margin:0 auto; padding:0; font-size:.8em;}
#footer img {padding-left:12px;}
hr {clear:both; visibility:hidden;}
/* nav ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
a:link,a:visited {padding:2px; background-color:#ea9174; color:#222;}
a:hover {color:#fff; background:#222;}
#mainNav ul {float:right; margin:0; padding:70px 0 0 0; width:340px;}
#mainNav li {float:left; padding:0; margin-left:50px;}
#mainNav li a {display:block; padding:0 8px; background:none; font-weight:normal; font-size:1em; color:#222;}
#mainNav li a:hover {-moz-border-radius:6px; -webkit-border-radius:6px; background-color:#666; color:#fff;}
#footer a {background:none; text-decoration:none;}
#footer a:hover {color:#666;}
/* headings ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
h1 {float:left; padding:60px 0 50px 0; font-weight:normal; font-size:3.3em; letter-spacing:-4px; width:300px;}
h2 {padding-bottom:10px; font-weight:normal; font-size:1.8em; color:#cc3300;}
h3 {padding:0 0 40px 0; font-weight:normal; font-size:1.5em; letter-spacing:-1px;}
h4 {padding-bottom:5px; font-weight:normal; font-size:1em; border-bottom:1px dashed #999;}
/* home ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#home {background-color:#302227; color:#fff;}
#home #container {margin:0 auto; width:550px;}
#home #leftCol {position:relative; top:200px; height:0px; width:300px;}
#home #rightCol {background:rgba(0, 0, 0, 0.3); -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:1px 1px 1px #101010; position:relative; top:295px; left:360px; padding:10px 20px; height:245px; width:150px;}
#home #rightCol li {border-top:1px solid #403739; font-size:1.2em; padding:11px 0 11px 0; text-shadow:1px 1px 1px #000;}
#home #rightCol li:first-child {border-top:none;}
#home #rightCol li a:hover {color:#ddd;}
#home #rightCol li img {padding-right:10px; vertical-align:-2px;}
#home h1 {color:#bda773; float:none; font-size:3.8em; padding:0 0 15px 0; text-shadow:1px 1px 1px #000;}
#home h2 {text-shadow:1px 1px 1px #000;}
#home a:link,a:visited {padding:0; background:none; color:#fff;}
#home a:hover {color:#fff; background:none;}
/* portfolio ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*||||||| web |||||||||||||||||*/
.web {clear:both; padding-top:; font-size:.9em;}
.web ul {width:200px; margin:0 0 30px 0; padding:0; list-style:none;}
.web li {padding:4px 0; border-bottom:1px dashed #222;}
.web li:first-child {padding:0 0 4px 0;}
.web h5 {width:52px; margin:0; padding:1px 7px; background-color:#111; -moz-border-radius:6px; -webkit-border-radius:6px;}
.web h5 a {padding:0; color:#ffffff; background:none; font-weight:bold; font-size:1.1em; color:#ffffff; text-transform:uppercase;}
.web img {float:right; padding:5px 0 50px 0; width:560px;}
/* contact ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#contact h3 {padding:20px 0;}
.form_wrapper {width:320px; float:left; clear:left;}
.form_wrapper2 {width:320px; margin-left:40px; float:right;}
.form_wrapper p,.form_wrapper2 p {width:320px; margin:0; padding-bottom:20px;}
fieldset {border:none; margin:0; padding:0;}
form ul {list-style-type:none; padding:8px 0;}
form ul li {list-style-type:none; padding:3px 0; margin:0; line-height:25px;}
form label {display:block; width:120px; font-weight:bold; padding-right:8px;}
form .text_field {width:320px;}
form .select_field {width:138px;}
input[type="text"],textarea {padding:4px 0; background-color:#fff; border:1px solid #ccc; font-size:1.2em; color:#666;}
#contact_error #content,#contact_success #content {padding-top:20px;}
p.success {display:block; padding:10px 0px 10px 20px; background-color:#669933; border-top:1px solid #444; border-bottom:1px solid #444; color:#e3edde;}
p.error {display:block; padding:10px 0 10px 20px; background-color:#993300; border-top:1px solid #444; border-bottom:1px solid #444; color:#ffffff;}
/* classes ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.left {float:left;}
.right {float:right;}
.pad {margin-top:60px;}