/*
Theme Name: CTWMF
Theme URI: http://ctwmf.com
Description: Custom theme for CTWMF
Version: 1
Author: Justin Slack
Author URI: http://www.justinslack.com
Tags: 
*/


/*---General body things----*/

html {
background-image:url(/wp-content/themes/CTWMF/img/baseBlue.jpg);
}

body {
background-image:url(/wp-content/themes/CTWMF/img/basePink.jpg) repeat-x bottom;
color: #191919;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;
margin: 0;
}

/*---Typography---*/

h1, h2, h3, h4 {
font-family: "futura-pt", sans-serif;
text-transform:uppercase;
font-weight:700;
line-height:1;
margin:0;
}

a {
color:#000;
}

/*---Layout----*/

.container  {

}

img.alignleft {
float:left;
margin:0 27px 20px 0;
display:block;
}
/*--Header--*/

header {
margin:40px 0 35px;
}

header .container{
padding-left:30px;
}

h1.logo {
text-align:center;
background:url(/wp-content/themes/CTWMF/img/headerBg.png) no-repeat 14px center;
}

h1.logo a {
display:block;
background:url(/wp-content/themes/CTWMF/img/logo.png) no-repeat;
width:156px;
height:156px;
text-indent:-9999px;
margin:0 auto;
}

.navbar {
margin-bottom:45px;
}

.navbar-inner {
background-color:transparent;
background-image: none;
border: 0px;
box-shadow:none;
min-height: 40px;
padding-left: 20px;
padding-right: 20px;
text-align:center;

}

.ie7 .navbar-inner, .ie8 .navbar-inner { 
width:995px;
margin:0 auto;
}
.navbar .nav {
padding:0;
margin:0;
}

.navbar .nav > li {
margin-right:18px;
}

.navbar .nav > li:last-child {
margin-right:0;
}

.navbar .nav > li > a {
color: #fff;
float: none;
padding: 10px 15px;
text-decoration: none;
text-shadow: none;
font-family: "futura-pt", sans-serif;
font-size:19px;
text-transform:uppercase;
font-weight:700;
line-height:1;
}

.navbar .nav > li.current-menu-item a {
border:1px solid #000;
color:#000;
}

#tabs .navbar-inner, #tabs2 .navbar-inner {
padding:0;
}

.navbar .nav.artists  li {
margin-right:13px;
}

.navbar .nav.artists li:last-child {
margin-right:0;
}

.navbar .nav.artists > li > a {
font-size:28px;
}

.navbar .nav.artists li.ui-tabs-selected a, li.ui-state-active a {
border:1px solid #000;
color:#000;
}

/*---Home page---*/

.hero-unit {
color:#fff;
padding-left:30px;
padding-bottom:30px;
}

.hero-unit h1 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:58px;
text-transform:none;
margin-bottom:35px;
}

p.first {
font-size:24px;
line-height:1.2;
}

.row.homeBg {
background:url(/wp-content/themes/CTWMF/img/baseGrey.jpg);
padding-bottom:30px;
}

.highlightImage {
width:47%;
position:relative;
float: left;
margin-right: 15px;
min-height: 1px;
margin-bottom:20px;
}

.homeText {
font-family:'futura-pt', sans-serif;
color:#fff;
position:absolute;
bottom:10%;
padding:0 20px;
}

.homeText h2 a {
display:inline-block;
font-size:1.5em;
line-height:32px;
margin-bottom:15px;
}

.homeText a, .homeText p {
margin:0;
text-transform:uppercase;
font-weight:700;
font-size:18px;
color:#fff;
text-decoration:none;
}

h2.mainSectionHeader {
color:#83b5b9;
font-size:35px;
margin:40px 0 30px;
line-height:1;
}


/*----Pages----*/

h1.page-title, h1 {
font-family:'futura-pt', sans-serif;
font-size:60px;
text-transform:uppercase;
}

.home h1.page-title {
	display: none;
}

h1.page-title.tickets  {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:58px;
font-weight:500;
text-transform:none;
border-bottom:1px solid #000;
padding-bottom:60px;
}


/*--Tables---*/

ul.lineUp {
float:left;
width:240px;
padding:0;
min-height:340px;
list-style:none;
}

.ie7 ul.lineUp, .ie8 ul.lineUp {
width:220px;
}

ul.lineUp li {
overflow:hidden;
color:#000;
font-size:16px;
padding:2px 0;
}	

ul.lineUp li h2 {
font-family:'futura-pt', sans-serif;
font-weight:700;
font-size:20px;
text-transform:uppercase;
color:#000;
border-bottom:1px solid #000;
width:90%;
padding:0 0 20px;
margin:0 0 20px;
}

ul.lineUp li h3 {
font-family:'futura-pt', sans-serif;
font-weight:700;
font-size:20px;
text-transform:uppercase;
color:#fff;
padding:4px 0;
}	
	
	

