@charset "utf-8";

/*
Theme Name: Chelsey Christensen Website
Theme URI: http://leonewball.com/
Description: Custom Theme For Chelsey Christensen
Version: 1.0
Author: Leo Newball, Jr.
Author URI: http://leonewball.com/
Tags: fixed-width

Release Notes:
1.0 - Initial Design
*/

/* Color & Presentation*/

/* Typography */
body {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
#nav a {color: #fff; text-decoration: none; text-transform: capitalize;}
#frontpage #nav {font-size: 1.25em;}
#nav {font-size: 1em;}
.title-text {margin: 0; padding: 21px 0 5px 0;}

#text p {font-size: .825em;}

/* Design */
body {background-color: #003F4C; background-image:url(images/background-graphic.png); background-position: 50px center; background-repeat: no-repeat; margin: 0;}
#wrapper {width: 870px; height: 670px; background-image:url(images/bg-highlight.png); background-repeat: no-repeat; margin: 150px auto;}
.biography #text, .contact #text {border-right: 1px solid #a3a3a3; background-image: url('images/transparent_light.png'); background-repeat: repeat; background-attachment: fixed;}
.resume #text, .news #text {border-left: 1px solid #a3a3a3; background-image: url('images/transparent_light.png'); background-repeat: repeat; background-attachment: fixed;}
#frontpage #content {position: relative; top: 35px; left: 35px; width: 800px; height: 600px;}
#page #content {position: relative; top: 10px; left: 35px; width: 800px; height: 600px;}

/* Front Page */
#frontpage #content {background-image:url(images/splash.png);}
#frontpage #nav {float: right; width: 250px; height: 600px; border-left: 1px solid #a3a3a3; background-image: url('images/transparent.png'); background-repeat: repeat;}
#frontpage #nav ul {margin: 50px 0 0 5px; padding: 0; }
#frontpage #nav li {list-style: none; padding: 3px 8px 3px 8px; margin: 0; text-align: right;}
#frontpage img {margin: 100px 0 0 25px;}

/* Biography */
.biography #content {background-image:url(images/bio-bg.png); background-repeat: no-repeat; background-position: top right; background-color: #fff;}
.biography #text {width: 435px; height: 600px; padding: 0 5px 0 10px;}

/* Resume */
.resume #content {background-image:url(images/resume-bg.png); background-position:left center; background-repeat: no-repeat;}
.resume #text {width: 485px; height: 600px; padding: 0 5px 0 10px; margin-left: 300px;}
.resume #text th {font-size: .825em; text-align:  left;}
.resume #text td {font-size: .750em;}
.resume h3 {font-size: .925em;}
.resume #content ul {font-size: .825em; margin: 0; padding: 0;}
.resume #content li {list-style: none; padding: 2px 0 3px 5px;}
.resume #content ul ul li {list-style: none; padding-left: 20px; font-size: 1.175em;}
.resume #content tr {border-top: 1px solid #aeaeae; border-bottom: 1px solid #a3a3a3;}
.resume #content th {padding: 5px 0 5px 0;}
.resume #content td {padding: 3px;}
.resume #content tr.alt {background-color: #a3a3a3;}

/* News */
.news #content {background-image:url(images/news-bg.png); background-position:left center; background-repeat: no-repeat;}
.news #text {width: 485px; height: 600px; padding: 0 5px 0 10px; margin-left: 300px;}
.news #text th {font-size: .825em; text-align:  left;}
.news #text td {font-size: .750em;}
.news h3 {font-size: .925em;}
.news #content ul {font-size: .825em; margin: 0; padding: 0;}
.news #content li {list-style: none; padding: 2px 0 3px 5px;}
.news #content ul ul li {list-style: none; padding-left: 20px; font-size: 1.175em;}
.news #content tr {border-top: 1px solid #aeaeae; border-bottom: 1px solid #a3a3a3;}
.news #content th {padding: 5px 0 5px 0;}
.news #content td {padding: 3px;}
.news #content tr.alt {background-color: #a3a3a3;}

/* Photos */
.photos img {border: 0;}
.photos #content ul {list-style: none; margin: 20px 0 0 20px; padding: 0}
.photos #content li {list-style: none; display: inline; padding-right: 5px;}

/* Contact */
.contact #content {background-image:url(images/contact-bg.png); background-repeat: no-repeat; background-position: top right; background-color: #fff;}
.contact #text {width: 435px; height: 600px; padding: 0 5px 0 10px;}
.contact label {float: left; width: 100px; }
.contact input {width: 200px;}
.contact textarea {width: 203px; height: 150px;}
.contact .button {width: 75px; margin: 10px 0 0 225px;}

/* Common Elements */
#page #nav {margin: auto; width: 800px; height: 25px; }
#page #nav ul {list-style:  none; margin:0 0 0 10px; padding: 6px 0 0 0;}
#page #nav li {display: inline; padding-right: 15px; margin: 0;}
#page #nav img {float: left; margin: 0; padding: 0;}
#text {overflow: auto;}
.current_page_item a {color: #29c3cb !important;}