/*
Theme Name: TWB White
Version: 1.0
Author: Southern Ground
Author URI: http://southernground.net
Tags:

COLORS
main navigation links: #d55b27
interior text links: #347b86
hover: #c7ba99


WEB FONTS
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Six Caps', sans-serif;



TABLE OF CONTENTS

01 - Reset
02 - Global
03 - General Layout
        Hero
04 - Custom Links and Navigation
        Social Links in Header
        Global Site Navigation
        Global Content Links
05 - Content
        Home Page
        News Page (Blog roll)
        Tour Page
        Music and Discography
        Video and Photo page
        Art Page - Posters and Post Cards
        Contact Page
06 - Some UI Clean up
*/

/* /////////////////////////////////////////////////////////////////////
//  01 - Reset
/////////////////////////////////////////////////////////////////////*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 110%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



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

body {
	font-size: 91%;
	font-family: 'Port Lligat Sans', Helvetica, Arial, sans-serif;
	width:auto; height:auto;
	padding: 0 0 30px 0;
	margin: 0;
        color:#363636;

}
small {
    font-size: 85%;
}
p {
	line-height: 1.25em;
	margin: 10px 0;
}

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

li {
	margin: 0 0 0 0;
	padding: 0;
}

img {
	margin: 0;
        border:none;
}

img.noBorder{
	padding: 0;
	background: none;
	border: none;
}

img.left {
	margin: 0 15px 15px 0;
	float: left;
}

a {
	text-decoration: none;
	outline: none;
}

a{
	color: #347b86;
}

a:hover {
	color:#c7ba99;
}

a img {
	border:none;
}

h1, h2, h3, h4, h5, h6{
	color: #594a41;
	margin: 0 0 15px 0;
	font-weight: normal;
        text-transform: uppercase;
}

h1{
    font-size: 5em;
    font-family: 'Six Caps', Arial, Helvetica, sans-serif;
}

h2{
    font-size: 3.5em;
    font-family: 'Six Caps', Arial, Helvetica, sans-serif;

}

h3{
    font-size: 2.65em;
    font-family: 'Six Caps', Arial, Helvetica, sans-serif;
}

h4 {
    font-size: 1.25em;
    font-family: 'Port Lligat Sans', Arial, Helvetica, sans-serif;
}

h5 {
    font-size: 1em;
    font-family: 'Port Lligat Sans', Arial, Helvetica, sans-serif;
}

blockquote, address {
    margin: 0 0 30px 0;
    padding: 0 30px 0 30px;
    font-style: italic;
    font-size: 1.2em;
    font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif;
}

code {
    font-family: "Courier New", Courier, serif;
    overflow: auto;
    padding: 2px;
    background: #fff;
}

pre code {
    background: none;
}

pre {
    margin: 0 0 20px;
    padding: 10px;
    background: #fff;
    overflow: auto;
    border: 1px solid #e4e4e4;
}

.left {
    float: left;
}

.right {
    float: right;
}

.meta {
    color: #b0b0ad;
}

.meta a{
    color: #7d7d7b !important;
}

.meta a:hover{
	color: #b0b0ad !important;
}

input[type="text"], textarea {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    padding: 5px;
    font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6a6a6a;
    width:100%;
}

input[type="text"]:focus {outline: none; background: #f4f4f4;}
textarea:focus {outline: none; background: #f4f4f4;}

textarea { width: 500px; font-size: 13px;}


/* /////////////////////////////////////////////////////////////////////
//  03 - General Layout
/////////////////////////////////////////////////////////////////////*/

.containerWide {/*optimized for responsive*/
    width: 100%;
    min-width: 930px; /*this is for desktop, starts to break the main nav*/
    min-height: 600px;
    margin: 0px auto;
    background: url(img/bgs/pageGradient.png) repeat-x 0px -527px;
}
.containerContent {
        min-width:930px;/*this is for desktop, for mobile, remove and display none for right image on bio page.*/
	max-width:930px;
	margin:0px auto;
        padding:0px 15px 70px 15px;
}