col.one, col.two, col.three {
width:245px;
}

col.four {
width:220px;
}

table {
color:#000;
}

table.musicalSchedule {
text-align:left;
}

table.musicalSchedule thead{
font-family:'futura-pt', sans-serif;
font-weight:700;
font-size:20px;
text-transform:uppercase;
}

table.musicalSchedule thead th hr {
width:210px;
margin:15px 0;
border: none;
background-color: #333;
color: #333;
height: 1px;
}

tr td {
font-size:16px;
padding:2px 0;
}

tr.tHeader td {
font-family:'futura-pt', sans-serif;
font-weight:700;
font-size:20px;
text-transform:uppercase;
color:#fff;
padding:4px 0;
}

tr.tHeader.second td {
padding-top:20px;
}

span.time {
margin-right:25px;
display:inline-block;
float:left;
}

span.artistName {
width:150px;
display:inline-block;
float:left;
}

/*---Artist's page---*/

body.page-template-page-artists-php {

}

.tabholder {
padding-left:30px;
}

.ui-tabs-hide {
display:none;
}

.ui-tabs-panel .highlightImage {
width:31%;
margin-right:31px;
}

.ui-tabs-panel .highlightImage.item3, .ui-tabs-panel .highlightImage.item6, .ui-tabs-panel .highlightImage.item9, .ui-tabs-panel .highlightImage.item12, .ui-tabs-panel .highlightImage.item15, .ui-tabs-panel .highlightImage.item18, .ui-tabs-panel .highlightImage.item22, .ui-tabs-panel .highlightImage.item26, .ui-tabs-panel .highlightImage.item29, .ui-tabs-panel .highlightImage.item33, .ui-tabs-panel .highlightImage.item36, .ui-tabs-panel .highlightImage.item39, .ui-tabs-panel .highlightImage.item42 {
margin-right:0;
}

.artistsMain {
clear:both;
}

.post {
padding:40px 0;
overflow:hidden;
}

.post .artistImage {
float:left;
}

.post .postText {
float:left;
width:600px;
margin-left:30px;
}

.postText h2 {
font-size:65px;
color:#fff;
margin-bottom:0.5em;
line-height:50px;
}

/*---Tickets----*/

.daysHolder {
overflow:hidden;
}

.ticketDays {
float:left;
color:#000;
text-transform:uppercase;
font-size:16px;
}

.ticketDays.first {
width:40%;
}

.ticketDays.second {
width:35%;
}

.ticketDays.third {
width:25%;
}

.ticketDays h2 {
font-size:28px;
margin-bottom:7px;
}

.ticketDays p {
margin:0;
}

.notice {
clear:both;
margin:30px 0 0;
padding:30px 0;
border-bottom:1px solid #000;
font-family:'futura-pt', sans-serif;
font-weight:700;
text-transform:uppercase;
}

.notice p {
margin:0;
}

.notice.freeStage {
border-top:1px solid #000;
font-size:36px;
line-height:1;
letter-spacing:0.026em;
}

.notice.workshops {
margin-top:0;
font-size:27px;
}

.notice.buytickets {
margin:0;
color:#000;
font-size:34px;
position:relative;
}

.notice a {
color:#000;
text-decoration:none;
}

.notice a:hover {
color:#000;
text-decoration:underline;
}

a.webtickets {
position:absolute;
right:0;
top:15px;
display:block;
text-indent:-9999px;
background:url(/wp-content/themes/CTWMF/img/webtickets.png) no-repeat;
width:192px;
height:53px;
}

.ticketOutlets {
overflow:hidden;
}

.ticketOutlets p {
font-size:20px;
font-weight:700;
letter-spacing:0.01em;
}

ul.outlets {
float:left;
color:#000;
list-style:none;
width:30%;
padding:0 48px 0 0;
}

ul.outlets li {
margin:0 0 20px;
}

ul.outlets.third {
padding:0;
}

span.suburb {
text-transform:uppercase;
font-weight:700;
}

/*---Forms and form pages---*/

.page-template-page-media-php .hero-unit, #generalInquiries, #artistInquiries {
overflow:hidden;
}

.page-template-page-media-php .contactContent p:nth-of-type(1) {
font-size:20px;
margin-bottom:280px;
}

.contactContent {
float:left;
width:300px;
color:#000;
font-size:16px;
}

.contactForm {
float:left;
padding-left:20px;
width:640px;
color:#000;
}

.page-template-page-media-php .contactForm, .page-template-page-media-php .contactContent {
border-top:1px solid #000;
}

.gform_wrapper {
max-width:100%;
}

#fieldset_1 {
float:left;
width:48%;
}

#fieldset_2 {
float:right;
width:48%;
margin-left:11px;
}

.gform_wrapper ul {
padding:0;
}

.gform_body, #gform_wrapper_1, #gform_1 {
overflow:hidden;
}

