/* 

*/

/* -------  Layout CSS(   Centered Fixed Width) ------ */

body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-align: center; /* IE 5.5 hack */
}
#flashcontent {
 height: 100%;
 }
#farouter {
}
#outer {width: 800px;}
#rap {}
#masthead {	margin: 8px 8px 0 0px; 
			height: 230px; 
			width: 725px;
}

#main {}
#mail {margin: 0 0 0 40px; width: 660px; padding: 10px 10px 20px 10px;  background-image: url('../images/bg21-horz-vert1.jpg');background-repeat: repeat-y;}
#content {
	left:0px;
	font-size: 14pt;
	margin: 0 0 0 40px;
	width: 680px;
	padding: 10px 10px 20px 10px;
	background-image: url('../images/bg2.jpg');
	background-repeat: repeat-y;
}

#menu {float: right;width: 175px; margin-right: 3px;}
#nav {padding-left: 5px; float:right;}
#logo {padding-top: 25px; padding-left: 12px;}
#hmenu {margin: 8px; height: 30px; }
#hnav {font-weight: 10px; margin: 0;padding: 0;}
#clearer { clear: both; margin: 0; padding: 0;}
#footer { margin: 8px 8px 8px 8px;}


/*----------------- Color CSS    ------------------------*/


body {background: #ffffff; color:#333;}
#rap {background: #ffffff;}
#masthead {background-image: url('../images/bg21.jpg');background-repeat: no-repeat;background-position: center;}
#masthead1 {background-image: url('../images/meanies2.gif');background-repeat: no-repeat;background-position: center;}
#footer {background-image: url('../images/testbar.jpg');background-repeat: no-repeat;background-position: center;}
#hmenu {}
#hnav {background-image: url('../images/testbar.jpg');background-repeat: no-repeat;background-position: center;font-weight: 500;}
a {color: #17397A; text-decoration: none; }
a:visited { color: #17397A; text-decoration: none; }
a:hover { color: #17397A; text-decoration: underline; }

a.mail {background-image: url(../images/off.gif)}
a.mail:visited {background-image: url(../images/off.gif)}
a.mail:hover {background-image: url(../images/on.gif)}


acronym, abbr { border-bottom: #333; }
blockquote {border-left: #2F700F; color: #2F700F;}
h2 {	color: #17397A;
	font-size: 24px;
	font-weight: normal;}
h3 a {color: #17397A; }
h3 a:hover {color: #17397A;}
h3 a:visited {color: #17397A;}
.meta { color: #1F6710} 
.meta a {color: #001700;}
.feedback a{color: #001700;}



/* --------     Core CSS ---------*/


a{text-decoration: none;}
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;}
blockquote { border-left: 3px solid #2F700F; border-bottom: 3px solid #2F700F; margin-left: 1.5em; padding-left: 5px;}
cite { font-size: 90%; font-style: normal; }
#header a { color: #F2EEEC; text-decoration: none; }
#header a:hover { text-decoration: underline; }
h1 { margin: 0; padding: 20px; text-align: center; }
#hidden {display:none;}

h2 {font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 20px 0; padding: 20px 0 0 0; }
h2#tagline {margin-right: 25px; padding:0;text-align: right;color: #F2EEEC;border: 0px none; margin-left:0; margin-top:0; margin-bottom:0}

.post h2 { font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 0 30px; padding: 20px 0 30px 0; }
h3 {font: 24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-left: 0; margin-top: 30px;color: #17397A;  
}
h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }
h4 {
	font-size: 16px;
	font-weight: normal;
}
ol#comments li p { font-size: 100%; }
/* img {margin: 10px;padding: 10px; border: 0px solid #2F700F; } */
p, .feedback 
{ font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
p {}
.textarea { width:200px; margin:0; }
#archvies {
	font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}



/* ------------------------- Classes used by the_meta() ---------------------*/


ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
  color: #fff;
  font-size: 90%;
  margin: 10px 0 0 0;
  padding: 3px;
  text-align: center;
}
.biopic {padding: 0 0 0 10px;}
.credit a, .credit a:hover {color: #fff;text-decoration: none;}
.feedback {text-align: right;clear: both;margin-right: 30px; font-size: 90%}
.meta {font-size: .95em;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline;list-style: none;margin: 0;padding: 0;}
.meta, .meta a { font-weight: normal; letter-spacing: 0;}
.post { margin: 35px 35px 20px 0; }
.entrytext {margin-left: 30px;}
.storytitle { margin-top: 10px; margin-bottom: 2px; }
.storytitle a { text-decoration: none; }
.storycontent{margin-bottom: 5px; border-bottom: 1px solid #2050A0;}

div#songlist
{	padding: 0 0 10px 0;
	background-position: center;
	background-repeat: repeat-y;
	background-image: url('../images/bg2.jpg1');
	width: 720px;
    padding-left:20px;
    padding-right:20px;
}

td.song
{
        font-family: Algerian, Georgia, Times, Serif;
		height: 30px;
        font-size: 30px;
}

td.c
{

        font-size: 14px;
        font-family: Georgia, Times, Serif;
}

div#contentguestbook
{
width:700px;
}

table#gbook1
{
width: 700px;
}

.font1
{
font-size:12px;
}

#banners{
width: 760px;
text-align: center;
}

#banners2{
width: 760px;
text-align: center;
}

/* ----------  All menu styling except #menu itself (in layout above) ------- */


#nav form {
	margin: 0 0 0 13px;
}

#nav input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}


#nav ul li h2 {
  	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  	font-weight: normal;
	letter-spacing: 0.1em;
	border: 0px none;
	text-align: left;
	padding-left:0;
	margin-left: 0
}


#nav ul ul ul.children {
	font-size: 100%;
	padding-left: 4px;
}


#nav { width: 170px; }

#nav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 95%;
}

#nav a
{
display: block;
padding-left: 17px;
width: 130px;
background-color: #FFF;
background-image: url('images/icon.gif'); 
background-repeat: no-repeat;
background-position: 0 55%;
border-bottom: 1px dotted #2050A0; padding-right:3px; padding-top:3px; padding-bottom:3px

}

#nav a:link, #navlist a:visited
{

text-decoration: none;
}

#nav a:hover
{
background-image: url('images/icon2.gif'); 
color: #000
}

#themeswitcher {
	font-size: 8px;
}

/*------------- hnav------------*/


#hnav ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;

color: #F2EEEC;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#hnav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#hnav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #F2EEEC;
text-decoration: none;
border-right: 1px solid #F2EEEC;
}

#hnav ul li a:hover
{
	background: #F2EEEC;
color: #3A291F;
}

#hnav #active { border-left: 1px solid #F2EEEC; }

/*------------- added ------------*/

.gravatar {
	float:left;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #2F700F;
}	


.post ul li {
	padding: 0px;
	font-weight: normal;
	list-style: url('images/icon.gif');
	line-height: 1.5em;
}
.post ul li:hover {
	padding: 0px;
	font-weight: normal;
	list-style: url('images/icon2.gif');
	line-height: 1.5em;
}