/*
Theme Name: Townie Records
Theme URI: not publicly available
Version: 1.0
Author: Joseph C Dolson / Kelly Hobkirk
Author URI: http://www.joedolson.com / http://www.trainofthought.net
Description: Custom Theme
*/
* {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Verdana, sans-serif;
text-align: center;
font-size: 62.5%;
background: #5e5e5e url(/images/aluminum.jpg) 50% 0;
}
a {
color: #036;
text-decoration: none;
}
a:hover {
color: #f33;
text-decoration: underline;
}
a:active, a:focus {
color: #000;
text-decoration: underline;
}
img {
border: none;
}
.column img {
display: block;
}
#outer {
width: 1156px;
margin: 0px auto;
text-align: left;
font-size: 1.2em;
background: #fff;
padding: 0 7px;
}
.column {
width: 232px;
float: left;
text-align: center;
}
.c3, #mediabar, #videos, #audio {
width: 460px;
}
.blogpage .c3 {
width: 692px;
}
.presspage .c3, .artist .c3 {
width: 924px;
}
.presspage strong em {
color: #f33;
}
.presspage em {
font-weight: 700;
}
#head .c3 {
width: 232px;
}
.c5 {
width: 232px;
}
.blogpage .c5 {
width: 228px;
}
.c4, #head .c5 {
width: 228px;
}
.c4 {
margin-left: 4px;
}
.c4 .topspin-widget {
margin: 2px 0;
}
#jplayerSmall { margin:4px 0; }
#head .c4 {
margin-left: 0;
}
.c5 {
margin-left: 4px;
}
.column .nav {
display: block;
width: 228px;
height: 150px;
padding: 0;
margin: 0 0 4px;
background: #036;
color: #fff;
font-size: 1.6em;
font-family: Helvetica, sans-serif; 
text-transform: uppercase;
position: relative;
}
#head .column div .nav {
height: 73px;
}
#head .nav {
font-size: 1.4em;
}
.column .top {
margin-top: 0;
padding-top: 0;
}
.column .nav:hover, .column .current {
background: #147;
}
.column .current {
font-weight: 700;
}
.column .nav span {
position: absolute;
left: 24px;
bottom: 32px;
}
#head .column .nav span {
bottom: 28px;
}
.column img {
margin: 0 0 4px;
}
.subcol {
width: 232px;
float: left;
}
.c3 .right {
width: 228px;
}
#content, #mediabar, #sidebar {
margin-bottom: 50px;
}
.post-content {
font-size: 1.2em;
line-height: 1.45;
color: #333;
padding: 0 12px;
}
.post-title {
line-height: 1!important;
}
#jdcomments {
padding: 0 12px;
}
.post-content a {
color: #f33;
}
.post-content a:hover, .post-content a:focus, .post-content a:active {
text-decoration: underline;
}
.post-content p {
margin-bottom: .5em;
}
#content h1 {
background: #f33;
color: #fff;
padding: 4px 12px 2px!important;
margin: 0!important;
font-size: 2.6em;
line-height: 1;
}
#sidebar {
min-height: 300px;
}
#sidebar ul {
list-style-type: none;
}
#sidebar li a {
display: block;
padding: 1px 5px;
}
#skiplinks {
position: absolute;
left: -999em;
}
#skiplinks li {
display: inline;
}
#skiplinks li a {
display: block;
float: left;
padding: 3px;
}
#skiplinks a:focus, #skiplinks a:active {
position: absolute;
left: 10px;
}
.searchform {
background: #444 url(/images/search_backg.jpg) no-repeat;
height: 63px;
padding: 6px 0 4px 0;
margin: 0;
width: 228px;
}
.newsletter {
background: #f44 url(/images/email_signup.jpg) no-repeat;
height: 67px;
margin-bottom: 4px;
color: #fff;
text-align: left;
padding: 8px 18px 2px;
}
.newsletter .wpcf7-validates-as-email {
width: 150px;
padding: 2px;
margin: 2px 2px 0 0;
}
#newsletter-submit {
width: 22px;
height: 22px;
background: url(/images/email_arrow.gif) no-repeat;
border: none;
vertical-align: bottom;
font-size: 0px;
cursor: pointer;
margin: 2px 0;
color: #f00;
}
.newsletter strong {
font-size: 1.5em;
}
.newsletter p {
font-weight: 700;
font-size: 1em!important;
line-height: 1.2;
}
.searchform label {
position: absolute;
left: -999em;
}
#s {
background: none;
border: none;
color: #fff;
font-size: 1.2em;
font-weight: 700;
width: 142px;
font-family: Helvetica, sans-serif;
}
.searchform .button {
vertical-align: middle;
}
h1, h2, h3, h4, p {
padding: .5em 0;
line-height: 1.4;
}

