/* 
Title: 		Master Styles for OttawaJazzFestival.com 
Author:		jay.west for the Ottawa Jazz Festival Inc.
Contact:	creative@jaywest.com
Updated:	April 23, 2008     
*/

/* This document should contain all pure and valid css rules. 
All hacks required to compensate for IE bugs are maintained in ie.css */



/* @group General Rules
------------------------------------------------------------------------- */

/* normalize default styles */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {margin:0;padding:0;} 

#col_left {float: left; width: 48%;}
#col_right {float: right; width: 48%;}

.col_1of2 {float: left; width: 160px; margin: 0 20px 0 0;}
.col_2of2 {float: left; width: 340px; margin: 0 0 0 0;}

.col_1of4 {float: left; width: 220px; margin: 0 20px 0 0;}
.col_2of4 {float: left; width: 220px; margin: 0 20px 0 0;}
.col_3of4 {float: left; width: 220px; margin: 0 20px 0 0;}
.col_4of4 {float: left; width: 220px; margin: 0 0 0 0;}


#nav_skip {display: none;}

#nav_language {
position: absolute;	
top: 0;
right: 20px;
}

.clear {clear: both;}

#cse-search-results {
margin-left: -20px;
}

/* @end */



/* @group Microformats
------------------------------------------------------------------------- */

.vcard {margin: 15px 0;}
.vcard * {margin: 0 0 3px 0;}
.vcard .fn {font-weight:bold;}
.vcard .fn,
.vcard .adr,
.vcard .title, 
.vcard .tel {display:block;} /* soft wrap */
.vcard .url {padding: 0; border:0;}

.vevent {margin: 15px 0;}
.vevent * {display:block; margin: 0 0 5px 0;} /* soft wrap elements */
.vevent .dtstart {font-weight:bold;}
.vevent .summary {display: none;}
.vevent .location {font-weight:bold;}
.vevent .description {}

/* @end */




/* @group Typography
------------------------------------------------------------------------- */

body {
font: 12px Tahoma, Verdana, Helvetica, sans-serif; 
line-height: 1.5em; /* equal to 18px */ 
}

/* vertical rhythm
font-size (em) = intended font size (px) divided by base font (12px)
line-height (em) = base line-height (18px) divided by intended font-size (px) 
*/ 

p, ul, ol, blockquote, td, th, label {
font-size: 1em; /* 12px */ 
line-height: 1.5em;
/*margin-top: 1.5em;*/
margin: 0;
margin-bottom: 1.5em;
/*margin-bottom: 3em;*/
color: #352B15;
}


h1 { /* 26px */
font-size: 2.166667em;
line-height: 1em;  /* was  0.692308em */ 
margin-top: 1.038462em;
margin-bottom: 0.346154em;
font-weight: normal; 
color: #551618;
}



h2 { /* 24px */
font-size: 2em;
line-height: 1.05em; /* was 0.75em */ 
margin-top: 1.125em;
margin-bottom: 0.375em;
font-weight: normal; 
}

h3 { /* 20px */
font-size: 1.666667em;
line-height: 0.9em;
margin-top: 1.35em;
margin-bottom: 0.45em;
font-weight: normal; 
color: #604F28;
}


h4 { /* 18px */
font-size: 1.5em;
line-height: 1em;
margin-top: 2.25em;
margin-bottom: 0.75em;
font-weight: normal; 
color: #000;
}
#content_sub h4 { 
font: 1.666667em Georgia, "Times New Roman", Times, serif; 
}



h5 { /* 16px */
font-size: 1.333333em;
line-height: 1.125em;
margin-top: 1.6875em;
margin-bottom: 0.5625em;
font-weight: normal; 
color: #354A30; 
}


h6 { /* 14px */ 
font-size: 1.166667em;
line-height: 1.285714em;
margin-top: 1.928571em;
margin-bottom: 0.642857em;
font-weight: normal;
color: #354A30; 
}

	
h6x {
font-size: 1em;      /* 12px */ 
line-height: 1.5em;
margin-top: 2.25em;
margin-bottom: 0.75em;
}





ul {margin-top: 0.75em;}
li {margin-bottom: 0.75em;}

/*ul, ol {margin-top: 0;}*/
ul, ol {margin-left: 0; padding-left: 0; } /* establish consistent indentation across all browsers */ 

ul li {list-style: disc outside; /*margin-left: 16px;*/ /*margin-bottom: 6px;*/ }
ol li {margin-left: 30px; /*margin-bottom: 6px;*/}

dl {margin: 0 0 12px 0;}
dt {margin: 20px 0 2px 0; font-size: 1.167em; font-weight: bold;}
dd {margin: 0 0 6px 0;}
body#news dd, body#media dd {color: #7B6634;}

blockquote {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 1.5em;
line-height: 1em;
margin: 15px -20px 15px 20px;
color: #354A30;
width: 220px;
float: right;
clear: both;
/*background: transparent url("/en/wp-content/themes/vimy_en/img/bg_blockquote.gif") top left no-repeat;*/
}

