/* 
====================
Created by: Andrew Colclough
URI: http://andrewdc.com
Mon Nov 19 13:53:33 PST 2007
====================
*/

/*	Global
==========================================*/
HTML {background: #000 url(../images/ui/stripe.png);}
BODY {color:#ccc; font-family: Arial, "MS Trebuchet", sans-serif;}
H1 {border-bottom: 1px dotted #4D583E;}
H2 {}
H3 {}
H4 {}
H5 {}
H6 {}
P {}
h1 { letter-spacing : -1000em; text-indent : -999em; font-size:.01em;  color:#000000;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body 
h1 {letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
a, a:visited {text-decoration:none; border:none; outline:none;}
a h1, a h1:visited {text-decoration:none; margin:0px; padding:0px;}

h1.web {background:url(../images/ui/h1-webdesign2.gif) #000 no-repeat; margin:0px; display:block; clear:both; padding:0px; height:66px; border-top: 1px solid #1D271E;}
h1.illustration {background:url(../images/ui/h1-illustration2.gif) #000 no-repeat; margin:0px; display:block; clear:both; padding:0px; height:66px; border-top: 1px solid #1D271E;}
h1.links {background:url(../images/ui/h1-links.gif) #000 no-repeat; margin:0px; display:block; clear:both; padding:0px; height:66px; border-top: 1px solid #1D271E;}
h1.about {background:url(../images/ui/h1-about.gif) #000 no-repeat; margin:0px; display:block; clear:both; padding:0px; height:66px; border-top: 1px solid #1D271E;}
h1.contact {background:url(../images/ui/h1-contact.gif) #000 no-repeat; margin:0px; display:block; clear:both; padding:0px; height:66px; border-top: 1px solid #1D271E;}
/*	Links
==========================================*/
IMG {border:none;}
dd.visit a, dd.visit a:visited {color:#9EB37F; text-decoration:none; padding:0px 3px 0px 3px; border-bottom: 1px solid #4D583E;}
dd.visit a:hover {background-color: #4F544F; color:#B0C98D; border-bottom: 1px solid #9eb37f; }
#links dd a, #links dd a:visited {color:#9EB37F; text-decoration:none; padding:0px 3px 0px 3px; border-bottom: 1px solid #4D583E;}
#links dd a:hover {background-color: #4F544F; color:#B0C98D; border-bottom: 1px solid #9eb37f; }
#contact h2 a, #contact h2 a:visited {color:#9EB37F; font-size:30px; text-decoration:none; padding:0px 3px 0px 3px; border-bottom: 1px solid #4D583E;}
#contact h2 a:hover {background-color: #4F544F; color:#B0C98D; border-bottom: 1px solid #9eb37f;}
/*	Page Layout
==========================================*/
#pagewidth {text-align:left; margin-left:auto; margin-right:auto; width:955px; background-image: url(../images/ui/bg_tile.gif); position:relative;}
#header {height:284px; background: #DDD url(../images/ui/header.jpg);}
#content {padding:0px 0px 15px 0px; border-right: 1px solid #1D271E; border-left: 1px solid #1D271E; position:relative;}
#contact h2{text-align:center; display:block;}
#footer {height:123px; background: url(../images/ui/footer.gif); clear:both;}
/*	Navigation
==========================================*/
#nav {height:143px; /*background: #111 url(../images/ui/nav_back.jpg) no-repeat;*/}
.buttons {float:left; position:relative;}
.buttons a, .buttons a:visited {height:143px; text-decoration:none; border:none; margin:0px; padding:0px;}

a.main-button1 {background: url(../images/ui/nav/nav1_01.jpg) 0 0px no-repeat; display:block; width:145px;}
a.main-button1:hover {background: url(../images/ui/nav/nav1_01.jpg) 0 -143px no-repeat;}
a.main-button2 {background: url(../images/ui/nav/nav1_02.jpg) 0 0px no-repeat; display:block; width:151px;}
a.main-button2:hover {background: url(../images/ui/nav/nav1_02.jpg) 0 -143px no-repeat;}
a.main-button3 {background: url(../images/ui/nav/nav1_03.jpg) 0 0px no-repeat; display:block; width:132px;}
a.main-button3:hover {background: url(../images/ui/nav/nav1_03.jpg) 0 -143px no-repeat;}
a.main-button4 {background: url(../images/ui/nav/nav1_04.jpg) 0 0px no-repeat; display:block; width:132px;}
a.main-button4:hover {background: url(../images/ui/nav/nav1_04.jpg) 0 -143px no-repeat;}
a.main-button5 {background: url(../images/ui/nav/nav1_05.jpg) 0 0px no-repeat; display:block; width:135px;}
a.main-button5:hover {background: url(../images/ui/nav/nav1_05.jpg) 0 -143px no-repeat;}
a.main-button6 {background: url(../images/ui/nav/nav1_06.jpg) 0 0px no-repeat; display:block; width:132px;}
a.main-button6:hover {background: url(../images/ui/nav/nav1_06.jpg) 0 -143px no-repeat;}
a.main-button7 {background: url(../images/ui/nav/nav1_07.jpg) 0 0px no-repeat; display:block; width:128px;}
a.main-button7:hover {background: url(../images/ui/nav/nav1_07.jpg) 0 -143px no-repeat;}
a.h_link {display:block; height:66px;}

/*	Lists
==========================================*/
#webdesign dt {background: url(../images/ui/web_head_icon.gif) no-repeat;  text-align:left;}
#illustration dt {background: url(../images/ui/ill_head_icon.gif) no-repeat;  text-align:left;}
dl {margin:8px 10px 8px 9px; padding:8px; width:280px; border-top:#444 solid 1px; border-right:#444 solid 1px; border-left:#444 solid 1px; border-bottom:#555 solid 1px; background-image: url(../images/ui/sm_bg.gif); float:left; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px;}
dt {margin:0px; color:#9BB274; padding:4px 0px 8px 35px; text-align:center; font-size:16px; font-weight:800;}
dd.main_image {margin:0px; padding:0px;}
dd.main_image IMG {border:#666666 solid 1px;}
dd.main_image IMG:hover {border:#9eb37f solid 1px;}
dd.work {margin:0px; padding:3px; color:#ccc; font-size:10px; text-align:left;}
dd.visit {margin:0px; padding:3px; font-size:10px; text-align:left;}
dd.more {margin:2px 0px 2px 0px; color:#CCC; font-size:10px;}
dd.more a, dd.more a:visited  {color:#CCC; text-decoration:none; display:block; padding:5px 3px 5px 3px; border:1px solid #555; text-align:center; background-color: #313431; -webkit-border-radius:3px; -moz-border-radius:3px;}
dd.more a:hover {color:#FFF; background-color:#1C211D;}

#links dl {margin:8px 10px 8px 9px; padding:8px; /*width:280px;*/ float:left; background:none; border:none;}
#links dt {margin:0px; padding:0px; color:#666; padding:0px 0px 8px 0px; text-align:left; font-size:20px; font-weight:800;}
#links dd {margin:0px; padding:3px; color:#ccc; font-size:16px; text-align:left;}
/*	Clean Forms
=============================================*/
TEXTAREA {width: 80%;}
FIELDSET {border: 1px solid #ccc; padding: 1em; margin: 0;}
LEGEND {color: #ccc; font-size: 120%;}
INPUT, TEXTAREA {font-family: Arial, verdana; font-size: 125%; padding: 7px; border: 1px solid #999;}
LABEL {display: block; margin-top: 10px;}   
/*	Classes
==========================================*/
.skill {background: url(../images/ui/bullet_green.png) top left no-repeat; padding:3px 0px 3px 16px;}
.enter {background: url(../images/ui/bullet_yellow.png) top left no-repeat; padding:3px 0px 3px 16px;}
/*	Hacks
==========================================*/
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; display: block; height:0; clear:both; visibility:hidden;} 
.clearfix{display: block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


/*
If there are only two things I learn in life, they are: 
That I am a great sinner,
and Christ is a great savior.
*/