/*
Theme Name: Postal Service C
Author: Hum Creative
Author URI: http://humcreative.com
Description: TPS
Version: C

*/

/** FONT FACES **/


@font-face {
    font-family: 'BureaAge';
    src: url('webfonts/bureaagebol-webfont.eot');
    src: url('webfonts/bureaagebol-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/bureaagebol-webfont.woff') format('woff'),
         url('webfonts/bureaagebol-webfont.ttf') format('truetype'),
         url('webfonts/bureaagebol-webfont.svg#bureauagencyboldbold') format('svg');
    font-weight: bold;
    font-style: normal;

}


/** LIQUID V FOOTER **/

* {margin:0;padding:0;} 
html, body {height: 100%;}
#wrap {min-height: 100%;}

#wrap-main {overflow:auto;
	padding-bottom: 60px;} /* must be same height as the footer */

body.page-template-p-photos-php #wrap-main { overflow: visible; height:800px;	}

#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	width: 100%;	
	line-height: 26px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/** BASICS **/

body {
	font-family: 'Arimo',Helvetica,sans-serif;	
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	margin: 0;
	padding: 0;
	background: url(images/bg.jpg) #e9e5d5;
}

a {
	color: #bb0007;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h2 {
	color: #bb0007;
	padding-bottom: 9px;
	margin-bottom: 16px;
	background: url(images/divider-drawn-line.png) left bottom repeat-x;
	display: block;
}

p {
	margin: 0 0 14px 0;
}

#main {
	margin-bottom: 40px;
}

img {
	border: 0;
}



/** FONTS **/

#carousel-nav li a,
#carousel-caption-title,
.bit-events td.bit-tickets,
.disc-more,
#footer-menu-container,
.photo-title,
.video-title,
.bit-events,
input[type=text],
input[type=email],
textarea,
#header-menu,
.post-title {
	font-family: Georgia,serif;
}

body.page-template-p-tour-php #bit-events th,
input[type=submit],
h2 {
	font-family: 'BureaAge', 'Arial Narrow', Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 21px;
	text-transform: uppercase;
}

.dark {
	color: #000000 !important;
	padding-bottom: 0;
	margin-bottom: 4px;
	background: transparent;
}



/** HEADER **/

#header-menu {
	position: fixed;
	top: 0;
	left: 0;
	background: #000000;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	width: 100%;
	z-index: 99999;
}

#header-menu a {
	color: #fcfcfc;
	letter-spacing: 3px;
	font-size: 14px;
	text-transform: uppercase;
	background: #000000;
	padding: 0 11px;
}

#header-menu #header-menu-table td:first-child a {
	padding-left: 0;
}

#header-menu #header-menu-table td:last-child a {
	padding-right: 0;
}

#header-menu #header-menu-container td.current-menu-item a,
#header-menu #header-menu-container td a:hover,
body.tag #header-menu #header-menu-container td#menu-item-35 a {
	color: #bb0007;
	text-decoration: none;
}

#header-menu-table td {
	width: auto;
}

#header-menu td.divider-space {
	background: url(images/divider-vertical-gnonbk.gif) 3px center repeat-x;	
}

#header-menu-table td.divider-space-0,
#header-menu-table td.divider-space-3,
#header-menu-table td.divider-space-4 {
	width: 82px;
}

#header-menu-table td.divider-space-1,
#header-menu-table td.divider-space-2 {
	width: 76px;
}

#header-logo {
	margin-top: 34px;
	padding: 40px 0 36px;
}

#header-logo img {

}

#logo-more {
	margin-top: -4px;
	background: url(images/divider-star.png) top center repeat-x;
	padding-top: 26px;
	width: 260px;
	//padding-left: 20px;	
	float: right;
}

#logo-more h2 {
	float: left;
	line-height: 24px;
	cursor: default;
}

#social a {
	width: 27px;
	height: 24px;
	display: inline-block;
	margin-left: 18px;
	background-repeat: no-repeat;
/*	text-indent: -99999em; */
	float: right;
}

#social a {
    color: #000;
    font-size: 20px;
}

#social a:hover {
    color: #ac231a;
}

/*
a.social-twitter {	background-image: url(images/social-twitter.png);	}
a.social-facebook {	background-image: url(images/social-facebook.png);	}
a.social-youtube {	background-image: url(images/social-youtube.png);	}
a.social-rss {		background-image: url(images/social-rss.png);	}


a.social-twitter:hover {	background-image: url(images/social-twitter-on.png);	}
a.social-facebook:hover {	background-image: url(images/social-facebook-on.png);	}
a.social-youtube:hover {	background-image: url(images/social-youtube-on.png);	}
a.social-rss:hover {		background-image: url(images/social-rss-on.png);	}

#social a:active {
	position: relative;
	top: 1px;
}

*/

#logo-more .search-form {
	margin-top: 10px;
}

.search-form {
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	background: #cac8b2;	
}

.search-form input[type=text] {
	width: 216px;
	position: relative;
	top: -1px;
	background: transparent;
}

.search-form input[type=submit] {
	width: 29px;
	text-indent: -9999em;
	background: url(images/search-magnifying-glass.png) center center no-repeat #000000;
}



/** SIDEBAR **/

#sidebar {
	width: 260px;
	padding-left: 20px;
	float: right;
}

.widget {
	margin-bottom: 20px;
}

#widget-hero img {
	max-width: 100%;
	height: auto;
}

#widget-newsletter {
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}

#widget-newsletter .newsletter {
	margin-top: 10px;
	background: #cac8b2;
}

