/*  Theme Name: Titania
Theme URI: http://elisabethism.net
Description: Layout for our Elisabeth info site. I am kinda dizzy right now...
Version: 1.0
Author: Echo le Fay
Author URI: http://mysticecho.net
*/

/* top image and navigation bar*/
body {font-size: 12px; font-family: Arial, Tahoma, Verdana, Sans-Serif;
background: url('images/bg.png'); background-position: center;
background-repeat: repeat-y; background-color: #FFFFFF; margin: 0px;}
#header {background: url('images/header.png'); background-repeat: no-repeat;
width: 760px; height: 196px; vertical-align: top;}
#navbar {text-align: right; text-transform: uppercase; margin: 13px 8px 0px 0px; height: 20px; padding: 0px;}
#navbar li {display: inline; list-style-type: none; margin: 0px; padding: 0px;}
#navbar ul {font-size: 10px; margin: 0px; padding: 0px;}
#navbar a {letter-spacing: 2px; color: #FFFFFF; padding: 0px 2px 0px 2px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;
text-decoration: none; text-transform: uppercase;}
#navbar a:link {color: #FFFFFF; text-decoration: none;}
#navbar a:visited {color: #FFFFFF; text-decoration: none;}
#navbar a:active {color: #FFFFFF; text-decoration: none;}
#navbar a:hover {background-color: #FFFFFF; color: #000066; text-decoration: none;}
/* end top */

/* footer and notes*/
#footer {background: url('images/footer.png'); background-position: top left;
background-repeat: no-repeat; width: 760px; height: 25px;}
#credit {margin: 5px 0px 0px 5px; color: #FFFFFF; text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
#credit a:link {color: #FFFFFF; text-decoration: none;}
#credit a:visited {color: #FFFFFF; text-decoration: none;}
#credit a:active {color: #FFFFFF; text-decoration: none;}
#credit a:hover {background-color: #FFFFFF; color: #000066; text-decoration: none;}
/* end footer */

/* search form */
#searchform {width: 130px; margin: 0 0 0 5px;}
#s {width: 60px; margin: 0 0 0 10px; padding: 1px 0 1px 0; border: 1px solid #3366CC;}
#searchsubmit {background-color: #3366CC; border: 1px solid #3366CC;
color: #FFFFFF; width: 40px; padding: 0px;}
/* end search form*/

/* sidebar and side menu*/
#sidebar {background: url('images/sidebar.png');background-position: left;
background-repeat: repeat-y; vertical-align: top; width: 132px;}
#sidebar form {margin: 0;}
#sidemenu {padding-top: 5px; padding-bottom: 5px;}
#sidemenu {padding-top: 5px; padding-bottom: 5px;}
#sidemenu ul {padding:0; margin:0; list-style-type:none;}
#sidemenu li a {display:block; padding:11px 0px 11px 24px; color:#FFFFFF; text-decoration:none; letter-spacing:8px;
background:url(images/button.png); background-repeat:no-repeat; background-position:left top; width: 100px;}
#sidemenu a:hover {color:#FFFFFF; background-position:left bottom;}
#sidemenu ul ul {padding:0; margin:0; list-style-type:none;}
#sidemenu ul ul li a {display:block; padding:3px 0px 3px 24px; color:#FFFFFF; text-decoration:none; letter-spacing:8px;
background:url(images/blank.gif); background-repeat:no-repeat; width: 100px;}
#sidemenu ul ul li a:hover {color:#99CCFF;}
/* end sidebar */

/* main */
#wrapper {background-color: #FFFFFF; vertical-align: top; width: 628px;}
#main {margin: 15px 10px 10px 10px;}
#main a:link {color: #0066CC; text-decoration: none;}
#main a:visited {color: #0066CC; text-decoration: none;}
#main a:hover {color:#33CCFF; text-decoration: none;}
#main a:active {color: #0066CC; text-decoration: none;}
.post {margin: 0px 0 5px 10px;}
/* end main */

