/* Workspace CSS */

/* ---------- Globals */

/* COLORS
   Body Background:       #000022
   Main Nav:              #000b32
   Yellow:				  #ffdc74
*/

html, body {
margin:0;
padding:0;
height:100%;
width:100%;
background:url(../images/bggrad.gif) #000022 repeat-x bottom;
}

img {border: 0;}

li {list-style:none;}

a {text-decoration:none;}

h1 {font:normal bold 20px Garamond, Georgia, "Times New Roman",Times, serif; color:#fff; margin:0px 0px 5px 0px; padding:0; text-transform:uppercase; letter-spacing:1px;}

h2, #Submit, #thoughts b {font:normal bold 20px Garamond, Georgia, "Times New Roman",Times, serif; color:#fff; margin:0px 0px 5px 0px; padding:0; text-transform:lowercase; letter-spacing:2px;}

#thoughts b { font-size:15px; color:#000b32; margin:0px 0px -10px 0px; display:block; }

h3 {font:normal bold 24px Garamond, Georgia, "Times New Roman",Times, serif; color:#000b32; margin:0px 0px 15px 0px; padding:0; text-transform:lowercase; letter-spacing:2px;}

p, #Comment, #Name, #Title, #Email, #GuestInput a {font:normal normal 11px Helvetica, Verdana, Arial, sans-serif; color:#fff; margin:0; padding:0; line-height:19px;}

#BlackBG {position:absolute; top:0px; left:0px; background-color:#000000; height:100%; width:100%; z-index:0; display:block;}


/* ---------- Navigation */

#MainNav a {font:normal bold 18px Garamond, Georgia, "Times New Roman",Times, serif; color:#000b32; margin:0; padding:5px 10px 5px 0px; text-transform:lowercase; letter-spacing:2px;}

#MainNav a:hover {border-left:solid 5px #ddd; padding:5px 10px 5px 10px;}

#MainNav a:active {border-left:solid 5px #999; background-color:#ffdc74;}

#home #MNHome a, #work #MN1 a, #thoughts #MN2 a {border-left:solid 5px #999; padding:5px 10px 5px 10px;}

#MainNav li {display:block; margin:10px 0px 9px 0px; border-bottom:dotted 1px #999; height:auto; width:100%; padding:0px 0px 10px 0px;}

#MainNav #MN2 {border:none;}

#SubNav a {font:normal bold 15px Garamond, Georgia, "Times New Roman",Times, serif; color:#fff; margin:0; padding:0; text-transform:lowercase; letter-spacing:2px;}

#SubNav a:hover {color:#ffdc74;}

#resume #SN1 a, #contact #SN2 a {border-left:solid 4px #fff; padding:0px 0px 0px 10px; }

#SubNav li {display:block; margin:0px 0px 5px 0px; border-bottom:dotted 1px #ccc; height:auto; width:100%; padding:0px 0px 7px 0px;}

#SubNav #SN2 {border:none; margin:0;}

#WorkNav a {font:normal bold 15px Garamond, Georgia, "Times New Roman",Times, serif; color:#fff; margin:0; padding:0; text-transform:lowercase; letter-spacing:2px;}

#WorkNav a:hover {color:#ffdc74;}

#logo #MN1 a {border-left:solid 5px #999; padding:5px 10px 5px 10px;}

#logo #WN2 a {border-left:solid 4px #fff; padding:0px 0px 0px 10px; }

#print #MN1 a {border-left:solid 5px #999; padding:5px 10px 5px 10px;}

#print #WN3 a {border-left:solid 4px #fff; padding:0px 0px 0px 10px; }

#web #MN1 a {border-left:solid 5px #999; padding:5px 10px 5px 10px;}

#web #WN1 a {border-left:solid 4px #fff; padding:0px 0px 0px 10px; }

/*#_3d #MN1 a {border-left:solid 5px #999; padding:5px 10px 5px 10px;}

#_3d #WN4 a {border-left:solid 4px #fff; padding:0px 0px 0px 10px; }

#t-shirts #MN1 a {border-left:solid 5px #999; padding:5px 10px 5px 10px;}

#t-shirts #WN4 a {border-left:solid 4px #fff; padding:0px 0px 0px 10px; }*/

#WorkNav li {display:block; margin:0px 0px 7px 0px; border-bottom:dotted 1px #ccc; height:auto; width:100%; padding:0px 0px 7px 0px;}

#WorkNav #WN3 {border:none; margin:0;}

#Footer a {font-family:Garamond, Georgia, "Times New Roman", Times, serif; font-size:10px; text-decoration:none; margin:0px 20px 0px 0px; color:#333;}

#Footer a:hover {color:#999;}

#Home #FHome a, #Link1 #F1 a, #Link2 #F2 a, #Link3 #F3 a, #Link4 #F4 a {font-family:Garamond, Georgia, "Times New Roman", Times, serif; font-size:10px; text-decoration:none; margin:0px 15px 0px 0px; color:#fff; background-color:#999; padding:5px;}

#Footer li {display:inline;}

/* ---------- Page Elements */

#Main {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
min-width:980px;
min-height:660px;
max-width:1400px;
text-align:left;
margin:0; padding:0;
z-index:2;
overflow:hidden;
}

#Logo {
position:relative;
top:0px;
left:0px;
margin:0; padding:0;
}