#content ul, #content ol, #content dl {
margin: 0 0 .5em 1em;
}

table th {
text-align: left;
background: #ddd;
border-bottom: 2px solid #ccc;
}
table td {
border: 1px solid #eee;
}
caption {
font-weight: 700;
border: 1px solid #ddd;
background: #eee;
}
.wp-caption {
border: 1px solid #ddd;
background: #f6f6f6;
text-align: center;
padding: 5px 0;
}
.alignright {
float: right;
margin-left: 15px!important;
}
.alignleft {
float: left;
margin-right: 15px!important;
}
.wp-caption-text {
font-size: .9em;
color: #333;
background: #f9f9f9;
font-family: Arial, Verdana, sans-serif;
padding: 1px 5px;
}
.alignright .wp-caption-text {
text-align: right;
}
.alignleft .wp-caption-text {
text-align: left;
}
#footer {
clear: both;
padding: 10px 0 7px;
border-top: 1px solid #204d79;
font-size: .9em;
color: #036;
}
#footer img {
position: relative;
top: -3px;
margin-right: 4px;
}
#footer span {
color: #fff;
padding: 0 .4px;
}
#footer .sep {
padding: 0 10px;
}
#footer .tot {
float: right;
width: 180px;
text-align: right;
position: relative;
}
#footer .email a {
color: #666;
padding:0 12px 0 2px;
}
#footer img {
vertical-align: top;
}
#sidebar, #content, #mediabar, .c5 .blog-sidebar {
text-align: left;
}
#tour {
margin-top: 4px;
background: #f33;
width: 228px;
}
#tour h2 {
padding: 4px 8px 0;
text-align: left;
background: none!important;
line-height: 1.2;
font-size: 1.8em;
}
#tour h2 a {
color: #fff;
display: block;
background: url(/images/25p_tour_button.gif) right center no-repeat;
}
#tour h2 a:hover {
text-decoration: none;
}