/* basic typography and color */
div, p, td {font-family: Tahoma, Arial, Verdana; font-size: 12px; color: #003399; line-height: 20px;}
input, textarea, select {font-size: 12px; font-family: Tahoma, Arial, Verdana; color: #0066CC;}
input, select {background-color: #FFFFFF; border: 1px solid #99CCFF;}
textarea {background-color: #FFFFFF; border: 1px solid #99CCFF;}
i, em {color: #0099FF; padding-left:2px; padding-right:2px; font-family:Georgia;}
u {color: #0099FF;}
b, strong {color: #0099FF;}
strike {color: #999999;}
hr {color: #99CCFF; height: 1px; width: 100%;}
img {border-color: #003399;}
li {font-family: Tahoma, Arial, Verdana; font-size: 12px; color: #003399; line-height: 150%;}
/* end basic */

/* special headers */
h1 {font-size: 14px; font-family: Georgia, Times New Roman, Times, serif;
color: #0099CC; letter-spacing: 2px; border-bottom: 1px solid #99CCFF; line-height: 30px;}
h1:first-letter { font-size: 25px;}
.head1 {font-size: 14px; font-weight: bold; font-family: Georgia, Times New Roman, Times, serif;
color: #0099CC; letter-spacing: 2px; border-bottom: 1px solid #99CCFF; line-height: 30px;}
.head1:first-letter {font-size: 25px;}
h2 {background:url('images/head2.gif'); background-repeat:no-repeat;
line-height: 25px; color:#0066CC; letter-spacing:2px; padding:0 0 0 10px; border-bottom: 1px solid #99CCFF;
font-size:12px; font-weight:bold; font-family:Georgia, Times New Roman, Times, serif;}
.head2 {background:url('images/head2.gif'); background-repeat:no-repeat; line-height: 25px; font-size:12px; font-weight:bold; font-family:Georgia, Times New Roman, Times, serif; color: #0066CC; letter-spacing:2px; padding:0 0 0 10px; border-bottom:1px solid #99CCFF;}
h3 {font-family: Georgia, Times New Roman; font-size: 12px; color: #0099CC; letter-spacing: 2px; border-bottom: 1px solid #99CCFF;}
h3:first-letter {font-size:14px;}
h4 {font-family: Georgia, Times New Roman; font-size: 12px; color: #0099CC;}
h5 {font-size: 10px; font-family: Verdana; font-weight: normal; color: #003399;}
h6 {font-size: 9px; font-family: Verdana; font-weight:normal; color: #99CCFF;}
.postdata {font-size:10px; font-family:Verdana,Tahoma,Arial; color:#0099FF;}
.postdata cite {font-size:12px; font-style: normal; font-family: Georgia, Tahoma, Verdana;}
.navigation {font-size:9px; font-family:Verdana,Tahoma; color: #0099FF; padding:0 3px 10px 3px;display:block;}
.teaser {font-family: Verdana; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; border-top: 1px solid #99CCFF; text-align:right;}
/* end special headers */

/* align */
.alignright {float:right;}
.alignleft {float:left;}
.center {text-align: center;}
/* end align */

/* Images */
p img {padding:0; max-width: 100%;}

/* Thumb Images of Musical Data Page*/
.items img {background-color:#FFFFFF; border:1px solid #99CCFF; margin:2px; padding:4px; }
.items img:hover {background-color:#99CCFF; border:1px solid #FFFFFF;}
.data {width: 600px; text-align: center; margin: 20px 0px 20px 0px;}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {display: block;margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}
/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #99CCFF;}
small {font-family: Tahoma, Verdana, Arial; font-size: 10px; line-height: 130%;}
code {font: 12px 'Courier New', Courier, Fixed;}
/* End Various Tags & Classes*/

/* Begin Form Elements */
.entry form { /*for password protected posts*/ text-align:center;}
/* End Form Elements */

/* Begin Comments*/
.commentlist {padding:0px;}
.commentlist li {margin:10px; padding:5px; list-style:none;}
.nocomments {text-align:center; margin:0; padding:0;}
.commentmetadata {margin:0; display: block;}
.commentlist li, #commentform input, #commentform textarea {font:12px; font-family:Tahoma, Verdana, Arial;}
.commentlist cite, .commentlist cite a {font-size:12px; font-style:normal;}
.commentmetadata {font-weight: normal; text-align:right;}
.commentlist p,div {font-weight:normal; line-height: 20px; text-transform: none;}
#commentform div {font:12px; font-family:Tahoma, Verdana, Arial;}
#commentform input {width:200px; padding:2px;}
#commentform textarea {width:600px; padding:2px;}
.alt {background-color: #DAE6F3; border: 1px solid #99CCFF;}
/* End Comments */

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff;}
/* End Calendar */