/**************************
	Mariachi Los Romanticos Style Sheet
	Author: Michael Palmer (mike@stroke7.com)
	Created: Oct 31, 2005
	Modified: Dec 16, 2005
***************************/

body {
	background: #8E3027 url(gui/bg.jpg) top left repeat-y;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

/*****************************
	wrapper
******************************/

#wrapper {
	background-color: #9D7757;
	margin: 0;
	padding: 0;
	width: 760px;
	padding-top: 364px;
}

#home #wrapper,
#access #wrapper ,
#mailing #wrapper  { background: #9D7757 url(gui/key_home.jpg) top left no-repeat; }
#events #wrapper { background: #9D7757 url(gui/key_events.jpg) top left no-repeat; }
#about #wrapper { background: #9D7757 url(gui/key_about.jpg) top left no-repeat; }
#downloads #wrapper { background: #9D7757 url(gui/key_downloads.jpg) top left no-repeat; }
#photos #wrapper { background: #9D7757 url(gui/key_photos.jpg) top left no-repeat; }
#contact #wrapper { background: #9D7757 url(gui/key_contact.jpg) top left no-repeat; }
#error-404 #wrapper { background: #9D7757 url(gui/key_404.jpg) top left no-repeat; }

/*****************************
	skip
******************************/
#skip {
	width: 100px;
	position: absolute;
	top: 10px;
	left: 650px;
	font-weight: bold;
}

#skip a {
	color: white;
}

/*****************************
	header
******************************/

#header {
	background: url(gui/logo.png) -52px 0 no-repeat;
	position: absolute;
	top: 271px;
	left: 0;
	padding: 0;
	margin: 0;
}

#header a {
	display: block;
	height: 205px;
	width: 334px;
	text-decoration: none;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}

/*****************************
	tagline
******************************/

#tagline {
	background: url(gui/tagline.gif) top left no-repeat;
	padding: 0;
	margin: 0;
}

#tagline p {
	display: block;
	height: 109px;
	width: 760px;
	text-decoration: none;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}

/*****************************
	right
******************************/

#right {
	float: right;
	padding: 0;
	margin: 0;
}

/*****************************
	menu
******************************/

#menu {
	width: 201px;
	background: #8e3027 url(gui/main_menu_bg.gif) top left no-repeat;
	color: white;
	padding: 0 0 10px 0;
	margin-top: 0;
}

#menu h2 {
	margin: 12px 20px;
	font-weight: normal;
	font-size: 220%;
	padding-top: 10px;
}

#menu ul {
	margin: 12px 20px 12px 0;	
	font-size: 135%;
	list-style: none;
	padding-left: 15px;
}


#menu ul li {
	padding: 0 0 5px 0;
	background: url(gui/menu_button.gif) 0 5px no-repeat;
}

#menu ul li a {
	color: white;
	text-decoration: none;
	padding-left: 30px;
	display: block;
}

#menu ul li a:link,
#menu ul li a:visited {
	background: url(gui/menu_button.gif) 0 -25px no-repeat;
}

#menu ul li a:hover,
#menu ul li a:active,
#home #menu #home-btn,
#events #menu #events-btn,
#about #menu #about-btn,
#photos #menu #photo-btn,
#downloads #menu #down-btn,
#contact #menu #contact-btn {
	background: url(gui/menu_button.gif) 0 5px no-repeat;
	color: #a98464;
}

/*****************************
	bookings
******************************/

#bookings {
	background: black url(gui/bookings_bg.gif) top left repeat-x;
	width: 201px;
	margin: 34px 0;
	padding: 0 0 10px 0;
	color: white;
}

#bookings h2 {
	margin: 12px 20px;
	font-weight: normal;
	font-size: 220%;
	padding-top: 10px;
}

#bookings p {
	margin: 12px 20px;	
	font-size: 135%;
}

#bookings a {
	color: white;
}

/*****************************
	newsletter
******************************/

#newsletter {
	background: #35680b url(gui/newsletter_bg.gif) top left repeat-x;
	width: 201px;
	margin: 34px 0;
	padding: 0 0 10px 0;
	color: white;
}