blockquote p {
color: #551618;
}


/* @end */



/* @group Links
--------------------------------------------------------------------------------- */

a {text-decoration:none; cursor:pointer; color:#551618; padding: 0 1px; border-bottom: 1px solid #C1AC4A;}
a:hover, a:hover.external, a.pdf:hover {color:#fff; background-color:#551618; border-bottom: 1px solid #551618;}

a img, a.img {border:none;} /* remove border for all linking graphics */
a.img:hover {background:none;} 

/*a.ticket {white-space:nowrap; font-size:90%; background: url("/img/iTicket.gif") center left no-repeat; padding-left:14px;}*/
/*a.free {white-space:nowrap; font-size:90%; background: url("/img/iFree.gif") center left no-repeat; padding-left:14px;}*/
a.pdf {background: transparent url("/img/theme/pdf.gif") 0 2px no-repeat; padding: 1px 2px 1px 16px;}

a.more {color: #000; margin: 10px; /*float: right; overflow: visible; */}
a.rss {display: none;}
/*a.buy {white-space:nowrap; font-size:90%; background-color:#299E40; padding: 2px 4px; border: 1px solid #000; color: #fff;}*/



a.on_sale {
text-indent: -9999px; /* hide the text */
width: 224px; /* width of replacement image */
height: 58px; /* height of replacement image */
background: url("/img/theme/bttn_onsale_en.gif") 0 0 no-repeat;
display: block; 
border: none;
padding: 0;
float: right;
margin-top: -45px;
}	
a:hover.on_sale {
background-color: transparent;
}
body.fr a.on_sale {
background: url("/img/theme/bttn_onsale_fr.gif") 0 0 no-repeat;
}	
 
a.buy_online {
text-indent: -9999px; /* hide the text */
width: 70px; /* width of replacement image */
height: 20px; /* height of replacement image */
background: url("/img/theme/bttn_buy_online_en.gif") 0 0 no-repeat;
display: block; 
border: none;
padding: 0;
}	
a:hover.buy_online {
background-color: transparent;
}
body.fr a.buy_online {
background: url("/img/theme/bttn_buy_online_en.gif") 0 0 no-repeat;
}	

a.tickets {
text-indent: -9999px; /* hide the text */
width: 52px; /* width of replacement image */
height: 20px; /* height of replacement image */
background: url("/img/theme/bttn_tickets_en.gif") 0 0 no-repeat;
display: block; 
border: none;
padding: 0;
}	
a:hover.tickets {
background-color: transparent;
}
body.fr a.tickets {
background: url("/img/theme/bttn_tickets_fr.gif") 0 0 no-repeat;
}



.free {
text-indent: -9999px; /* hide the text */
width: 46px; /* width of replacement image */
height: 46px; /* height of replacement image */
background: url("/img/theme/bttn_free_en.png") 0 0 no-repeat;
display: block; 
border: none;
padding: 0;
}
body.fr .free {
background: url("/img/theme/bttn_free_fr.png") 0 0 no-repeat;
}




/* @end */


/* @group Forms
--------------------------------------------------------------------------------- */

form {
margin: 20px 0;
padding: 0;
}
fieldset {
float: left; 
width: 95%; 
margin: 0 0 20px 0; 
padding: 0 10px 5px 10px; 
border: 1px solid #9A8246; 
/*background-color:#D0CAA8;*/
display:block;
background-color: #DBCFAC;
}
legend { 
font-weight: bold; 
/*color: #00466A;*/ 
margin: 0; 
padding: 5px;
font-size: 16px;
}
legend span {font-weight: normal;} 
label {
display: block; /* force them to a new line */
margin: 10px 0 3px 0;
/*color: #000;*/
font-weight: bold;
}
input, textarea, file {
border: 3px double #ccc; 
padding: 3px;
margin: 0 0 5px 0;
/*width: 100%;*/
}
textarea {
font: 85% Verdana, Arial, Helvetica, sans-serif;
height: 150px;
width: 100%;
}


input.text {width: 100%;}
input.file {width: 100%;}
/*input.date {width: 70px;}*/
select {
width: auto;
margin: 0 0 5px 0;
border: 1px solid #ccc;
padding: 2px 3px;
}

input:focus,
textarea:focus  {border: 3px double #333; background-color: lightyellow;}

/* checkboxes */
label.checkbox {margin: 0 0 10px 0; width:auto;}
input.checkbox  {border:none; float:left; margin: 0 5px 0 5px; height:auto; width: auto;}


/* form action buttons */

input.submit,
input.cancel,
table a.add,
table a:hover.add  {
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
padding: 3px 10px;
margin: 10px 10px 10px 0;
background-color: #fc0;
color: #333;
font-size: 120%;
cursor: pointer;
text-align:center;
width: auto;
height: auto;
}
input.cancel {
	background-color: #ccc;
	font-size: 95%;
}
input:active.submit,
input:active.cancel,
table a:active.add  {
	border: 3px double #ccc;
	border-top-color: #999;
	border-left-color: #999;
}

table a.add, table a:hover.add {font-size:90%; margin:0; float:right; padding: 2px 5px;}


/* @end */



/* @group Tables
------------------------------------------------------------------------- */

table {border-collapse: collapse; width: 100%; margin: 10px 0 20px 0; border-bottom: 1px solid #7B6634; }
table caption {display: none;}

tr {border-left: 1px solid #7B6634;}
tr.odd {background: url("/img/theme/bg_tan_20-trans.png");}
tr.even {}
tr:hover.even, tr:hover.odd {background: url("/img/theme/bg_white_20-trans.png");}

th {background: url("/img/theme/bg_tan_30-trans.png"); padding: 2px 4px;}

th a {
color: #fff;
border: none;
padding: 4px 8px;
display: block;
}
th a:hover {background-color: #ccc; border: none;}
td {padding: 4px 8px;border-right: 1px solid #7B6634;}
td a {font-weight: bold;letter-spacing: 0.05em;}


/* @end */




/* @group Layout
------------------------------------------------------------------------- */

/* SI.ClearChildren v1.0 */ 

#content, 
#content_main,
#content_sub,
#content_sponsors {position: absolute; top: 0; left: 0;} /* default position of columns */ 

#content.clear_children,
#content_main.cc_tallest,
#content_sub.cc_tallest,
#content_sponsors.cc_tallest {position: relative;} 

/**/* html #content.clear_children {display: inline;}/* PREVENTS MISSING CHILDREN IN IE WIN 5.0 */
#content_main.cc_tallest:after,
#content_sub.cc_tallest:after,
#content_sponsors.cc_tallest:after {content:'';} /* PREVENTS A REDRAW BUG IN SAFARI */



/* General layout */ 

html {
text-align:center; /* center the page layout for Win/IE */ 
background: url("/img/theme/bg_body.jpg") top center; 
} 
body {
width: 100%;
background: url("/img/theme/bg_nav_main.png") top center repeat-x;
}
body#events {background: url("/img/theme/bg_sunburst-trans.png") top center repeat-x;}

#wrapper {
width: 100%;
text-align: left; /* compensate for the centering above */ 
position: relative;
}
#branding {
position: relative;
width: 940px;  /*fix the width*/  
margin: 0 auto; /* center the layout */ 
}
#header {
position: relative;
margin: 0 auto; /* center the layout */
min-height: 380px;
height:auto !important;
height: 380px;
margin-bottom: 40px;
padding: 1px 0;  /* hack for background issue with FF */
display: none; 
}


#content_wrapper { /* this extra div is required for using the footer positioning with Win/IE6  */ 
width: 940px; /* fix the width */ 
margin: 0 auto; /* center the layout for modern browsers */ 
text-align: left; /* compensate for the centering above */ 
position: relative;
}
#content {
/*overflow: visible;  allow nav_sub to show with negative top indent*/  
/*width: 980px;  fix the width  
margin: 0 auto;  center the layout*/  
}
#content_main {
/*padding: 0;*/
width: 520px;  /* 520px minus padding */  
/*overflow: hidden;  contain its floats*/
}
#content_sub {
width: 160px; /* 160px minus padding */ 
/*padding: 0;*/
/*top: 0;*/
left: 600px;
}
#content_sponsors {
width: 160px; /* 160px minus padding */ 
/*padding: 0;
top: 0;*/
left: 780px;
/*position: absolute;*/
}



