/* ------------------------------------------------
	Big Ape Records template styles
	Copyright (c) Big Ape Records
	Author: Atomic Cherry Design Studio
--------------------------------------------------- */


* { margin: 0; padding: 0; }

html, body { height: 100%; }

body {
	font: .85em "Times New Roman", times, serif;
	text-align: center;
	background: #223A5F url(../assets/background-stripes.jpg) repeat;
}

h1 {
	font: bold 1.35em "Trebuchet MS", arial, sans-serif;
	letter-spacing: 1px;
	padding-bottom: .75em;
	border-bottom: 2px solid #660000;
	margin-bottom: .75em;
}

h2 {
	font: bold 1.15em "Trebuchet MS", arial, sans-serif;
	letter-spacing: 1px;
	padding-bottom: .75em;
	text-align: left;
}

h3 {
	font: bold 1em "Trebuchet MS", arial, sans-serif;
	letter-spacing: 1px;
	text-align: left;
}

h4 {
	font: bold .95em "Trebuchet MS", arial, sans-serif;
	text-align: left;
}

p {
	line-height: 1.45em;
	padding: .4em 0;
	text-align: justify;
}

img.header { margin-bottom: 20px; }

.left { text-align: left; }

.center { text-align: center; }

.bold { font-weight: bold; }

.small { font-size: .65em; }

.right { text-align: right; }

.red { color: #660000; }

.sans { font: .95em "Trebuchet MS", arial, sans-serif; }

.italic { font-style: italic; }

.serif { font-family: "Times New Roman", times, serif; }

.top-margin {
	margin-top: 15px;
}

.bottom-margin {
	margin-bottom: 25px;
}

#welcome { 
	margin-left: 20px;
	width: 450px;
}

#content a { color: #660000; text-decoration: none; }

#content a:hover, #content a:active { color: #263163; }
#content a:visited { color: #9C772E; }

#wrapper {
	width: 831px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../assets/shadow-tile-trans.png) repeat-y;
}

#outer-container {
	margin: 0 auto;
	text-align: center;
	position: relative;
	width: 805px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../assets/content-tile.jpg) repeat-y;
}

#inner-container {
	width: 805px;
	text-align: center;
	padding-bottom: 50px;
}

#inner-container:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#masthead {
	width: 805px;
	height: 256px;
	background: url(../assets/masthead.jpg) no-repeat;
}

#menu {
	width: 805px;
	position: relative;
}

#menu ul li {
	list-style: none;
}

#menu ul li a { 
	display: block; 
	text-decoration: none;
	height: 27px;
}

#menu ul li i { visibility: hidden; font-size: 9px; }

.home {
	position: absolute; 
	width: 100px;
	top: 0;
	left: 200px;
}

.home a:link, .home a:visited { background: url(../assets/buttons/home.gif) 0 0 no-repeat; }
.home a:hover, .home a:active { background: url(../assets/buttons/home.gif) 0 -27px no-repeat; }

.tours {
	position: absolute; 
	width: 100px;
	top: 0;
	left: 320px;
}

.tours a:link, .tours a:visited { background: url(../assets/buttons/tours.gif) 0 0 no-repeat; }
.tours a:hover, .tours a:active { background: url(../assets/buttons/tours.gif) 0 -27px no-repeat; }


.artists {
	position: absolute; 
	width: 123px;
	top: 0;
	left: 440px;
}

.artists a:link, .artists a:visited { background: url(../assets/buttons/artists.gif) 0 0 no-repeat; }
.artists a:hover, .artists a:active { background: url(../assets/buttons/artists.gif) 0 -27px no-repeat; }


.merchandise {
	position: absolute; 
	width: 176px;
	top: 0;
	left: 585px;
}

.merchandise a:link, .merchandise a:visited { background: url(../assets/buttons/merchandise.gif) 0 0 no-repeat; }
.merchandise a:hover, .merchandise a:active { background: url(../assets/buttons/merchandise.gif) 0 -27px no-repeat; }


.contact {
	position: absolute; 
	width: 128px;
	top: 217px;
	left: 275px;
}