#widget-newsletter #mce-EMAIL {
	width: 148px;
	position: relative;
	top: -1px;
	background: #cac8b2;
}

#widget-tour-dates {
	padding-bottom: 20px;
	background: url(images/divider-star.png) bottom center repeat-x;
}



/** NEWS **/

.post {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(images/divider-drawn-line.png) left bottom repeat-x;
}

.post-date {
	font-size: 12px;
	color: #4c4c4c;
}

.post-title {
	font-size: 20px;
	line-height: 27px;
}

.post-title a {
	color: #000000;
}

.post-tags {
	font-size: 12px;
	color: #9b9b9b;
	line-height: 20px;
}

.post-tags a {
	color: #9b9b9b;
}

.post-content {
	margin-top: 10px;
}

.post-video {
	margin-bottom: 10px;
}

.post-share {
	margin-top: 20px;
}

.fb-like {
	position: relative;
	top: -3px;
}

.twitter-share-button {
	width: 90px !important;
}

/** PAGINATION **/

#next-posts-link {
	float: right;
}

#prev-posts-link {
	float: left;
}


/** VIDEOS **/

.video-item {
	background: #000000;
	color: #ffffff;
	margin-bottom: 22px;
}

.video-embed {
	text-align: center;
}

.video-embed iframe {
	width: 100%;
}





/** DISCOGRAPHY **/

.disc-main {
	width: 370px;
	display: inline-block;
}

.disc-main ol, .disc-main ul, .disc-main li {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.disc-img img {
	//min-width: 96%;
	//#height: auto;
}

.disc-more {
	width: 200px;
	height: auto;
	float: right;
}

.disc-img, .disc-body {
	margin-bottom: 40px;
}

.disc-share {
	margin-top: 14px;
}



/** FORMS **/

input[type=text],
input[type=email] {
	background: #cac8b2;
	padding: 4px 8px;
	border: 0;	
	color: #e9e5d5;
	font-size: 14px;
	margin: 0;
}

input[type=submit] {
	cursor: pointer;
	background: #000000;
	padding: 0px 8px;
	color: #e9e5d5;
	border: 0;
	font-size: 17px;
	line-height: 30px;
	height: 30px;
	letter-spacing: 2px;
	margin: 0;
}

input[type=email]:focus,
input[type=text]:focus {
	color: #000000;
}

input[type=submit]:hover {
	background-color: #bb0007;
}


/** TOUR DATES : SIDEBAR **/

body .bit-header {
	display: none;
}

body #bit-events table {
	border: 0 !important;
}

body.page-template-p-tour-php #bit-events th {
	color: #bb0007;
	padding-bottom: 10px;
}

body #sidebar #bit-events th {
	display: none !important;
}

body .bit-description-links {
	line-height: 28px;
}

body #sidebar #bit-events td {
	display: block;
	line-height: 20px;
	padding: 0;
}

body .bit-events td {
	height: auto !important;
	border: none !important;
	clear: left;
}

body .bit-events td * {
	font-weight: normal !important;
}

body .bit-events tr {
	clear:both;
}

body #sidebar .bit-date {
	font-size: 12px;
	color: #4c4c4c;
}

body td.bit-location {
	font-size: 20px;
	line-height: 24px;
	font-family: Georgia, serif !important;
}

body td.bit-tickets {
	width: auto !important;
}

body.page-template-p-tour-php td.bit-tickets a {
	font-size: 15px;
	text-decoration: underline;
}

body.page-template-p-tour-php td.bit-tickets a:hover {
	text-decoration: none;
}

body #sidebar .bit-events td.bit-tickets {
	margin-bottom: 38px;
	font-size: 14px;
	position: relative;
	top: 3px;

}

body .bit-bottom {
	display: none !important;
}

body .bit-rsvp {
	display: none !important;
}

body.page-template-p-tour-php .bit-events td {
	padding: 14px 6px 14px 0;

}

body.page-template-p-tour-php .bit-date {
	width: 80px;
}

body.page-template-p-tour-php .bit-venue {
	width: 180px;
}

body.page-template-p-tour-php .bit-events tr:nth-child(4n-1) {
	background: url(images/bg-darker.jpg);
}

body.page-template-p-tour-php .bit-events .bit-date {
	padding-left: 20px !important;
}

body.page-template-p-tour-php .bit-events .bit-tickets {
	padding-right: 20px !important;
}



/** FOOTER **/

#footer {
	background: #cac7b4;
}

#footer-menu-container {
	width: 100%;
	overflow:hidden;
	font-size: 9px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#footer-menu-container a {
	color: #ffffff;
	text-decoration: underline;
}

#footer-menu-container a:hover {
	text-decoration: none;
}

#footer-menu-container ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer-menu-container li {
	margin: 0;
	padding: 0;
	display: inline-block;
}

#footer-menu-container {
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	background: url(images/divider-vertical-gnoncm.gif) repeat-x 0px center;
	height: 27px;
	line-height: 27px;
}

#footer-menu-container ul {
	background: #cac7b4;
	height: 27px;
	line-height: 27px;
	padding-right: 2px;
	vertical-align: top;
	width: auto;
	display: inline-block;
}


#footer-menu-container li.divider-one {
	width: 6px;
	height: 27px;
	background: url(images/divider-vertical-gnoncm.gif) repeat-x 3px center;
	margin: 0 1px;
}

#footer-menu-container li.divider-three {
	width: 18px;
	height: 27px;
	background: url(images/divider-vertical-gnoncm.gif) repeat-x 3px center;
}

@media (max-width: 800px) {
    #social {
        margin-top: 20px;
    }
}