#footer {
/*position: relative;*/
/*height: 380px;*/
margin-top: 20px;
}
#footer_inner {
/*position: relative;  enable absolute positioning contained elements*/ 
width: 940px; /* fix the width */ 
/*height: 170px;*/
margin: 0 auto; /* center the layout */ 
/*text-align: left;  compensate for the centering above*/ 
overflow: hidden; /* contain its floats */ 

}


#site_info {
/*position: relative;  enable absolute positioning contianed elements*/ 
width: 100%;
background: url("/img/theme/bg_site_info.gif") top left repeat-x; 
}
#site_info_inner {
position: relative; /* enable absolute positioning contained elements */
left: 0;
width: 940px; /* fix the width */ 
/*height: 170px;*/
margin: 0 auto; /* center the layout */ 
/*text-align: left;  compensate for the centering above*/ 
/*padding: 20px 0;*/
}

/* @end */




/* @group #content
------------------------------------------------------------------------- */

#content_main img {
border: 3px solid #fff;
}


/*body {
background: url("/img/theme/bg_sunburst-trans.png") top center repeat-x; 
}*/
/*body#news {
background: url("/img/theme/bg_nav_main.png") top center repeat-x; 
}*/


/*body#news {
background: none; 
}*/

/*body#news #header {
display: none;
}

body#news #sponsors_sidebar {
display: none;
}*/





