@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

.work {
text-align: center;
color: #ffc521;
font-style: italic;
}

body {
background: #111 repeat-y 50% 50% url("images/bg.gif");
color: #f8f8f8;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#frame {
width: 891px;
margin:  0 auto;
}

#container0 {
padding: 0 3px;
}

#header {
width: 885px;
height: 135px;
background: no-repeat url("images/header.jpg");
}

#headerleft {
width: 400px;
height: 135px;
}

#headerright {
float: right;
margin: 16px 22px 0 0;
width: 137px;
height: 113px;
}

#contact {
float: right;
margin: 11px 39px 0 6px;
}

#portfolio {
float: right;
margin: 11px 32px 0 6px;
}

#imagery0 {
width: 295px;
height: 621px;
float: left;
background: #123959 no-repeat url("images/imagerybg.png");
border-top: 1px solid #111111;
border-bottom: 1px solid #111111;
}

#imagery1 {
background: #123959 repeat-y url("images/imagerybg.gif");
border-top: 1px solid #111111;
border-bottom: 1px solid #111111;
}

.column3 {
width: 295px;
float: left;
}

#design0 {
width: 295px;
height: 621px;
float: left;
background: #641433 no-repeat url("images/designbg.png");
border-top: 1px solid #111111;
border-bottom: 1px solid #111111;
}

#design1 {
background: #641433 repeat-y url("images/designbg.gif");
border-top: 1px solid #111111;
border-bottom: 1px solid #111111;
}

#project0 {
width: 295px;
height: 621px;
float: left;
background: #4e2410 no-repeat url("images/projectbg.png");
border-top: 1px solid #111111;
border-bottom: 1px solid #111111;
}

#project1 {
background: #4e2410 repeat-y url("images/projectbg.gif");
border-top: 1px solid #111111;
border-bottom: 1px solid #111111;
}

#default1 {
background: #232323 repeat-y url("images/defaultbg.gif");
border-top: 1px solid #111111;
border-bottom: 1px solid #111111;
}

.spacer32 {
height: 24px;
}

#aboutme {
width: 740px;
height: 179px;
background: url("images/me.gif") no-repeat;
padding: 0 0 0 120px;
margin: 2px auto;
line-height: 20px;
}

#contactinfo {
width: 740px;
height: 179px;
background: url("images/mywork.gif") 100% 0% no-repeat;
padding: 0 120px 0 0;
margin: 2px auto;
line-height: 20px;
}

#bottomleft {
width: 50%;
float: left;
}

#bottomright {
width: 50%;
float: right;
}

#newsfeed {
background: #111;
padding: 5px 12px;
line-height: 18px;
border-top: 1px solid #424242;
border-bottom: 1px solid #424242;
}

#quickfolio {
padding: 5px 12px;
}

#categories {
padding: 5px 12px;
}

.clear {
clear: both;
height: 0px;
font-size: 0px;
overflow: hidden;
}

.portfolio0 {
margin: 91px 39px 0;
width: 216px;
}

.portfolio1 {
margin: 22px auto 0;
width: 490px;
}

.savebutton {
float: right;
margin: 11px 0 0 0;
border: 0px;
}

h1 {
font-size: 18px;
font-wieght: bold;
margin: 0 0 16px 0;
}

h2 {
font-size: 18px;
font-wieght: bold;
margin: 0 0 16px 0;
color: #d7016c;
}

h3 {
font-size: 18px;
font-wieght: bold;
margin: 0 0 16px 0;
color: #00a3e9;
}

h4 {
font-size: 18px;
font-wieght: bold;
margin: 0 0 16px 0;
color: #ff8000;
}

h5 {
font-size: 18px;
font-wieght: bold;
margin: 0 0 16px 0;
color: #63c911;
}

.portfolio0 h1 {
margin: 7px 0 0 0;
font-size: 12px;
font-weight: normal;
background: url("images/fileicon.gif") no-repeat;
padding: 3px 0 3px 22px;
}

.portfolio0 h2 {
margin: 4px 0 26px 0;
font-size: 12px;
font-weight: normal;
background: url("images/foldericon.gif") no-repeat 0 2px;
padding: 0 0 0 22px;
color: #ff9900;
}

