/* @override http://jitv.greendesigned.me/themes/jitv/css/site.css */

/*				Global
------------------------------------------------*/

body {
	margin:0; padding: 0;
	background: #f56f16 url(../images/background.png) repeat-x;
}


.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

img {border: 0;}

hr {
	border-top: 1px solid #d34904;
	border-bottom: 1px solid #fc9e5f;
	border-left: 0;	border-right: 0;
}
/*				Main Layout
------------------------------------------------*/

div.container {
	width: 960px;
	margin: 0 auto;
}

div#header {
	position: relative; float: left;
	height: 232px;
	width: 960px;
	background: url(../images/header.png) no-repeat 0 0;
}

div.nav {
	position: relative; float: left;
	width: 960px; height: 56px;
	background: url(../images/navi.png) no-repeat top left;
}

div#content-container {
	position: relative; float:left;
	width: 960px; min-height: 200px;
}

#jitv-hero {
		background: url(../images/jitv-hero.jpg) no-repeat center top;
		height: 315px;
		margin-bottom: -200px;
		width: 960px;
		position: relative;
		float: left;
}

div.content-body {
	width: 590px; /* 630 */
	float: left;
	padding: 60px 20px 0 20px 
}

div.content-side {
	width: 262px;
	float: left;
	position: relative;
	padding: 30px 34px 0 34px 

}

div#artists-container-home {
	width: 100%; 	min-height: 400px;
	margin: 0 auto;
	background: #d34904 url(../images/artists-bg-top.png) repeat-x;
	position: relative; float: left;
}

div.artist-listing-home {
	width: 960px;
	margin: 0 auto;
	
}

div#media-home {
	width: 100%;
	position: relative; float:left;
	background:  url(../images/artist-bg-bottom.png) repeat-x top;

}

div.media-home-content, div.footer-content {
	width: 960px;
	margin: 0 auto;
	
}


div#footer-container {
	width: 100%;
	position: relative; float:left;
	background: #017272 url(../images/footer-bg.png) repeat-x top;
}


#secondardy-link {
	margin-top: -20px;
	margin-bottom: -20px;
}




/*				Various Elements
------------------------------------------------*/
.facebook-button {
	margin-left: 10px;
}

.myspace-button {
	margin-left: 14px; 
}

.facebook-button, .myspace-button {
	margin-top: 13px;
	margin-bottom: 10px;
}

.youtube {
	margin: 20px 0 0 25px;
}




/*				Home Page Elements
------------------------------------------------*/

ul#artist-lineup-home li {
	list-style: none;
	float: left;
}
ul#artist-lineup-home {
	margin: 40px 0 0 0;
}

.artist-left, .artist-right {
	margin-bottom: 20px;
}

.artist-left  { margin-left: -33px;}
.artist-right  { margin-left: 30px;}


ul#youtube li {
	float: left;
	list-style: none;
}

.youtube1, .youtube2, .youtube3 {
	margin: 30px 0px 50px 33px
} 


 



/*				Artists Bio Page
------------------------------------------------*/
div#artist-youtube {
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	
}




/*				Navigation
------------------------------------------------*/
div.nav ul {
	margin: 0; padding: 0;
}

div.nav li {
	float: left;
	margin: 0; padding: 0;
	list-style: none;
}

div.nav li a strong {
	display: none;
}

div.nav li a {
	display: block;
	height: 56px;
}

div.nav li.nav-home {
	width: 98px;
}

div.nav li.nav-home a:hover {
	background: url(../images/navi.png) 0px -56px;
}

div.nav li.nav-home.active a {
	background: url(../images/navi.png) 0px -112px;
}

div.nav li.nav-artists {
	width: 90px;
}

div.nav li.nav-artists a:hover {
	background: url(../images/navi.png) -98px -56px;
}

div.nav li.nav-artists.active {
	background: url(../images/navi.png) -98px -112px;
}

div.nav li.nav-food {
	width: 136px;
	
}

div.nav li.nav-food:hover {
	background: url(../images/navi.png) -188px -56px;
}


div.nav li.nav-food.active  {
	background: url(../images/navi.png) -188px -112px;
}

div.nav li.nav-accomm {
	width: 163px;
}

div.nav li.nav-accomm a:hover {
	background: url(../images/navi.png) -324px -56px;
}

div.nav li.nav-accomm.active {
	background: url(../images/navi.png) -324px -112px;
}

div.nav li.nav-transport {
	width: 114px;
}

div.nav li.nav-transport a:hover {
	background: url(../images/navi.png) -487px -56px;
}

div.nav li.nav-transport.active {
	background: url(../images/navi.png) -487px -112px;
}


div.nav li.nav-essentials {
	width: 72px;
}

div.nav li.nav-essentials a:hover {
	background: url(../images/navi.png) -601px -56px;
}

div.nav li.nav-essentials.active {
	background: url(../images/navi.png) -601px -112px;
}

div.nav li.nav-media {
	width: 83px;
}

div.nav li.nav-media a:hover {
	background: url(../images/navi.png) -673px -56px;
}

div.nav li.nav-media.active {
	background: url(../images/navi.png) -673px -112px;
}

div.nav li.nav-links {
	width: 79px;
}

div.nav li.nav-links a:hover {
	background: url(../images/navi.png) -756px -56px;
}

div.nav li.nav-links.active {
	background: url(../images/navi.png) -756px -112px;
}

div.nav li.nav-aboutus {
	width: 117px;
}

div.nav li.nav-aboutus a:hover {
	background: url(../images/navi.png) -835px -56px;
}

div.nav li.nav-aboutus.active {
	background: url(../images/navi.png) -835px -112px;
}


/*				Footer Links
------------------------------------------------*/
div.footer-content {
	margin-top: 60px;
	min-height: 160px;
}


ul.footer-nav ul {
	text-align: center;
}

ul.footer-nav li {
	list-style: none;
	display: inline;
	padding: 1px 7px;
	border-right: 1px solid #058785;
}

ul.footer-nav  li.first {
	border-left: 0px;

} 

ul.footer-nav  li.last {
	border-right: 0px;
} 

div#footer-container ul {
	text-align: center;
}
/*				Artist Page
------------------------------------------------*/
img.artists-list {
	float: left;
	margin: 20px 15px 0 0;
}

img.website-link, img.youtube-link {
	margin: 0 19px ;
}


.artist-list-website, .artist-list-youtube {
	display: block;	float: left;
	width: 40%; 	height: 25px;
	margin: 10px 0px 20px 25px; padding: 10px;
	text-align: center;	
	background: #009898;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

/*				Mail Form
------------------------------------------------*/

div#mail-form {
	background: url(../images/join-our-mailing-list.png) center top no-repeat #d34904;
	padding-top: 120px;
	width: 261px;
}

div#mail-form input.frmInput {
	border: 1px solid #d34904;
	width: 227px;
	margin: 0 0 10px 11px; padding: 6px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

/*				Tables
------------------------------------------------*/
table#jitv {
		font-family: helvetica, arial;
}

table#jitv tbody tr th {
	background: #009898;
	padding: 10px;
	color: #fff;
	font-size: 14px;
}

table#jitv td {
	width: 130px;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	color: #fff2c6;
	border-bottom: 1px solid #d34904;
}

h2 {
	font-size: 18px;
	color: #fff;
	margin: 40px 0 10px 0;
	font-family: helvetica, arial;
}