.top_label.description_below {

}


.gform_wrapper textarea, .gform_wrapper input[type="text"], .gform_wrapper input[type="password"], .gform_wrapper input[type="datetime"], .gform_wrapper input[type="datetime-local"], .gform_wrapper input[type="date"], .gform_wrapper input[type="month"], .gform_wrapper input[type="time"], .gform_wrapper input[type="week"], .gform_wrapper input[type="number"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="search"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="color"], .gform_wrapper .uneditable-input {
-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
background-color: transparent;
border: 1px solid #000;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
border-radius:0;
font-size:14px !important;
height:28px;
line-height:28px;
width:290px;
padding:2px 5px !important;
color:#333;
}

.gform_wrapper textarea.textarea.medium {
width:90%;
height:300px;
width:289px;
}

li#field_1_9 .gform_wrapper textarea.textarea.medium  {
height:417px;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
font-size: 1.5em !important;
font-family:'futura-pt', sans-serif;
border:1px solid #000;
outline:none;
background:transparent;
margin:0;
font-weight:700;
text-transform:uppercase;
padding:5px 10px !important;
float:right;
}

.gform_wrapper .gform_footer {
margin:0 !important;
padding-top:10px !important;
}

/*--Footer---*/

footer {
min-height:250px;
background:url(/wp-content/themes/CTWMF/img/basePink.jpg);
padding:40px 0;
}

.footerInside {
border-top:1px solid #000;
width:960px;
padding:30px 0;
margin:0 auto;
overflow:hidden;
}

ul.footerNav, ul.socialNav {
list-style:none;
padding:0;
margin:0;
float:left;
}

ul.footerNav {
padding:16px 0;
}

ul.footerNav li, ul.socialNav li {
display:inline-block;
color:#fff;
border-right:1px solid #fff;
padding:0 10px;
font-size:12px;
line-height:1;
}

ul.footerNav li:first-child {
padding-left:0;
}

ul.footerNav li:last-child {
border:0;
}

ul.footerNav li a { 
color:#fff;
text-decoration:none;
}

ul.footerNav li:first-child a { 
padding-left:0;
}

ul.footerNav li a:hover { 
text-decoration:underline;	
}

ul.socialNav li.facebook, ul.socialNav li.twitter {
border:0;
padding:0 0 0 10px;
}

ul.socialNav li.facebook a, ul.socialNav li.twitter a { 
display:inline-block;
width:48px;
padding:0;
height:46px;
text-indent:-9999px;
background:url(/wp-content/themes/CTWMF/img/facebook.png) no-repeat;
}

ul.socialNav li.twitter a {
background:url(/wp-content/themes/CTWMF/img/twitter.png) no-repeat;
}

.newsletter {
float:right;
width:400px;
border:1px solid #000 !important;
background-color:none !important;
margin: 5px 0 0;
}

.newsletter form{
margin:0;
}

#FbridgeSGWidget h2 {
font-size:1.2em !important;
}

input[type="text"]#email {
border:none;
background:0px;
color:#000;
width:354px;
margin:7px 0;
box-shadow:none;
}

input[type="text"]#email:focus {
box-shadow:none;
border:none;
}

input::-webkit-input-placeholder {
    color:    #333;
}
input:-moz-placeholder {
    color:    #333;
}
input:-ms-input-placeholder {
    color:    #333;
}


input[type="submit"]#newsletterSubmit {
background:url(/wp-content/themes/CTWMF/img/newsletter.png) no-repeat;
text-indent:-9999px;
border:none;
outline:none;
height:25px;
width:26px;
}

a#fanbridge {
display:block;
float:right;
font-size:12px;
margin:10px 0 0;
}

iframe {
margin-top:30px;
}

/*-----Responsive gear-----*/


/* Large desktop */
@media (min-width: 1200px) {
	
	.container, .navbar .container {
    width: 990px;
  }

	.span8 {
    width: 630px;
  }

	.span4 {
    width: 300px;
  }

}

@media screen and (max-width: 1024px) {
	
	ul.lineUp {
	width:50%;
	}
}

 
/* Portrait tablet to landscape and desktop */
@media only screen and (min-device-width: 768px) and (orientation: portrait),
screen and (max-width: 1024px) { 
	
	.navbar .nav > li {
	    margin-right: 12px;
	}
	
	ul.lineUp {
	width:50%;
	}
	
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	ul.lineUp {
	width:100%;
	min-height:120px;
	}
	
	.hero-unit {
	padding-left:0px;
	}
	
	.highlightImage {
	width:45%;
	margin-left:0;
	}
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	
	.row.homeBg {
	padding-left:20px;
	}
	.hero-unit {
	padding-left:0px;
	}
	
	.highlightImage {
	width:225px;
	}
		
	.homeText h2 {
	font-size:24px;
	line-height:32px;
	margin-bottom:15px;
	}
	
}