@charset "UTF-8";
/* CSS Document */

/*FONTS
font-family: 'Permanent Marker', sans-serif;
*/

/* BACKGROUND & STRUCTURE */

body {
	background:url(images/body-background.jpg) #0d0d0d top center no-repeat;
	margin:0px;
}

.container {
	width:100%;
	height:auto;
	margin:0 auto;
}

.content {
	width:960px;
	height:auto;
	min-height:530px;
	margin:0 auto;
}

/* HEADER & SOCIAL NETWORKING */

.header {
	width:960px;
	height:135px;
	margin:0 auto;
	z-index:10;
}

.logo {
	background:url(images/kt-tatara-logo.png) top no-repeat;
	width:298px;
	height:130px;
	float:left;
	z-index:10;
}

.social-networking {
	width: 360px;
    margin-top: 90px;
    margin-right: 20px;
    margin-left: 75px;
    margin-bottom: 0;
    float: left;
    height: 30px;
}

.newsletter {
	background: url(images/newsletter-text.png) top no-repeat;
	width: 200px;
	height: 25px;
	margin-top: 15px;
	padding-top: 85px;
	float: left;
}

/*NAVIGATION*/

.navigation {
	background:url(images/navigation/navigation-background.png) transparent repeat-x;
	width:100%;
	height:32px;
	margin:0 auto;
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	border-top:1px solid #0e78cb;
	border-bottom:1px solid #0e78cb;
	z-index:20;
}

.nav {
	width: 630px;
	margin: 0 auto;
	text-align: center;
}
	
#home {
	width:54px;
	height:15px;
	display:inline;
	margin: 9px;
	float:left;
	background: url(images/navigation/home-up.png) no-repeat 0 0;
}
#home:hover {
	background: url(images/navigation/home-over.png) no-repeat 0 0;
}
#home span {
	position:absolute;
	top: -999em;
}

#shows {
	width:68px;
	height:15px;
	display:inline;
	margin:9px;
	float:left;
	background: url(images/navigation/shows-up.png) no-repeat 0 0;
}
#shows:hover {
	background: url(images/navigation/shows-over.png) no-repeat 0 0;
}
#shows span {
	position:absolute;
	top: -999em;
}

#video {
	width:68px;
	height:15px;
	display:inline;
	margin:9px;
	float:left;
	background: url(images/navigation/video-up.png) no-repeat 0 0;
}
#video:hover {
	background: url(images/navigation/video-over.png) no-repeat 0 0;
}
#video span {
	position:absolute;
	top: -999em;
}

#podcast {
	width:86px;
	height:15px;
	display:inline;
	margin:9px;
	float:left;
	background: url(images/navigation/podcast-up.png) no-repeat 0 0;
}
#podcast:hover {
	background: url(images/navigation/podcast-over.png) no-repeat 0 0;
}
#podcast span {
	position:absolute;
	top: -999em;
}

#merchandise {
	width:70px;
	height:15px;
	display:inline;
	margin:9px;
	float:left;
	background: url(images/navigation/merchandise-up.png) no-repeat 0 0;
}
#merchandise:hover {
	background: url(images/navigation/merchandise-over.png) no-repeat 0 0;
}
#merchandise span {
	position:absolute;
	top: -999em;
}

#about {
	width:62px;
	height:15px;
	display:inline;
	margin:9px;
	float:left;
	background: url(images/navigation/about-up.png) no-repeat 0 0;
}
#about:hover {
	background: url(images/navigation/about-over.png) no-repeat 0 0;
}
#about span {
	position:absolute;
	top: -999em;
}

#contact {
	width:83px;
	height:15px;
	display:inline;
	margin:9px;
	float:left;
	background: url(images/navigation/contact-up.png) no-repeat 0 0;
}
#contact:hover {
	background: url(images/navigation/contact-over.png) no-repeat 0 0;
}
#contact span {
	position:absolute;
	top: -999em;
}

/* FOOTER */

.footer {
   background:transparent;
   bottom:0;
   width:100%;
   height:50px;   /* Height of the footer */
	font-family: 'News Cycle', sans-serif;
	font-size:80%;
	letter-spacing:-1px;
	text-align:center;
}


/* TEXT STUFF */

body {
	color:#fff;
	font-family:'News Cycle', sans-serif;
}

a {
	color:#0e79cf;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:underline;
}
a:active {
	color:#000;
	text-decoration:underline;
}

.navigation a {
	color:#fff;
	text-decoration:none;
	font-family:'Permanent Marker', sans-serif;
}
.navigation a:hover {
	color:#0690f0;
	text-decoration:none;
}

/* HOME PAGE */

.home {
	width:960px;
	height:530px;
	padding-top:50px;
}

.video {
	width:575px;
	height:auto;
	float:left;
	z-index:20;
}

