/* Get custom fonts */

@font-face { font-family: Nevis; src: url('fonts/nevis.ttf'); }
@font-face { font-family: Vera; src: url('fonts/vera.ttf'); }

/*Fix Standards after Browser Reset*/

h1 {font-size: 34px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}
p {font-size: 12px; padding-bottom: 18px;}
em {font-style: italic;}
strong {font-weight: bold;}
.smaller { font-size:75%;}
.current { border-bottom:4px solid #c0c0c0; }

/* Set up Page */
#container {

background:#ffffff;
color:#505050;
width:776px;
margin-left:auto;
margin-right:auto;
font-family:Vera,Arial,sans-serif;
font-size:14px;

}

a {

text-decoration:none;
color:#505050;

}

a:hover {

color:#999999;

}

#header {

width:100%;
float:left;
position:relative;
margin-top:20px;
margin-bottom:20px;
}

#siteTitle {

width:242px;
margin-right:30px;
float:left;
position:relative;
font-family:Vera,serif;


}

#siteTitleDomain {

font-size:24px;

}

#mainNav {

width:504px;
margin-top:20px;
float:left;
position:relative;
font-family:Nevis,Arial,sans-serif;
font-size:15px;
text-transform:uppercase;
text-align:right;
}

#mainNav li {

padding-left:35px;

}

#mainNav ul {

list-style:none;

}

#mainNav ul li {

display:inline;

}

#main {

width:100%;
float:left;
position:relative;
margin-top:20px;

}


#feature {

float:left;
position:relative;
width:100%;
height:155px;
background:#ccc;
border-radius:5px;
box-shadow: rgba(0,0,0,0.8) 0px 0px 10px inset;
color:#ffffff;

}

#featureTextContainer {

width:560px;
margin-top:15px;
padding:3px 5px 3px 5px;
border-radius:0px 5px 5px 0px;
background-color:rgba(0,0,0,0.7);
text-align:right;
}

#featureText {
text-shadow:1px 1px 1px #000;
}

#featureSubtext {
text-shadow:1px 1px 1px #000;
}

#about {

float:left;
position:relative;
width:235px;
text-align:justify;

}

#skills {

float:left;
position:relative;
width:235px;
text-align:justify;
margin-left:30px;
}

#contact {

float:left;
position:relative;
width:235px;
text-align:justify;
margin-left:30px;
}

footer {

width:100%;
float:left;
position:relative;

}

/** GUI Stuff **/
.overlay {
position:absolute;
top:0%;
left:0%;
width:100%;
height:100%;
background:rgba(0,0,0,0.65);
z-index:10001;
}

.window {

position:absolute;
top:15%;
left:40%;
width:20%;
background:#ffffff;
border-radius:5px;
padding:15px 10px;
}

.buttonRow {

list-style:none;

}

.buttonRow li {

display:inline;
padding-right:5px;

}

.button {

color:#ddd;
background:url('gui/buttonbg.png') repeat-x #000;
border:1px solid #000;
border-radius:3px;
padding:5px 7px 5px 7px;
}

.button:hover {
color:#fff;
}

.button:active {

background:#000000;

}