.contact a:link, .contact a:visited { background: url(../assets/buttons/contact.gif) 0 0 no-repeat; }
.contact a:hover, .contact a:active { background: url(../assets/buttons/contact.gif) 0 -27px no-repeat; }


.booking {
	position: absolute; 
	width: 277px;
	top: 217px;
	left: 435px;
}

.booking a:link, .booking a:visited { background: url(../assets/buttons/booking.gif) 0 0 no-repeat; }
.booking a:hover, .booking a:active { background: url(../assets/buttons/booking.gif) 0 -27px no-repeat; }

.links {
	position: absolute; 
	width: 94px;
	top: 215px;
	left: 675px;
}

.links a:link, .links a:visited { background: url(../assets/buttons/links.gif) 0 0 no-repeat; }
.links a:hover, .links a:active { background: url(../assets/buttons/links.gif) 0 -27px no-repeat; }

#content {
	padding: 25px;
	width: 805px;
	min-height: 500px;
	background: url(../assets/content.jpg) no-repeat;
}

html>body #content { /* for Opera 5 */
	width: 755px;
}

#subhead {
	width: 335px;
	height: 101px;
	margin: 0 auto 25px auto;
}

#innercontent {
	margin: 0 auto;
	min-height: 500px;
	text-align: justify;
	width: 90%;
}

#column1 {
	float: left;
	margin-left: 20px;
	width: 500px;
	text-align: left;
}

#column1 img { margin-left: auto; margin-right: auto; text-align: center; display: block; }

#column2 {
	float: right;
	width: 215px;
	text-align: left;
}

#column2 #menu {
	text-align: left;
	margin: 0 0 0 75px;
	width: 125px;
}

#column2 #menu ul li {
	list-style-type: none;
	font-size: 1em;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #D2C093;
}

#column2 #menu ul li a, #column2 #menu ul li a:link { text-decoration: none; color: #660000; }

#column2 #menu ul li a:hover, #column2 #menu ul li a:active { color: #263163; }

#column2 #menu ul li a:visited { color: #AC8F5C; }

#column2 #apegear {
	width: 200px;
	height: 233px;
	text-align: right;
	margin: 40px 0 40px 25px;
}

#column2 #myspace {
	width: 194px;
	height: 212px;
	text-align: right;
	margin: 40px 0 40px 25px;
}

#credits {
	position: absolute;
	left: 25px;
	bottom: 12px;
	color: #A42429;
}

#copyright {
	position: absolute;
	right: 25px;
	bottom: 12px;
	color: #A42429;
}

#footer {
	font: .75em "Trebuchet MS", arial, sans-serif;
	text-align: left;
	color: #EDE1D1;
	clear: both;
	position: absolute;
	bottom: 0 !important;
	left: 0; /* for IE */
	width: 805px;
	height: 37px;
	background: url(../assets/footer.jpg) no-repeat;
}

#footer ul { margin-left: 25px; }

#footer li {
	list-style: none;
	line-height: 37px;
	border-right: 1px solid #EDE1D1;
	padding: 0 8px;
	display: inline;
}

#footer li:last-child { border: 0; }


#footer a { color: #EDE1D1; text-decoration: none; }

#footer a:hover, #footer a:active { color: #526FA8; }


/* ----------------------------------------------------------------------
							Merchandise page
------------------------------------------------------------------------- */

.product {
	width: 100%;
	margin-bottom: 20px;
	padding-top: 15px;
	margin-bottom: 20px;
	min-height: 150px;
	border-top: 1px solid #D2C093;
	text-align: left;
	float: left;
}

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

.product form {
	float: left;
}

.product:after {
	clear: both;
	visibility: hidden;
	content: ".";
	font: 0px/1px;
	height: 0;
}

.product form input { padding-bottom: 5px; }

#viewcart {
	position: absolute;
	top: 385px;
	left: 455px;
}

a.viewcolors {
	max-width: 130px;
	border: 1px solid #D2C093;
	background: #F2E5C1;
	text-align: center;
	line-height: 20px;
	padding: 2px 5px;
	color: #660000;
	font: .85em "Trebuchet MS", arial, sans-serif;
}

