@charset "utf-8";
/* style.css -- Ringo McLennonSon */

html {
	background: #f90 url('/beatles-tribute/styles/abbey/images/bg.jpg') top center repeat-y;
	background-attachment:fixed;
	padding: 0; margin: 0;
	font-family: arial, sans-serif;
	font-size: 12px; color: #fff;
}

body {
	width: 830px;
	padding: 0; margin: 0px auto 30px auto;
	position: relative;
}

/***** TITLEBAR *****/
#titlebar {
	background: url('/beatles-tribute/styles/abbey/images/header.gif') top left no-repeat;
	height: 267px;
	position: relative;
	padding: 0; margin: 0;
	border: 2px solid black;
}

#titlebar h1, #titlebar h2 {
	padding: 0; margin: 0;
	text-indent: -9999px;
}
#titlebar h1 a {
	display: block;
	padding: 0; margin: 0;
	width: 826px; height: 267px;
}

/***** MAINMENU *****/
#mainmenu {
	padding: 0; margin: 0;
	height: 30px;
	background: #f60;
	border-left: 2px solid black;
	border-right: 2px solid black;
	position: relative;
	font-family: futura, arial, sans-serif;
}
#nav {position: absolute; top: 0px; left: 10px; font-family: futura, arial, sans-serif;}
#nav a {text-decoration: none; color: #000; text-transform: uppercase;}
#nav a:hover {color: #fff;}
#nav li.currentpage a {color: #000;}

#nav ul li.sub a {color: #000;}
#nav ul li.sub a:hover  {color: #fff;}

/***** MAINMENU - SUCKERFISH DROPDOWNS *****/
/***** http://www.htmldog.com/articles/suckerfish/dropdowns/ *****/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.5;
}

#nav a {display: block;}

#nav li { /* all list items */
	float: left;
	padding: 0;
}

#nav li.top {
	border-right: 1px solid black; 
	line-height: 30px; 
	text-align: center;
}

/* width needed or else Opera goes nuts */
#nav li.menu_mr {width: 70px;}
#nav li.menu_101  {width: 110px;}
#nav li.menu_srv  {width: 140px;}
#nav li.menu_reg  {width: 95px;}
#nav li.menu_about  {width: 130px;}
#nav li.menu_booking {width: 90px;}
#nav li.menu_press {width: 90px;}
#nav li.menu_links {width: 80px; border:none;}

/*submenu widths to match the headers (minus padding) */
#nav li.menu_mr ul, #nav li.menu_mr ul a {width: 65px;}
#nav li.menu_101 ul, #nav li.menu_101 ul a {width: 105px;}
#nav li.menu_srv ul, #nav li.menu_srv ul a {width: 135px;}
#nav li.menu_reg ul, #nav li.menu_reg ul a {width: 90px;}
#nav li.menu_about ul, #nav li.menu_about ul a {width: 125px;}
#nav li.menu_booking ul, #nav li.menu_booking ul a {width: 85px;}
#nav li.menu_press ul, #nav li.menu_press ul a {width: 85px;}
#nav li.menu_links ul, #nav li.menu_links ul a {width: 75px;}

#nav li ul { /* second-level lists */
	position: absolute; left: 0px; top: 30px;
	background: #f60;
	font-size: 10px;
	padding: 0 0 0 5px;
	text-align: left;
	line-height: 2.5;
	left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/***** MAIN *****/
#main {
	float: left;
	background: #000;
	border: 2px solid black;
	padding: 0; margin: 0;
	line-height: 1.5;
}
#main a, #main a:link, #main a:visited {color: #fff;}
#main h6 {color: #fff;}
#main h5 {color: #f60;}
#main h4 {color: #f60;}
#main h3 {color: #f60;}
#main h2 {color: #f60;}
#main h1 {color: #fff;}

