body{
	background:#000000 url('../images/bg_sides.gif') top center no-repeat;
	padding:0;
	margin:0;
	color:#bebebe;
	font-family:'arial';
	font-size:12px;
}

p, .regular, p.regular{
	color:#bebebe;
	font-family:'arial';
	font-size:12px;
	line-height:180%;
}

.small, p.small{
	font-size:11px;
}

a{
	color:#dca93e;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1{
	color:#75adcc;
	font-size:23px;
	font-family:'trebuchet ms', 'arial';
}

h2{
	font-size:20px;
	font-family:'trebuchet ms', 'arial';	
}

h3{
	font-size:18px;
	font-family:'trebuchet ms', 'arial';	
}

h4{
	color:#bebebe;
	font-family:'arial';
	font-size:17px;
	line-height:180%;	
}

.red{
	color:#ff3300;
}

.orange{
	color:#dca93e;
}

.yellow{
	color:#efc032;
}

#mountains{
	position:relative;
	top:38px;
	width:100%;
	background:url('../images/mountains_sides.png') center no-repeat;
	height:144px;
	margin:0 auto;
	text-align:center;
}

#logo{
	float:left;
	position:relative;
	top:5px;
	left:104px;
	width:383px;
	height:111px;
	overflow:hidden;	
}

#logo img{
	opacity:0;
}

#topmenu{
	float:right;
	position:relative;
	right:20px;
}

.page-container{
	width:1280px;
	margin:0 auto;
}

/* begin kwicks ---------------------------------------------------------------------------- */
#kwicks_topmenu{
	width:100%;
	background:url('../images/topmenu_bg.png') 0 0 no-repeat;	
}
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 240px;
	height: 33px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}
.kwicks.horizontal li:hover {
	cursor:pointer;
}
#kwick_1 {
	text-align:left;
}
#kwick_1 a{
	display:block;
	width:100%;
	height:33px;
	background:url('../images/topmenu_about.png') 0 0 no-repeat;
}
#kwick_1 a:hover{
	background:url('../images/topmenu_about.png') 0 -33px no-repeat;	
}
#kwick_2 {
	text-align:left;
	background-color:#171717;	
}
#kwick_2 a{
	display:block;
	width:100%;
	height:33px;
	background:url('../images/topmenu_programme.png') 0 0 no-repeat;
}
#kwick_2 a:hover{
	background:url('../images/topmenu_programme.png') 0 -33px no-repeat;	
}
#kwick_3 {
	text-align:left;
	background-color:#171717;	
}
#kwick_3 a{
	display:block;
	width:100%;
	height:33px;
	background:url('../images/topmenu_tickets.png') 0 0 no-repeat;
}
#kwick_3 a:hover{
	background:url('../images/topmenu_tickets.png') 0 -33px no-repeat;	
}
.kwicks.horizontal #kwick_3 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_3 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}
/* end kwicks ---------------------------------------------------------------------------- */

/* begin topsubmenu ---------------------------------------------------------------------------- */

#topsubmenu{
	text-align:left;
	margin-left:48px;
}

#topsubmenu ul{
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;	
}

#topsubmenu ul li{
	float:left;
	display:block;
	height:9px;
	padding:9px 6px 9px 6px;
}

#topsubmenu ul li a{
	display:block;
	height:9px;
}

#topsubmenu ul li a:hover{
	background-position:0 -9px;
}

#topsubmenu_1 a{
	width:114px;
	background:url('../images/topsubmenu_btn_featured.png') 0 0 no-repeat;
}

#topsubmenu_2 a{
	width:36px;
	background:url('../images/topsubmenu_btn_news.png') 0 0 no-repeat;
}

#topsubmenu_3 a{
	width:71px;
	background:url('../images/topsubmenu_btn_calendar.png') 0 0 no-repeat;
}

#topsubmenu_4 a{
	width:164px;
	background:url('../images/topsubmenu_btn_join.png') 0 0 no-repeat;
}

#topsubmenu_5 a{
	width:68px;
	background:url('../images/topsubmenu_btn_sponsors.png') 0 0 no-repeat;
}

