@import url("960.css");

/* Project specific style */


body{background-color:#111;color:#999; background-image:url(../images/background.jpg); background-repeat:no-repeat;}

h2, strong{color:red;}
h3{color:#FFFFFF;}
a:link{color:#fff;text-decoration:none;}
a:visited{color:#fff;text-decoration:none;}
a:hover{color:red;}

#header{padding:20px 0 0 0;}	
#header h1 {float:left;width:946px;margin-bottom:3px;}
#header h1 a{background:transparent url('../images/header-logo.png') no-repeat;display:block;height:106px;overflow:hidden;text-indent:-2000px;width:423px;}

#mainpage h1{margin-top:-20px; color:#FFFFFF; text-transform:lowercase; font-weight:bold; margin-bottom:-10px; font-size:36px; letter-spacing:-2px;}
#mainpage h2{margin-top:30px; color:#FF0000; text-transform:lowercase; font-weight:lighter;margin-bottom:0px; font-size:24px;}
#mainpage p{color:#CCCCCC; text-transform:lowercase; font-weight:lighter; margin-bottom:0px; font-size:16px; line-height:1em;}
#mainpage {padding-top:30px;}
.portfolio{margin-bottom:30px;}
.index-button{-moz-box-shadow: 3px 3px 10px #666666;-webkit-box-shadow: 5px 5px 5px #fff;padding:3px;-moz-border-radius:10px;-webkit-border-radius:10px; background-image:url(../images/rounded-index-1.jpg);background-repeat: repeat-x;}
.index-button h1{text-transform:uppercase; margin:0px; color:#FFFFFF; text-align:center; font-weight:bolder;font-size:30px;}
.index-button p{margin-top:-10px; color:#FFFFFF; text-align:center; font-size:18px;}
#resume a:link{color:#fff;text-decoration:none;}
#resume a:visited{color:#fff;text-decoration:none;}
#resume a:hover{color:red;}
#resume ul {color:#fff;margin:0 0 5px 0;padding:3px 0 3px 0;text-align:right;}
#resume ul li{display: inline;list-style-type: none;padding:0 2px;font-size:13px;}
#resume ul a:link{color:#fff;text-decoration:none;}
#resume ul a:visited{color:#fff;text-decoration:none;}
#resume ul a:hover{color:red;}
.resume p{color:#ffffff;}

#nav ul {color:#fff;margin:0 0 20px 0;padding:8px 0 8px 0;text-align:right;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
#nav ul li{display: inline;list-style-type: none;padding:0 8px;font-size:18px;}
#nav ul a:link{color:#fff;text-decoration:none;}
#nav ul a:visited{color:#fff;text-decoration:none;}
#nav ul a:hover{color:red;}

#about img{padding:3px;}

#footer {text-align:right;border-top:1px solid #aaa;padding:10px 0;margin-top:20px;}
#footer p {font-size:12px;}
#footer a:link, #footer a:visited{color:#fff;text-decoration:none;}
#footer a:hover {color:red;}

.work{ background-image:url(../images/work-background.png); background-repeat:repeat-x; -moz-border-radius:10px;-webkit-border-radius:10px;}
.work h3{margin:10px;}
.work p{margin:10px;}