/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus {color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
	overflow: hidden;
}
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

div.light_rounded .pp_top .pp_left { background: url(/img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(/img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_next:hover { background: url(/img/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background: url(/img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_expand { background: url(/img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background: url(/img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background: url(/img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background: url(/img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

div.light_rounded .pp_arrow_previous { background: url(/img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
	div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(/img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
	div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_rounded .pp_bottom .pp_left { background: url(/img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.light_rounded .pp_loaderIcon { background: url(/img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

/* ----------------------------------
	Dark Rounded Theme
----------------------------------- */

div.dark_rounded .pp_top .pp_left { background: url(/img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(/img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.dark_rounded .pp_content { background: url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(/img/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(/img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(/img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(/img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }

div.dark_rounded .pp_arrow_previous { background: url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
	div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(/img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
	div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_rounded .pp_bottom .pp_left { background: url(/img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(/img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.dark_rounded .pp_loaderIcon { background: url(/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */


/* ----------------------------------
	Dark Square Theme
----------------------------------- */

div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: url(/img/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */

div.dark_square .pp_expand { background: url(/img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url(/img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url(/img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url(/img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_close { width: 75px; height: 22px; background: url(/img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

div.dark_square .pp_arrow_previous { background: url(/img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
	div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(/img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
	div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_square .pp_next:hover { background: url(/img/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background: url(/img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ----------------------------------
	Light Square Theme
----------------------------------- */

div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }

div.light_square .pp_expand { background: url(/img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(/img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(/img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(/img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { width: 75px; height: 22px; background: url(/img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

div.light_square .pp_arrow_previous { background: url(/img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
	div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(/img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
	div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_square .pp_next:hover { background: url(/img/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(/img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
	background: #000;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500;
}

div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000;
}
	
	.pp_top {
		height: 20px;
		position: relative;
	}
		* html .pp_top { padding: 0 20px; }
	
		.pp_top .pp_left {
			height: 20px;
			left: 0;
			position: absolute;
			width: 20px;
		}
		.pp_top .pp_middle {
			height: 20px;
			left: 20px;
			position: absolute;
			right: 20px;
		}
			* html .pp_top .pp_middle {
				left: 0;
				position: static;
			}
		
		.pp_top .pp_right {
			height: 20px;
			left: auto;
			position: absolute;
			right: 0;
			top: 0;
			width: 20px;
		}
	
	.pp_content {
		height: 40px;
		position: relative;
		text-align: left;
		width: 100%;
	}
	
		.pp_content .pp_details {
			display: none;
			margin: 10px 15px 2px 20px;
		}
			.pp_description {
				display: none;
				float: left;
				margin: 0;
			}
			
			.pp_nav {
				float: left;
				margin: 3px 0 0 0;
			}
			
				.pp_nav p {
					float: left;
					margin: 2px 4px;
				}
			
				.pp_nav a.pp_arrow_previous,
				.pp_nav a.pp_arrow_next {
					display: block;
					float: left;
					height: 15px;
					margin-top: 3px;
					overflow: hidden;
					text-indent: -10000px;
					width: 14px;
				}
	
	.pp_hoverContainer {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2000;
	}
	
	a.pp_next {
		background: url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		display: block;
		float: right;
		height: 100%;
		text-indent: -10000px;
		width: 49%;
	}
		
	a.pp_previous {
		background: url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		display: block;
		float: left;
		height: 100%;
		text-indent: -10000px;
		width: 49%;
	}
	
	a.pp_expand,
	a.pp_contract {
		cursor: pointer;
		display: none;
		height: 20px;	
		position: absolute;
		right: 30px;
		text-indent: -10000px;
		top: 10px;
		width: 20px;
		z-index: 20000;
	}
		
	a.pp_close {
		display: block;
		float: right;
		text-indent: -10000px;
	}
	
	.pp_bottom {
		height: 20px;
		position: relative;
	}
		* html .pp_bottom { padding: 0 20px; }
		
		.pp_bottom .pp_left {
			height: 20px;
			left: 0;
			position: absolute;
			width: 20px;
		}
		.pp_bottom .pp_middle {
			height: 20px;
			left: 20px;
			position: absolute;
			right: 20px;
		}
			* html .pp_bottom .pp_middle {
				left: 0;
				position: static;
			}
			
		.pp_bottom .pp_right {
			height: 20px;
			left: auto;
			position: absolute;
			right: 0;
			top: 0;
			width: 20px;
		}
	
	.pp_loaderIcon {
		display: none;
		height: 24px;
		left: 50%;
		margin: -12px 0 0 -12px;
		position: absolute;
		top: 50%;
		width: 24px;
	}
	
	#pp_full_res {
		display: none;
		line-height: 1 !important;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	div.ppt {
		color: #fff;
		display: none;
		font-size: 17px;
		left: 0;
		position: absolute;
		top: 0;
		z-index: 9999;
	}

/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/* custom */
strong { font-weight: bold; }
li { line-height: 1.09em; }
fieldset, legend { padding: 5px; }

/* main css */
body { 
	text-align: center; 
	background: #EAA52E url('/img/body-bg.jpg') repeat-x left top; 
	/*background: #EAA52E url('/img/body-bg-xmas2009.jpg') repeat-x left top; */
	line-height: 1.2em; 
	color: #232323; 
	font-size: 13px; 
	font-family: Georgia, Arial, sans-serif;  
	}
h3 { padding: 0 0 4px 0; }
p { padding: 2px 0 4px 0; }
em { color: #888; }
a,
a:link,
a:visited,
a:hover,
a:active { text-decoration: none; }

#ac { display: block; position: absolute; left: -10000px; }
#wrapper { width: 934px; margin: auto; text-align: left; background: #fff; overflow: hidden; }
#header { height: 85px; background: url('/img/header.jpg') no-repeat left top;  /* background: url('/img/header-easter2010.jpg') no-repeat left top; */ /* background: url('/img/header-xmas2009.jpg') no-repeat left top;*/ position: relative; }
#videos-new { display: none; color: red; position: absolute; top: 66px; left: 635px; font-weight: bold; font-size: 11px; }
#sections img { position: absolute; }
#more-links { position: absolute; top: 19px; right: -2px; }
#more-links li { float: left; padding: 0 4px; }
	#contact-link { margin-top: -6px; padding-right: 0!important; }
	.social { margin-top: -5px; }

#s-hainides { top: 62px; left: 468px; } 
#s-photos { top: 48px; left: 559px; }
#s-videos { top: 67px; left: 659px; }
#s-agenda { top: 64px; left: 735px; }
#s-interviews { top: 53px; left: 830px; }

#content { height: 424px; padding-top: 20px; }
#left-image { float: left; margin-left: 2px; width: 446px; border: 0!important; }
#content-inner { float: right; margin-right: 2px; }
#main-content { padding-right: 10px; width: 455px; height: 380px; overflow: auto; }
* html #frontpage #main-content { height: 300px; }
* html #agenda #main-content,
* html #interviews #main-content,
* html #hainides #main-content,
* html #sitemap #main-content { height: 360px; }
#main-content li { line-height: 1.3em; }
#cats { margin-top: 1px; }
#cats li { float: left; padding-right: 10px; }
#cats span, 
#cats a,
#cats a:link,
#cats a:visited,
#cats a:hover,
#cats a:active { font-size: 24px; }
#cats span { color: #aaa; }


/* sitemap page */
#sitemap #main-content { width: 920px; }
#sitemap #main-content .level0 { margin-left: 20px; }
#sitemap #main-content .level1 { margin-left: 40px; }
#sitemap #main-content  a { text-decoration: none; }
#sitemap #navpath { width: 930px; }
#sitemap .sitemap-section { color: #837D7D; }

/* videos page */
#videos #main-content { width: 920px; }
#videos #main-content .level0 { margin-left: 20px; }
#videos #main-content .level1 { margin-left: 40px; }
#videos #main-content  a { text-decoration: none; }
#videos #navpath { width: 930px; }
#videos #main-content img { border: 1px solid #ccc; padding: 2px; }

/* search page */
#search #main-content { width: 920px; }
#search #navpath { width: 930px; }

* html #main-content { margin-left: 20px; width: 453px; }
#frontpage #content { height: 317px; }
#frontpage #main-content { height: 308px; }

#agenda-latest { float: left; width: 407px; background: url('/img/agenda.jpg') no-repeat; padding: 20px 25px 10px 25px; }
#latest-news   { float: left; width: 427px; background: url('/img/news.jpg') no-repeat; padding: 20px 25px 10px 25px; }
#agenda-latest-news { height: 107px; }
#agenda-latest-news li { font-size: 11px; font-family: Tahoma, Arial; color: #a7a7a7; line-height: 2em; }
#agenda-latest-news a,
#agenda-latest-news a:link,
#agenda-latest-news a:visited,
#agenda-latest-news a:hover,
#agenda-latest-news a:active { font-size: 11px; font-family: Tahoma, Arial; color: #017693; text-decoration: none; }

#footer { height: 185px; background: #EAA52E url('/img/footer.jpg') no-repeat left top; clear: both; position: relative; }
	#actionaid { position: absolute; left: 184px; bottom: 10px; }

#about-us { text-align: right; font-size: 11px; background: #887F73; padding: 5px; }
#contact-person { float: left; color: #fff; }
#contact-person a,
#contact-person a:link,
#contact-person a:visited,
#contact-person a:hover,
#contact-person a:active { color: #212052; text-decoration: none; }
#contact-person a:hover { text-decoration: underline; }

ul#discography li { cursor: pointer; }
ul#discography li img { position: absolute; top: 39px; }
#d1991 { left: 147px; top: 42px!important; }
#d1993 { left: 216px; top: 42px!important; }
#d1994 { left: 249px; top: 42px!important; }
#d1997 { left: 385px; top: 42px!important; }
#d2000 { left: 453px; }
#d2002 { left: 520px; }
#d2005 { left: 622px; }
#d2007 { left: 691px; }
#d2008 { left: 725px; }
#discography-thumb { position: absolute; right: 10px; top: 10px; width: 100px; height: 100px; cursor: pointer; }
#discography-title { position: absolute; right: 12px; top: 137px; font-size: 12px; color: #5F5F5F; }

#navpath { float: right; width: 463px; height:2.3em; margin-bottom: 10px; border:1px solid #dedede; overflow: hidden; }
#navpath li { float:left; line-height:2.3em; color:#777; padding-left: .5em; }		
#navpath li a { background: url('/img/crumbs.gif') no-repeat right center; display: block; padding: 0 10px 0 0; }	
#navpath li a:link, #navpath li a:visited { color:#777; text-decoration:none; }	
a:link, a:visited,
#navpath li a:hover,
#navpath li a:focus { color: #FFA200; }

.clr { clear: both; }
.descr { clear: both; }
.today a,
.today a:link,
.today a:visited,
.today a:hover,
.today a:active { color: #EAA52E!important; font-weight: bold; }
.marker { cursor: pointer; position: relative; top: 4px; left: 5px; }
.box { margin: 4px 0 10px 0; clear: both; }
.box h3 { color: #EAA52E; }
.amp { font-family: "Trebuchet MS"; font-size: 12px; }
.name { color: #fff; }
.cancelled { color: red; font-weight: bold; }
.inactive { color: #a7a7a7!important; }
.star { font-weight: bold; color: red; padding-left: 3px; }
.more a,
.more a:link,
.more a:visited,
.more a:hover,
.more a:active { font-size: 12px; }

#sitemap-list li { clear: left; line-height: 1.1em; }
.cd { float: left; clear: none!important; font-weight: normal!important; }
.cd a,
.cd a:link,
.cd a:visited,
.cd a:hover,
.cd a:active { color: #EAA52E; }

.active { display: block; }
.hidden { display: none; }

.date-today { color: #eaa52e; font-weight: bold; }
.date-featured { color: #017693; }
/* PHOTOS PAGE */
#photos h3 { font-size: 12px; cursor: pointer; }
#photos #footer { display: none; }
#photos #content { height: 622px; }
#photos #main-content { width: 920px; height: 580px;  background: #fff; overflow: hidden; }
#photos #navpath { width: 930px; }
.caption { padding-left: 20px; }

#photos-thumbs { float: left; width: 200px; }
#photos-thumbs li { float: left; }
#photos-thumbs img { padding: 1px; margin-right: 2px; border: 1px solid #ccc; cursor: pointer; }
#photos-thumbs { color: #EAA52E; }
#main_image { float: left; margin-left: 10px; width: 685px; height: 580px; text-align: center; }

/* PAGES */
#interviews #content,
#discography #content,
#agenda #content,
#hainides #content { padding-top: 0; }

#interviews #content-inner,
#discography #content-inner,
#agenda #content-inner,
#hainides #content-inner { padding-top: 20px; }

* html #videos #content-inner { margin-bottom: -20px; }
* html #discography .jScrollPaneContainer { height: 380px; margin-top: -20px; }
* html #interviews #content-inner { width: 460px; margin-right: 0; }
* html #interviews #navpath { width: 460px; margin-right: -20px; }


*+html #interviews #content-inner { width: 462px; }
*+html #content { height: 445px; }
*+html #interviews .jScrollPaneContainer, 
*+html .jScrollPaneContainer { height: 380px; margin-top: -20px; }
*+html #content-inner { margin-left: 18px; }
*+html #photos #main-content { margin: 20px 0 0 0; }
*+html #photos #content, *+html #videos #content, *+html #sitemap #content { margin-left: -18px; }
*+html #photos #content { height: 642px; }
*+html #videos #content, *+html #sitemap #content { height: 425px; }
*+html #videos #main-content,  *+html #sitemap #main-content { margin-top: 20px; }


#contact-table { margin-top: 10px; }
#contact-table a,
#contact-table a:link,
#contact-table a:visited,
#contact-table a:hover,
#contact-table a:active { text-decoration: none; float: left; }
#contact-table th, #contact-table td { padding: 3px 0; vertical-align: top; }
#contact-table th { width: 170px; }
#contact-table td  { width: 310px; }
#contact-table .text, #contact-table textarea { border: 1px solid #ccc; width: 300px; }
#contact-table textarea { height: 130px; }
#contact-table .button { 
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #aaa #aaa #ccc;
	color: #333;
	background-color: #fff!important;
	display: block;
	padding: 3px 5px 1px 5px; 
	margin-right: 5px;
	}
	#contact-table .button:hover { border: 1px solid #aaa; }
	#send  { padding-left: 25px!important; background: url('/img/email.gif') no-repeat 5px center; }
	#close { padding-left: 22px!important; background: url('/img/close.jpg') no-repeat -5px center!important; }
#contact-form h2 { font-size: 18px; color: #FF7700; }


/* pretty photo gallery */
.pretty-gallery { float: left; margin: 0 7px 7px 0; width: 124px; height: 150px; }
.pretty-gallery span { width: 120px; }


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}