/* #Larger than standard 960 (devices and browsers)
================================================== */

/* Note: Design for a width over 960px - to stop at 960px */


    #heroWide {
        width:100%;
        min-width: 930px; /*this is for desktop, starts to break the main nav*/
        max-height: 530px;
        background:#c1c8c8;
    }
    #heroContainer {
        position:relative;
        width: 100%;
        max-width: 1280px;
        min-width:960px;
        max-height: 530px;
        margin: 0px auto;
        text-align: center;
        color: #fff;
    }

    #heroContainer img {
        width: 100%;
        margin: 0;
        border: none;
        max-height: 530px;
    }

#heroWide.blog {background:#24201f;}

#heroWide.single {background:#c1c8c8;}

#heroWide.home {background:#222;}

#heroWide.tour {background:#000;}

#heroWide.music {background:#000;}

#heroWide.single-album {background:#fff;}

#heroWide.page-template-biotemplate-php {background:#412b20;}

#heroWide.photo-video {background:#fff;}

#heroWide.art {background:#000;}

#heroWide.contact {background:#4b4b4b;}


footer{
    width:100%;
    text-align: center;
    font-size: 10px;
    color:#b8b4aa;
    background:url(img/bgs/footerhr.gif) no-repeat top center;
    padding: 35px 0 0 0;
}

/* /////////////////////////////////////////////////////////////////////
//  04 - Custom Links and Navigation
/////////////////////////////////////////////////////////////////////*/

/* Social Links in Header
================================================== */
.socialLinks {
	display:block;
	position:absolute;
	top: 15px;
        right:13%;
	height: 65px;

}
.socialLinks ul {
	 list-style: none;
         min-width: 160px;
}

@media only screen and (max-width: 1089px) {

    .socialLinks {
        top: 10px;
        right:7%;
    }
    .socialLinks ul li {
            margin: 10px 9px 0 0;
    }
}

.socialLinks ul li {
        float:left;
        margin: 4px 11px 0 0;
}
.socialLinks ul li a span {
        display: none;
}
.socialLinks ul li a {
        background-image: url(img/bgs/social.png);
        background-repeat: no-repeat;
        display: block;
        height: 32px;
        width: 33px;
}
ul li.twitter a {
        background-position: 0px -32px;
}

ul li.twitter a:hover {
        background-position: 0px 1px;
}

ul li.facebook a {
        background-position: -42px -32px;
}

ul li.facebook a:hover {
        background-position: -42px 1px;
}

li.instagram a {
        background-position: -87px -32px;
}
li.instagram a:hover {
        background-position: -87px 1px;
}

li.myspace a {
        background-position: -130px -32px;
}
li.myspace a:hover {
        background-position: -130px 1px;
}
li.youtube a {
        background-position: -174px -32px;
}
li.youtube a:hover {
        background-position: -174px 1px;
}
li.itunes a {
        background-position: -215px -32px;
}
li.itunes a:hover {
        background-position: -215px 1px;
}

/* Global Site Navigation
================================================== */
nav.mainNav {/*optimized for responsive*/
width: 100%;
height:48px;
max-width: 1280px;
min-width:960px;
max-height: 50px;
margin: 0px auto;
}

.mainNav ul {
    min-width: 960px;
	list-style:none;
	text-transform: uppercase;
        text-align: center;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
        font-weight: 300;
	font-size: 1.65em;
	line-height:2em;
	margin: 0px auto;
	color:#d55b27;
}
@media only screen and (max-width: 960px){
    .mainNav ul {
        font-size:1.5em;
    }

}
.mainNav ul li:first-child {
	background:none;
        padding-left:0px;
}

.mainNav ul li {
	text-align: center;
	display: inline;
	position: relative;
	background:url(img/bgs/mainNav.gif) no-repeat 7px 14px;
	padding-left: 2%;
}

.mainNav ul li a {
	color:#d55b27;
	text-decoration: none;
	padding: 4px 8px;

}

.mainNav ul a:hover {
	color:#c7ba99;

}

