@import url("tripoli/reset.css");
@import url("tripoli/generic.css");

/* Tripoli Overrides*/
p+ul { margin-top: -0.8em }

fieldset { border:none; }

ul li { margin-left:3em; }

/*end*/

/*Overrides for non-text lists - needs ul and li*/

#menu li,
#menu ul li,
#contentright ul.actsdetail li,
#contentright li,
.genrehold ul.actsdetail li,
.genrehold li,
#showcontent ul li,
#showcontent ul,
ul.proghold li
			  {
	text-indent: 0;
	margin-left: 0;
}

#menu li:before,
#foot li:before,
#showcontent li:before,
.genrehold li:before,
#contentright li:before,
ul.proghold li:before { content:''; }



/*end*/


body {
	color: black;
	background-color: #061638;
	font-family: Georgia, "Times New Roman", Times, serif;
	background:#061638 url(../img/body_bg.gif) top left repeat-x ; 
}



/*--------------Site Text formating----------*/

p.home{
font-size:16px;
color:#e1dcbe;
margin-left:25px;
margin-top:5px;
}

p.xmarg {
margin-top:30px;
}

#gambit {
width:779px;
float:left;
padding-top:10px;
}


p, h5, #showcontent ul {
color:#585657;
}

p em {
font-style:normal;
font-weight:600;
}

p.openingtext {
border-top: 3px solid #EBE6D3;
border-bottom: 3px solid #EBE6D3;
padding:30px 0px;
}


p.border {
border-bottom: 3px solid #EBE6D3;
padding-bottom:55px;
margin-bottom:35px;
}

p.topborder {
border-top: 3px solid #EBE6D3;
padding-top:20px;
margin-top:10px;
}

p strong {
color:#AE9E53;
font-size:1.5em;
font-weight:300;
}

.genrehold p {
font-size:0.875em;
margin:0.5em 0em 0.091em 0em;
padding-right:20px;
float:right;
width:151px;
line-height:1.5em;
}

.genrehold img {
float:left;
padding-right:20px;
}

p.leadin, p.leadinalt{
border-bottom:3px solid #EBE6D2;
font-size:1.5em;
line-height:1.5em;
color:#585657;
padding-bottom:1.5em;
}

p.leadinalt{
border-bottom:none;
}

#foot p {
color:#FFCCCC;
font-size:.814em;
line-height:1.5em;	
}

#footsub p, #footsub span {
color:#fff;
font-size:.75em;
font-variant:small-caps;
width:400px;
float:left;	
}

#footsub span {
text-align:right;
width:55px;
/*padding-right:10px;*/
float:right;	
}

p.prog {
width:370px;
float:left;
color:#999965;
}



/*headers*/

#masthead h1 {
text-indent:-9999px;
overflow:hidden;
}

#flash h1 {
font-size:5em;
color:#FFFF00;
text-align:center;
}

h2 {
color:#AE9E53;
font-size:2.2em;
line-height:1.5em;
font-weight:300;
margin-top:0;
}

h3 {
color:#AE9E53;
font-variant:small-caps;
font-weight:300;
font-size:1em;
margin-top:0;
margin-bottom:20px;
padding-left:30px;
padding-bottom:15px;
background: url(../img/vignette.gif) top left no-repeat;
border-bottom:3px solid #EBE6D2;
}

.programmeright h3, .programmeleft h3 {
margin-top:30px;
border-top:3px solid #EBE6D2;
font-size:1.4em;
/*background: none;
padding-left:0px;*/
}

h3.alt {
font-variant:normal;
font-size:1.3em;
padding-left:27px;
margin:0;
background: url(../img/vignette.gif) top left no-repeat;
border-bottom:none;
}


h4, .genrehold h4, h4.alt, h4.mtop {
color:#AE9E53;
margin-top:0.091em;
margin-bottom:0.091em;
padding-bottom:0.191em;
font-weight:300;
font-size:1.75em;
}

h4.mtop {
margin-top:1.2em;
}

.genrehold h4 { 
width:170px;
float:left;
}

