/*
    Document   : screen
    Created on : Feb 3, 2010, 2:53:28 PM
    Author     : coryfugate
*/

/*
Types of CSS Selections-
1. Element selector: the name of an xhtml element (e.g. body, p, img...)
2. ID selector: the name of the ID preceeded by a # sign (e.g. #header, #nav, #footer...)
    -case sensitive!
3.

CSS Measurement Units-
fixed: pi, pt, px, in, cm, mm
unfixed: %, em & ex(font dependent)

CSS Positions-
relative- position relative to other divs
absolute- position relative to the window

*/

body {
        margin: 0;
        padding: 0;
        background-image: url("../images/greyrisingsun.jpg");
        background-repeat: no-repeat;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
            
}

.hidden {
	display: none;
}
h1 {
	margin: 0;
	padding: 0;
}


#outercontainer{
    position: relative;
    margin: auto;
    width: 776px;
    top: 20px;
    background: #FFFFFF 80%;
    border: 1px solid #666666;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 3px 3px 3px #666;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    -o-box-shadow: 3px 3px 3px #666;
    padding: 5px;
}


#container{
    width: 760px;
    margin: auto;
    top: 20px;
    padding: 10px;
}

#header{
    height: 195px;
}

#nav{
    height: 40px;
    font-size: 16px;

}


#nav a {
	color: #666666;
	text-decoration: none;
        font-weight: bold;
	letter-spacing: 3px;
        text-transform: uppercase;
        text-decoration: none;
}

#nav a:hover {
	color: #C00000;
}

#nav dl, #footer dl {
margin:0;
padding:0;
list-style:none;
}
#nav dt, #footer dt {
display:inline;
margin:0;
padding:0;


}



#homenav,
#homenav a
{
  display:inline-block;
  margin: 0 -2px;
  padding: 0;
  width: 85px;
  height: 40px;
  background: url("../images/homenav.gif")
}

#aboutmenav,
#aboutmenav a
{
  display:inline-block;
  margin: 0 -2px;
  padding: 0;
  width: 110px;
  height: 40px;
  background: url("../images/aboutmenav.gif")

}

#interestsnav,
#interestsnav a
{
  display:inline-block;
  margin: 0 -2px;
  padding: 0;
  width: 105px;
  height: 40px;
  background: url("../images/interestsnav.gif")
}

#resumenav,
#resumenav a
{
  display:inline-block;
  margin: 0 -2px;
  padding: 0;
  width: 95px;
  height: 40px;
  background: url("../images/resumenav.gif")
}

#portfolionav,
#portfolionav a
{
  display:inline-block;
  margin: 0 -2px;
  padding: 0;
  width: 105px;
  height: 40px;
  background: url("../images/portfolionav.gif")
}

#assignmentsnav,
#assignmentsnav a
{
  display:inline-block;
  margin: 0 -2px;
  padding: 0;
  width: 130px;
  height: 40px;
  background: url("../images/assignmentsnav.gif")
}

#contactmenav,
#contactmenav a
{
  display:inline-block;
  margin: 0 -2px;
  padding: 0;
  width: 130px;
  height: 40px;
  background: url("../images/contactmenav.gif")
}

.home #homenav,
.aboutme #aboutmenav,
.interests #interestsnav,
.resume #resumenav,
.portfolio #portfolionav,
.assignments #assignmentsnav,
.contactme #contactmenav
{
 background-position: 0 -40px;
 cursor: default;
}

#homenav:hover,
#aboutmenav:hover,
#interestsnav:hover,
#resumenav:hover,
#portfolionav:hover,
#assignmentsnav:hover,
#contactmenav:hover
{
 background-position: 0 -40px;
 
}

#homenav span,
#aboutmenav span,
#interestsnav span,
#resumenav span,
#portfolionav span,
#assignmentsnav span,
#contactmenav span
{
  display: none;
}


#aside {
    top: 200px;
    float: right;
    width: 280px;
    line-height: 16px;

}

#aside div {
    padding: 25px;
}

#resumeButton
{
  display: block;
  width: 141px;
  height: 150px;
  background: url("../images/resumeico3.gif")

}

#resumeButton:hover
{
 background-position: 0 -149px;
}

#resumeButton span
{
  display: none;
}

#portfolioButton
{
  display: block;
  width: 140px;
  height: 155px;
  background: url("../images/portfolioico3.gif")

}

#portfolioButton:hover
{
  background-position: 0 -156px;
}

#portfolioButton span
{
  display: none;
}


#content {
    float: left;
    width: 480px;
    line-height: 18px;

}

#content a{
    color: #666666;
}

#content a:hover{
    color: #C00000;
}

#content div {
	padding: 20px;
}


#content h1 {
	margin: 0;
	padding: 0;
        padding-bottom: 15px;

}

#content p {
	margin: 0;
	padding: 0;
        padding-bottom: 15px;

}

#footer {
    clear: both;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #666666;
    border-top: 3px solid #C00000;
	padding: 13px 47px 13px 25px;
	line-height: 12px;


}

#footer a {
	color: #666666;
	text-decoration: none;
}

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

#footer #footernav {
	width: 350px;
	float: right;
	text-align: right;

}

#footer img{
    position: relative;
    bottom: 12px;
    left: 16px;
    
}

img {
        border-style: none;
        padding: 0;
        margin: 0 -2px;
}