/* @override 
*/

/* blue: rgb(14, 39, 59) */

html {
     background-image: url(../../images/montreal_2009/bg.gif);
}

#doc2 {
    background-color: white;
}

.yui-gc {
    width: 933px;
}

.yui-gc .yui-u {
    margin-left: 8px;
}

body { /*  */
    font-family: Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
    color: black;
   
}

a {
    text-decoration: none;
    font-weight: bold;
/*    color: rgb(14, 39, 59); */
	color: #0087a2;
}

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

p {
    margin:  8px 0;
}

h1, h2 {
     background: black url(../../images/montreal_2009/wc.gif) no-repeat right top;
     padding: 4px 8px;
     font-weight: bold;
     color: white;
     margin: 8px 0;
     text-transform: uppercase;
}

h1 {
      width: 918px;   
     font-size: 120%;      
}

h2 {
    margin-top: 0;
}

h3 {
    font-weight: bold;
}

h1 a, h2 a {
    color: white;
}

#doc2 {
    width: 966px;
}

#bd {
    margin: 0 16px;
}

#ft {
	margin: 0 0 0 16px;
	height: 100px;
	background-color: white;
	background: rgb(14, 39, 59) url(/images/structure/hd_corner.png) no-repeat;
}

#logo1 {
    margin: 0 0 0 16px;
}

#logo2 {
    margin-left: 4px;
}
/* @group Main Menu */

#main_menu {
    position: relative;
    height: 63px;
    text-transform: uppercase;
    margin: 6px 0 0 16px;
}

#main_menu li {
    width: 306px;
    float: left;
    margin-right: 8px;
}

#main_menu li:hover ul, #main_menu .active ul  {
    display: block;
}

#main_menu li:hover ul {
    z-index: 1;
}

#main_menu a {
    color: white;
    padding: 8px;
    display: block;
    background: url(../../images/montreal_2009/wc.gif) no-repeat right top;    
}

#main_menu ul {
    display: none;
    width: 918px;
    position: absolute;
    left: 0;
    top: 32px;
    height: 16px;
    text-align: left;

    padding: 8px;    
}

#main_menu ul li {
    float: none;
    display: inline;
    font-size: 80%;
}

#main_menu ul li a {
    display: inline;
    background: none;
}

#menu_festival_info ul {
    display: block;
}

#menu_festival_info, #menu_festival_info ul {
    background-image: url(../../images/montreal_2009/menu_1.png);
}

#menu_program, #menu_program ul {
    background-image: url(../../images/montreal_2009/menu_2.png);
    text-align: center;
}
#menu_program {
    background-position: -314px;
    text-align: left;    
    
}

#menu_tickets, #menu_tickets ul {
    background-image: url(../../images/montreal_2009/menu_3.png);
    text-align: right;
}
#menu_tickets {
    background-position: -628px;
    text-align: left;
}


#side_menu {
    text-transform: uppercase;
}

#side_menu a:hover {
    padding-left: 8px;
}

/* @end */

table {
    width: 100%;
}

.yui-u table {
    width: 620px;
}

#cart table {
    width: 306px;
}

th, td {
    vertical-align: top;
}

#homepage {
    margin: 8px 0;
}

#homepage td {
	padding: 0 8px 8px 0;
}

#homepage td.last {
    padding-right: 0;
}

#events_table {
    margin: 8px 0;
    position: relative;
    font-size: 85%;
}

#events_table table {
    width: 936px;
}

#events_table th {
    background-color: black;
    color: white;

    padding: 4px 8px;
    text-transform: uppercase;
    border-right: 2px solid white;    
}

#events_table td {
    border-right: 2px solid white;
    height: 16px;
    padding: 0 4px;
    background: rgb(207, 214, 219) url(../../images/montreal_2009/grid.png) 0 8px;
}

#events_table .time {
   	background: rgb(207, 214, 219) none;
   	width: 29px;
   	text-align: right;
}

#events_table td div {
    top: 0;
    position: absolute;
    width: 165px;
    border: 0px solid black;
    background-image: url(../../images/montreal_2009/menu_1.png);
    color: white;
    padding: 1px 1px 2px 2px;
    text-transform: uppercase;
}

#events_table td div a {
    display: block;
}

#events_table td div.description {
    background-image: url(../../images/montreal_2009/menu_2.png);
    width: 230px;
    z-index: 1;
    margin-left: 20px;
    padding: 4px;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: auto;
    text-transform: none;
}


#events_table td div a {
    color: white;
}

#events_list th {
	padding: 8px 0;		
    text-transform: uppercase;
    border-bottom: 1px solid black;    
}

#events_list td {
    padding: 8px 0;
    border-bottom: 1px solid black;
}

#events_list td .date, #events_list td .venue_price {
    font-size: 85%;
}

#cart td {
    padding: 2px 0;
}

#cart .total {
    border-top: 1px solid rgb(207, 214, 219);
}


.block {
    padding: 8px;
    background:  rgb(207, 214, 219);
}
.block ul, .artists ul {
    margin-bottom: 8px;
}
.artist_info, .event_info {
    background:  rgb(207, 214, 219);
    width: 306px;
    float: left;
    margin: 0 8px 8px 0;
}
.artist_info img {
    width: 306px;
}

.profile, .description {
    float: left;
    width: 620px;
}

.events, .artists {
    margin: 0 8px 8px 0;
    clear: left;
    width: 306px;
    float: left;
}
.samples {
    float: left;
    width: 620px;    
}