/* formatting */

* {
margin: 0px auto;
}

body {
background: #000 url("bg.jpg") top right no-repeat fixed;
font-family: arial;
}

a {
color: #00407A;
}

a:hover {
color: #777;
}


h1 {
font-size: 1.2em;
margin: 6px;

}

h2 {
border-bottom: solid #666 2px;
font-size:1.4em;
font-weight:bold;
}

h3 {
font-size: 1em;
}

p {
margin-bottom:10px;
}

img {
border: none;
}

ul {
margin-bottom:10px;
}


/* Layout */

#wrapper {
width:900px;
background:#fff;
}

#header {
color: #000;
background:url("header.jpg") no-repeat ;
height:184px;
width:900px;
text-align:left;
margin: 0px auto;
padding-top: 10px;
position: relative;
}

#header h1, #header h2 { 
border-bottom: none;
margin: 0px;
padding-left: 30px;
}

.snesbox {
position:absolute;
top: 30px;
right: 200px;
background: #000;
color: #00a370;
width: 130px;
font-size: 1em;
font-weight: bold;
padding:10px;
}

.toplink {
margin-left: 13px;
margin-top:0px;
}

#navigation {
position:absolute;
bottom: 35px;
right: 0px;
color:#000;
height:30px;
line-height:30px;
text-align: right;
float:right;
}

#navigation ul {
margin: 0px;

}

#navigation li {
float:right;
list-style-type:none;
}
#navigation li a {
color:#000;
line-height:70px;
font-size: 1.2em;
display:block;
padding:0 17px;
text-decoration:none;
font-weight: 700;
}
#navigation li a:hover, .active {
background: url("arrow.jpg") center top no-repeat;
color:#000;
text-decoration:none;
}

#main {
padding:10px;
background: #fff;
}

#footer {
width: 100%;
border-top: 2px dotted #ccc;
padding-top:15px;
padding-bottom:15px;
background: #fff;
text-align: center;
font-size: .7em;
font-weight: bold;
clear:both;
}



/* ----PORTFOLIO FEATURE PAGES---- */

/* Project Sidebar (Holds Screenshots) */
.projectsidebar {
float:right;
margin-left: 5px;
}

.projectsidebar_ds {
width: 310px;
float:right;
margin-left: 5px;
}

.projectsidebar p, .projectsidebar_ds p, .projectsidebar ul, .projectsidebar_ds ul {
font-size: .9em;
}

.projectsidebar h3, .projectsidebar_ds h3{
border-bottom: solid #999 2px;
color: #444;
font-size: 1em;
font-weight:bold;
margin-bottom: 10px;
margin-top: 20px;
}

.projectsidebar h4, .projectsidebar_ds h4 {
background: #ddd;
font-size:1em;
font-weight: normal;
padding: 4px;
border-bottom: #bbb solid 2px;
}


/* Project Specs */
.projectspecs {
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 5px;
font-size: .8em;
color: #000;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}


.spec {
color: #555;
font-size:1em;
font-family: verdana;
}


/* Project Summary */
.projectsummary  {
width: 460px;
margin:0px;
padding-left: 15px;
padding-top:5px;
}

.projectsummary_ds {
width: 550px;
margin:0px;
padding-left: 15px;
padding-top:5px;
}

.projectsummary p, .projectsummary_ds p{
font-size: .9em;
}

.projectsummary h3, .projectsummary_ds h3 {
border-bottom: solid #999 2px;
color: #444;
font-size: 1em;
font-weight:bold;
margin-bottom: 10px;
margin-top: 20px;
margin-right: 10px;
}



/*  ----PORTFOLIO MAIN PAGE---- */
.portfoliocategory{
width:840px;
margin-top: 10px;
padding: 5px;
clear:both;
}

.portfoliocol1 {
width:47%;
float: left;
}

.portfoliocol2 {
width:47%;
float: right;
}

.portfolioitem {
height: 180px;
margin-bottom:30px;
}

.portfolioitemtitle{
height: 25px;
border-bottom: 1px solid #ccc;
margin-bottom:5px;
}

.portfolioitemtitle a{
text-decoration: none;
color: #ff4100;
}

.portfolioitemtitle a:hover {
text-decoration: none;
color: #666;
}

.portfolioitem img {
float:right;
height: 150px;
}

.portfolioitem h2 {
border: none;
font-size: 1.2em;
padding-left:5px;
}

.portfolioitem ul {
margin-top: 5px;
list-style-type:none;
padding-left:5px;
font-size: .8em;
}

.portfolioitem li {
margin-top: 5px;
}


.descriptionbox {
float:right;
margin: 5px 5px 5px 0px;
}


.projectbox {
width:840px;
padding:5px;
margin-bottom: 10px;
clear:both;
font-size: .9em;
}



.projectboxsmall {
border: 1px dotted #ccc;
margin-bottom:15px;
}

.projectboxsmall h3{
border-bottom: solid 1px #aaa;
margin: 0px;
padding:5px;
background: #eee;
}

.projectboxsmall ul {
padding-right: 15px;
}

.projectimg {
float: right;
padding:5px;
margin-bottom:20px;
vertical-align:top;
}




/* RESUME */

.resumehead {
text-align:left;
margin-top: 50px;
margin-bottom: 30px;
}

.resumehead h2 {
border-bottom: 1px solid #ccc;
}

.resumesectionheader {
width:150px;
float:left;
vertical-align: top;
}

.resumesection {
width: 650px;
float:right;
vertical-align: top;
border-top: #ccc 1px solid;
margin-bottom: 30px;
}



.resume h3 {
color: #555;
}

.resume h4 {
font-weight: bold;
}

.resume h5 {
font-weight: normal;
font-style: italic;
}

.sideinfo {
float: right;
}

.ref1 {
width: 50%;
float:left;
}

.ref2 {
width: 50%;
float:right;
}

.indent {
margin-left: 40px;
}

.icon {
width: 28px;
height: 28px;
margin-left: 5px;
margin-right: 5px;
}