a:link.viewcolors, a:visited.viewcolors {
	color: #F2E5C1;
}

a:hover.viewcolors, a:active.viewcolors {
	background-color: #660000;
	color: #F2E5C1;
}


#shipping-rates {
	clear: both;
	border: 1px solid #D2C093;
	background: #F2E5C1;
	width: 600px;
	padding: 6px;
	margin: 4px 0 5px 0;
}



/* ----------------------------------------------------------------------
							Latest News Main page
------------------------------------------------------------------------- */


.news {
	border-bottom: 1px solid #D2C093;
	padding-bottom: 8px;
	margin-bottom: 16px;
}




/* ----------------------------------------------------------------------
							Album Reviews page
------------------------------------------------------------------------- */

.album {
	padding-bottom: 8px;
	margin-bottom: 16px;
	float: left;
}

.album img { border: 1px solid #000; }

.album .column1 {
	float: left;
	width: 115px;
}

.album .column2 {
	float: left;
	width: 300px;
}

.review:before {
	clear: both;
  	display: block;
  	font: 1px/0px serif;
  	content: ".";
  	height: 0;
  	visibility: hidden;
}

.review {
	font: font: .95em "Trebuchet MS", arial, sans-serif;
	border-bottom: 1px solid #D2C093;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.star {
	float: left;
	width: 10px;
	height: 10px;
}

.stars:after {
	clear: both;
  	display: block;
  	font: 1px/0px serif;
  	content: ".";
  	height: 0;
  	visibility: hidden;
}


/* ----------------------------------------------------------------------
							Main Artist page
------------------------------------------------------------------------- */

.artist-container {
	border-top: 1px solid #D2C093;
	margin-bottom: 20px;
	padding-top: 15px;
	float: left;
	font: .85em "Trebuchet MS", arial, sans-serif;
}

.artist-pic {
	margin-right: 15px;
	margin-top: 5px;
	width: 75px;
	float: left;
}

.artist-pic img {
	display: block;
	border: 1px solid #000;
}

.artist-info {
	float: left;
	width: 375px;
}

.artist-container ul { float: left; width: 400px; }

.artist-container ul li { list-style: none; padding: 3px 0; }

.artist-container ul li ul { margin: 0 0 5px 10px; font-size: .95em; }

.artist-container ul li ul li { list-style: inside circle; }

.artist-container:after {
	clear: both;
	visibility: hidden;
	content: ".";
	font: 0px/1px;
	height: 0;
}

.current-album {
	float: left;
	border: 1px solid #D2C093;
	background: #F2E5C1;
	width: 325px;
	padding: 6px;
	margin: 4px 0 5px 0;
}

.tab { margin-bottom: 10px; display: block; font-family: "Trebuchet MS", arial, sans-serif; }

a.tab {
	max-width: 100px;
	border: 1px solid #D2C093;
	background: #F2E5C1;
	text-align: center;
	line-height: 20px;
	padding: 2px 2px;
	color: #660000;
}

a:link.tab, a:visited.tab {
	color: #F2E5C1;
}

a:hover.tab, a:active.tab {
	background-color: #660000;
	color: #F2E5C1;
}



/* ----------------------------------------------------------------------
							Artist bio page
------------------------------------------------------------------------- */


.pic-container {
	float: left;
	margin: 0 20px 5px 0;
}

.pic {
	margin-top: 12px;
	border: 1px solid #000;
}

#bio {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D2C093;
}


/* ----------------------------------------------------------------------
							Sitemap page
------------------------------------------------------------------------- */

#sitemap {
	width: 150px;
	margin: 0 auto;
	text-align: left;
	color: #D2C093;
}

#sitemap ul li {
	line-height: 26px;
	list-style-type: square;
}

#sitemap ul li ul li {
	margin-left: 20px;
	list-style-type: circle;
}


/* ----------------------------------------------------------------------
							Demo Policy page
------------------------------------------------------------------------- */

#submission {
	margin-top: 25px;
	border-top:  1px solid #D2C093;
	padding-top: 7px;
}