/*body, #wrapper {background: #514D41 url("/en/wp-content/themes/vimy_en/img/bgMaster.gif") top center repeat-y;}
#content {background: transparent url("/en/wp-content/themes/vimy_en/img/bgContent.jpg") top left repeat-y;}
#content_main {background: transparent url("/en/wp-content/themes/vimy_en/img/bgTorn.gif") top left no-repeat;}*/

/* @end */







/* @group #branding
------------------------------------------------------------------------- */

#branding {
height: 46px;
}
#branding h2 {
margin: 0;
line-height: 0;	
}	

#branding h2 a {
text-indent: -9999px; /* hide the text */
width: 313px; /* width of replacement image */
height: 46px; /* height of replacement image */
display: block; 
background: url("/img/theme/OttawaJazzFestivalCom_en.png") 0 0 no-repeat;
position: relative;
top: 0;
left: -15px;
border: none;
padding: 0;
}	
/*#branding h2 a:hover {background: none;}*/

/* @end */




/* @group #header 
-------------------------------------------------------------------- */

body#events #header,
body#venues #header,
body#tickets #header,
body#volunteer #header,
body#sponsorship #header,
body#visiting #header {display: block;}

/*body#events.listing #header {display: none;}*/

#header {
background: url("/img/theme/bg_white_20-trans.png"); 
width: 100%;
overflow: visible;
/*position: relative;*/
}
#header_inner {
width: 940px; /* 940px minus padding */ 
margin: 0 auto; /* center the layout */ 
position: relative;
padding: 20px 0;
}

#intro {
/*padding: 20px 0 0 0;*/
width: 520px;
}

#poster {
position: absolute;
top: -62px;
right: 0;
background: url("/img/theme/bg_poster_shadow-trans.png") 0 0 no-repeat; 
width: 348px;
height: 468px;
padding: 3px 0 0 3px;
z-index: 999;
}

body.home #poster {
display: none; 
}


#feature {
/*padding: 20px 0 0 0;*/
width: 520px;
}	
#feature img {
border: 3px solid #fff;
}
#feature a {border-color: #CBB577;}
#feature a:hover {color: #fff;}



#feature h2 { /* artist name */ 
font-size: 2em;
line-height: 1em;
color: #551618;
margin: 16px 0 16px 0;
}

#feature h3 { /* date/venue*/ 
font-size: 1.333em;
color: #7B6634;
margin: 10px 0 0 0;
}
#feature h3 a {color: #7B6634;}


#feature h4 { /* series */ 
text-transform: uppercase;
font-size: 1em;
letter-spacing: 0.2em;
}
#feature h4 a {color: #604F28;}


.ticket_note {
display: none; }

/* @end */




/* @group #footer 
-------------------------------------------------------------------- */

#footer {
background: url("/img/theme/bg_tan_30-trans.png"); 
width: 100%;
/*overflow: visible;*/
}


/* @end */












/* @group #nav_main
------------------------------------------------------------------------- */

/*using a sprites technique */

#nav_main {
position: relative;
width: 940px;  /*fix the width*/  
margin: 0 auto; /* center the layout */ 
height: 34px;
}

#nav_main h3, #nav_main hr {display: none;}

#nav_main ul {
list-style-type: none;	/*turns off display of bullet*/
height: 34px; /* overall height of the nav object */
width: 540px; /* overall width of the entire nav object */
/*float:left;*/
padding:0;
margin:0;
position: absolute;
top: 0;
left:0;
}
#nav_main li {
position:relative;
float:left; /*fix Mozilla bug not showing bg images on page load */
list-style-type: none;	/*turns off display of bullet*/
margin: 0;
margin-right: 10px; /* space between tabs */ 
}
#nav_main li a {
float: left;
padding: 34px 0 0 0; /* padding-top set to overall height of the nav object */
overflow: hidden;
height: 0px !important; 
height /**/:34px; /* overall height of the nav object - for IE5/Win only */
width: 540px; /* overall width of the entire nav object */
border:none; /* remove global link border */	
/* background-position: 0 0; */ 
background-repeat: no-repeat;
}
#nav_main li a:hover {background:none;}


/* set the language specific graphics for the hover and off-state */

body.en #nav_main ul a,
body.en #nav_main a:hover {width: 96px; background: url("/img/theme/nav_main_sprites_en.png");}
body.fr #nav_main ul a,
body.fr #nav_main a:hover {width: 96px; background: url("/img/theme/nav_main_sprites_fr.png");}


/* create off-state - horizonal offset the background to reveal the off-state */

body.en #nav_main #nav_events a,		body.fr #nav_main #nav_events a		{background-position: 	 0px 0px;}
body.en #nav_main #nav_news a,			body.fr #nav_main #nav_news a		{background-position:  -96px 0px;}
body.en #nav_main #nav_tickets a,		body.fr #nav_main #nav_tickets a	{background-position: -192px 0px;}
body.en #nav_main #nav_community a,		body.fr #nav_main #nav_community a	{background-position: -288px 0px;}
body.en #nav_main #nav_visiting a,		body.fr #nav_main #nav_visiting a	{background-position: -384px 0px;}



