﻿/* CSS Document */
body{padding:0px; margin:0 auto; background:#000; color:#6b6b6b; font:10px/14px Tahoma, sans-serif; }
ul{list-style-type:none;}

.clear {clear: both; margin: 0 auto;}
#container{width:775px; background:url(../images/b_container.jpg) 0 0 repeat-y; position:relative; margin: 0 auto;}


/* HEADER */

#header{width:775px; height:350px; background:url(../images/b_header2.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;}
#cassieh{position:absolute; top:100px; left:250px;}
#slogan{position:absolute; top:254px; left:290px}

#header ul{position:absolute; top:95px; left:15px;}
#header ul li{width:181px;}
#header ul li a{width :181px; display:block; text-indent:-20000px; }
#header ul li a:hover{width:181px;}

#header ul li.home a{background:url(../images/home_txt.jpg) 0 0 no-repeat; height:42px;}
#header ul li.home a:hover{background:url(../images/home_txt_roll.jpg) 0 0 no-repeat; height:42px;}

#header ul li.about a{background:url(../images/about_txt.jpg) 0 0 no-repeat; height:33px;}
#header ul li.about a:hover{background:url(../images/about_txt_roll.jpg) 0 0 no-repeat; height:33px;}

#header ul li.music a{background:url(../images/music_txt.jpg) 0 0 no-repeat; height:45px;}
#header ul li.music a:hover{background:url(../images/music_txt_roll.jpg) 0 0 no-repeat; height:45px;}

#header ul li.lyrics a{background:url(../images/lyrics_txt.jpg) 0 0 no-repeat; height:40px;}
#header ul li.lyrics a:hover{background:url(../images/lyrics_txt_roll.jpg) 0 0 no-repeat; height:40px;}

#header ul li.album a{background:url(../images/album_txt.jpg) 0 0 no-repeat; height:30px;}
#header ul li.album a:hover{background:url(../images/album_txt_roll.jpg) 0 0 no-repeat; height:30px;}

#header ul li.booking a{background:url(../images/booking_txt.jpg) 0 0 no-repeat; height:40px;}
#header ul li.booking a:hover{background:url(../images/booking_txt_roll.jpg) 0 0 no-repeat; height:40px;}

/* CONTENT */

#content{width:775px; background:url(../images/b_content.jpg) 0 0 no-repeat; position:relative; margin: 0 auto; clear:both}

#content a{font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold; text-decoration:none }
#content a:hover{color:#000000; text-decoration:none;}

.headline{margin-top:8px; font:12px/14px Trebuchet MS, sans-serif; color:#6b6b6b; font-weight:normal;}

.verseCopy{font:13px/16px Times New Roman, Times, serif; color:#4d4d4d; font-style:italic; font-weight:normal; display:block; text-align:center;}
.longCopy{font:12px/15px Tahoma, Arial, Helvetica, sans-serif; color:#6b6b6b; font-weight:normal; display:block; text-align:left;}
.shortCopy{font:12px/15px Tahoma, Arial, Helvetica, sans-serif; color:#6b6b6b; font-weight:normal; display:block; text-align:center;}
.shortCopy a, a:hover{color:blue; font-weight:bold; display:block; text-decoration:none;}

/* #leftPan{width:163px; padding: 49px 41px 0 68px; position:relative; float:left; display:inline; margin-bottom:15px;} */
#news h2{ height:28px; background:url(../images/h_news.gif) top right no-repeat; margin-bottom:11px;}
p.newsitem{margin-bottom:15px; color:#000;}
p.newsitem span.date{font:12px/12px Trebuchet MS, sans-serif; color:#fc762f; font-weight:bold; display:block; width:93px; height:18px; text-align:center; padding-top:7px; background:#000; margin-bottom:7px; }

#shareThis{margin-top: 32px;}

#leftPan{width:163px; padding: 0 20px 0 68px; float:left; display:inline; text-align:center; font:14px/17px  Trebuchet MS, Helvetica, sans-serif; font-style: italic; font-weight: bold; color:#6b6b6b;}
#rightPan{width:435px; padding: 21px 0 0 10px; position:relative; float:left; margin:0 auto; text-align:center;}

#welcome{width:435px; margin:0 auto; margin-top:16px;}
#welcome h2{ height:56px; background:url(../images/h_welcome.gif) 0 0 no-repeat; margin-bottom:5px; position:relative}
/* #welcome p{padding-left:5px; float:left; margin-right:20px} */
#welcome p span.headline{display:block; margin-bottom:10px}
#welcome ul{width:190px; float:left}

#welcome li{background:url(../images/bullet.gif) 0 2px no-repeat; padding-left:16px; height:20px}
#welcome li a{font:10px/14px Tahoma, sans-serif; color:#ff2949; font-weight:normal; text-decoration:underline}
#welcome li a:hover{color:#000; font-weight:normal; text-decoration:none; background:#fff;}

/* #new h2{ height:64px; background:url(../images/h_album.gif) 0 0 no-repeat; margin-bottom:10px; position:relative} */
#new img{float:left; margin:0 13px 0 8px; display:inline}
#new p {float:left; width:320px}
#new p span.headline{display:block; margin-bottom:10px}

/* #cdAvailable{float:left; width: 435px; margin:0 auto; font:16px/18px  Trebuchet MS, Helvetica, sans-serif; font-style: italic; font-weight: bold; color:#6b6b6b;} */

/* FOOTER */

#footer{width:775px; height:107px; background:#000000 url(../images/b_footer.jpg) 0 0 no-repeat; position:relative; margin: 0 auto; clear:both}
#footer p{padding: 40px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#fff; color:#000}