/* Global Elements
================================================== */
.button{
    display:inline-block;
    padding:5px 10px;
    background:#363636;
    color:#fff;
    font-family: 'Port Lligat Sans', Arial, Helvetica, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.button a {color:#fff;}

.page-template-biotemplate-php .button{
    display:block;
    width:120px;
    text-align: center;
    margin-top:10px;
}

.photoCaption{
    font-size:.75em;
    color:#7d7d7b;
}
/* /////////////////////////////////////////////////////////////////////
//  05 - Content
/////////////////////////////////////////////////////////////////////*/

.widePage{padding:50px 0px 0px 0px;}

/*start not in use*/
.twoColContent{
    width:550px;
    margin:0px 60px 0px 0px;
    display: inline-block;
    vertical-align: top;
}

.twoColSide{
    width:320px;
    display: inline-block;
    vertical-align: top;
}

.twoColSide img{
    width:320px;
    height: auto;
}
/*end not in use*/

.leftContent{
    width:590px;
    display:inline-block;
    vertical-align: top;
    padding:50px 0 20px 0;
}
.leftContentItem {
    margin:0px 0px 40px 0px;
}

.rightSidebar{
    width:300px;
    display:inline-block;
    vertical-align: top;
    background:url(img/bgs/sidebar.png) no-repeat 0px 0px;
    padding:50px 0px 0px 30px;
}

.rightSidebarItem{
    margin:40px 0px 0px 0px;
}

.rightSidebarItem:first-child{
    margin:0px 0px 0px 0px;
}


/* Home Page
================================================== */

/*leftContentItem - News*/
.newsPost{
    padding:0px 0px 15px;
}

.newsPost a img{
    display: inline-block;

}

.newsPost section{
    display:inline-block;
    vertical-align: top;
    width:330px;
    max-height:100px;
    padding-left:20px;
}

.postThumb{
    display:inline-block;width:150px;height:150px;border:1px solid;
}

.readMore {
    float:left;
}

.shareThis{
    position:relative;
    display:block;
    text-align: right;
    margin:20px 0px 0px 100px;

}

.fb a{
    display:inline-block;
    background: url(img/bgs/fb_tw.gif) no-repeat 0px 0px;
    width:23px;
    height:23px;
}

.fb a span {display: none;}

.tw a{
    display:inline-block;
    background: url(img/bgs/fb_tw.gif) no-repeat -29px 0px;
    width:23px;
    height:23px;
}

.tw a span {display: none;}


.rss_news{
    padding-top:20px;
}
.rssSubscribe {
    padding-left:30px;
    margin-right:5px;
    background:#363636 url(img/bgs/rss.gif) no-repeat 7px 3px;
}
.rssSubscribe, .moreNews{
    position:relative;
    font-size: 15px;
}

/*rightSidebar - Tours */
.sidebarTours ul, .sidebarTours .button{
    margin:10px 0px 0px 0px;
}
.dateBox {
    width:40px;
    display:inline-block;
    vertical-align: top;
    margin:0px 5px 0px 0px;
    background: #f3f0ed;
}

.dateBox .month{
    background:#e4ddcd;
    text-align: center;
    padding:3px;
    font-size:10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}

.dateBox .day{
    text-align: center;
    padding:3px;
    font-size:20px;
}

.showName{
    width:250px;
    display:inline-block;
    padding-top:3px;
    text-transform: uppercase;
}
.showName a{
    font-size:15px;
}
.showName p{margin-top:0px;}

/*rightSidebar - Constant Contact form*/
#constant-contact-signup input[type="text"]{/*width:96%;*/}
#constant-contact-signup input[type="submit"]{
    text-transform: lowercase;
    border:none;
    width:71px;
    margin-left:80%;
    font-size:100%;
}

/*Constant Contact on homepage*/
form input.button{
    /*submit button*/
}


/* News Page (Blog roll)
================================================== */
.blog h1{
    display:inline-block;
}

.blog .rssSubscribe{
    margin:0px 0px 0px 10px;
    padding:16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    display:inline-block;
    background:#363636 url(img/bgs/rss.gif) no-repeat 7px 5px;
}

.blog a.rssSubscribe span{
    display:none;
}


.newsLoop {
    margin: 0px 0px 50px 0px;
}

.newsLoop img{
    width:200px;
    height:200px;
}

.postContainer{
    width:500px;
    height:200px;
    display:inline-block;
    vertical-align: top;
    margin: 0px 0px 0px 30px;
}

.postContainer .shareThis p, .fb, .tw{
    display:inline-block;
    vertical-align: middle;
}


.postsNav {
    width:20%;
    margin:0px auto;
}
.postsNav a{

    padding:5px 10px;
    background:#363636;
    color:#fff;
    font-family: 'Port Lligat Sans', Arial, Helvetica, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.postsNav .next-posts, .prev-posts{
    display:inline-block;
}

.postsNav .prev-posts{
    margin-left:30%;
    color:#fff;
}

.postNav {
    margin:60px auto 0px;
}

.postNav .next-post, .prev-post{
    display:inline-block;
    float:left;
}
.postNav .prev-post{
    float:right;
}


/* Tour Page
================================================== */

.tourNewsletter{
    width:765px;
    margin:0px auto;
    padding:5px 0px 10px 0px;

}

.tourNewsletter * {
    display:inline-block;
    vertical-align: middle;
    margin:0px;
}

.tourNewsletter h3{margin-right:10px;}

.tourNewsletter #constant-contact-signup label {
    display:none;
}

.tourNewsletter #constant-contact-signup input[type="text"]{width:300px;}
.tourNewsletter #constant-contact-signup input[type="submit"]{
    text-transform: uppercase;
    border:none;
    margin-left:10px;

}