/* create hovers - vertical offset the background to reveal the hover-state */

body.en #nav_main #nav_events a:hover,		body.fr #nav_events a:hover		{background-position:    0px -34px;}
body.en #nav_main #nav_news a:hover, 		body.fr #nav_news a:hover		{background-position:  -96px -34px;}
body.en #nav_main #nav_tickets a:hover, 	body.fr #nav_tickets a:hover	{background-position: -192px -34px;}
body.en #nav_main #nav_community a:hover, 	body.fr #nav_community a:hover	{background-position: -288px -34px;}
body.en #nav_main #nav_visiting a:hover, 	body.fr #nav_visiting a:hover	{background-position: -384px -34px;}


/* create on-state - vertical offset the background to reveal the on-state */

body#events.en #nav_main #nav_events a,			body#events.fr #nav_main #nav_events a			{background-position: 	 0px -34px;}
body#news.en #nav_main #nav_news a, 			body#news.fr #nav_main #nav_news a				{background-position:  -96px -34px;}
body#tickets.en #nav_main #nav_tickets a,		body#tickets.fr #nav_main #nav_tickets a		{background-position: -192px -34px;}
body#community.en #nav_main #nav_community a, 	body#community.fr #nav_main #nav_community a	{background-position: -288px -34px;}
body#visiting.en #nav_main #nav_visiting a, 	body#visiting.fr #nav_main #nav_visiting a		{background-position: -384px -34px;}




/* show sub nav */ 

body#events li#nav_events ul {
display: block; 
display: none; 
}




/* @end */




/* @group Search
------------------------------------------------------------------------- */

#nav_main form {
position: absolute;
top: -55px;
right: 420px;
}
#nav_main form input {
background-color: #DBCFAC;
border: 1px solid #86764C;
}

#nav_main form input.bttnSearch {
letter-spacing: 999px;  /*hide the text*/ 
width: 21px; 
height: 21px; 
margin: 2px 0;
border:none;
text-indent: -9999px; /* hide the text */
background: transparent url("/img/theme/bttn_search.gif") top left no-repeat;
cursor: pointer; /* hand-shaped cursor */
display: none; 
}


/* @end */




/* @group #nav_sub
------------------------------------------------------------------------- */

#nav_sub {
color: #78845C;
line-height: normal;
margin: 15px 0 15px -5px;
overflow: hidden;
white-space: nowrap;
}
#nav_sub li  { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
border-right: 1px solid #7B6634;
}
#nav_sub li:last-child {border-right:0;} /* hide last pipe */
#nav_sub a {
padding: 3px 6px; /* spacing between text and pipe */ 
border: none;
margin: 0;
}
#nav_sub a:hover {
color: #fff;
}




/* @end */





/* @group Admin Tools
------------------------------------------------------------------------- */

.admin {
/*font: 95% Verdana, Arial, Helvetica, sans-serif;*/
/*color: #333;*/
border: 1px solid #999; 
background-color: lightyellow;
padding: 10px;
margin: 15px 0;
overflow: hidden; /* ensure the div stretches to contain its floats */
/*height: 1%;  holly hack - width or height is required by IE for the above rule to work */
}
.admin a {color:#666;}
.admin a:hover {color:#fff; background-color:#666;}

.admin p {margin: 4px 0; line-height: normal;}



 /*inline editing buttons*/ 	

a.add, a.edit, a.delete {padding: 3px 4px 3px 22px; margin: 5px 15px 5px 0; font-size: 12px; color:#000; border: none; font-weight: normal;}
/*a:hover.add, a:hover.edit, a:hover.delete {color:#fff; background-color:#03C;}*/

a.add {background: url("/img/admin/bttnAdd.gif") 2px 50% no-repeat; padding: 3px 4px 3px 22px;}
a.edit {background: url("/img/admin/bttnEdit.gif") 2px 50% no-repeat; padding: 3px 4px 3px 22px;}
a.delete {background: url("/img/admin/bttnDelete.gif") 2px 50% no-repeat; padding: 3px 4px 3px 22px;}
/*a.edit:hover, a.delete:hover {background-color: transparent;}*/
.admin a:hover {background-color: #03C;}


#event_listing a.edit,
#event_listing a.delete {
padding: 0;
background: none;
font-size: 10px;
}



/*td a.edit,
td a.delete {
text-indent: -9999px;  hide the text 
width: 17px;  width of replacement image 
height: 17px;  height of replacement image 
display: block;
padding: 0;
}*/


/*ul .add, ul .edit, ul .delete,
dl .add, dl .edit, dl .delete,
td .add, td a.edit, td .delete { 
width: 17px;  width of replacement image 
height: 17px;  height of replacement image 
text-indent: -9999px;  hide the text 
padding:0;
margin: 0;
border: 1px solid red; 
}*/

/*#event_listing td a.edit {
width: 17px;  width of replacement image 
height: 17px;  height of replacement image 
text-indent: -9999px;  hide the text 
padding:0;
margin: 0;
border: 1px solid red; 
letter-spacing: 9999999;
}*/



 



/* @end */






/* @group Event Details
------------------------------------------------------------------------- */

/*#band_members h4 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 2em; 
line-height: 0.75em;
margin-bottom: 0.75em;
color: #551618;
}*/

#band_members {
margin-top: 20px ;
}
#band_members p {
color: #604F28;
font-size: 11px;
line-height: normal;
margin-top: 0;
margin-bottom: 8px;
}

#band_members h4 {
width: 166px; /* width of replacement image */
height: 48px; /* height of replacement image */
background: url("/img/theme/featuring_star.gif") 0 0 no-repeat;
margin: 0 0 0 -30px;
font: 2em Georgia, "Times New Roman", Times, serif; 
line-height: 1.05em; /* was 0.75em */ 
font-weight: normal; 
color: #551618;
padding: 22px 0 0 27px;
}	