#topsubmenu_6 a{
	width:85px;
	background:url('../images/topsubmenu_btn_contact.png') 0 0 no-repeat;
}


/* end topsubmenu ---------------------------------------------------------------------------- */

/* begin sidemenu ---------------------------------------------------------------------------- */

div#sidemenu-container{
	margin-top:10px;
	margin-bottom:10px;
}

ul.sidemenu, ul li ul {
	width:100%;
	background: #292929;
	list-style: none;
	margin: 0;
	padding:0;
}

ul.sidemenu li ul li a{
	padding-left:40px;
	color:#ffffff;
}

ul.sidemenu li ul li ul li a{
	padding-left:80px;
}

.sidemenu li {
	font: "arial";
	font-size:11px;
	margin: 0;
	padding: 0;
}
.sidemenu a {
	text-align:left;
	background: #292929;
	border-bottom: 1px solid #393939;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
.sidemenu a:hover{
	background: #6c9e28 url("../images/sidemenu_hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

.sidemenu a.self{
	background: #6c9e28 url("../images/sidemenu_hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

/* end sidemenu ---------------------------------------------------------------------------- */

/* begin content ---------------------------------------------------------------------------- */

#front-content-container, #content-container{
	position:relative;
	top:28px;
	width:1118px;
	margin:0 auto;
	text-align:center;
}

#front-content-left, #content-left{
	float:left;
	position:relative;
	top:10px;
	width:600px;
	background-color:#252525;
}

#front-content-right, #content-right{
	float:right;
	position:relative;
	right:8px;
	width:480px;
}

/* end content ---------------------------------------------------------------------------- */

/* begin main ---------------------------------------------------------------------------- */

#main{
	width:600px;
	height:800px;
}

#main .jScrollPaneTrack {
	background:#c3c3c3 url("../images/main_track.jpg") no-repeat;
}
#main .jScrollPaneDrag {
	background: url("../images/main_drag.png") no-repeat;		
}

#main-panel{
	text-align:left;
	height: 800px;
	width: 600px;
	overflow: auto;
	background: #292929;
}

#main-panel div.content-padding{
	width:560px;
	margin:10px;
	text-align:left;
}

#main-panel div.greyarea{
	width:581px;
	background-color:#d6d6d6;
}

#main-panel div.greyarea div.content-padding{
	width:560px;
	color:#3f3f3f;
	margin:10px 10px 0px 10px;
}

#main-panel div.greyarea p{
	color:#5f5f5f;	
}

#main-panel div.greyarea div.news{
	border-top:#d5d052 1px solid;
}

#main-panel div.greyarea div.news a{
	color:#1d3f5a;
}

div.news{
	border-top:#b3ae30 1px solid;
}

div.news h3{
	font-size:24px;
}

div.news a{
	color:#f6ff10;
}

div.news p{
	font-size:11px;
	line-height:160%;
}

div.photo-left{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

/* end main ---------------------------------------------------------------------------- */

/* begin calendar ---------------------------------------------------------------------------- */

div.calendar .talk{
	color:#a5a5a5;
}
div.calendar .film{
	color:#d87433;
}
div.calendar .music{
	color:#ef9718;
}
div.calendar .art{
	color:#bdbb03;
}
div.calendar .school{
	color:#00adef;
}

div.calendar{
	width:100%;
	background-color:#d6d6d6;
}

div.calendar table{
	width:560px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0 auto;
}

div.calendar table td{
	font-size:11px;
	font-weight:bold;
}

div.calendar a{
	color:#1d3f5a;
}

div.calendar table tr.colnames td{
	background-color:#efc032;
	color:#ffffff;
	border-right:4px #d6d6d6 solid;
}

div.calendar table tr.colnames td.last{
	border-right:0px #efc032 solid;	
}

div.calendar table tr.grey td{
	background-color:#d6d6d6;
	color:#5f5f5f;
}

div.calendar table tr.white{
	background-color:#f3f3f3;
	color:#5f5f5f;
}



/* end calendar ---------------------------------------------------------------------------- */

/* begin features ---------------------------------------------------------------------------- */

#features-container{
	width:480px;	
}