.tourTable{
    width:100%;
    text-transform: uppercase;
}

.tourTable th{
    text-align: left;
    padding-left: 10px;
    font-family: 'Port Lligat Sans', sans-serif;
    font-size:18px;
    color:#c2c2c2;
}

.tourTable tr{
    height:40px;
}

.tourTable tr:nth-child(odd){
    background:#ebebeb;
}

.tourTable th, td.shareTour {background:#fff;}


.tourTable td{
    vertical-align: middle;
}

.tourTable td.shareTour{
    width:8%;
}
.tourTable td.date{
    padding:0px 0px 0px 10px;
    width:17%;
}
.tourTable td.city{
    width:20%;
}

.tourTable td.tickets{
    padding:0px 25px 0px 0px;
    text-align: center;
    width:11%;
}
.tourTable td.tickets .button{
    white-space:nowrap;
}

.tourTable .shareThis{
    position:relative;
    display:inline;
    float: none;
    top:0px;
    margin-left:0px;
}

.tourTable .shareThis .tw{margin-right:10px;}


/* Music and Discography
================================================== */
.discLeft{
    width:225px;
    display: inline-block;
    vertical-align: top;
}

.buyLinks{
    padding:25px 0px 0px 0px;
}

.buyOurStore {
    margin:0px 0px 18px 0px;
}

.buyOurStore a{
    background:#594a41;
    padding:5px 8px;
    text-transform: uppercase;
    color:#fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.buyItunes, .buyAmazon {
    margin:0px 0px 10px 0px;
}

.discRight{
    width:300px;
    display: inline-block;
}

.discRight h1{
    font-size:4.25em;
}

.discRight ol{
     list-style:inside;
     list-style-type: decimal;

}

.trackListing{margin:25px 0px 0px 0px;}

.track{padding:2px 0px;}

.Nsong{
    cursor: pointer;
    color: #347b86;
}

/*for lyrics pop up*/
.ui-dialog{
    background:#fff;
    border:1px solid #c2c2c2;
    padding:20px;
    overflow:auto;
}
.ui-dialog-title {
    font-size:25px;
}

.ui-dialog-titlebar-close{
    float:right;
}
.ui-widget-overlay{
    background:#000000;
    opacity: .5;
    position:absolute;
    top:0px;
    left:0px;

}

.discCredits{
    width:575px;
    margin:25px 0px 0px 0px;
}

/*Thumbs in Discography right sidebar*/
.theAlbumThumb {
    display:inline;
}




/* Video and Photo page
================================================== */
.videoTitle{
    display:inline-block;
    vertical-align: middle;
}

.videoContainer{
    width:940px;
    height:340px;
    overflow:hidden;
    background: url(img/bgs/footerhr.gif) no-repeat bottom center;

}

.videoContainer .video{/*is this in use?*/
    display:inline;
    margin:0 15px 0 0;
    float:left;
}



.photosContainer{
    display:inline-block;
    vertical-align: top;
    width:610px;
    overflow:hidden;
}

#gallery-1 img{
    -moz-box-shadow: 0 0 9px #ddd;
    -webkit-box-shadow: 0 0 9px #ddd;
    box-shadow: 0 0 9px #ddd;
    border:none;
}