#content_main .country img {
border: none;
}

.sample {
margin: 0 0 40px 0;
vertical-align: absmiddle;
}


body#events .col_1of2 img {
margin-top: 20px;
}

/* @end */



/* @group #nav_browse
------------------------------------------------------------------------- */


#nav_browse { 
margin: 0;
height: 32px;
overflow: hidden;
background: url("/img/theme/bg_tan_40-trans.png");
color: #fff;
clear: left;
}

#nav_browse h3 { 
background: url("/img/theme/bg_nav_browse_50.png") 100% 50%  no-repeat;
margin: 0;
display: inline;
font-size: 14px;
color: #fff;
padding: 7px 30px 8px 15px;
line-height: normal;
float: left;

}
#nav_browse ul { 
/*float: left;*/
display: inline;

}

#nav_browse li  { 
list-style: none; /* suppress the bullets */ 
float: left;
/*margin: 0 5px;*/
margin: 0;
line-height: normal;
height: 34px;
padding: 0 0 0 0;
}
#nav_browse a {
font-size: 14px;
color: #604F28; 
padding: 7px 20px 7px 10px;
background: url("/img/theme/bg_nav_browse_off.png") 100% 50%  no-repeat;
display: block;
}
#nav_browse a:hover {
color: #fff; 
border: none;
}


/* on state */ 
body.by_date #nav_browse li#nav_by_date a,
body.by_artist #nav_browse li#nav_by_artist a,
body.by_series #nav_browse li#nav_by_series a {
color: #fff;
background: url("/img/theme/bg_nav_browse_25.png") 100% 50%  no-repeat;
}
	

/* @end */


/* @group #nav_previous
------------------------------------------------------------------------- */

#nav_previous { 
margin: 0 0 10px 0;
font-size: 14px;
/*padding: 7px 30px 8px 15px;*/
line-height: normal;
float: right;
}
#nav_previous a {
background: url("/img/theme/bg_nav_browse_50.png") 100% 50%  no-repeat;
color: #fff; 
padding: 7px 20px 7px 10px;
border: none;
}




/* @end */




/* @group #event_listing
--------------------------------------------------------------------------------- */

body#events.listing #header {
height: 0;
min-height: 0;
}

body#events.listing #header_inner {
padding: 0;
}

body#events.listing #content_sponsors {
top: 380px;
}



#event_listing {/*border-collapse:collapse; width:100%;*/ border:none;}
#event_listing caption {display:none;}
/*#event_listing h3 {color: #000; font-size:150%; font-weight:bold; border-bottom: 1px solid #721a22; margin: 15px 0 5px 0; padding: 3px 0; }*/

#event_listing tr {border:none;}


#event_listing th {display:none;}
#event_listing td {padding: 5px 10px 4px 0; border:none; margin:0;}

/*#event_listing td.time {padding:0;}*/
/*body#series #event_listing td {padding: 6px 18px 6px 0;}*/

/*#event_listing tr.alt {background-color:#eeeeee;}*/
/*#event_listing tr:hover {background-color:#C1AC4A;}*/

#event_listing a {border:none; font-weight:normal;}
#event_listing a:hover {color:#fff;}
/*#event_listing a.noHover {background:none;}*/

#event_listing .artist {font-size: 1.5em; line-height: 1em;}
#event_listing .series {color:#9A8246; text-transform: uppercase; letter-spacing: 0.2em; font-size: 10px;}
#event_listing .venue {color:#604F28;}



/* thumbnail */ 

#event_listing td.thumbnail {width: 160px}
#event_listing td.thumbnail img {border: 2px solid #fff; margin: 3px 0; margin-top: -55px; /*margin-bottom: -30px;*/}
#event_listing td.thumbnail a:hover {background: none;}


/* date/time block */ 

#event_listing .date,
#event_listing .time  {
background: url("/img/theme/bgDateBadge-trans.png") bottom right no-repeat;
width: 50px;
height: 45px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#551618;
text-align:center;
z-index: 999;
position: relative;
top: 5px;
left: -30px;
padding-top: 5px;
}

