@import url(/elements/css/base.css);
@import url(/elements/css/clearfix.css);

body { background-image:url(/elements/images/background.gif);background-repeat:repeat-x;background-color:#CCC;font-family:"Trebuchet MS", verdana, arial, sans-serif;margin:0;padding:0; }
h1 { color:#FE0;font-weight:bold;font-size:1.2em;padding:0;margin:5px; }
h2 { width:100%;color:#EED800;font-weight:bold;font-size:1.1em;border-bottom:1px solid #BBB; }
h3 { font-size:0.9em;margin-top:10px; }
ul { list-style-type:disc;margin-left:20px; }
li { font-size:0.8em;line-height:1.5em; }
li li { font-size:1em; }
p { font-size:0.8em;line-height:1.2em;margin-top:0.7em;margin-bottom:0.7em; }
a { color:#B00; }
a:hover { background-color:#B00;color:#FFF;text-decoration:none; }

#header { font-size:0.9em;color:#EEE;padding:3px;background-color:#000;height:40px;vertical-align:middle; }

#siteTitle { font-size:1.5em; display:inline; float:left; }
#siteTitle a { text-decoration:none;color:#FE0; }

#topNav { font-size:0.9em;font-weight:bold;float:right;color:#FFF;padding:4px;height:16px;margin:8px auto; }
#topNav A { text-decoration:none;letter-spacing:1px;padding:2px; }
#topNav A:hover { color:#FFF;background-color:#B00;border:1px dotted #FFF; }

#bodyWrap { width:800px;margin:20px auto;padding:0;border:1px solid #E7E7E7;background-color:#999; }

#hp_content { border-top:1px solid #FFF;width:100%;font-size:1em;color:#DDD;background-color:#FEE;padding:0; }

#hp_right { float:right;width:250px;margin:10px 0px;padding:0px 10px 0px 0px; } /* 150 */
#hp_left { float:left;width:530px; } /*630 */

#hp_text { margin:0px 10px 0px 20px;padding-top:18px; }
#hp_text .blogEntry { border:1px solid #B00;border-bottom:1px dashed #B00; border-right:1px dashed #B00;margin-bottom:10px;color:#000;background-color:#FFF;padding:10px; }
#hp_text .blogEntry h2 { border-bottom:none; }
#hp_text .blogEntry h2 a { color:#EEDB00;text-decoration:none; }
#hp_text .blogEntry .blogByline { font-size:0.8em; }
#hp_text .blogEntry .blogBody {}

#content { font-size:1em;color:#000;background-color:#FFF; }
#content #contentHolder { padding:10px; }
#content #contentHolder a:hover { color:#FFF;background-color:#B00;text-decoration:none; }

#songTable { border:1px solid #BBB;width:380px;font-size:1em;background-color:#FFF;color:#000; }
#songTable th { text-align:left;padding:2px;background-color:#AAA;color:#FFF; }
#songTable td { border-top:1px solid #AAA;border-right:1px solid #AAA;padding:2px; }
#songTable .songName { font-weight:bold; }

#currentBlog { border:1px solid #BBB;background-color:#FFF;padding:0 10px 0 10px;width:300px;float:right;color:#000; }

#footer { font-size:0.6em;color:#EEE;padding:3px;background-color:#000; }

.spankyBackground { margin:0;padding:0;font-size:1px;width:798px;background-image:url(/elements/images/header-woods.jpg);border:1px solid #000; }
.spankyBackground2 { margin:0;padding:0;font-size:1px;width:798px;background-image:url(/elements/images/flowers2.jpg);border:1px solid #000; }

.callout { font-size:0.9em;padding:10px;margin:10px;background-color:#FFF;color:#000;border:1px solid #B00; }
.callout h2 { color:#B00;font-size:1.5em; }
.callout h3 { color:#B00;font-size:1em; }
.callout img { margin-top:5px;margin-bottom:5px; }
.callout p, .callout li { font-size:0.9em; }
.callout .eventRow { margin-bottom:18px; }
#hp_right .callout p { font-weight:normal; }

.date_header { width:auto;border-top:1px solid #B00;background-color:#EEE;margin-top:20px; }
.date_header P { font-weight:bold;font-size:0.9em;background-color:#B00;color:#FFF;padding:4px;width:350px;margin:1px 0 0 0; }