/*
 * Cascate Style Sheeting
 * $Id$
 *
 * Copyright (c) 2008 Casa de Música de Ouro Branco. All rights reserved.
 *
 */

@import url(../lib/reset.css);
@import url(../lib/typography.css);
@import url(../lib/forms.css);
@import url(../lib/misc.css);
@import url(menu.css);

body { 
    background-color: #eaeaea;
    color: #2b2b2b;
    margin: 20px 0 20px 0;
}
#wrap { 
    background-color: white;
    left: 50%; 
    margin-left: -368.5px;
    border: 3px solid #e4e4e4;
    /* padding: 6px; */
    position: relative; 
    width: 737px;
}

a { color: black; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, 
h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }


/* Header
--------------------------------------------------------------------- */

#header {
    background: white url("../../images/casademusica/header.jpg") no-repeat top;
    height: 339px;
}

#header h1 { 
    height: 339px;
    width: 737px;
}
#header h1 a {
    text-indent: -9999px;
    display: block;
    height: 100%;
}

ul#navigation {
    background-color: #a72525;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-size: 13px;
}
ul#navigation li {
    background-color: #a72525;
    border-right: 1px solid #e1dfc6;
    display: inline;
}
ul#navigation li li { 
    background-color: #802828;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd; 
    display: block;
}
ul#navigation li a {
    color: #eee;
    display: block;
    font-size: 1em;
    height: 22px;
    padding: 4px 20px;
    text-transform: lowercase; 
    text-decoration: none;
    white-space: nowrap;
}
ul#navigation li li a {
    color: #eee;
    display: block;
    font-size: 0.9em;
    height: 22px;
    padding: 2px 12px;
    text-transform: none;
    width: 150px;
}
ul#navigation a:hover { background-color: #c32d2d; text-decoration: none; }

#homepage li#nav-start > a, #about li#nav-about > a, 
#projects li#nav-projects > a, #workshops li#nav-workshops > a, 
#multimidia li#nav-multimidia > a, #agenda li#nav-agenda > a, 
#photos li#nav-multimidia > a, #videos li#nav-multimidia > a,
#contact li#nav-contact > a 
  { color: #fff; background-color: #c32d2d; }


/* Content
--------------------------------------------------------------------- */

#wrap {
    background: url("../../images/casademusica/background.jpg") repeat-y;
}

#content-main { 
    background: url("../../images/casademusica/section_default.jpg") no-repeat 98% 0;
    margin: 18px; 
    width: 510px; 
}

#projects #content-main { background-image: url("../../images/casademusica/section_projects.jpg"); }
#workshops #content-main { background-image: url("../../images/casademusica/section_workshops.jpg"); }
#agenda #content-main { background-image: url("../../images/casademusica/section_contact_2.jpg"); }
#contact #content-main { background-image: url("../../images/casademusica/section_contact.jpg"); }
#news #content-main { background-image: url("../../images/casademusica/section_news.jpg"); }
#photos #content-main { background-image: url("../../images/casademusica/section_photos.jpg"); }
#videos #content-main { background-image: url("../../images/casademusica/section_videos.jpg"); }

#content-main h1.section-title {
    background: url("../../images/casademusica/section_title_bg.jpg") no-repeat 0 100%;
    margin: 40px 0 20px 0;
    padding: 0 0 25px 20px;
    width: 60%;
}

#content-main h2.section-title {
    background: url("../../images/casademusica/section_title_bg.jpg") no-repeat 0 100%;
    padding: 0 0 20px 20px;
}

#content-main h2.title { font-size: 1.2em; font-weight: bold; }

#content-main div.content-list { margin-bottom: 30px; }
#content-main div.content-item { padding: 10px 10px 1px 10px; }
#content-main div.content-item.even { background-color: #f8f6e2; }

#content-main p.meta { color: #777; font-size: 0.9em; }
#content-main div.content-item span.meta { color: #874601; font-size: 0.8em; font-weight: normal; }
#content-main div.content-item span.meta a { color: #874601; text-decoration: none; }

#content-extra { clear: both; }
#latest-photos { margin: 20px 20px 0 0; width: 250px;}
#latest-videos { margin: 20px 0 0 0 ; width: 230px; }

#content-related { 
    /* background-color: #f5f3da; */
    /* border-left: 1px solid #d5d3ca; */
    color: #000; 
    font-size: 0.9em; 
    padding: 10px;
    width: 170px; 
}
#content-related h1 { font-size: 1.4em; }
#content-related span.date { color: #333; font-size: 0.9em; }
#content-related #googlesearch input { font-size: 0.8em; }
#content-related #googlesearch form { text-align: right; }
#content-related #googlesearch input.text { 
    border: 1px solid #666; 
    width: 94%;
}

/* Footer
--------------------------------------------------------------------- */

#footer { 
    border-top: 1px solid #ddd;
    color: #111;
    clear: both;
    background: #f5f3da url("../../images/casademusica/logo.png") no-repeat 20px 50%;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-size: 0.75em;
    padding: 10px 40px 10px 60px;
}
#footer a { color: #111; }
#footer p { 
    letter-spacing: 0em;
    line-height: 1.4em; 
    margin: 0; 
}
#footer span.separator { border-left: 1px solid #bfbfbd; }


/* Misc classes
--------------------------------------------------------------------- */

p.align-right { text-align: right; }

ul.entry.list li { background-image: url("../../images/casademusica/icons/document.gif"); }
ul.event.list li { background-image: url("../../images/casademusica/icons/calendar.gif"); }

div.photo, div.video { float: left; margin: 4px 3px; }
div.photo img, div.video img, img.photo { border: 1px solid #bbb; padding: 3px; }

div.photo img.thumb { width: 68px;  height: 51px; }
div.video img.thumb { width: 100px; height: 75px; }

div.photo.album, div.video.category { 
    font-size: .8em;
    margin: 10px;
    padding: 5px; 
    white-space: nowrap;
    text-align: center; 
    width: 140px; 
}
div.photo.album a, div.video.category a
  { font-weight: bold; text-decoration: none; }
div.photo.album img { /* width: 128px; */ height: 96px; }
div.video.category img { width: 128px; height: 96px; }

div.content-item img { margin: 2px 4px; }

div.teacher { float: left; margin: 5px; width: 155px; }
div.teacher a { text-decoration: none; }
div.teacher p { text-align: center; }
div.teacher img { border: 1px solid #bbb; padding: 3px; }

#projects img.logo, #partners img.logo { margin: 4px 8px 4px 8px; }
#projects div.project, #partners div.partner  { clear: both; }

p.align-center { text-align: center; }

li.error { color: #b22222; }

div.navigation { 
    margin: 40px 6% 0 6%; 
    clear: both;
}
div.navigation a { text-decoration: none; }

p.more { 
    margin-top: 10px;
    margin-right: 10px; 
    text-align: right; 
}
p.more a { 
    color: #555; 
    font-size: 0.9em; 
    text-decoration: none; 
}