#event_listing .month {font-size:12px; text-transform:uppercase; display:block; }
#event_listing .day {font-size:24px; line-height: 10px;}

#event_listing .time {font-size: 15px;}

#event_listing .desc {
color: #604F28;
padding: 0 0 15px 0;
}
#event_listing .desc strong {
color: #000;
font-weight: normal;
font-size: 14px;
}


#event_listing td.thumbnail .flag {
position: relative;
top: -23px;
left: 132px;
border: none;
display: none; 
}

#event_listing .tickets {
float: right;
}
#event_listing .free {
float: right;
margin-right: 5px;
}

/* @end */





/* @group Tickets & Passes
-------------------------------------------------------------------- */

body#tickets #content_sponsors {display: none;}
body#tickets #content_sub {width: 340px;}

body#tickets #poster {display: none;}	
body#tickets #header {display: none;}	


.table_passes {border-collapse:collapse; width:520px; margin:20px 0;}
.table_passes caption {display:none;}

.table_passes tr {border-left: none;}

.table_passes th {
padding: 6px 3px 0 3px;
color:#000; 
text-align:left;
/*font-weight:normal;*/ 
border-right:1px solid #7B6634; 
border-bottom:1px solid #7B6634;
background: url("/img/theme/bg_tan_20-trans.png");}

.table_passes th.pass {text-align:center;}
.table_passes th.blank {background: none;}
.table_passes th.price.gst {font-weight: normal; color: #604F28; text-align: right; font-size: 100%;}
.table_passes th.price {background: url("/img/theme/bg_tan_40-trans.png"); font-size:130%; text-align:center;}
.table_passes th .venue {font-weight: normal; color: #604F28;}

.table_passes td {
padding: 8px;
text-align:center;
border:1px solid #7B6634;
color:#000;
font-size:120%;
font-weight:bold;
vertical-align: middle;
}

.table_passes .included {
text-indent: -9999px; /* hide the text */
width: 19px; /* width of replacement image */
height: 15px; /* height of replacement image */
background: url("/img/theme/check.gif") 0 0 no-repeat;
display: block; 
margin: 0 auto;}	

 
/*
.table_passes th.blank {background-color: #fff;}*/



body#tickets #sideTickets {display:none;}


body#tickets .col_1of4 {float: left; width: 160px; margin: 0 20px 0 0;}
body#tickets .col_2of4 {float: left; width: 160px; margin: 0 20px 0 0;}
body#tickets .col_3of4 {float: left; width: 160px; margin: 0 80px 0 0;}
body#tickets .col_4of4 {float: left; width: 340px; margin: 0 0 0 0;}		/* map */ 


body#tickets #event_listing h4 {
margin: 15px 0 0 10px;
}


body#tickets #event_listing .artist {
font-size: 1.1em;
letter-spacing: normal;
margin-left: 10px;
}



/* FAQ */ 

body#tickets .accordion dt {
background: url("/img/theme/bg_tan_20-trans.png");
cursor: pointer;
padding: 3px 10px;
}
body#tickets .accordion dd {
padding: 3px 10px;
}


/* @end */







/* @group Sponsors Page 
-------------------------------------------------------------------- */

.table_sponsors {border: none; background-color: #fff;}
.table_sponsors tr {border: none;}
.table_sponsors td {border: none; text-align: center; padding: 20px 10px;}
.table_sponsors a {border: none; color: #999; font-weight: normal;}
.table_sponsors a:hover {background: none; color: #000; border: none;}

body#sponsors #header {
display: none;
}
body#sponsors #sponsors_sidebar {
display: none;
}

/* @end */






/* @group #sponsors_sidebar
-------------------------------------------------------------------- */

body#contact #sponsors_sidebar {
display: none; 
}

#sponsors_sidebar {
background: url("/img/theme/bg_sponsors-trans.png") bottom left no-repeat; 
width: 170px;
padding-bottom: 15px;
}
#sponsors_sidebar h4 {
background: url("/img/theme/bg_sponsors-trans.png") top left no-repeat; 
text-indent: -9999px;
margin: 0;
}
#sponsors_sidebar p {
font-size: 95%;
color: #666;
text-align: left;
margin: 0 10px 0 15px;
}

#sponsors_sidebar a {
border: none;
}

#sponsors_sidebar a:hover {
background: none;
}

#sponsors_sidebar ul {
/*width: 150px;*/
}

#sponsors_sidebar li {
list-style: none;
text-align: center;
padding: 20px 0;
margin: 0;
}




/* @end */


/* @group #site_info 
-------------------------------------------------------------------- */

#site_info_inner {
min-height: 320px;
height: auto !important;
height: 320px;
}


#site_info #about {
position: absolute;
top: 20px;
left: 0;	
width: 330px;
}