h4.alt {
background: url(../img/lgvignette.gif) bottom right no-repeat;
margin-top:1em;
width:160px;
}

h4.alter {
background: url(../img/lgvignette.gif) bottom right no-repeat;
margin-top:0em;
width:120px;
font-size:2em;
}

h5 {
margin-bottom:0;
font-weight:300;
font-size:1em;
}

/*links styles*/

a:link,
a:visited,
a:active { color:#fff ; text-decoration:none; }

a:hover { color:#fff; text-decoration:underline; }


#contentright a:link,
#contentright a:visited,
#contentright a:active,
#contentrighter a:link,
#contentrighter a:visited,
#contentrighter a:active,
#contentleft a:link,
#contentleft a:visited,
#contentleft a:active { color:#AE9E53 ; text-decoration:underline; text-transform:uppercase; }

span#progright a:hover,
#contentright a:hover,
#contentrighter a:hover,
#contentleft a:hover { color:#D2C185;  }

.genrehold a:link,
.genrehold a:visited,
.genrehold a:active {
color:#AE9E53 ;
text-decoration:none; 
text-transform:none;
font-size:1.65em;
padding-right:10px;
}

.genrehold a:hover { color:#D2C185;  }

.genrehold a em, ul.proghold li a em, ul.actdetails li em {
text-decoration:line-through;
}

span.progright a:link,
span.progright a:visited,
span.progright a:active,
span.progrightearly a:link,
span.progrightearly a:visited,
span.progrightearly a:active,
span.top a:link,
span.top a:visited,
span.top a:active {
text-decoration:none;
color:#999965;
}

span.progright a:hover,
span.progrightearly a:hover,
span.top a:hover {
text-decoration:underline;
}

span.progright a, span.top a, span.progrightearly a {
font-size:1.2em;
margin:0;
padding:0;
text-align:right;
width:170px;
padding-right:40px;
float:right;
font-variant:small-caps;
background: url(../img/hand.gif) right no-repeat;	
}

span.progrightearly a {
background: url(../img/handearly.gif) right no-repeat;	
}

span.top a {
background: none;
border-top: 3px solid #EBE6D2;
padding-top:10px; 
width:670px;	
}

body#news #showcontent a:link,
body#news #showcontent a:visited,
body#news #showcontent a:active{
color:#AE9E53 ; text-decoration:underline; text-transform:uppercase;
}

body#news #showcontent a:hover {
color:#D2C185;}


/*Lists*/

ul.actdetails  {
margin:0em;
padding:0em;
margin:1em 0em;
}

.genrehold ul.actdetails {
width:170px;
float:left;
}

ul.actdetails li  {
color:#585657;
margin-left:0em;
}

ul.actdetails li.caps  {
text-transform:uppercase;
}

ul.actdetails li strong  {
font-size:1.125em;
}

.programmeleft ul.proghold,
.programmeright ul.proghold {
height:115px;
}

.programmeleft ul.proghold li,
.programmeright ul.proghold li {
padding:0;
margin:0;
float:left;
width:334px;
margin-top:3px;
}



/*misc styles--------------------------*/

 img.btop {
border-top:3px solid #EBE6D2;
padding:20px 30px;
}



address {
color:#585657;
}

p.top {
float:left;
display:block;
border-top:3px solid #EBE6D2;
}

img.sponsoright{
float:right;
display:block;
overflow:hidden;
padding-top:20px;
}

img.right {
float:right;
padding-left:15px;
}

 a.hire {
float:left;
display:block;
overflow:hidden;
margin-right:25px;
}




/*-----------main divs structure------------*/

#wrap {
 background:url(../img/bg.gif) top left no-repeat;
	width:779px;
	margin:0 auto;		
}

#masthead {
	width:779px;
	padding-top:98px;
	float:left;
	background: #1F0A01 url(../img/masthead_bg.gif) top left no-repeat ;
	}

#menu {
	width:779px;
	height:34px;
	float:left ;
	padding:0;
	margin:0;
}	


#flash {
	width:759px;
	border:#fff 10px solid;
	float:left;
	margin:0;
	padding:0;
}

