/*  
Theme Name: Letters to Mozart
Theme URI: http://letterstomozart.com/
Description: Custom designed theme for Letters to Mozart
Version: 1.0
Author: Gabriel Serafini
Author URI: http://www.gabrielserafini.com

*/


body {
	background: url(images/body_back.jpg);
	color: #000;
	font-family: georgia, times, serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	}

small {
	font-size: 0.9em;
	}

#page {
	background: url(images/page_back.jpg) repeat-y;
	background-position: 0px 40px;
	width: 780px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	}

#header {
	background: url(images/header_back.jpg) no-repeat;
	padding: 18px;
	position: relative;
	}

.logo {
	margin: 8px 0px 0px 8px;
	}

.headergraphic {
	position: absolute;
	left: 400px;
	top: 40px;
	}

#navs {
	position: absolute;
	left: 26px;
	top: 200px;
	padding-top: 40px;
	background: url(images/leaves_decoration_up.gif) 12px 0px no-repeat;
	}

#navs ul {
	margin: 0px;
	padding: 0px;
	background: url(images/navs.gif) -150px 0px no-repeat;	
	width: 150px;
	height: 308px;
	position: relative;
	}

#navs ul li {
	list-style: none;
    position: absolute;
    left: 0px;
	}

#navs li, #navs a {
	display: block;
	height: 28px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	}

#navs span {
	display: none;
	}



#nav1, #nav1-selected {
	top: 0px;
	}

#nav1 a:hover, #nav1-selected {
    background: transparent url(images/navs.gif) 0px 0px no-repeat;
	}

#nav2, #nav2-selected {
	top: 28px;
	}

#nav2 a:hover, #nav2-selected {
    background: transparent url(images/navs.gif) 0px -28px no-repeat;
	}

#nav3, #nav3-selected {
	top: 56px;
	}

#nav3 a:hover, #nav3-selected {
    background: transparent url(images/navs.gif) 0px -56px no-repeat;
	}

#nav4, #nav4-selected {
	top: 84px;
	}

#nav4 a:hover, #nav4-selected {
    background: transparent url(images/navs.gif) 0px -84px no-repeat;
	}

#nav5, #nav5-selected {
	top: 112px;
	}

#nav5 a:hover, #nav5-selected {
    background: transparent url(images/navs.gif) 0px -112px no-repeat;
	}

#nav6, #nav6-selected {
	top: 140px;
	}

#nav6 a:hover, #nav6-selected {
    background: transparent url(images/navs.gif) 0px -140px no-repeat;
	}

#nav7, #nav7-selected {
	top: 168px;
	}

#nav7 a:hover, #nav7-selected {
    background: transparent url(images/navs.gif) 0px -168px no-repeat;
	}

#nav8, #nav8-selected {
	top: 196px;
	}

#nav8 a:hover, #nav8-selected {
    background: transparent url(images/navs.gif) 0px -196px no-repeat;
	}

#nav9, #nav9-selected {
	top: 224px;
	}

#nav9 a:hover, #nav9-selected {
    background: transparent url(images/navs.gif) 0px -224px no-repeat;
	}

#nav10, #nav10-selected {
	top: 252px;
	}

#nav10 a:hover, #nav10-selected {
    background: transparent url(images/navs.gif) 0px -252px no-repeat;
	}

#nav11, #nav11-selected {
	top: 280px;
	}

#nav11 a:hover, #nav11-selected {
    background: transparent url(images/navs.gif) 0px -280px no-repeat;
	}



#content {
	color: #300;
	margin: 0px 54px 0px 200px;
	position: relative;
	font-size: 1.6em
	}

#content a, #content a:visited, #footer a, #footer a:visited {
	color: #900;
	text-decoration: none;
	border-bottom: 1px dotted #600;
	}

#content a:hover {
	color: #300;
	text-decoration: none;
	border-bottom: 1px dotted #300;
	}

.charactergraphic {
	float: right;
	margin-right: -36px;
	}

#comment {
	width: 500px;
	height: 120px;
	}

.commentlist li {

	}

.intro-text {
	font-size: 12px;
	}

.intro-text h1 {
	margin: 0px;
	}

.intro-text p {
	margin: 6px 0px;
	}

#footer {
	color: #300;
	margin: 42px 0px 0px 0px;
	background: url(images/footer_back.jpg) no-repeat bottom left;
	height: 112px;
	text-align: center;
	clear: both;
	}

#footer div {
	padding: 12px 0px 0px 0px;
	}