/* 
Theme Name: CRS
Description: Made for CRS Music Management Ltd.
Author: Jacob Buck
Version: 1.0
Author URI: http://www.jacobbuck.co.nz/
*/

/* CSS RESET ==================================================================================== */

* {outline: 0; }
body {color:#000000;background:#ffffff;}
div {display:block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,small,blockquote,th,td {margin:0;padding:0;text-align: left}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:0;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}


/* HTML / BODY / CONTAINER ====================================================================== */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-align: left;
	background-color: #fff;
}
#wrapper {
  	margin: 25px auto;
	width: 590px;
	padding: 0;
}

/* FONTS, COLOURS, LISTS AND INPUTS ============================================================= */
	
/* @font-face { * WILL PASS VALIDATION IN CSS LEVEL 1, 2 and 3, BUT FAILS IN CSS LEVEL 2.1 *
	font-family: "FuturaStd-Book";  
	src: url(FuturaStd-Book.eot ); * IE * 
	src: local("Futura Std Book"), url(FuturaStd-Book.ttf) format("truetype"); * non-IE *
}
*/

p, li, table {
	font-size: 1.2em;
	line-height: 1.5em;
	list-style-type: none;
	text-align:left;
	margin-top: 1px;
	margin-bottom: 18px;
	color: #000;
}
small {
	font-size: 1em;
	line-height: 1.2em;
}	
strong {font-style:normal;font-weight:bold;}
em {font-style:oblique;font-weight:normal;}
a {
	color: #f00;
	text-decoration: none;
}
a:hover {
	color: #f00;
	cursor: pointer;
}
p a {
	color: #f00;
	text-decoration: underline;
}
h1 {
	font-size: 2.4em;
	font-weight:700;
}
h2 {
	font-size: 2.4em;
}
h3 {
	font-size: 1.4em;
	line-height: 1em;
}
input, textarea, select {font-size: 1.2em}	

/* HEADER ======================================================================================= */

#header {
	float: left;
	width: 590px;
	height: 165px;
	clear: both;
}
#header-logo {
	height: 165px;
	width: 285px;
	background: #fff url(images/logo.gif) no-repeat;
	float: left;
	display: block;
}
#header-logo h1 {
	display: none;
}
#header-nav {
	height: 35px;
	width: 275px;
	margin: 130px 0 0 0;
	background: #fff;
	float: right;
	text-align:right;
}
#nav-artists, #nav-shows, #nav-contact, .nav-spacer-end, .nav-spacer-mid {
	display: block;
	height: 35px;
	float: right;
}
#nav-artists {background: url(images/nav-artists.png) no-repeat; width: 61px;}
#nav-shows {background: url(images/nav-shows.png)   no-repeat; width: 63px;}
#nav-contact {background: url(images/nav-contact.png) no-repeat; width: 74px;}
.nav-spacer-end {background: url(images/nav-spacer.gif) repeat-x; width: 18px;}
.nav-spacer-mid {background: url(images/nav-spacer.gif) repeat-x; width: 10px;}
#header-nav .selected {background-color: #f00;}

/* MAIN ========================================================================================= */

.headbar {
	background: #000; color: #fff;
	padding: 8px 9px;
	margin: 25px 0 12px 0;
	display: block;
}
.headbar a {color: #fff; }
.headbar a:hover {color: #f00; }
#status {
	margin: 0 0 20px 0;
	padding: 9px 9px;
	background: #f00;
}
#main {
	float: left;
	height: auto;
	clear: both;
	width: 590px;
	background: #fff;
}
#events-ads, #artists-list {
	float: left;
	margin: 25px 0 0 0;
	clear: both;
	width: 615px;
}
#artists-list {margin-bottom: -25px;}