#flashmain {	
	width: 621px;
	background: #000;
	border-right: 5px solid black;
	padding: 0;
	min-height: 400px; /* change height in ie.css when changing this */
	float: left;
}
#flashhome {
	width: 100%; 
	margin: 0; padding: 0;
	height: 400px;
	background: #000;
}

/***** MAIN1 - CONTENT *****/
#main1 {
	width: 526px;
	padding: 25px 50px;
	min-height: 500px;
	float: left;
}

#main1 h3 {font-size: 14px; text-transform: uppercase; margin-bottom: 0; font-weight: normal;}

dt {padding: 10px 0 5px 0; font-weight: bold;}

.boldlink {font-weight: bold;}

/***** MAIN2 - FLASH *****/
#main2 {
	width: 200px;
	padding: 0; margin: 0;
	float: left;
	background: black;
}
#main2 img {border: none; padding: 0; margin: 0;}

#flashaction p {padding: 5px 0;}
#flashaction a {color: black !important;}

/***** MUSIC *****/
#music {
	width: 200px;
	padding: 0;
	margin: 45px 0 0 0;
	float: right;
	background: black;
}

/***** PHOTOS PAGE *****/
#photoLinks a {
	text-decoration: none;
}

/***** PRESS PAGE *****/
#pressHighThumbs img {
	border: 1px solid black;
}
#pressPosterThumbs img {
	margin-bottom: 0.7em;
}
/***** MAIL *****/
#mail {margin: 25px 0;}
#mail p {margin: 5px;}
#mail label {
	width: 5.5em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
#mail input.sized, #mail textarea {
	margin-left: 0.5em;
	padding: 2px;
	width: 350px;
	border: none;
	font-family: arial, sans-serif;
}
#mail textarea {
	height: 80px;
	font-size: 100%;
}
#mail .button {position: relative; left:223px;}

#comments .alt {color:#ffc60e;}

/***** FOOTER *****/
/* PLEASE NOTE: #FOOTER IS A CLASSIC FOOTER, #FOOTER2 IS ACTUALLY PLACED *ABOVE* THE REST OF THE CONTENT IN THE TOP RIGHT CORNER */
#footer {
	clear: both;
	padding: 0; margin: 0;
	position: relative; top: 10px; left: 0;
	font-family: futura, arial, sans-serif;
	text-align: center;
}

#footer ul, #footer, #footer2 ul {padding: 0; margin: 0;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer a, #footer a:hover, #footer a:link {color: #fff;} 

#footer li {
	display: inline;
	text-transform: uppercase;
}
#footer li {color: black; border-right: 1px solid black; padding: 0 16px; font-size: 11px;}
#footer li.footerfirst {margin: 0; padding-left: 0;}

#footer #copyright {padding-top: 16px; color:#999999;}

/***** CLASSES *****/

.noborder {border: none !important;}
.notop {margin-top: 0;}

.nolink {text-decoration: none;}

.brown {font-weight: bold; color: #420;}
.bigbrown {font-size: 14px; font-weight: normal; text-transform: uppercase; margin-bottom: 0; color: #420;}

/**bio**/
.bio p, .bio h3 {margin-left: 125px;}
.bio h3 {margin-top: 0px;}
.bio {padding: 10px 0; border-bottom: 1px solid black;}
.bio img {float: left;}
#biophotostrip {padding-top: 12px;}
#biophotostrip a {padding-right: 2px;}

/**q and a**/
.q {
	font-size: 14px; 
	font-weight: normal; 
	text-transform: uppercase; 
	color: #fff; 
	text-decoration: 
	underline; 
	cursor: pointer;
}
.a {background: #003;}

/**links**/
div.links p { padding-top: 0.5em; text-transform: uppercase; }
div.links ul {  list-style-type: none; }
div.links ul li { padding-bottom: 0.5em; }

/**press**/
.press-table td { vertical-align: top; }
.press-table td.press-date {
	font-weight: bold;
	padding-right: 8px;
}
.press-table div.press-aside {
	font-style: italic;
}
.press-indent { margin-left: 10px; }