.portfolio0 h3 {
float: right;
text-align: right;
padding: 3px 28px 3px 0;
font-size: 12px;
font-weight: normal;
background: url("images/arrowicon.gif") no-repeat 100% 0;
}

.portfolio1 h1 {
margin: 7px 0 0 0;
font-size: 12px;
font-weight: normal;
background: url("images/fileicon.gif") no-repeat;
padding: 3px 0 3px 22px;
}

.portfolio1 h2 {
margin: 4px 0 26px 0;
font-size: 12px;
font-weight: normal;
background: url("images/foldericon.gif") no-repeat 0 2px;
padding: 0 0 0 22px;
color: #ff9900;
}

.blueimagelink a img{
border: 5px solid #fff;
background: #fff;
}

.pinkimagelink a img{
border: 5px solid #fff;
background: #fff;
}

.yellowimagelink a img{
border: 5px solid #fff;
background: #fff;
}

.blueimagelink a:hover img{
border-left: 5px solid #00a3e9;
border-right: 5px solid #00a3e9;
border-bottom: 5px solid #00a3e9;
border-top: 5px solid #00a3e9;
}

.pinkimagelink a:hover img{
border-left: 5px solid #ff4eb7;
border-right: 5px solid #ff4eb7;
border-bottom: 5px solid #ff4eb7;
border-top: 5px solid #ff4eb7;
}

.yellowimagelink a:hover img{
border-left: 5px solid #ffc521;
border-right: 5px solid #ffc521;
border-bottom: 5px solid #ffc521;
border-top: 5px solid #ffc521;
}

a {
color: #ff8000;
text-decoration: none;
}

a:hover {
color: #fff;
}

.bluelinks a {
color: #fff;
}

.bluelinks a:hover {
color: #00a3e9;
}

.pinklinks a {
color: #fff;
}

.pinklinks a:hover{
color: #ff4eb7;
}

.yellowlinks a {
color: #fff;
}

.yellowlinks a:hover {
color: #ffc521;
}

p {
margin: 0 0 16px 0;
}

#categories a {
margin: 12px 0;
font-size: 12px;
font-weight: normal;
background: url("images/foldericon.gif") no-repeat 0 2px;
padding: 0 0 0 22px;
color: #ff9900;
}

#categories a:hover {
color: #fff;
}

.categorycolumn {
width: 33%;
float: left;
margin: 0 0 6px 0;
}

#newsfeed h3 {
float: right;
text-align: right;
padding: 3px 28px 3px 0;
font-size: 12px;
font-weight: normal;
background: url("images/arrowicon.gif") no-repeat 100% 0;
}

#newsfeed h4 {
font-size: 10px;
letter-spacing: 1px;
color: #d7016c;
margin: -12px 0 0 0;
}

#newsfeed img {
padding: 5px;
border: 1px solid #eee;
}

input, textarea {
background: #111;
border: 1px solid #424242;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
scrollbar-base-color: #111111;
scrollbar-arrow-color: #fff;
}

.imgcontainer {
text-align: left;
width: 217px;
height: 163px;
}

#footer {
text-align: center;
padding: 5px;
font-size: 10px;
color: #CCC;
}

#footer a {
color: #fff;
}

#footer a:hover {
color: #ff8000;
}

.portfoliotop {
padding: 5px 5px 5px 15px;
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
}

.portfoliotop a {
color: #FFF;
}

.portfoliotop a:hover {
color: #ff8000;
}

.portfoliotop2 {
padding: 5px 15px;
font-weight: bold;
font-size: 24px;
letter-spacing: 2px;
background: #111;
border-top: 1px solid #424242;
border-bottom: 1px solid #424242;
}

.column4 {
width: 285px;
float: left;
}

#projectcontent {
margin: 0 30px;
padding: 5px 15px 15px;
background: #111;
border-top: 1px solid #424242;
border-bottom: 1px solid #424242;
}

#resume {
margin: 0 30px;
padding: 5px 15px 15px;
background: #111;
border-top: 1px solid #424242;
border-bottom: 1px solid #424242;
font-size: 14px;
}

.column75 {
width: 640px;
float: left;
}

.column25 {
width: 245px;
float: left;
}

#portfolionext {
float: right;
font-size: 16px;
font-weight: bold;
}

#portfolioprev {
float: left;
font-size: 16px;
font-weight: bold;
}

ul {
margin-left: 40px;
}