#features-top{
	width:480px;
	background:url("../images/features_top-bg.gif") repeat-x;
	height:70px;
}

#features-top-left{
	float:left;
	background:url("../images/features_top-left.gif") no-repeat;
	width:157px;
	height:70px;
}

#features-top-right{
	float:right;
	background:url("../images/features_top-right.gif") no-repeat;
	width:306px;
	height:70px;	
}

#features-bottom{
	width:480px;
	height:43px;
}

#features-bottom-mid{
	float:left;
	width:275px;
	background:url("../images/features_bottom-bg.png") repeat-x;
	height:43px;
}

#features-bottom-left{
	float:left;
	background:url("../images/features_bottom-left.png") no-repeat;
	width:100px;
	height:43px;
}

#features-bottom-right{
	float:left;
	background:url("../images/features_bottom-right.png") no-repeat;
	width:100px;
	height:43px;	
}

#features{
	width:480px;
}

#features .jScrollPaneTrack {
	background:#7e9442 url("../images/features_track.jpg") no-repeat;
}
#features .jScrollPaneDrag {
	background: url("../images/features_drag.png") no-repeat;		
}

#features-panel{
	text-align:left;
	height: 632px;
	width: 474px;
	overflow: auto;
	background: #292929;
}

#features-panel div.content-padding{
	position:relative;
	left:10px;
	width:436px;
}

.features-summary-thumb{
	width:120px;
}

.features-summary-thumb img{
	border:4px #5b5b5b solid;	
}

.features-summary-thumb a:hover img{
	border:4px #d6d6d6 solid;	
}

.features-summary-description{
	color:#d6d6d6;
}

.features-summary-description p{
	font-size:11px;
	font-family:arial;
	color:#d6d6d6;
	margin:0;
	line-height:140%;
}

.features-summary-description h4, .features-summary-description h4 a{
	color: #dca93e;
	font-size:14px;
	font-weight:bold;
	font-family:arial;
	margin:0;
}

.features-summary-description a{
	color: #dca93e;
	text-decoration:none;
}

.features-summary-description a:hover{
	text-decoration:underline;
}
	


/* end features ---------------------------------------------------------------------------- */

/* begin sidecontent ---------------------------------------------------------------------------- */

#sidecontent{
	width:480px;
	background:#212121 url('../images/sidecontent_bg.gif') bottom center no-repeat;
	margin-bottom:10px;
}

#sidecontent div.content-padding{
	padding:10px;
}

/* end sidecontent ---------------------------------------------------------------------------- */

/* begin sidecalendar ---------------------------------------------------------------------------- */

#sidecalendar-container{
	position:relative;
	top:10px;
	width:480px;	
}

#sidecalendar-months{
	width:480px;
	height:30px;
	background-color:#727272;
}

#sidecalendar-body{
	width:480px;
	background-color:#b7b7b7;
	color:#2a2a2a;
}

#sidecalendar-body .content-padding{
	position:relative;
	top:0;
	left:20px;
	width:440px;
	text-align:left;
}

#sidecalendar-body .content-padding h3{
	padding-top:10px;
	color:#1d405c;
	font-size:16px;
	margin:0;
	padding-bottom:10px;
}

#sidecalendar-body .content-padding p{
	margin:0;
	color:#2a2a2a;
	font-size:11px;
}

#sidecalendar-body .content-padding a{
	color:#1d3f5a;
}

#sidecalendar-months h1{
	text-align:left;
	margin:0;
	padding-left:20px;
}

.sidecalendar-entry-thumb{
	width:100px;
}

.sidecalendar-entry-thumb img{
	border:4px #d6d6d6 solid;	
}

.sidecalendar-entry-thumb a:hover img{
	border:4px #1d3f5a solid;	
}

.sidecalendar-entry-details p{
	font-size:11px;
	font-family:arial;
	margin:0;
	line-height:140%;
}