#site_info h2 {
text-indent: -9999px; /* hide the text */
width: 314px; /* width of replacement image */
height: 50px; /* height of replacement image */
background: url("/img/theme/OFJ_logo_en-trans.png") 0 0 no-repeat;
margin: 0;
}
body.fr #site_info h2 {
background: url("/img/theme/OFJ_logo_fr-trans.png") 0 0 no-repeat;
}


#site_info h3 {
color: #D4C79D;
font-family: Georgia, "Times New Roman", Times, serif; 
margin-top: 24px;
font-size: 190%;
margin: 10px 0 0 0;
}

#site_info p {
color: #DBD5B7;
margin-top: 0;
}



#nav_corporate  { 
position: relative;
top: 0;
left: -5px;
margin: 0;
font-size: 120%;
}
#nav_corporate li  { 
list-style: none; /* suppress the bullets */ 
float: left;
margin: 0 5px;
}
#nav_corporate a { color: #fff;}



#site_info #photo_gallery {
position: absolute;
top: 20px;
left: 350px;
width: 400px;	
}
#site_info #photo_gallery p {margin-top: 25px;}
#site_info #photo_gallery a {border: none;}
#site_info #photo_gallery a:hover {background: none;}



#site_info #involved {
position: absolute;
top: 20px;
left: 785px;
width: 160px; /* 160px minus padding */ 
}
#site_info #involved li {
color: #D6C074;
}
#site_info #involved a {
color: #D6C074;
font-size: 130%;
}


#site_info #newsletter {
position: absolute;
top: 140px;
left: 785px;
width: 160px; /* 160px minus padding */ 
}

#site_info #newsletter h4 {
color: #fff;
font-size: 130%;
line-height: normal;
}


#site_info #newsletter fieldset { /* reset general styles */ 
float: none; 
width: 95%; 
margin: 0; 
padding: 0; 
border: none; 
background: none;
}


#site_info #newsletter label {
color: #D6C074;
font-weight: normal;
margin-top: -5px;	
}
#site_info #newsletter input {
border: 1px solid #604F28; 
background-color: #C1AC4A;
padding: 2px 4px;
width: 150px;
}

#site_info form#newsletter input.submit {
text-indent: -9999px; /* hide the text */
width: 70px; /* width of replacement image */
height: 22px; /* height of replacement image */
background: transparent url("/img/theme/bttn_subscribe_en.gif") 0 0 no-repeat;	
border: none;
margin: 0 0 0 0;
letter-spacing: 999px;  /*hide the text*/ 
}
body.fr #site_info form#newsletter input.submit {
width: 77px; /* width of replacement image */
height: 22px; /* height of replacement image */
background: transparent url("/img/theme/bttn_subscribe_fr.gif") 0 0 no-repeat;	
}

 


/* @end */



/* @group Home 
-------------------------------------------------------------------- */

body.home #content_sponsors {display: none;}
body.home #content_sub {width: 340px;}



body.home #content_main h1 { 
font-family: Georgia, "Times New Roman", Times, serif; 
color: #000;
}

body.home #content_sub h3 {
font-family: Georgia, "Times New Roman", Times, serif; 
color: #551618;
border-bottom: 1px solid #CC9900;
padding: 0 0 -10px 0;
}


body.home #content_sub li {
margin: 0;
padding: 0 0 8px 0;
list-style: none;
color: #7B6634;
}
body.home #content_sub p {
color: #7B6634;
}

body.home #content_sub li a {
color: #354A30;
}
body.home #content_sub li a:hover {
color: #fff;
}


#community_listing dt {
font-size: 1.166667em;
font-weight: normal;
}
#community_listing dd {
color: #604F28;
}

body.home #content_sponsors {
/*top: 310px;*/
}



body.home #videoBar-bar table,
body.home #videoBar-bar tr,
body.home #videoBar-bar td,
body.home #videoBar-bar a {
border: none; 
}

#poster_home {
width: 380px;
position: absolute;
top: 20px;
right: 0;
}



/* @end */


/* @group News & Announcements 
-------------------------------------------------------------------- */


/* @end */


/* @group Sponsorship 
-------------------------------------------------------------------- */
body#sponsorship #poster {
display: none; 
}

/* @end */



/* @group Volunteer 
-------------------------------------------------------------------- */
body#volunteer #poster {
display: none; 
}

/* @end */





/* @group Search Results
-------------------------------------------------------------------- */

#cse-search-results {
padding: 0 20px;
}




/* @end */





/* @group Visiting Ottawa 
-------------------------------------------------------------------- */

body#visiting #content_sponsors {display: none;}
body#visiting #content_sub {width: 340px;}

body#visiting #content_main img {
float: right; 
clear: right;
background-color: #fff;
margin-top: -15px;
}

.list_teaser li {list-style: none;}

body#visiting .list_teaser img {
float: right;
border-left: 20px solid #fff;
border-right: 20px solid #fff;
background-color: #fff;
}

body#visiting #poster {
display: none; 
}

body#visiting #header #map {
position: absolute;
top: 20px;
right: 0;
/*margin-top: 20px;*/
}



/* @end */