/*
Custom style for Natasha's graduate profile
Designed by Angelique Weger, March 2009
http://www.miscellaneaarts.com/
*/

/* TABLE OF CONTENTS
- Document Colors
- Reset
- Layout
- Header
- Navigation
- Content
- Sidebar
- Footer
*/

/* RESET
---------------------------------------------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	} 
html {
	font-size:100.01%;
	}
body {
	color:#080704;
	font-family:"Futura Medium", "Century Gothic", AppleGothic, sans-serif;
	font-size:1em;
	line-height:1.6;
	width:100%;
	}

/* LAYOUT
---------------------------------------------------------------------------------------------------- */
div#wrapper {
	padding:30px 0;
	text-align:center;
	width:100%;
	}
div#content {
	border:2px solid #fff;
	margin:0 auto;
	text-align:left;
	width:750px;
	}
div#top-photo {
	height:225px;
	width:750px;
	}
div#top-nav {
	}
div#main {
	background:#985;
	float:left;
	padding:10px;
	width:70%;
	}
body.credits div#main {
	width:97%;
	}
div#sidebar {
	float:left;
	height:100%;
	padding:5px;
	width:26%;
	}
div#low-nav {
	}
div#low-photo {
	height:100px;
	width:750px;
	}
div#footer {
	}
.clear {
	clear:both;
	}

/* HEADER
---------------------------------------------------------------------------------------------------- */
#top-photo h1 {
	padding:10px;
	}
div.photo-elements {
	}
	
/* NAVIGATION
---------------------------------------------------------------------------------------------------- */
div.navbar {
	color:#B3A680;
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	height:2em;
	margin:0;
	padding:10px;
	}
ul.nav {
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:.15em;
	overflow:hidden;
	padding:0;
	width:100%;
	}
ul.nav li {
	float:left;
	list-style-type:none;
	padding:0 20px 0;
	}
#low-nav ul.nav li {
	padding:0 12px 0;
	}
ul.nav li a:link, ul.nav li a:visited {
	color:#F3EAB1;
	text-decoration:none;
	}
body.main ul.nav li a:link, body.main ul.nav li a:visited {
	border-bottom:1px dashed #634343;
	}
body.about ul.nav li a:link, body.about ul.nav li a:visited {
	border-bottom:1px dashed #5A6680;
	}
body.cv ul.nav li a:link, body.cv ul.nav li a:visited {
	border-bottom:1px dashed #8094AD;
	}
body.research ul.nav li a:link, body.research ul.nav li a:visited {
	border-bottom:1px dashed #a67340;
	}
body.main ul.nav li a:hover, body.about ul.nav li a:hover, body.cv ul.nav li a:hover, body.research ul.nav li a:hover {
	border-bottom:1px dashed #fff;
	color:#fff;
	text-decoration:none;
	}
	
/* CONTENT
---------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	color:#430;
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-weight:normal;
	padding:.25em 0 .15em;
	}
h1 {
	font-size:3.5em;
	}
h2 {
	font-size:3em;
	}
h3 {
	font-size:2.5em;
	}
h4 {
	font-size:2.25em;
	}
h5 {
	font-size:2em;
	}
h6 {
	font-size:1.5em;
	}
p {
	padding:0 0 1em 0;
	}
img {
	border:1px solid #402020;
	margin:15px;
	padding:5px;
	}
#main a, #sidebar a {
	text-decoration:underline;
	}
#main a:link, #sidebar a:link {
	color:#402020;
	}
#main a:visited, #sidebar a:visited {
	color:#201010;
	}
#main a:hover, #sidebar a:hover {
	color:#112;
	}
#main a:hover {
	background-color:#B3A680;
	}
#sidebar a:hover {
	background-color:#fff;
	}
#main a:active, #sidebar a:active {
	color:#705858;
	}
blockquote {
	background-color:#827448;
	border-left:3px solid #402020;
	color:#000;
	letter-spacing:.1em;
	line-height:2em;
	margin:1em;
	padding-left:10px;
	}
cite {
	color:#fff;
	display:block;
	text-align:right;
	}
strong {
	font-weight:bold;
	}
em {
	font-style:italic;
	}
sup, sub {
	line-height:0;
	}
abbr, acronym {
	border-bottom:1px dotted #666;
	}
ul, ol {
	padding:0 2.5em 1em;
	}
ul {
	list-style-type:disc;
	}
ol {
	list-style-type:decimal;
	}
li ul, li ol {
	padding:0 1.5em;
	}
.caps {
	text-transform:uppercase;
	}
.nocaps {
	text-transform:lowercase;
	}
.small {
	font-size:75%;
	}
.large {
	font-size:125%;
	}
.quiet {
	color:#666;
	}
.loud {
	color:#000;
	}
.highlight {
	background:yellow;
	}
.text-left {
	text-align:left;
	}
.text-right {
	text-align:right;
	}
.text-center {
	text-align:center;
	}
.text-justify {
	text-align:justify;
	}
.align-left {
	float:left;
	}
.align-right {
	float:right;
	}

/* SIDEBAR
---------------------------------------------------------------------------------------------------- */
div#sidebar ul {
	font-size:.95em;
	padding:0 .1em;
	}