.sidecalendar-entry-details h4, .sidecalendar-entry-details h4 a{
	font-size:14px;
	font-weight:bold;
	font-family:arial;
	margin:0;
}

.sidecalendar-entry-details a{
	text-decoration:none;
}

.sidecalendar-entry-details a:hover{
	text-decoration:underline;
}

/* begin edinburgh 2010 sidecalendar dates */

#sidecalendar-may01{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may01.gif') 0 0 no-repeat;
}
#sidecalendar-may02{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may02.gif') 0 0 no-repeat;
}
#sidecalendar-may03{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may03.gif') 0 0 no-repeat;
}
#sidecalendar-may04{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may04.gif') 0 0 no-repeat;
}
#sidecalendar-may05{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may05.gif') 0 0 no-repeat;
}
#sidecalendar-may06{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may06.gif') 0 0 no-repeat;
}
#sidecalendar-may07{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may07.gif') 0 0 no-repeat;
}
#sidecalendar-may08{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may08.gif') 0 0 no-repeat;
}
#sidecalendar-may09{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may09.gif') 0 0 no-repeat;
}
#sidecalendar-may10{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may10.gif') 0 0 no-repeat;
}
#sidecalendar-may11{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may11.gif') 0 0 no-repeat;
}
#sidecalendar-may12{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may12.gif') 0 0 no-repeat;
}
#sidecalendar-may13{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may13.gif') 0 0 no-repeat;
}
#sidecalendar-may14{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may14.gif') 0 0 no-repeat;
}
#sidecalendar-may15{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may15.gif') 0 0 no-repeat;
}
#sidecalendar-may16{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may16.gif') 0 0 no-repeat;
}
#sidecalendar-may17{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may17.gif') 0 0 no-repeat;
}
#sidecalendar-may18{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may18.gif') 0 0 no-repeat;
}
#sidecalendar-may19{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may19.gif') 0 0 no-repeat;
}
#sidecalendar-may20{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may20.gif') 0 0 no-repeat;
}
#sidecalendar-may21{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may21.gif') 0 0 no-repeat;
}
#sidecalendar-may22{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may22.gif') 0 0 no-repeat;
}
#sidecalendar-may23{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may23.gif') 0 0 no-repeat;
}
#sidecalendar-may24{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may24.gif') 0 0 no-repeat;
}
#sidecalendar-may25{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may25.gif') 0 0 no-repeat;
}
#sidecalendar-may26{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may26.gif') 0 0 no-repeat;
}
#sidecalendar-may27{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may27.gif') 0 0 no-repeat;
}
#sidecalendar-may28{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may28.gif') 0 0 no-repeat;
}
#sidecalendar-may29{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may29.gif') 0 0 no-repeat;
}
#sidecalendar-may30{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may30.gif') 0 0 no-repeat;
}
#sidecalendar-may31{
	background:url('../images/sidecalendar/edinburgh-2010/calendar_may31.gif') 0 0 no-repeat;
}

/* end edinburgh 2010 sidecalendar dates */

/* begin london 2010 sidecalendar dates */

