/*
Theme Name: Rockem
Description: Design featuring Rock'em Sock'em Robots.
Version: 1.0
Author: Nicholas Nykamp
Author URI: http://nicholasnykamp.com

*/



/*Basic Structure*/

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Verdana, Arial, Sans-Serif;
background: #ffffff;
color: #000;
text-align: center;
padding:0;
margin:0;
}

div#container0 {
display: block;
position: relative;
width:844px;
margin:0 auto;
padding:0;
}

div#content {
display:block;
position: relative;
padding:10px;
text-align: justify;
font-size: 12px;
}

div#footer {
display:block;
position: relative;
margin-top:15px;
}

/*Navigation*/

div#nav {
display: block;
position:relative
width:inherit;
height:82px;
text-align: left;
background:url(images/nav-bg.gif) no-repeat;
margin:0;
padding:0;
}

div#nav ul {
display: block;
position: relative;
list-style: none;
margin:0;
padding:0;
top:22px;
}

div#nav ul li a{
display: block;
position: relative;
margin:0;
padding:0;
width:100px;
height:0;
padding-top:19px;
overflow: hidden;
}

li#nav-resume a {
background:url(images/nav-option-resume.gif) no-repeat 0 0;
}

li#nav-reel a {
background:url(images/nav-option-reel.gif) no-repeat 0 0;
}

li#nav-contact a {
background:url(images/nav-option-contact.gif) no-repeat 0 0;
}


div#nav ul span {
display: none; /*usability stuff*/
}



/*General Rules*/

a img {
border:none;
}

p#ll {
display:none; /*cForms Link*/
}

div.float-clear {
clear:both;
}


/*Resume Structure*/

div.resume-section {
display: block;
position: relative;
clear:both;
margin:40px 0;
}

div.resume-section-left {
display: block;
position: relative;
width:169px;
_width:100px;
float:left;
}

div.resume-section-right {
display: block;
position: relative;
width:655px;
_width:600px;
float:right;
}

div.resume-project {
display: block;
position: relative;
margin:40px 0 0 0;
padding-bottom:10px;

}


/*Resume Formatting*/

span.project-title, span.project-roles, span.project-technology, span.project-showcase {
width:480px;
_width:400px;
text-align: left;
}

span.project-title {
font-size:12px;
font-style: italic;
}

span.project-roles {
display: block;
position: relative;
font-weight: bold;
font-size:14px;
color:#333333;
margin-bottom:10px;
}

span.project-technology, span.project-showcase {
display: block;
position: relative;
font-size:10px;
}

a.project-link {
float:right;
margin-left:20px;
border:1px solid #e2e2e2;
}

a.project-link:hover {
border:1px solid #333333;
}

/*Reeel Section*/

div#reel-explanation, div#reel-videos {
display: block;
position: relative;
}

span#video0 {
display: block;
position: relative;
width:720px;
height:405px;
padding:0;
margin:30px 0 0 0;
border:1px solid #e8e8e8;
}

/*Contact Section*/

div#contact-left {
display: block;
position: relative;
width:320px;
float:left;
}

div#contact-right {
display: block;
position: relative;
width:415px;
float:right;
margin-left:30px;
border:1px solid #e8e8e8;
padding:10px 20px;
}