.upcoming-shows {
	width: 320px;
	font-weight: 300;
	margin: 0px 0 0 35px;
	float: left;
}
.upcoming-shows a {
	color:#ffea00;
	text-decoration:none;
}
.upcoming-shows a:hover {
	color:#ffea00;
	text-decoration:underline;
}
.home-underline {
	color:#ffea00;	
	text-decoration:underline;
}.home-underline a{
	text-decoration:underline;
}

.twitter {
	position:absolute;
	width:445px;
	height:145px;
	margin-left:125px;
	margin-top:-250px;
	font-family:'Permanent Marker', sans-serif;
}
.twitter a {
	color:#ffea00;
	text-decoration:none;
}
.twitter a:hover {
	color:#ffea00;
	text-decoration:underline;
}
.twitter ul {
    list-style: none outside none;
    margin: 10px -40px;
    width: 430px;
}

.cd {
	position:absolute;
	width:320px;
	height:145px;
	margin-left:590px;
	margin-top:-250px;
	text-align:center;
}
.cd a {
	color:#ffea00;
	text-decoration:none;
}

/* SHOWS PAGE */

.shows {
	background:none;
	width:960px;
	height:530px;
	z-index:100;
}

.shows-pic {
	background:url(images/pages/shows-pic.png) no-repeat scroll transparent -30px 0 ;	
	width:280px;
	height:446px;
	text-align:center;
	margin:0;
	float:left;
}
.shows-date {
	color: #fff;
}

.schedule {
	width:680px;
	height:auto;
	margin-top:20px;
	margin-left:0px;
	float:left;
	z-index:10000;
}
.schedule a{
	color:#ffea00;
	text-decoration:none;
}
.schedule a:hover{
	color:#ffea00;
	text-decoration:underline;
}
tr {
	height:40px;
}

/* VIDEOS PAGE */

.videos {
	width:960px;
	height:446px;
	text-align:center;
	z-index:100;
}
.videos-more{
    margin: 20px auto;
    text-align: center;
    float: left;
    width: 960px;
}
.videos a{
	color:#ffea00;
	text-decoration:underline;
}
.videos a:hover{
	color:#ffea00;
	text-decoration:none;
}

.videos-div1 {
	width:293px;
	height:165px;
	margin:30px 0 0 20px;
	text-align:center;
	float:left;
}
.videos-div2 {
	width:293px;
	height:165px;
	margin:30px 0 0 20px;
	text-align:center;
	float:left;
}
.videos-div3 {
	width:293px;
	height:165px;
	margin:30px 20px 0 20px;
	text-align:center;
	float:left;
}

/* MERCHANDISE PAGE */

.merchandise {
	width:960px;
	height:530px;
	z-index:100;
}

.merch {
	width:300px;
	height:450px;
	margin:30px auto;
	text-align:center;
}
.merch a{
	color:#ffea00;
	text-decoration:none;
}
.merch a:hover{
	color:#ffea00;
	text-decoration:underline;
}

.merch-div {
	width:300px;
	height:400px;
	margin:0 0 0 100px;
	text-align:center;
}

/* ABOUT PAGE */

.about {
	background:none;
	width:960px;
	height:530px;
	z-index:100;
}
.about-pic {
	background:url(images/pages/about-pic.png) no-repeat scroll transparent;	
	width:338px;
	height:490px;
	text-align:center;
	padding-top:0;
	float:left;
}
.bio {
	width:607px;
	height:410px;
	margin:30px 0 0 15px;
	float:left;
	text-shadow:1px 1px 1px #000;
}

/* CONTACT PAGE */

.contact {
	background:none;
	width:960px;
	height:530px;
	z-index:100;
}
.contact a{
	color:#ffea00;
	text-decoration:none;
}
.contact a:hover{
	color:#ffea00;
	text-decoration:underline;
}
.contact-pic {
	background:url(images/pages/contact-pic.png) no-repeat scroll transparent -20px -0px;	
	width:300px;
	height:500px;
	float:left;
}
.contact-text {
	width:660px;
	height:500px;
	margin:10px 0 0 0px;
	float:left;
}
.contact-div {
	width:340px;
	height:200px;
	float:left;
}
.contact-bookings {
	font-size:20px;
}

/* PERFECT PAIR */

.perfect-pair {
	width:960px;
	height:470px;
	margin-top:20px;
	z-index:100;	
}

.perfect-pair-video {
	width:320px;
	height:470px;
	float:left;
}

.perfect-pair-text {
	width:600px;
	height:470px;
	margin:0 20px;
	float:left;
}
.perfect-pair a{
	color:#ffea00;
	text-decoration:none;
}
.perfect-pair a:hover{
	color:#ffea00;
	text-decoration:underline;
}