#sidecalendar-jan28{
	background:url('../images/sidecalendar/london-2010/calendar_jan28.gif') 0 0 no-repeat;
}
#sidecalendar-jan29{
	background:url('../images/sidecalendar/london-2010/calendar_jan29.gif') 0 0 no-repeat;
}
#sidecalendar-jan30{
	background:url('../images/sidecalendar/london-2010/calendar_jan30.gif') 0 0 no-repeat;
}
#sidecalendar-jan31{
	background:url('../images/sidecalendar/london-2010/calendar_jan31.gif') 0 0 no-repeat;
}
#sidecalendar-feb01{
	background:url('../images/sidecalendar/london-2010/calendar_feb01.gif') 0 0 no-repeat;
}
#sidecalendar-feb02{
	background:url('../images/sidecalendar/london-2010/calendar_feb02.gif') 0 0 no-repeat;
}
#sidecalendar-feb03{
	background:url('../images/sidecalendar/london-2010/calendar_feb03.gif') 0 0 no-repeat;
}
#sidecalendar-feb04{
	background:url('../images/sidecalendar/london-2010/calendar_feb04.gif') 0 0 no-repeat;
}
#sidecalendar-feb05{
	background:url('../images/sidecalendar/london-2010/calendar_feb05.gif') 0 0 no-repeat;
}
#sidecalendar-feb06{
	background:url('../images/sidecalendar/london-2010/calendar_feb06.gif') 0 0 no-repeat;
}
#sidecalendar-feb07{
	background:url('../images/sidecalendar/london-2010/calendar_feb07.gif') 0 0 no-repeat;
}
#sidecalendar-feb08{
	background:url('../images/sidecalendar/london-2010/calendar_feb08.gif') 0 0 no-repeat;
}
#sidecalendar-feb09{
	background:url('../images/sidecalendar/london-2010/calendar_feb09.gif') 0 0 no-repeat;
}
#sidecalendar-feb10{
	background:url('../images/sidecalendar/london-2010/calendar_feb10.gif') 0 0 no-repeat;
}
#sidecalendar-feb11{
	background:url('../images/sidecalendar/london-2010/calendar_feb11.gif') 0 0 no-repeat;
}
#sidecalendar-feb12{
	background:url('../images/sidecalendar/london-2010/calendar_feb12.gif') 0 0 no-repeat;
}

/* end london 2010 sidecalendar dates */

a.sidecalendar-digit{
	display:block;	
	width:25px;
	height:21px;
}

a.sidecalendar-digitt{
	display:block;	
	height:21px;
}

/* end sidecalendar ---------------------------------------------------------------------------- */

/* begin venues ---------------------------------------------------------------------------- */

#venues-container{
	background-color:#444444;
	position:relative;
	top:48px;
	width:1118px;
	height:220px;
	margin:0 auto;
}

#venues{
	position:relative;
	top:10px;	
	width:1098px;
	margin:0 auto;
}

#venues-panel{
	width:1098px;
	overflow: auto;	
}

#venues-panel table{
	width:420px;
}

#venues-panel .venues-thumb{
	width:170px;
}

#venues-panel .venues-thumb img{
	padding-top:4px;
}

#venues-panel .venues-details{
	width:265px;
	font-size:11px;
}

#venues-panel .venues-details h4{
	font-size:14px;
	margin:0;
}

#venues-panel .venues-details p{
	font-size:11px;
	margin:0;
}

#venues-panel .venues-details a{
	color:#e0e682;
}

#venues-panel .venues-details a:hover{
	text-decoration:underline;
}

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 180px;
  width: 1098px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 180px;
  /* Max width here, for users without Javascript */
  width: 4098px;
  padding: 0 0 0 20px;
  /* Remove default margin */
  margin: 0;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding-right:20px;
  padding-left:20px;
  border-right:1px #ffffff dotted;
}
.sc_menu li.last{
  border-right:0px #444444 solid;	
}

.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}

div.venue-zoom{
	background-color:#ffffff;
	width:690px;
	color:#666666;
	margin:0 auto;
}

table.venue-details{
	width:670px;
	margin:0 auto;
}

table.venue-details h4{
	font-size:13px;
	color:#333333;
	font-weight:bold;
	margin:0;
}

table.venue-details p{
	font-size:11px;
	color:#666666;
}


/* end venues ---------------------------------------------------------------------------- */

/* begin links ---------------------------------------------------------------------------- */

#links-container{
	width:100%;
	position:relative;
	top:160px;
	height:377px;
	background:url("../images/links_bg.jpg") repeat-x;
}

#links{
	width:1040px;
	margin:0 auto;
}

/* end links ---------------------------------------------------------------------------- */

/* begin footer ---------------------------------------------------------------------------- */

#footer-container{
	width:100%;
	position:relative;
	top:100px;
	height:200px;
	background-color:#0f0f0f;
}

#footer{
	position:relative;
	top:20px;
	width:1040px;
	margin:0 auto;
	text-align:right;
}

#footer p{
	font-size:10px;
}

/* end footer ---------------------------------------------------------------------------- */