#Logo a {
width:169px;
height:130px;
display:block;
background:url(../images/logo.jpg) no-repeat;
overflow:hidden;
margin:10px 0px 38px 0px; padding:0;
}

#Logo a:hover {
background:url(../images/logo.jpg) no-repeat 0px -131px;
}

#Nav {
position:absolute;
top:35px;
left:25px;
height:auto;
width:auto;
z-index:1;
}

#NavArea {
position:relative;
top:0px;
left:0px;
height:auto;
width:171px;
background-color:#fff;
padding:5px 10px 1px 15px;
margin:0px 0px 20px 0px;
z-index:1;
}

#MainNav {
position:relative;
top:0px;
left:0px;
height:auto;
width:auto;
text-align:left;
background-color:#fff;
display:block;
margin:0px 7px 0px 0px;
padding:0;
z-index:1;
}

#SubNav {
position:relative;
top:0px;
left:0px;
width:195px;
margin:0;
padding:0;
}

#WorkNav {
position:relative;
top:0px;
left:0px;
height:auto;
width:100%;
margin:0;
padding:0;
}

#GuestButton {
position:absolute;
top:495px;
left:25px;
background:url(../images/guestbook.jpg) no-repeat #000022;
border:none;
height:25px;
width:196px;
display:block;
overflow:hidden;
padding:0;
margin:0;
cursor:pointer; cursor:hand;
z-index:1;
}

#GuestButton:hover { background:url(../images/guestbook.jpg) no-repeat 0px -25px #000022; }

#GuestInput {
position:absolute;
top:440px;
left:240px;
height:auto;
width:176px;
margin:0;
background:none #000b32;
padding:10px 10px 10px 10px;
display:none;
}

#GuestInput p { color:#999; margin:5px 0px 0px 0px; }

#GuestInput a { color:#999; font-weight:bold; font-size:12px; margin:-10px 0px 10px -10px; width:100%; background:none #fff; color:#000b32; display:block; text-align:right; padding:0px 10px; }

#GuestInput a:hover { color:#999; }

#GuestInput h2 { font-size:13px; letter-spacing:2px; }

#Comment, #Name, #Title, #Email, #Submit {
border:solid 1px #666; 
background:none #000022;
line-height:15px;
padding:2px;
margin:7px 0px;
width:170px;
right:0px;
color:#999;
display:block;
}

#Comment { margin:0px 0px 7px 0px;}