#newsletter h2 {
	margin: 12px 20px;
	font-weight: normal;
	font-size: 220%;
	padding-top: 10px;
}

#newsletter p {
	margin: 12px 20px;	
	font-size: 110%;
}

#newsletter a {
	color: white;
	font-size: 90%;
	font-weight: bold;
}

/*****************************
	main
******************************/

#main {
	background: url(gui/main_bg.gif) top left repeat-x;
	margin: 0;
	padding: 34px;
}

/*****************************
	short-desc
******************************/

#short-desc {
	background: #fdf8f3 url(gui/desc_bg.jpg) bottom left repeat-x;
	width: 454px;
	margin: 12px 0 3.0em 0;
	padding: 0.5em 0;
	color: #85572f;
	
}

#short-desc p {
	margin: 12px 20px;		
}

#short-desc a {
	color: #85572f;
	font-weight: bold;
}

/*****************************
	next-event
******************************/

#next-event {
	background: #e7ffce url(gui/next_event_bg.jpg) top left repeat-x;
	width: 454px;
	margin: 0 0 3.0em 0;
	padding: 0 0 0.5em 0;
	color: #85572f;
	
}

#next-event h2 {
	margin: 12px 20px;
	font-weight: normal;
	font-size: 220%;
	padding-top: 10px;
}

#next-event p {
	margin: 12px 20px;		
}

#next-event a {
	color: #85572f;
	font-weight: bold;
}

/*****************************
	Facebook feed
******************************/
iframe {
	background: white;
}

#facebook {
	width: 454px;
	background: white;
}

#facebook-like { margin-left: 20px;}

/*****************************
	content
******************************/

#content {
	background: #fdf8f3 url(gui/main_content_bg.gif) top left repeat-x;
	width: 454px;
	margin: 0;
	padding: 0 0 20px 0;
	color: #85572f;	
}

#content h2 {
	margin: 12px 20px;
	font-weight: normal;
	font-size: 220%;
	padding-top: 10px;
}

#content h3 {
	margin: 12px 20px;
	font-weight: normal;
	font-size: 175%;
	padding-top: 10px;
}

#content h4 {
	margin: 12px 20px;
}

#content p {
	margin: 12px 20px;	
	
}

#home #content p.note {
	font-size: 100%;
	font-weight: bold;
	color: #58304a;
	margin-top: 2.5em;
}

#home #content p {
	font-size: 135%;
}

#content a {
	color: #85572f;
}

#content ul {
	margin-right: 20px;
}

/*****************************
	bio-pic
******************************/

.bio-pic dl {
	float: left;
	width: 430px;
	margin: 1.5em 12px;
	padding: 0;
}

.bio-pic dt {
	float: right;
	width: 312px;
	margin: 0;
	padding: 0;
	font-size: 125%;
}

.bio-pic dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
}

.bio-pic dd.img img {
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: solid 1px #a68365;
}

.bio-pic .alt dt {
	float: left;
}

.bio-pic .alt dd.img img {
	float: right;
	margin: 0 0 0 8px;
}

/*****************************
	downloads 
******************************/

#downloads #content img {
	margin: 0;
	padding: 4px;
	border: solid 1px #a68365;
}

/*****************************
	contact form
******************************/

#content form {
	margin: 1.5em 20px;
}

/*****************************
	photos
******************************/

#photos #content p {
	text-align: center;
	padding: 0 0 0.5em 0;
	margin: 0;
}

#photos #content img {
	border: solid 6px white;
	margin: 15px 0 1px 0;
}

/*****************************
	mailing
******************************/

#mailing #content h1 {
	font-size: 120%;
	margin: 0 20px;
}

#mailing #content font {
	margin: 0 20px;
}

/*****************************
	footer
******************************/

#footer {
	background: url(gui/footer_bg.gif) top left repeat-x;
	text-align: center;
	padding-bottom: 5px;
	clear: both;
}

#footer ul {
	color: #fdf8f3;
	padding: 0;
	margin: 0;
}

#footer ul li {
	display: inline;
	line-height: 41px;
	padding: 0 20px;
	font-size: 100%;
}

#footer a {
	color: #fdf8f3;
}