@charset "UTF-8";

@import url(../styles/layout.css);
@import url(../styles/fonts.css);
@import url(../styles/menu.css);

body { font-family: "Georgia", "Times New Roman", "Times", serif; font-size: 12px; background: #FBF3E9 url(../images/page/background.png) no-repeat left top; _background: white; }

a { text-decoration: underline; color: #064B84; }
a:hover { text-decoration: none; }
h1 { clear: both; margin: 0 0 25px 0; padding: 0 0 10px 0; border-bottom: 1px solid #D2C7BA; color: #870404 !important; font-family: "AabcedItalic", "Georgia"; font-size: 17px !important; font-weight: normal !important; text-shadow: 2px 2px 2px #999999; }
h1.page { margin: 0 0 30px 0; padding: 0; border-bottom: 0; color: #870404 !important; font-family: "AabcedItalic", "Georgia"; font-size: 36px !important; font-weight: normal !important; text-shadow: 2px 2px 2px #BBBBBB; }
h1 a { color: #870404; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { margin: 0 0 20px 0; font-size: 12px; font-weight: bold; line-height: 18px; }

p { margin: 0 0 10px 0; line-height: 20px; }

.nowrap { white-space: nowrap; }

/* overlay */

.overlay { display: none; background-image: url(../images/overlay/white.png); width: 640px; padding: 35px; }
.overlay div.close { background-image: url(../images/overlay/close.png); position: absolute; right: 5px; top: 5px; cursor: pointer; height: 35px; width: 35px; }

/* home */

body.home #content { position: absolute; left: 50%; top: 20%; height: 565px; margin: 0 0  0 -480px; background: url(../images/page/home.png) no-repeat;  }
body.home #content dl { padding: 120px 0 0 470px; text-align: center; }
body.home #content dl dt { margin: 0 0 25px 0; }
body.home #content dl dd { line-height: 20px; font-size: 13px; }
body.home #content dl.conversa dd { padding: 10px 0 0 0; }
body.home #content dl.conversa dd span { display: block; }

/* conversa */

body.conversa h2 em { font-style: normal; display: block; }

body.conversa img.portrait { display: block; margin: 0 0 15px 0; }
body.conversa a#video-conversa { display: block; margin: 0 0 30px 0; width: 294px; height: 240px; }
body.conversa dl.legend { text-align: center; }
body.conversa dl.legend dt { margin: 0 0 10px 0; color: #870404; font-size: 17px; font-family: "AabcedRegular", "Georgia"; text-shadow: 2px 2px 2px #999999; }
body.conversa dl.legend dt a { color: #870404; text-decoration: none; }
body.conversa dl.legend dt a:hover { text-decoration: underline; }
body.conversa dl.legend dd { color: #870404; font-size: 14px; font-family: "AabcedRegular", "Georgia"; text-shadow: 1px 1px 1px #999999; }

body.conversa .main { width: 384px; }
body.conversa .main p.main { font-size: 14px; line-height: 22px; text-align: justify; }
body.conversa .main p.initial:first-letter { float: left; margin: 11px 7px 0 0; font-size: 42px; color: #870404; }

body.conversa .side { width: 204px; }
body.conversa .side ul.keywords { font-size: 20px; font-family: "AabcedRegular", "Georgia"; }
body.conversa .side ul.keywords li.complicite { padding: 10px 0 70px 0; color: #576D5A; }
body.conversa .side ul.keywords li.couleurs-sonores { padding: 0 0 70px 0; text-align: right; color: #DD0000; }
body.conversa .side ul.keywords li.authenticite { padding: 0 10px 65px 0; text-align: right; color: #733702; }
body.conversa .side ul.keywords li.emotion { padding: 0 0 0 10px; color: #064B84; }

body.conversa .line { clear: both; margin: 0 0 40px 0; border-bottom: 1px solid #D2C7BA; }

body.conversa p.name { margin: 0 0 5px 0; }
body.conversa p.title { font-style: italic; }

body.conversa ul.download { ~margin-top: -20px; }
body.conversa ul.download li { clear: both; }
body.conversa ul.download li a { text-decoration: none; font-size: 15px; color: black; }
body.conversa ul.download li a span { float: left; display: block; width: 333px; text-align: right; }
body.conversa ul.download li a span img { margin: 7px 39px 0 0; cursor: pointer; ~position: relative; ~top: 20px; }
body.conversa ul.download li a em { float: left; display: block; width: 16px; height: 17px; line-height: 17px; text-align: center; margin: 15px 15px 0 0; background: url(../images/list/number.png) no-repeat; font-style: normal; color: white; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; cursor: pointer; ~position: relative; ~top: 20px; }
body.conversa ul.download li a strong { display: block; padding: 15px 0 15px 0; font-weight: normal; }
body.conversa ul.download li a:hover strong { background: #EDE9E4; }

body.conversa dl.compositions { clear: both; padding: 15px 0 0 333px; }
body.conversa dl.compositions dt { margin: 0 0 10px 0; color: #870404; font-size: 14px; font-family: "AabcedItalic", "Georgia"; }
body.conversa dl.compositions dd { margin: 0 0 15px 0; }

body.conversa dl.tracks { padding: 15px 0 0 333px; background: url(../images/media/conversa/music.png) no-repeat 249px 13px; }
body.conversa dl.tracks dt { margin: 0 0 8px 0; color: white; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }
body.conversa dl.tracks dt span { padding: 0 0 3px 0; }
body.conversa dl.tracks dt span span { margin: 0 0 0 6px; padding: 0 6px 3px 0; }
body.conversa dl.tracks dt.color-1 span { background: url(../images/list/title-1.png) no-repeat left top; }
body.conversa dl.tracks dt.color-1 span span { background: url(../images/list/title-1.png) no-repeat right top; }
body.conversa dl.tracks dt.color-2 span { background: url(../images/list/title-2.png) no-repeat left top; }
body.conversa dl.tracks dt.color-2 span span { background: url(../images/list/title-2.png) no-repeat right top; }
body.conversa dl.tracks dt.color-3 span { background: url(../images/list/title-3.png) no-repeat left top; }
body.conversa dl.tracks dt.color-3 span span { background: url(../images/list/title-3.png) no-repeat right top; }
body.conversa dl.tracks dt.color-4 span { background: url(../images/list/title-4.png) no-repeat left top; }
body.conversa dl.tracks dt.color-4 span span { background: url(../images/list/title-4.png) no-repeat right top; }
body.conversa dl.tracks dt.color-5 span { background: url(../images/list/title-5.png) no-repeat left top; }
body.conversa dl.tracks dt.color-5 span span { background: url(../images/list/title-5.png) no-repeat right top; }
body.conversa dl.tracks dd { margin: 0 0 15px 0; }
body.conversa dl.tracks dd ul li { margin: 0 0 2px 0; padding: 6px 5px 6px 23px; }
body.conversa dl.tracks dd.color-1 ul li { background: #DAE4ED url(../images/list/item-1.png) no-repeat 7px 10px; }
body.conversa dl.tracks dd.color-2 ul li { background: #EFDBD7 url(../images/list/item-2.png) no-repeat 7px 10px; }
body.conversa dl.tracks dd.color-3 ul li { background: #DDE2DE url(../images/list/item-3.png) no-repeat 7px 10px; }
body.conversa dl.tracks dd.color-4 ul li { background: #EDD9D9 url(../images/list/item-4.png) no-repeat 7px 10px; }
body.conversa dl.tracks dd.color-5 ul li { background: #F8CCCC url(../images/list/item-5.png) no-repeat 7px 10px; }
body.conversa dl.tracks dd ul li .player { float: right; }

body.conversa dl.tracks dd.video { position: absolute; margin: 55px 0 0 -340px; width: 300px; }
body.conversa dl.tracks dd.video #video-conversa-de-baiana { display: block; width: 300px; height: 220px; }
body.conversa dl.tracks dd.video strong { display: block; margin: 3px 0; color: #870404; font-size: 15px; text-align: center; font-family: "AabcedRegular", "Georgia"; text-shadow: 2px 2px 2px #999999; }
body.conversa dl.tracks dd.video em { display: block; color: #870404; font-size: 13px; text-align: center; font-family: "AabcedRegular", "Georgia"; text-shadow: 1px 1px 1px #999999; }

body.conversa h1.news { margin: 30px 0 20px 0; border-bottom: 0; }
body.conversa h1.news a { display: block; padding: 5px 0 5px 0; line-height: 45px; color: #870404; text-decoration: none; background: url(../images/media/conversa/news.png) no-repeat 249px 50%; }
body.conversa h1.news a:hover { background-color: #EDD9D9; }

body.conversa .overlay h2 { clear: both; margin: 0 0 25px 0; padding: 0 0 10px 0; border-bottom: 1px solid #D2C7BA; color: #870404 !important; font-family: "AabcedItalic", "Georgia"; font-size: 17px !important; font-weight: normal !important; text-shadow: 2px 2px 2px #999999; }
body.conversa .overlay p img { float: left; margin: 5px 20px 25px 0; }

/* news */

body.news #content h1 { padding-top: 20px; }
body.news #content img { margin: 0 20px 10px 0; }
body.news #content ul { margin: 0 0 10px 0; }

/* contact */

body.contact #content dl { clear: both; padding: 39px 0 0 0; }
body.contact #content dl dt { float: left; width: 150px; margin: 0 0 80px 0; padding: 0 39px 0 0; text-align: right; font-size: 16px; color: #870404; }
body.contact #content dl dd { padding: 2px 39px 10px 39px; font-size: 14px; }
body.contact #content dl dd ul li { line-height: 25px; }
body.contact #content dl dd ul li em { font-style: normal; margin: 0 10px 0 0; }

/* repertoire */

body.repertoire .overlay h2 { clear: both; margin: 0 0 25px 0; padding: 0 0 10px 0; border-bottom: 1px solid #D2C7BA; color: #870404 !important; font-family: "AabcedItalic", "Georgia"; font-size: 17px !important; font-weight: normal !important; text-shadow: 2px 2px 2px #999999; }
body.repertoire .overlay p img { float: left; margin: 5px 20px 25px 0; }

/* albums */

body.albums .overlay h2 { clear: both; margin: 0 0 25px 0; padding: 0 0 10px 0; border-bottom: 1px solid #D2C7BA; color: #870404 !important; font-family: "AabcedItalic", "Georgia"; font-size: 17px !important; font-weight: normal !important; text-shadow: 2px 2px 2px #999999; }
body.albums .overlay p img { float: left; margin: 5px 20px 25px 0; }