#Email { margin:7px 0px 10px 0px; }

#Submit { background:none #fff; border:none; width:176px; text-align:center; color:#000b32; font-size:13px; padding:2px 5px; margin:12px 0px 0px 0px; }

#Submit:hover { background:none #ffdc74; }

#Footer {
position:absolute;
bottom:4px;
left:0px;
width:788px;
height:auto;
text-align:left;
border-top:solid 1px #666;
margin:0; 
padding:2px 0px 5px 12px;
display:none;
}

/* ---------- Content */

#Content {
position:absolute;
left:250px;
top:35px;
width:72%;
height:auto;
display:block;
text-align:left;
padding:0;
margin:0;
}

/* ---------- Header */

#header {
width:63%;
height:85px;
margin:0px 0px 10px 0px;
padding:22px 15px 0px 15px;
z-index:1;
background-color:#000022;
}

#header p {margin:5px 0px 0px 131px; color:#ffdc74; text-transform:uppercase; letter-spacing:2px;}

/* ---------- Content Area */

#ContentArea {
position:relative;
top:0px; left:0px;
height:auto;
width:63%;
background-color:#fff;
margin:0;
padding:15px 15px 35px 15px;
}

#ContentArea p {color:#666;}

#ContentArea a {color:#000b32;}

#ContentArea a:hover {color:#999;}

#home #ContentArea, #contact #ContentArea {display:none;}


/* ---------- Sidebar */

#sidebar {
position:relative;
top:0px; left:0px;
height:auto;
width:27%;
float:right;
margin:0;
padding:15px 10px 25px 10px;
}

#sidebarArea {
position:relative; 
top:0px; left:0px; 
height:auto; 
width:100%;
padding:0;
margin:0; 
z-index:1; 
}

#sidebar h2 {font-size:15px; margin:0px 0px 10px 0px;}

#sidebar p {font:normal normal 11px Helvetica, Verdana, Arial, sans-serif; color:#999; margin:0px 0px 5px 0px; padding:0; line-height:19px;}

#sidebar ul {display:block; margin:0px 0px 10px 0px; border-bottom:dotted 1px #999; height:auto; width:100%; padding:0px 0px 10px 0px;}

#sidebar li {display:block; margin:0px 0px 8px 0px; height:auto; width:100%; padding:0px 0px 0px 30px;}

#sidebar a, #sidebar li {font:normal normal 12px Helvetica, Verdana, Arial, sans-serif; color:#ffdc74; text-transform:lowercase; line-height:15px;}

#sidebar a:hover {color:#999;}

#sidebar #last {border:none;}

#sidebar img {margin:0px 0px 15px 0px;}

#home #sidebar { display:none; }

/* ---------- Thumbs */

#Thumbs {
position:absolute;
top:35px;
right:0px;
width:150px;
height:auto;
text-align:left;
display:block;
margin:0;
padding:0;
}

#ThumbsArea {
position:relative;
top:10px;
left:0px;
width:auto;
height:44px;
text-align:left;
display:block;
margin:0px 49px 0px 0px;
padding:0;
overflow:hidden;
}

#ThumbsContent {
position:relative;
top:10px;
left:0px;
margin:0;
padding:0;
height:auto;
width:44%;
padding:15px 5px 10px 0px;
display:none;
}

#ThumbsContent a { position:relative; height:35px; width:35px; top:0px; left:0px; margin:0px 5px 15px 7px; display:block; z-index:1; }

#ThumbsContent a:hover { position:relative; height:45px; width:45px; top:-6px; left:0px; margin:0px 5px 3px 7px; display:block; z-index:1; border:solid 1px #ffdc74; }

#ThumbsContent img { display:block; border:none; }


/* ---------- BG IMG */

#IMGArea {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
display:block;
margin:0; padding:0;
min-width:980px;
min-height:660px;
max-width:1400px;
z-index:0;
}

#IMGArea #BG { display:block; }