/*  
Theme Name: Convince Me
Version: 1.0
Author: Aaron Cooper
Author URL: http://www.centricinteractive.com/
*/

body {
	background: url(../images/initial_intro_images/intro_bg.jpg) top center no-repeat #161616;
	margin: 0;
	color:#292419;
}



/*
=Auto clearing float
*/
.tabs-nav:after{
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

.tabs-nav, #content .right .tab {
 margin-left: -5px;
}



/*
=Tabs
*/
.tabs-nav {
 background: url(../images/bg/tab-nav-bottom.gif) left bottom no-repeat;
 margin: 1em 0 0 0;
 padding: 0 0 3px 3px;
 width: 100%;
 clear: both;
}

.tabs-nav li {
 background: url(../images/bg/tab-nav.gif) no-repeat;
 float: left;
 list-style: none;
 margin-bottom: -3px;
 padding-left: 18px;
}

.tabs-nav li a {
 background: url(../images/bg/tab-nav.gif) right top no-repeat;
 color: #E5DCD3;
 display: block;
 float: left;
 font-size: 12px;
 padding: 8px 20px 2px 2px;
 text-decoration: none;
 margin-right: -9px;
}

.tabs-nav li a:hover {
 color: #9EC4CF;
}

.tabs-nav li.current {
 background-image: url(../images/bg/tab-nav-current.gif);
 margin-bottom: -3px;
 position: relative;
}

.tabs-nav li.first.current {
 background-image: url(../images/bg/tab-nav-current-first.gif);
}

.tabs-nav li.current a {
 background-image: url(../images/bg/tab-nav-current.gif);
 color: #9EC4CF;
 padding: 8px 20px 5px 2px;
}

.tabs-nav li.first.current a {
 background-image: url(../images/bg/tab-nav-current-first.gif);
}

.tab {
 background: url(../images/bg/tab.jpg) bottom no-repeat;
 padding-bottom: 14px;
 width: 100%;
}

.tab h2 {
 color: #555;
 margin-top: 2em;
}

#content .tab h2 {
 color: #555;
 font: normal 1.4em/1.5 Verdana, Geneva, lucida, sans-serif;
 margin: 2em 0 0.15em 0;
}

#content .tab h2.first {
 margin-top: 0;
}

#content .tab h3 {
 font-size: 1em;
}

.tab-inner {
 background: url(../images/bg/tab.jpg) no-repeat;
 min-height: 200px;
 padding: 15px 45px 0 23px;
 width: 458px;
}

.first-tab .tab-inner {
 background-image: url(../images/bg/tab2.jpg) ;
}






#innerTop {
	height: 324px;
	width: 100%;
	position: absolute;
	top: 0px;
	text-align: center;
}

#mainContainer {
	background: url(../images/inner_framework/body_bg.jpg) top left repeat-y;
	width: 798px;
	position: absolute;
	left: 50%;
	margin-left: -399px;
	top: 324px;
	font: normal 12px/16px Arial, sans-serif;
}

#innerContainer {
	background: url(../images/inner_framework/top_body_bg.jpg) top left no-repeat;
	position: relative;
	float: left;
	width: 798px;
}

#globalNav {
	width: 140px;
	position: relative;
	float: left;
	margin: 0;
	padding-left: 40px;
}

.frontFeature {
	background: url(../images/front_feature_header.jpg) top left no-repeat;
	width: 333px;
	height: 150px;
	position: relative;
	float: right;
	margin: 0;
	padding-left: 215px;
	padding-top: 40px;
	padding-right: 70px;
	font: normal 11px/14px Arial, sans-serif;
}

.frontLatestList {
	background: url(../images/inner_framework/front_news_header.jpg) top left no-repeat;
	width: 210px;
	position: relative;
	float: right;
	margin-right: 5px;
	padding-top: 50px;
	padding-right: 45px;
	padding-bottom: 20px;
	padding-left: 40px;
}

.frontTourDatesList {
	background: url(../images/inner_framework/front_tourdates_header.jpg) top left no-repeat;
	width: 220px;
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	padding-top: 50px;
	padding-right: 55px;
	padding-bottom: 20px;
	padding-left: 40px;
}

.tourList {
	background: url(../images/inner_framework/tourdates_header.jpg) top left no-repeat;
	width: 508px;
	position: relative;
	float: right;
	margin: 0;
	padding-left: 40px;
	padding-top: 50px;
	padding-right: 70px;
	padding-bottom: 40px;
	min-height: 150px;
}

