/* Ryan Glover - Master Style Sheet
   Author: Ryan Glover
   Date: 3-3-09
   URL: http://www.twitter.com/rglover
*/


/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a, a:hover, a:visited {
text-decoration: none;
}

/* STRUCTURE */

body {
background: #262626 url('http://personal.bgsu.edu/~rglover/portfolio/images/SC_Wood4.png') repeat;
background-position: fixed;
min-height: 1500px;
}

#container {
margin: auto;
width: 960px;
}

#slide-down-menu {
background: #000;
width: 195px;
display: none;
}

#slide-down-menu ul {
list-style: none;
color: #fff;
padding-left: 25px;
padding-top: 15px;
padding-bottom: 15px;
}

#slide-down-menu li {
font-family: Cambria;
font-size: 16px;
line-height: 34px;
font-weight: bold;
}

#slide-down-menu a {
color: #999999;
text-decoration: none;
}

#slide-down-menu a:hover {
color: #fff;
text-decoration: none;
}

#menu-btn {
}

#menu-btn:hover {
cursor: pointer;
}

#contact {
float: right;
background: #0f0f0f;
color: #fff;
}

#header {
margin-top: 15px;
}

#description {
background: #000;
margin-top: 10px;
padding: 20px 0px 20px 27px;
}

.description-txt {
}

.description-txt p {
width: 600px;
float: left;
}

.description-tip p{
padding-top: 15px;
color: #777;
font-family: Cambria, serif;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
font-size: 18px;
}

/* ABOUT PAGE */

#content-about {
display: none;
overflow: auto;
background: #000;
margin-top: 15px;
margin-bottom: 25px;
padding: 20px;
}

#about-left {
margin-top: 20px;
width: 800px;
float: left;
}

#about-left p{
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
line-height: 30px;
color: #fff;
}

#about-left p a {
color: #0099ff;
text-decoration: none;
border-bottom: 1px solid #333;
}

#about-right {
margin-top: 20px;
width: 300px;
float: right;
}

#about-right p {
font-family: Georgia;
font-size: 14px;
line-height: 30px;
color: #777;
}

#links {
margin-top: 45px;
}

#links img {
float: left;
}

#links ul {
margin-top: 20px;
margin-bottom: 20px;
list-style: none;
float: left;
clear: both;
padding-right: 35px;
}

#links ul a{
text-decoration: none;
color: #fff;
border-bottom: 1px solid #fff;
}

#links h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
color: #fff;
}

#links ul li {
margin-top: 5px;
color: #fff;
}


/* PORTFOLIO PAGE */

#content-portfolio {
display: none;
background: #000;
margin-top: 15px;
margin-bottom: 25px;
padding: 20px;
}

.port-item {
margin-bottom: 30px;
overflow: auto;
}

.item-lft {
margin-top: 20px;
width: 604px;
float: left;
}

.item-lft img {
border: 2px solid #fff;
}

.item-rgt {
margin-top: 20px;
width: 204px;
float: right;
}

.item-rgt ul {
list-style: none;
float: left;
}

.item-rgt h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}

.item-rgt li {
margin-top: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #fff;
line-height: 18px;
}

.item-rgt li a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #777;
}

/* RESUME PAGE */

#content-resume {
display: none;
background: #000;
margin-top: 15px;
margin-bottom: 25px;
padding: 20px;
}

.pdf-link {
float: right;
}

.resume-img {
padding-left: 10px;
padding-top: 20px;
}

#content-resume h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
}

#content-resume ul {
list-style: none;
margin-top: 10px;
}

#content-resume li {
padding-bottom: 15px;
padding-left: 20px;
font-family: Cambria, serif;
font-size: 16px;
color: #fff
}

/* CONTACT PAGE */

#content-contact {
display: none;
background: #000;
margin-top: 15px;
margin-bottom: 25px;
padding: 20px;
}

#contact-items {
padding-top: 15px;
}

#contact-items img {
padding-top: 20px;
}