div#sidebar ul li {
	font-weight:bold;
	list-style-type:none;
	padding-bottom:.75em;
	}
div#sidebar ul li ul {
	padding-left:1.5em;
	}
div#sidebar ul li ul li {
	font-weight:normal;
	list-style-type:disc;
	}

/* FOOTER
---------------------------------------------------------------------------------------------------- */
#footer p {
	color:#fff;
	font-size:.9em;
	}
#footer a {
	border-bottom:1px dashed #fff;
	color:#fff;
	text-decoration:none;
	}

/* ALT DOCUMENT COLORS
---------------------------------------------------------------------------------------------------- */
body.main {
	background:#606040 url('img/main-back.jpg') repeat;
	}
body.main div#content {
	background:#985;
	border-color:#402020;
	}
body.main div#top-photo {
	background:#402020 url('img/main-top.jpg') no-repeat;
	}
body.main h1 {
	color:#f3eab1;
	}
body.main div.navbar {
	background:#402020;
	}
body.main div#sidebar {
	background:#f3eab1;
	}
body.main div#sidebar h2 {
	color:#402020;
	}
body.main div#low-photo {
	background:black url('img/main-low.jpg') no-repeat;
	}
	
body.about {
	background:#887B6B url('img/about-back.jpg') repeat;
	}
body.about div#content {
	background:#8094AD;
	border-color:#235;
	}
body.about div#top-photo {
	background:#235 url('img/aboutme-top.jpg') no-repeat;
	}
body.about h1 {
	color:#1B293F;
	}
body.about div.navbar {
	background:#235;
	}
body.about div #sidebar {
	background:#8094AD;
	}
body.about div#sidebar h2 {
	color:#235;
	}
body.about div#low-photo {
	background:black url('img/aboutme-low.jpg') no-repeat;
	}
	
body.cv {
	background:#606060 url('img/cv-back.jpg') repeat;
	}
body.cv div#content {
	background:#aaa;
	border-color:#406080;
	}
body.cv div#top-photo {
	background:#406080 url('img/cv-top.jpg') no-repeat;
	}
body.cv h1 {
	color:#333;
	}
body.cv div.navbar {
	background:#406080;
	}
body.cv .details {
	display:block;
	padding:.5em .75em;
	}
body.cv div#sidebar {
	background:#aaa;
	}
body.cv div#sidebar h2 {
	color:#406080;
	}
body.cv div#low-photo {
	background:black url('img/cv-low.jpg') no-repeat;
	}

body.research {
	background:#431 url('img/research-back.jpg') repeat;
	}
body.research div#content {
	background:#985;
	border-color:#840;
	}
body.research div#top-photo {
	background:#840 url('img/research-top.jpg') no-repeat;
	}
body.research h1 {
	color:#fff;
	}
body.research div.navbar {
	background:#840;
	}
body.research div#sidebar {
	background:#c0a060;
	}
body.research div#sidebar h2 {
	color:#840;
	}
body.research div#low-photo {
	background:black url('img/research-low.jpg') no-repeat;
	}