.musicList {
	width: 528px;
	position: relative;
	float: right;
	margin: 0;
	padding-left: 20px;
	padding-top: 30px;
	padding-right: 70px;
	padding-bottom: 30px;
	clear: right;
}

.pressList {
	width: 523px;
	position: relative;
	float: right;
	margin: 0;
	padding-left: 25px;
	padding-top: 30px;
	padding-right: 70px;
	padding-bottom: 50px;
	clear: right;
}

.linksList {
	width: 523px;
	position: relative;
	float: right;
	margin: 0;
	padding-left: 25px;
	padding-top: 45px;
	padding-right: 70px;
	padding-bottom: 30px;
	clear: right;
}

.photoBox {
	width: 163px;
	position: relative;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.musicListTracks {
	position: relative;
	float: left;
	width: 180px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 140px;
	color: #161616;
	font: normal 10px/15px Arial, sans-serif;
}

.musicListInfo {
	position: relative;
	float: left;
	width: 308px;
}


#bodyBottom {
	background: url(../images/inner_framework/footer_bg.jpg) top left no-repeat;
	width: 798px;
	height: 40px;
	clear: both;
}

#footer {
	background-color: #161616;
	width: 753px;
	padding-left: 45px;
	height: 50px;
	color: #6D645B;
	font: normal 10px/12px Arial, sans-serif;
	clear: both;
}

/* General element rules */

p {
	font: normal 12px/18px Arial, sans-serif;
	color: #292419;
}


/* Link styles */

a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #1F1B15;
}

a:hover {
	color: #A3C4D5;
	text-decoration: underline;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #6D645B;
}

#footer a:hover {
	color: #A3C4D5;
	text-decoration: underline;
}

.photoBox img {
	margin-bottom: 5px;
}

/* List styles */

.frontFeature ul {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
}

.frontFeature li {
	list-style-image: url(../images/rb_arrow.gif);
	margin: 0 0 3px 0;
}


.frontTourDatesList ul, .frontLatestList ul, .tourList ul, .musicListInfo ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tourList.documentDL li {
	list-style-image: url(../images/rb_doc.gif);
}

.frontTourDatesList li, .frontLatestList li, .tourList li, .musicListInfo li {
	list-style-image: url(../images/rb_arrow.gif);
	margin-bottom: 15px;
}

.linksList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.linksList li {
	list-style-image: url(../images/rb_arrow.gif);
	margin-bottom: 15px;
	margin-left: 15px;
}

.musicListInfo ul {
	list-style: none;
	margin-bottom: 10px;
	padding: 0;
}

.musicListInfo li {
	list-style-image: url(../images/rb_arrow.gif);
	margin-left: 15px;
	margin-bottom: 4px;
}

.tab-inner ul {
	list-style: none;
	margin-bottom: 10px;
	padding: 0;
}

.tab-inner li {
	list-style-image: url(../images/rb_bullet.gif);
	margin-bottom: 4px;
	margin-left: 5px;
	padding-left: 5px;
}

/* Copy styles */

h1 {
	font: normal 24px/26px Arial, sans-serif;
	color: #E4DDD6;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

h2 {
	font: normal 14px/16px Arial, sans-serif;
	color: #E4DDD6;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	display: inline;
}

h3 {
	font: normal 20px/22px Arial, sans-serif;
	color: #494038;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	display: inline;
}

.brownBody {
	color: #494038;
	font: normal 12px/14px Arial, sans-serif;	
}

.smallBody {
	color: #161616;
	font: normal 10px/14px Arial, sans-serif;	
}

.mediumBody {
	color: #161616;
	font: normal 11px/15px Arial, sans-serif;	
}

.largeBody {
	color: #161616;
	font: normal 16px/18px Arial, sans-serif;	
}


/* Form styles */

/*
input {
	padding: 3px;
	font: normal 11px/11px Arial, sans-serif;	
	border: 1px solid #85807A;
	color: #1F1B15;
	background-color: #D3CFCC;
	margin-bottom: 10px;
	height: 17px;
}
*/
select {
	padding: 3px;
	font: normal 11px/11px Arial, sans-serif;	
	border: 1px solid #85807A;
	color: #1F1B15;
	background-color: #D3CFCC;
	margin-bottom: 10px;
}

textarea {
	padding: 3px;
	font: normal 11px/11px Arial, sans-serif;	
	border: 1px solid #85807A;
	color: #1F1B15;
	background-color: #D3CFCC;
	margin-bottom: 10px;
}