.thumb-box {
	width:  180px;
	height: 150px;
	background: #000;
	float: left;
	margin: 0 25px 25px 0;
	overflow: hidden;
	line-height: 0; /* fixes gekko positoning */
}
.thumb-box a {text-decoration: none;}
.thumb-box-title {
	position: relative;
	bottom: 30px;
	color: #fff;
	float: left;
	background: url(images/50black.png);
	text-align: center;
	display: block;
}
.thumb-box-title span {
	margin: 5px 0 0 0;
	height: 27px;
	width: 180px;
	overflow: hidden;
	font-size: 1.3em;
	line-height: 1.5em;
	display: block;
}
#events-ads {margin-bottom:275px;width:590px;}
#events-ads .thumb-box {width:590px;height:250px;margin:0 0 25px 0;}
#events-ads .thumb-box img {width:590px;height:250px;}
#events-ads .thumb-box-title {bottom:30px;}
#events-ads .thumb-box-title span {width:590px;}
#events-news, #artist-news { /* news on events page */
	clear:both;
}
.news-box{ 
}
#artist-head {
	width:  590px;
	height: 350px;
	background: #fff;
	float: left;
	margin: 25px 0;
	overflow: hidden;
	line-height: 0; /* fixes gekko positoning */
}
#artist-head-text {
	position: relative;
	bottom: 56px;
	color: #fff;
	float: left;
	background: url(images/50black.png);
	text-align: left;
	display: block;
}
#artist-head-text span {
	margin: 16px 0 0 13px;
	height: 56px;
	width: 590px;
	overflow: hidden;
	font-size: 1.3em;
	line-height: 1.5em;
	display: block;
}
#artist-bio {
	width: 410px;
	float:left;
	margin: -5px 25px 20px 0;
}
#artist-links {
	width: 155px;
	float:left;
	margin: 0 0 25px 0;
}
#bebo-link, #facebook-link, #myspace-link, #twitter-link {display: block; height: 28px; }
#website-link {margin: 0 0 10px 0;}
#bebo-link {width: 81px; background:url(images/bebo.gif); margin: 0 0 8px 0; }
#facebook-link {width: 90px; background:url(images/facebook.gif); margin: 0 0 8px 0; }
#myspace-link {width: 120px; background:url(images/myspace.gif); margin: 0 0 3px 0; }
#twitter-link {width: 101px; background:url(images/twitter.gif); margin: 0 0 0px 0; }
#presspack-link {margin: 15px 0 0 0; }
#bebo-link span, #facebook-link span, #myspace-link span, #twitter-link span {display:none; }
#artist-contact {
	width: 590px;
	float:left;
	margin: -40px 0 25px 0;
}
#contact-form {
	width:345px;
	float:left;
	margin: 25px 25px 10px 0;
}
#contact-info {
	width:220px;
	float:left;
}
#contact-info img {margin: 0 5px -3px 1px;}
#contact-info a {margin: 0 0 0 1px;}
.contact-textbox {
	height:28px; width: 345px;
	border: solid black 1px;
	line-height: 0;
	margin: 0 0 20px 0;  
}
.contact-textbox-title {
	height:28px; width: 100px;
	float:left;
	color: #fff;
	background: black;
	display: block;
	overflow:hidden;
}
.contact-textbox-title span {
	overflow: hidden;
	display: block;
	margin: 4px 0 0 8px;
	font-size: 1.3em;
	line-height: 1.5em;
}
.contact-textbox input {
	height: 16px; width: 231px;
	border: none;
	float: left;
	padding: 6px 7px;
}

.contact-textarea {
	height:inherit; width: 345px;
	border: solid black 1px;
	line-height: 0;
	margin: 0 0 20px 0;  
}
.contact-textarea-title {
	height:28px; width: 100px;
	color: #fff;
	background: black;
	display: block;
	overflow:hidden;
}
.contact-textarea-title span {
	overflow: hidden;
	display: block;
	margin: 4px 0 0 8px;
	font-size: 1.3em;
	line-height: 1.5em;
}
.contact-textarea textarea {
	height:280px; width: 333px;
	border: none;
	padding: 6px;
	resize: vertical; 
}
.contact-button {
	text-align:center;
	border: none;
	background: black;
	color: white;
	cursor:pointer;
	height: 30px; width: 100px ;
	padding:0 0 1px 0; line-height:0;
	font-size: 1.2em;
	float:right;
	clear:both;
}
.contact-error  {border-color: #f00 !important;}
.contact-error .contact-textarea-title, .contact-error .contact-textbox-title {background-color: #f00 !important;} 

/* FOOTER ======================================================================================= */

#footer {
	float: left;
	height: 80px; width: 590px;
	clear: both;
	margin: 10px 0 0 0;
	text-align:center;
}
.footer-text {
	clear: both;
	display: block;
	margin-bottom: 10px;
}
.footer-text li:first-child {
	border: none;
}
.footer-text li {
	font-size: 10px;
	display: inline;
	padding: 0 7px 0 13px;
	border-left: solid 1px #ddd;
}
.footer-text li a {
	color: #000;
	text-decoration: underline;
}
.footer-text li a:hover {
	
	color: #F00;
}

/* EXTRA CLASSES ================================================================================ */

.floatleft {float: left !important;}
.floatright {float: right !important;}
.hidden {display: none !important;}
.clearboth {clear: both !important;}
.bold {font-weight: bold !important;}
.nomargin {margin: 0 !important;}