body#home #flash {
border:none;
width:779px;
}


#showcontent {
width:709px;
float:left;
padding:35px;
background: #fff url(../img/showfade.gif) top repeat-x ;
}

.genrehold {
width:354px;
float:left;
margin:25px 0px;
}

#contentleft {
width:290px;
float:left;
}

#contentright {
width:360px;
padding-left:55px;
float:right;
}

#contentrighter {
padding-left:75px;
float:right;
width:325px;
}


.showbox a, .showboxcomedy a, .showboxmusic a, .showboxkids a,
.showboxdance a, .showboxevents a, .showboxnightlife a, .showboxall a, .showboxtheatre {
width:132px;
height:46px;
padding:116px 0px 0px 30px;
margin-right:20px;
margin-bottom:20px;
float:left;
font-size:1.35em;
font-variant:small-caps;
background: url(../img/caberet.jpg) top left no-repeat;
}

.showboxcomedy a{
background: url(../img/comedy.jpg) top left no-repeat;
}

.showboxmusic a{
background: url(../img/music.jpg) top left no-repeat;
}

.showboxkids a, .showboxall a {
background: url(../img/kids.jpg) top left no-repeat;
margin-right:0px;
}

.showboxdance a{
background: url(../img/dance.jpg) top left no-repeat;
}
.showboxevents a{
background: url(../img/events.jpg) top left no-repeat;
}
.showboxnightlife a{
background: url(../img/nightlife.jpg) top left no-repeat;
margin-right:0px;
}
.showboxall a{
background: url(../img/all.jpg) top left no-repeat;
}

.showboxtheatre {
background: url(../img/theatre.jpg) top left no-repeat;
}

/*Programme ------------------*/

.programmeleft, .programmeright {
float:left;
width:334px;
}

.programmeright {
margin-left:40px;
}

body#programme .programmeright a:link,
body#programme .programmeright a:visited,
body#programme .programmeright a:active,
body#programme .programmeleft a:link,
body#programme .programmeleft a:visited,
body#programme .programmeleft a:active { color:#AE9E53 ; text-decoration:none; display:block; }

body#programme .programmeright a:hover,
body#programme .programmeleft a:hover { color:#D2C185; text-decoration:underline; }

/*-------------Menu styles-----------------*/

#menu ul {
float:left;	

}

#menu ul li {
display:inline;

border-left:none;
padding:0;
}

#menu ul li a {
border-left:1px solid #704330;
padding:16px 20px;
text-decoration:none;
font-variant:small-caps;
font-size:1em;
}

/*--Safari small-caps fix-------------*/

#menu ul li a span.smallcaps
{
font-size: 0.814em;
font-variant: normal;
text-transform: uppercase;
}



#menu ul li.liveleft a, #menu ul li.leftline a {
border-left:none;	
}

#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active { color:#B7855F ; }

#menu ul li a:hover { color:#fff; text-decoration:underline; }

#menu ul li.live a:link,
#menu ul li.live a:visited,
#menu ul li.live a:active,
#menu ul li.liveleft a:link,
#menu ul li.liveleft a:visited,
#menu ul li.liveleft a:active  { color:#fff; text-decoration:underline; }

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



#foot{
	width:779px;
	background: url(../img/footlinefade.gif) top left no-repeat;
	min-height:116px;
	float:left;
	padding-top:31px;	
}

body#home #foot {
background: url(../img/footline.gif) top left no-repeat;
margin-top:5px;
}

.foothold, .footholdwide {
width:170px;
padding:20px 0px 0px 20px;
float:left;
}

.footholdwide{
width:360px;

}

.foothold img, .footholdwide img {
border:4px solid #fff;
float:left;
width:65px;
height:65px;
margin-right:10px;
}

.foothold a, .footholdwide a {
margin-bottom: .615em;
padding-top:0em;
font-size:1.1em;
}


#footsub
{
	width:779px;
	background: url(../img/footline.gif) top left no-repeat;
	float:left;
	font-size:1.2em;
	padding-top:20px;		
}

#footsub a, #footsub p {
color:#DADADA;
}