/* Basic declarations */

* { margin: 0; padding: 0; }

html { min-width: 800px; }

body
{
margin: 25px auto;
font: 11px Verdana, Arial, sans-serif;
width: 800px;
color: white;
background-color: #2D2B3D;
}

img { border: 0; }
img.border { border: 1px solid #7D7991; }
p { padding: 3px; }
a, a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: none; }
abbr { font-weight: bold; }

/* quotes tags attributes */

blockquote { font-style: italic; }
blockquote p { border-left: 3px dotted #686D7C; padding-left: 8px;}
q { quotes: '"' '"' "'" "'"; }
q:before { content: open-quote; }
q:after { content: close-quote; }

/* classes */

/* text attributes */

.bigger { font-size: 1.3em; }
.smaller { font-size: 0.8em; padding: 0; }
.small { padding: 0.5em; font-size: 0.9em; }
.bold { font-weight: bold;}
.marginBox { margin-top: 30px; }
.clearBoth { float: left; clear: both; }

/* skiplinks attributes */

.skipLink { float:right; clear: left;margin-top: 10px; font-size: 1em;  color: #A9A7BF;}
.skipLink:hover { text-decoration: underline; }
.skipLink:focus { background-color: #565B76;}

/* rss links */

p.rss { background: url('images/rss.png') center left no-repeat; margin-left: 13px; margin-top: 30px !important; font-size: .9em; padding-left: 20px !important; color: #D2D2D2;}
li.rss { background: url('images/rss.png') center left no-repeat; padding-left: 18px; }
.rss a:hover { text-decoration: underline; }

/* headers properties */
.invHeader { line-height: 0px; font-size: 0px; position: absolute; top: -9999px;}
.inlineHeader { float: left; }
.bodyHeader { width: 766px; background: #606071; border-top: 8px solid #4B4A5C; border-left: 8px solid #4B4A5C; border-right: 8px solid #4B4A5C; padding: .4em 0 .5em 8px;  font-family: Trebuchet MS; font-size: 1.9em; }


/* main boxes properties */

.boxMainBig { width: 400px; float: left; clear: left; }
.boxMainBig h2, .boxMainLittle h2 { width: 100%; background: #606071 url('images/bxBoxHead.png') repeat-x; border-top: 8px solid #4B4A5C; border-right: 8px solid #4B4A5C; padding: 5px 0 5px 16px;  font-family: Trebuchet MS; font-size: 1.2em;}
.boxMainBig h2 a:hover, .boxMainLittle h2 a:hover { color: #C5CACE; }
.boxMainBig h2 a:focus, .boxMainLittle h2 a:focus { color: white; background-color:#878898; }

.boxBg { border-top: 1px solid #818196; width: 424px; background-color: #424053; padding: 8px 0px 8px 0px; }
.boxBg ul {  list-style-type: none; line-height: 1.5em;}
.boxBg ul li { background: transparent url('images/boxListImage.png') no-repeat center left; padding-left: 15px; }

.boxBg a:visited { color: #DBDDE7; }
.boxBg a:hover { text-decoration: underline; }
.boxBg a:focus { background-color: #4A4B66; color: white; }

.boxMainLittle { width: 310px; float: right; clear: right; margin-right: 25px; margin-bottom: 30px;}
.boxMainLittle .boxBg { width: 325px; padding: 5px; float: left;}
.boxMainLittle .boxBg p { margin: 2px 4px 6px 2px; }
.boxImage { float: left; margin-bottom: 0px !important; }


/* attributes for content classes */
.bodyText { background-color: #424053; padding: 12px; line-height: 1.5em; font-size: 1.05em; max-width: 778px;}
.bodyText h3 { margin: 0 0 12px 15px; }
.bodyText h4 { margin: 12px 0 3px 15px; border-bottom: 1px solid #686D7C; width: 50%; }
.bodyText p { margin-bottom: 1em; }
.bodyText ul { list-style-type: none; padding-left: 12px; border-left: 3px dotted #686D7C; color: #E0DEF2;}
.bodyText a { color: white !important; }
.bodyText ul a:hover, .bodyText ul a:focus { background-color: #595E75; }
.bodyText ul a:focus { font-weight: bold; }
.bodyText ul li.selected a { background-color: #595E75; }
.bodyText ul li.selected a:hover { text-decoration: underline; }

.projects dl { margin-top: 8px; }
.projects dt { margin: 25px 12px 12px 12px; font-size: 1.2em; font-weight: bold; border-bottom: 1px dotted white; padding-bottom: 3px; width: 350px;}
.projects dd { margin: 12px; color: #E0DEF2;}
.projects dd img { float: left; margin: 0 12px 6px 0; }
.projects dd em { font-style: normal; font-weight: bold; }
.projects dd pre { line-height: 1.2em; font: normal 1.15em "Trebuchet MS", Verdana; border-left: 1px solid #686D7C; padding-left: 8px;}
.projects dd a { text-decoration: underline !important; } dd a:hover { background-color: #4D4C6A; }
.projects dd .showAlbums { font-weight: bold; text-decoration: none !important; background-color: #555873; } .showAlbums:hover { text-decoration: underline !important; }

.gigs { padding-left: 0; padding-top: 0; }
.gigs h3 { margin-top: 12px; }
.gigs > p { padding-left: 16px; }

#gigList { margin-top: 20px; border-left: 0;}
#gigList li { border-left: 2px dotted #686d7c; margin-bottom: 18px; padding-left: 6px; font-size: 1.1em; }
#gigList div { display: none; padding: 4px 4px 4px 6px; color: white; background-color: #3B394C; color: white; width: 410px;}
#gigList dt { display: block; font-weight: bold; border-bottom: 1px solid #424055; }
#gigList dd { display: block; margin: 4px 0 4px 8px; font-family: "Trebuchet MS", Verdana; font-size: 1em; color: #E1E4EF;}
#gigList .archival a { color: #AFAFB8 !important; }
#gigList .archival a:focus { color: white !important; }
#gigList .archival p { color: #9CA0A8; }

/* sidebar attributes */
.topSidebar { width: 764px; background-color: #3B394C;float: left; padding: 4px 0px 10px 10px;border-left: 8px solid #69697C; font-family: "Trebuchet MS", Verdana; font-size: 1.1em;border-right: 8px solid #3E3C53;  }
.topSidebar h3 { margin-bottom: 6px; margin-top: 8px;  margin-left: 0px; padding-left: 4px;border-bottom: 1px solid #585868; font-size: 1.1em;}
.topSidebar .column { width: 30%; float: left; clear: none; margin-right: 15px; }
.topSidebar pre { font-family: "Trebuchet MS", Verdana; padding-left: 10px; border-left:  1px solid #686D7C; }
.topSidebar pre a { font-weight: bold; }
.topSidebar pre a:hover { text-decoration: underline; }

.records { min-width: 778px; max-width: 778px;}
.gigs { min-width: 778px; max-width: 778px;}

/* adjust fonts layer */

#adjustFonts ul { list-style-type: none;}
#adjustFonts li { float: right; clear: none; margin-left: 15px;}
#adjustFonts a:hover { text-decoration: underline; }
#adjustFonts a:focus { background-color: #48506E; }

/* header layer */

#headerLogo h1, #headerLogo p { float: right; font-family: Arial, Verdana; font-size: 38px; font-weight: normal; margin: 20px 40px 0 0;}
#headerLogo p { font-size: 12px; clear: right; margin-top: -7px; }
#headerLogo h1 a:hover, #headerLogo h1 a:focus { color: #CBCBCB; }

/* menu layer */

#navBar { position: absolute; top: 285px; height: 30px; background: #afb1b8 url('images/navBg.png') no-repeat; font-size: 1.1em; border-bottom: 2px solid #E7EAF4; }
#navBar a { color: black; font: bold 1.1em "Trebuchet MS", Verdana; }
#navBar a:hover { color: white;}
#navBar a:focus { color: white; background-color: #85878D;  }
#navBar #menu, #languages { list-style-type: none; }
#navBar #menu { margin-left: -11px; }
#navBar #menu li, #languages li { float: left; clear: none; margin: 8px 0 0 20px; }
#navBar #menu li { background: url('images/navListImage.png') no-repeat center left; padding-left: 5px;}
#navBar #languages { float: right; margin-right: 15px; }
#navBar #languages li { padding-top: 1px;}
#langHeader { position: absolute; right: 80px; padding-top: 7px; font: bold 1.1em "Trebuchet MS", Verdana; width: 110px; }

/* biography specific classes */
#bioNavBar { width: 767px; background-color: #3B394C; border-left: 8px solid #56556A; border-right: 8px solid #4B4A5C; height: 1.85em; padding: 8px 0 0 7px; font: bold 1.25em "Trebuchet MS", Verdana;}
#bioNavBar ul { list-style-type: none; }
#bioNavBar li { float: left; clear: none; padding-right: 15px;}
#bioNavBar a:hover { text-decoration: underline; }
#bioNavBar a:focus { background-color: #676D71; }
#bioNavBar ul li.selected a { background-color: #5A5A71; }
#bioNabBar ul li.selected a:hover { text-decoration: underline; }


#recordsList, #newsList { float: left; clear: both; margin-left: 18px;}
#recordsList li { float: left; clear: both; }
#recordsList a:hover { background-color: transparent; text-decoration: underline; }
#recordsList .cover { float: left; clear: both; }
#recordsList .desc { float: left; clear: none; height: 75px; padding-top: 60px; margin-left: 15px; font-size: 1.2em;}

#inAlbumCover { float: right; clear: right; width: 240px;  background-color: #3B394C;text-align: center; padding-top: 6px; padding-bottom: 6px; }
#inAlbumCover h4 { border: 0; margin: 0; width: 100%;}
#inAlbumCover pre.buy { margin-top: 6px; margin-bottom: 6px; font-family: Verdana, Arial; }


#inAlbumDesc { float: left; clear: none; width: 500px;margin-left: 18px;border-left: 2px solid #686D7C; padding-left: 8px; }
#inAlbumDesc pre { margin: 12px 0 12px 0; font-size: 1.1em; font-family: Verdana, Arial; margin-left: 15px;color: #E9ECF4;}
#inAlbumDesc pre.credits { font-size: 1em; font-style: italic;  }


#inAlbumDesc a { font-weight: bold; }
#inAlbumDesc a:hover, #inAlbumCover a:hover { text-decoration: underline; }
#inAlbumDesc a:focus, #inAlbumCover a:focus { background-color: #55586D; }

#newsList li { padding-left: 0; float: left; clear: both;}
#newsList h4 { border: 0; font-size: 1.1em; margin: 0 0 4px 0; font-weight: normal; width: 100%;}
#newsList div { color: white; display: none; float: left; clear: both;}
#newsList p.textImage { display: block; float: left; margin-right: 6px; margin-bottom: 6px; }

.galleries .photo { float: left; clear: none;} 
.galleries .photo img { border: 1px solid #7D7991; }

.mediaColumn {  float: left; clear: none; }
.bodyText .mediaColumn ul { margin: 0px 0px 16px 0px; background-color: #3b394c; padding: 8px; border-left-width: 2px; }
.mediaColumn .inlineList { float: left; clear: both; width: 275px; padding-left: 15px; }
.mediaColumn .inlineList li { float: left; clear: none; width: 130px; margin: 8px 7px 0px 0px; }
.mediaColumn img { border: 1px solid #7D7991; }

#mediaLeft { width: 450px;  margin-right: 15px; }
#mediaRight { width: 301px;  }

.media h3 { background-color: #373648; margin: 0; border-bottom: 1px solid #5C5C6A; padding: 4px; clear: both; font-size: 1.1em; color: #D2D0D9;}
.media a:focus { font-weight:normal !important;  }
.media a:hover { background-color: #4D4B64 !important; }

.media .info { font-size: .9em;background-color: #3b394c; padding: 0 18px 12px 18px; color: #DADAE6;}

.contact pre { font-family: "Trebuchet MS", Verdana; padding-left: 10px; border-left:  1px solid #686D7C; font-size: 1.1em;}
.contact { min-width: 766px; }

.conColumn { width: 300px; float: left; clear: none;}

/* footer layer */

#footer p { font: 10px Trebuchet MS, Verdana, Arial; margin-right: 18px; }
#footer a:hover { text-decoration: underline; }



/* general declarations for banner, background etc. */

#mainWrapper { margin: 0px auto; }
#mainWrapper, #headerLogo, #navBar { width: 790px; }

#headerLogo
{
background: transparent url('images/headerBg.jpg') no-repeat; 
height: 251px;
margin: 5px 0 5px 0;
border-top: 5px solid #5C5B6E;
border-bottom: 5px solid #5a5e6e;
}

#content
{
margin: 50px 0 0 0;
font: 1em Verdana, Arial;
line-height: 1.25em;
width: 790px; 
}

#footer
{
width: 790px;
height: 20px;
text-align: right;
vertical-align: middle;
margin-top: 30px;
color: #E7E6EC;
font-family: "Trebuchet MS", Verdana;
clear: both;
float: right;
}

#adjustFonts
{
position: absolute;
top: 5px;
width: 790px;
text-align: right;
}