.instagramContainer{
    display:inline-block;
    vertical-align: top;
    height:295px;
    padding:20px 10px;
    margin:10px 0px 0px 20px;
    -moz-box-shadow: 0 0 9px #ddd;
    -webkit-box-shadow: 0 0 9px #ddd;
    box-shadow: 0 0 9px #ddd;

}

.instagramTitle {
    margin:20px 0px 0px 0px;
}



/* Art Page - Posters and Post Cards
================================================== */
.art-posters .wideContentItem{
    width:840px;
    margin:auto;

}
.posters{
    width:750px;
    height:385px;
    margin:0px auto 30px;
    background:url(img/bgs/footerhr.gif) no-repeat bottom center;
}
.poster{
    margin:0px 20px 0px 0px;
}

.postcards{
    width:651px;
    margin:0px auto;
}

li.postcard{
    margin:0px 15px 15px 0px;
    height:130px;
        -moz-box-shadow: 0 0 9px #ddd;
    -webkit-box-shadow: 0 0 9px #ddd;
    box-shadow: 0 0 9px #ddd;
    border:none;
    display:inline-block;
}


/* Contact Page
================================================== */
.contact table {
    width:100%;
}

.contact tr{
    height:120px;
}

.contact tr:nth-child(odd) {
    background: #ebebeb;
}

.contact td{
    vertical-align: middle;
}
.contact td:first-child {
    width:230px;
    padding:25px 0 25px 30px;
}

.contact ul {
    list-style: none;

}
.contact ul li {
    padding-bottom: 7px;
}

/* Store Page
================================================== */

.productRow {
     margin:0 0 55px 0;
}

.productRow .left {
     width:290px;
}

.productRow .left p {
     width:270px;
}

.productRow .product {
     float:left;
     margin-right:45px;
     width:270px;
}


/* /////////////////////////////////////////////////////////////////////
//  06 - Some UI Clean up (Overrides)
/////////////////////////////////////////////////////////////////////*/

.noBG{background:none;}
.fancy_title{display:none;}
.store .fancy_title {display:inline-block;}
.store span#fancy_right_ico {right: 20px;}
.store span#fancy_left_ico {left: 20px;}
.musicPlayer h3{display:none;}
.mainNav #mobileNav {display:none;}

.newsPost p {margin:5px 0;}
.newsPost .shareThis {margin-top:10px;}
.newsPost .articleHeader h4.postTitle {margin:0 0 5px 0;}

/*///////////////////////////////////////////////*/
.newsPostContent{
    padding:15px 0px 80px 0px;
}


.newsPostContent .postThumb img{
    display: inline-block;
    width:150px;height:150px;

}

.newsPostContent .postThumb{
    display:inline-block;width:150px;height:150px;border:1px solid;
}


.newsPostContentItem {
    display:inline-block;
    vertical-align: top;
    width: 750px;
    margin-left: 20px;
}

.newsPostContentItem .postTitle {display:inline;margin-right: 20px;}

.newsPostContentItem img{
    max-width: 720px;
    height:auto;
}

.newsPostContent .shareThis{
    display:inline;
    float: none;
    top:0px;
}
#toTop {
	width:100px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:11px;
}