/* CSS Document - Styles for Heather's Academic Site*/

/* global styles */

body {
	background-color: #000000;
	color: #ccccff;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	font-family: georgia, verdana, arial, sans-serif;
	text-align: center;
	line-height: 1.5em;
}
	
a, a:visited {
	text-decoration: underline;
	color: #ffffff;
}

a:active {
	color: #FFCC99;
}

a:hover, a:focus {
	color: #FFCC99;
}

img {
	border: 0px;
}

h1 {
	text-align: center;
	color:#FFCC99;
	font-size: 160%;
	text-shadow: 3px 3px 3px #000000;
}

h2 { 
	color: #FFCC99;
	font-size: 140%;
	margin-top: 2em;
}

h3 {
   font-size: 120%;
   margin-top: 1.5em;
   }

h4, h5, h6 {
   font-size: 100%;
}
		
ul {
	list-style-type: none;
	list-style-image:url(../images/peach-arrow.gif)
}

ul ul {
    list-style-type: disc;
}

ul ul ul {
    list-style-type: square;
}

/* section styles */

#skip-nav {
    font-size: 70%;
	text-align: center;
	padding: .5em;
}

#wrapper {
    width: 80%;
	min-width: 700px;
	max-width: 1000px;
	margin: auto;
	padding: 0;
	text-align: left;
	background-color:#330066;
	border: 1px solid #FFCC99;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

#header {
    font-weight: bold;
	font-size: 140%;
	text-align: center;
	color: #FFCC99;
	padding: 1em 2em;
	text-shadow: 3px 3px 3px #000000;
}

#nav {
    background-color:#333333;
	background-image:url(../images/fishies.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #000000;
	padding-top: 46px;
}

#nav ul {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

#nav ul li {
    display: inline;
	padding: 1em .75em;
}

#nav a {
    text-decoration:none;
    font-weight: bold;
	font-size: 80%;
	white-space: nowrap;
}

#nav a:hover, #nav a:focus {
	text-shadow: 2px 2px 4px #ff0000;
}

#content {
	margin: 0;
	padding: 1em 2em;
}

#gallery {
width: 100%;
border-collapse: collapse;
border: 0;
text-align: center;
}

#gallery td {
width: 50%;
}

#screenshots {
text-align: center;
}

#screenshots img {
padding: 1em;
}

#footer {
	font-size: 80%;
	text-align: center;
	padding: 2em;
}

/* home page styles */

body.home {
padding-top: 3em;
}

.home #content img {
float: left;
padding: 0 3em 3em;
}

.home h2 {
margin-top: .5em;
margin-bottom: 2em;
font-size: 150%;
text-shadow: 2px 2px 4px #000000;
}

.home h2 a {
text-decoration: none;
}

.home h2 a:hover, .home h2 a:focus {
	text-shadow: 2px 2px 6px #ff0000;
}

/* portable classes */
.tiny {
	font-size: 80%;
	}
	
.screenshot {
	border: 1px solid #000000;
}

.clearfix {
clear: both;
}