#tourdates {
background: #f33;
padding: 5px;
}
#tourdates ul {
background: #fff;
padding: 10px;
}
#tourdates li {
color: #000;
font-weight: 700;
font-size: 1.2em;
padding: 0;
}
#tourdates li span {
color: #f33;
}
#video {
background: #000;
margin: 0;
}
#video {
color: #fff;
}
#video .title {
margin: 0 10px;
font-size: .8em;
}
#video h3 {
margin: 0 25px;
}
#audio {
background: #efefef;
}
#mediabar h2, .c5 .blog-sidebar h2, #audio h2, #videos h2 {
font-size: 2.6em;
line-height: 1;
padding: 4px 12px 2px;
margin: 0;
background: #147;
color: #fff;
}
#mediabar ul, .c5 .blog-sidebar ul, #videos ul, #audio ul {
margin: 4px 0 0;
list-style-type: none;
padding: 0 12px 12px;
background: #deebf7;
}
#mediabar ul li span, .c5 .blog-sidebar ul li span, #videos ul li span, #audio ul li span {
color: #666;
font-size: .9em;
line-height: 1.45;
}
#mediabar ul li h3, .c5 .blog-sidebar ul li h3, #videos ul li h3, #audio ul li h3 {
margin: 0;
padding: 0;
text-transform: uppercase;
}
#mediabar ul li h3, #mediabar ul li p, .c5 .blog-sidebar ul li h3, .c5 .blog-sidebar ul li p, #videos ul li h3, #videos ul li p, #audio ul li h3, #audio ul li p {
font-size: 1.2em;
}
#mediabar ul li, .c5 .blog-sidebar ul li, #videos ul li, #audio ul li {
color: #333;
line-height: 1.45;
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 1px dotted #999;
}
#audio h2 {
font-size: 2.4em;
}
#swag {
width: 228px;
overflow: hidden;
}
#swag h2 {
background: #000;
font-size: 2em;
color: #fff;
padding: 0 0 0 8px;
}
#swag img {
float: right;
margin-top: 8px;
margin-right: 8px;
}
#swag p {
line-height: 1.4;
font-size: 1.2em;
color: #000;
padding-left: 8px;
}
#swag a {
font-weight: 700;
}
#swag .free {
color: #f33;
}
#swag .buy {
color: #06c;
}
.archives {
background: #deebf7;
text-align: center;
padding-bottom: 12px;
padding-top: 13px;
margin-top: -13px;
}
.archives a {
background: #66b3e6;
padding: 4px 8px;
color: #fff;
font-weight: 700;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.archives a:hover {
background: #56a3d6;
}
#workwithus {
margin-top: 4px;
padding-bottom: 30px;
background: url(/images/redstar.gif) 50% bottom no-repeat;
}
.blogpage #workwithus {
padding-bottom: 0;
background: none;
}
#workwithus h2 {
background: #000;
font-size: 2.2em;
padding: 4px 12px;
}
#workwithus p {
line-height: 1.45;
color: #204d79;
font-size: 1.5em;
}
#workwithus a {
text-decoration: underline;
}
#workwithus a:hover {
text-decoration: none;
}
.blog h2 {
text-transform: uppercase;
line-height: 1.45;
margin: 5px 0;
padding: 0;
border-bottom: 1px solid #ccc;
}
.blog .post-content p {
line-height: 1.6!important;
}
.blog h2 a {
color: #333;
}
.blog h2 a:hover {
color: #f33;
}
.blogpage .post-content {
font-size: 1.3em;
}
.blog-sidebar h2 {
font-size: 1.4em!important;
padding: 16px 12px 4px!important;
}
.double-sidebar {
height: 400px;
min-height: 400px;
background: #deebf7 url(/images/redstar.gif) 50% 97% no-repeat;
}
.double-sidebar div {
width: 230px;
float: left;
}
#mediabar .double-sidebar div li {
padding: 0;
margin: 3px 0;
border: none;
}
#mediabar .double-sidebar div li a {
color: #222;
}
#mediabar .double-sidebar div li a:hover {
color: #f33;
}
.c5 .blog-sidebar .double-sidebar div li {
padding: 0;
margin: 3px 0;
border: none;
}
.c5 .blog-sidebar .double-sidebar div li a {
color: #222;
}
.c5 .blog-sidebar .double-sidebar div li a:hover {
color: #f33;
}
#mediabar .left, .before_page .left {
float: left;
margin-right: 4px;
}
.before_page .champlogo {
padding: 22px 10px 22px 9px;
}
#content #post-7, #content #post-8 {
background: #fff;
color: #333;
font-size: 2em;
text-transform: uppercase;
margin-top: 12px!important;
}
.wpcf7 p span {
font-size: .8em;
}
.wpcf7 p {
padding: 0;
font-size: .9em;
}
.wpcf7 .fname {
width: 200px;
float: left;
}
.wpcf7 .fname input, .wpcf7 .lname input {
width: 200px;
}
.wpcf7 .lname {
width: 200px;
margin-left: 210px;
}
.wpcf7 .a1 input {
width: 160px;
}
.wpcf7 .a2 input {
width: 140px;
}
.wpcf7 .a3 input {
width: 40px;
}
.wpcf7 .a4 input {
width: 60px;
}
.wpcf7 .address p {
float: left;
margin-left: 5px;
}
.wpcf7 .a1 {
width: 165px;
margin-left: 0!important;
}
.wpcf7 .a2 {
width: 145px;
}
.wpcf7 .a3 {
width: 45px;
}
.wpcf7 .a4 {
width: 65px;
}
.wpcf7 textarea {
height: 90px;
}
#audio ul {
margin-top: 10px;
}
#audio a img {
display: inline;
position: relative;
top: -1px;
float: left;
}
#audio li a span {
font-size: 1.2em;
color: #036!important;
line-height: 1;
}
#audio li .wpaudio {
width: 410px!important;
display: block;
padding: 0 0 2px!important;
border-bottom: 1px dotted #999;
}
#audio li .wpa_text {
margin: 1px 35px 2px;
display: block;
padding-bottom: 2px;
}
#audio a span:hover {
text-decoration: underline;
}
#audio li {
margin: 0;
padding: 1px 0!important;
border-bottom: none!important;
}
#audio .playing {
font-weight: 700;
}
#audio .sm {
float: right;
clear: both;
position: relative;
top: 2px;
}
#archives .year {
list-style-type: none;
margin: 0;
padding: 0;
font-weight: 700;
font-size: 1.4em;
}
#archives .month {
list-style-type: none;
font-weight: 700;
margin-left: 0;
}
#archives {
margin-top: 10px!important;
}
#archives li {
margin-left: 3em;
}
.blogpage .comments {
clear: left;
}
.artist .about {
background: #272324;
color: #fff;
width: 206px;
padding: 11px;
height: 590px;
}
.artist .about p {
line-height: 1.65;
}
.artist .brite-futures {
height: 501px;
}
.artist .post-content {
padding: 0;
}
.artist .left, .artist #videos {
margin-right: 4px;
}
.artist .right, .artist #audio {
float: right;
}
.artists_home div {
clear: both;
text-align: center;
margin-bottom: 4px;
}
.artists_home .brite-futures, .artists_home .hey-champ, .artists_home .we-are-augustines { background: #e6e6e6; }
.artists_home .cloud-control, .artists_home .imaginary-cities { background: #b3b3b3; }
.artists_home .hey-champ {padding: 50px 0;height: 138px;}
.artists_home .cloud-control {  padding: 100px 0; height: 42px; }
.artists_home .brite-futures { padding: 15px 0;height: 208px;}
.artists_home .we-are-augustines {padding: 102px 0;height: 44px!important;}
.artists_home .imaginary-cities { padding: 100px 0; height: 42px; }

.mediabox {
font-size: 39px;
font-weight: 700;
color: #666;
line-height: .95;
text-align: center;
margin-top: 8px;
font-family: Helvetica, Arial;
}
.imaginary-cities-media { font-size: 30px; }
.imaginary-cities-media span { font-size: 24px; text-transform: uppercase; }
.mediabox span {
color: #272324;
}
.wea-media {
font-size: 32px;
margin-top: 16px;
}
.wea-media span {
display: block!important;
font-size: 21px!important;
text-transform: uppercase;
}
.mediabox .icons a {
float: left;
padding: 14px 0;
margin: 0 14px;
}
.mediabox .twitter {
margin: 0 12px 0 10px!important;
}
.mediabox .youtube {
margin: 0 10px 0 12px!important;
}
.brite-futures-media {
font-size: 23px;
margin-top: 24px;
}
.brite-futures-media span {
font-size: 36px;
}
#vidnav .header {
font-weight: 700;
color:#fff;
margin: 0!important;
padding: 6px 24px 6px 3px;
font-size: 1.1em;
background: url(/images/video_arrow.gif) right 50% no-repeat;
}
#vidnav .vidhead {
color: #fff;
text-decoration: none;
}
#vidnav .vidhead:hover, #vidnav .vidhead:focus {
color: #f33;
}
#vidnav {
background: #666;
color: #fff;
height: 32px;
padding: 0;
}
#vidnav ul {
margin: 0 7px;
padding: 0;
}
#vidnav li {
list-style-type: none;
border-bottom: none!important;
}
#vidnav li li a {
float: left;
display: block;
color: #000;
padding: 2px 9px;
font-weight: 400;
}
#vidnav li li a:hover {
color: #fff;
background: #f33!important;
text-decoration: underline;
}

#vidnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
z-index: 10;
}

#vidnav li li {
float: left;
margin: 0;
padding: 0;
width: 280px;
position: relative;
border-top: 1px solid #a6a6a6;
z-index: 3;
}
#vidnav li li a, #vidnav li li a:link, #vidnav li li a:visited {
width: 266px;
float: none;
margin: 0!important;
padding: 2px 7px;
background: #ccc;
font-size: .8em;
text-align: left;
}
#vidnav li ul {
position: absolute;
top: 32px;
width: 280px;
left: -999em;
margin: 0;
}
#vidnav li:hover ul, #vidnav li:active ul, #vidnav li:focus ul, #vidnav li.sfhover ul  {
left: auto;
display: block;
}
#vidnav li:hover ul, #vidnav li.sfhover ul {left: auto;}
.about { overflow: hidden;  position: relative;}
.about a { color: #c00; font-weight: 700; }
.brite-futures { height: 501px; }
.brite-futures .title, .we-are-augustines .title { margin-left: -6px; }
.imaginary-cities .title { margin: 38px 0 38px -11px; }
.we-are-augustines { height: 590px!important; }
.we-are-augustines .title { padding: 50px 0; margin-left: -11px; }
.expanded .title { margin: -11px -31px 0 -11px; position: relative; z-index: 3; background: #272324; opacity: .95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
 }
.cloud-control.expanded .title { margin-left: 0;}
.we-are-augustines .title { padding: 61px 31px 50px 11px; }
.cloud-control .title { padding: 50px 0 42px 0; }
.we-are-augustines em { font-weight: 700; }
.expanded { width: 650px!important; padding-right: 31px!important; z-index: 10; }
.expanded .content { position: relative; }
#more { position: absolute; bottom: 0; background: #204d79 url(/images/bar.png) repeat-x; margin: 0 -11px; width: 228px; text-align: right; height: 35px;  }
#more a span, #more button span  { position: absolute; left: -999em; }
#more button { border: none;}
#more .more { background: url(/images/readmore_button.png) no-repeat; width: 144px; }
#more .close { background: url(/images/close_button.png) no-repeat; width: 101px; padding-right: 8px;}
#more .scrollup { background: url(/images/scroll_up.gif) no-repeat; width: 35px; height: 18px; position: absolute; top: 0; right: 0; }
#more .scrolldown { background: url(/images/scroll_down.gif) no-repeat; width: 35px; height: 17px; position: absolute; top: 18px; right: 0;}
#more a { color: #fff; height: 35px; display: inline-block; }
.expanded #more { width: 692px; }
#more .scroll { position: relative; left: -35px; margin: 0; padding: 0; outline: none; line-height: 1; border-left: 1px solid #618cae; }
#more .close { position: relative; left: -35px; }
#more .close, #more .scrollup, #more .scrolldown, #more .scroll { display: none; }
.expanded #more .close, .expanded #more .scrollup, .expanded #more .scrolldown, .expanded #more .scroll { display: inline-block; }
.expanded #more .more { display: none; }
#more a { color: #fff; }
.noplayer { background: #181818 url(/images/noplayer.png); color: #ff6; width: 200px; height: 176px; padding: 114px 14px 14px; margin: 4px 0; text-align: left; font-size: 1.1em; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke: .10pt black; font-weight: 700; line-height: 1.2; }
#upcoming-events li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc}
#upcoming-events li:last { margin-bottom: 0; padding-bottom: 0; border-bottom: none;}