@import "reset.css";
@import "base.css";


/* List models */

ul.listA li { clear: left; width: 100%; padding-top: 1em; border-top: solid 2px #e8dbaa; }
ul.listA li.first { padding-top: 0; border-top: none; }
ul.listA li .visual { float: left; }
ul.listA li .visual img { clear: left; float: left; margin-bottom: 1em; }
ul.listA li .textual { margin-left: 85px; }
ul.listA li .textual h3 { margin-bottom: 0; color: #67445a; font-size: 1em; }

dl.listB dt { margin-top: 1em; color: #67445a; font-weight: bold; }
dl.listB dd { letter-spacing: -1px; }

table.repertoire, table.main { width: 100%; margin-bottom: 1.5em; }
th,td { vertical-align: top; }
th { color: #67445a; }


/* Navigation */

#nav { float: right; margin-top: 35px; font-size: 14px; line-height: 1em; }
#nav li { float: left; border-left: solid 1px #000; text-transform: uppercase; font-family: "Century Gothic", Tahoma, Arial, sans-serif; text-align: center; }
#nav li.first { border-left: none; }
#nav a, #nav a:visited { color: #424242; text-decoration: none; }
#nav a:hover, #nav a.on { color: #67445a; font-weight: bold; }
#navi1 { width: 80px; }
#navi2 { width: 85px; }
#navi3 { width: 80px; }
#navi4 { width: 105px; }


/* Artist module */

#artist h2 { font-style: italic; }

#artist .sidebar { float: left; width: 161px; margin-right: 15px; }
#artist .mainbar { float: left; width: 435px; }

#artist .sidebar img.photo { margin-bottom: 15px; } 
#artist .sidebar h1 { margin: 0; color: #67445a; }
#artist .sidebar h2 { color: #67445a; }
#artist .sidebar ul { color: #424242; font-size: 14px; }
#artist .sidebar ul li { padding-bottom: .5em; }
#artist .sidebar ul a, #artist .sidebar ul a:visited { color: #424242; }
#artist .sidebar ul a:hover, #artist .sidebar ul a.on { font-weight: bold; }

#artist .mainbar .col { width: 48%; }

#artist .critics { margin-bottom: 1em; text-align: justify; }
#artist .critics h3 { margin: 0; color: #67445a; font-size: 1em; }
#artist .critics blockquote { font-style: italic; }
#artist .critics blockquote p { margin-bottom: .5em; }
#artist .critics div.cite { display: block; margin-bottom: 1em; text-align: right; }

#artist table.repertoire td { padding-right: 20px; vertical-align: top; }

#artist ul.thumbs li { float: left; margin: 0 15px 1em 0; font-size: 10px; line-height: 11px; }
#videos li { width: 129px; min-height: 110px; }
* html #videos li { height: 110px; }

/* Press Kit */

#press-kit .section { clear: both; width: 100%; padding-top: 1em; border-top: solid 2px #ddc980; }
#press-kit p { font-size: 14px; }
#press-kit p.files img { vertical-align: text-top; }
#press-kit p.files a { margin-right: 10px; }
#press-kit h2 small { font-style: normal; font-size: 70%; }


/* Quick Contact */

#quick-contact h2 { color: #67445a; font-weight: bold; font-size: 14px; }
#quick-contact dl { margin-top: 2em; }


/* The Footer */

#footer p { margin-bottom: 0; }
#footer a, #footer a:visited { color: #e2e1af; }
#footer a:hover, #footer a.on { color: #f5f5f5; }
#footer ul li { display: inline; margin: 0 14px; font-size: 11px; }
#copyright { float: right; font-size: 11px; }

/* Bottom Drop-Down Menu */
#bottomnav { clear: both; }
#bottomnav ul.dropdown { width: 762px; padding: 0 15px; border-top: solid 2px #d1b756; background-color: #636363; color: #fff; }
#bottomnav ul.dropdown li { display: inline; margin: 0 7px; padding: 2px 5px; line-height: 200%; }
#bottomnav ul.dropdown a, #bottomnav ul.dropdown a:visited { color: #e2e1af; }
#bottomnav ul.dropdown a:hover, #bottomnav ul.dropdown a.on { color: #f5f5f5; }
#bottomnav ul.dropdown ul { width: 150px; border-bottom: solid 2px #d1b756; background-color: #636363; }
#bottomnav ul.dropdown ul li { display: block; margin: 0; padding: 0 5px; }