/*
Theme Name: Goaty Tapes Theme
Theme URI: http://goatytapes.com
Description: Wordpress theme for Goaty Tapes
Author: Colby Miers
Author URI: http://colbymiers.com
Version: 1
*/

@font-face {
    font-family: 'browallia_newregular';
    src: url('fonts/browa_0-webfont.eot');
    src: url('fonts/browa_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/browa_0-webfont.woff') format('woff'),
         url('fonts/browa_0-webfont.ttf') format('truetype'),
         url('fonts/browa_0-webfont.svg#browallia_newregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'frankensteinregular';
    src: url('fonts/frnkstnn-webfont.eot');
    src: url('fonts/frnkstnn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/frnkstnn-webfont.woff') format('woff'),
         url('fonts/frnkstnn-webfont.ttf') format('truetype'),
         url('fonts/frnkstnn-webfont.svg#frankensteinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

@media screen {

* { margin: 0; padding: 0; }
body { font: 13px/15px Courier, serif }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
html {
	/*background: url(wp-content/themes/GoatyTapesTheme/images/goaty-background.jpg) repeat;*/
	background: url(images/background-green.jpg) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#page-wrap { width: 960px; margin: 20px auto; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { }
a:hover { }

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

ul{
	list-style-type: none;
}

ul li {
	display: inline;
}

.post { }

a, img {
    border:none;
}

a:link, a:visited {
	color: #000;
	text-decoration: none;
	border: none;
}

a:hover {
	text-decoration: underline;
}

.entry { }
.entry a:link, .entry a:visited { color: #4d5971; }
.entry a:hover { color: #333; }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation a:link, .navigation a:visited { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }

ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }

} /* END print media */

#rainbow {
	display:block;
	clear:both;
	width:84px;
	height:89px;
	margin: auto;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 35px auto 20px auto;
	text-align: left;
	z-index: 8029;
	background: transparent;
}

#header ul {
	position: absolute;
	top: 0px;
	left: 35px;
}


#header ul li {
	line-height: 20px;
	display: block;
}

#header ul li a:link, #header ul li a:visited {
	text-decoration: none;
	color: #333;
	/* font-style: italic; */
	text-transform: uppercase;
}

#header ul li a:hover {
  text-decoration: underline;
}

/* this fixes a discrprency in the way the images are cropped. maybe better to fix the actual images ... KB*/
#header ul li a img {
	height: 23px;
}

a.popup img {
	height: 20px;
}

#header ul li#subscribe-box {
	margin-top: 14px;
	text-transform: uppercase;
}

#subscribe-box input {
	background: rgba(255,255,255,.7);
	padding: 4px 6px;
	font-size: 13px;
	display: inline-block;
	margin-top: 2px;
	line-height: 13px;
}

#subscribe-box input:focus {
}

#links {
    display: block;
    width: 260px;
    height: 121px;
    margin: auto;
}

a#goaty-tapes-link {
	background: url(/wp-content/uploads/2013/05/goaty-logo.png) top left no-repeat;
    float: left;
	width: 115px;
	height: 121px;
	text-indent: -9999px;
	outline: none;
	border: none;
	margin: auto;
    margin-right: 30px;
}

a#house-rules-link {
	background: url(/wp-content/themes/GoatyTapesTheme/images/house-rules-stamp.png) top left no-repeat;
    float: left;
	width: 115px;
	height: 121px;
	text-indent: -9999px;
	outline: none;
	border: none;
	margin: auto;
}

#grid {
	margin: 230px auto 100px auto;
	width: 960px;
}

.tape_title {
	font-style: italic;
}


.entry {
	width: 935px;
	padding: 25px;
	background: tran;
	position: relative;
	z-indez:9999;
}

.entry h2, .entry h3, .entry h4 {
	font-size: 13px;
	margin: 0;
	text-transform: uppercase;
}

.entry h3 {
    text-transform: None;
}

.entry h4 {
	font-weight: normal;
}

.product-info> p:first-of-type {
	margin: 20px 0 10px 0;
}

.product-info > h3:first-of-type {
	font-style: italic;
}

.entry p {
	line-height: 20px;
}

#grid .grid {
    width: 921px;
    margin-left: 39px;
}

#grid li {
	display: block;
	float: left;
    width: 268px;
    height: 480px;
    margin: 0px 39px 40px 0px;
}

#grid li a img{
	width: 100%;
	height: auto;
	max-height: 408px;
}

#grid li a.category-large-thumb img{
	width: 100%;
}

#grid li.category-large-thumb {
    width: 575px;
}

.entry-title {
	margin: 15px auto;
	text-align:center;
	display:block;
	width: 235px;
	height: 3em;
}

.entry-title a:link, .entry-title a:visited, .product-info {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}

.product-info p {
	font-size: 13px;
}

.entry-title a:hover {
	text-decoration: underline;
}

#grid li:hover span {
	text-decoration: underline;
}

.product-images {
	text-align: center;
	margin: 25px 0 15px 0;
	height: 415px;
}

.product-images img {
	height: 415px;
	cursor: pointer;
}

.product-images .slide {
	width: 100%;
	text-align: center;
	cursor: pointer;
  background-color: transparent !important;
}

.product-info, .soundcloud-container {
	float: left;
	padding: 30px;
	width: 415px!important;
	padding-right: 0;
}

#soundcloud-embed {
	margin-bottom: 20px;
}

.product-info {
	padding-right: 15px;
	text-transform: none;
}

.fancybox-inner, .fancybox-wrap {
    /*max-width: 100% !important;*/
    /*min-width: 995px;*/
}

/* Special css for larger large-format lightbox. */
div.category-large-format-page {
    width: initial;
}

div.category-large-format-page .product-images {
    width: 550px;
    height: 520px;
    float: left;
}

div.category-large-format-page .product-images .clear {
    clear: both;
}

div.category-large-format-page .product-images .slide {
    height: 100%;
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box;
    align-items: center;
    display: flex;
}
div.category-large-format-page .product-images img {
    height: 100%;
    width: 100%;
}

div.category-large-format-page .product-info {
    width: 385px !important;
    box-sizing: border-box;
    float: left;
    padding: 30px 30px 30px 30px;
}

div.category-large-format-page .soundcloud-container {
    position: absolute;
    top: 570px;
    padding-top: 0px;
}

div.category-large-format-page #slideshow-photo-number {
    position: absolute;
    top: 570px;
    left: 465px;
}

.info-float-right {
    float: right
}

.wp_cart_button_wrapper {
	margin: 4px 0 0 0;
	height:35px;
    width: 45px;
    float: right;
}

.wp_cart_button_wrapper form input[type=submit] {
	width: 45px;
	height: 24px;
	border: none;
	display: inline-block;
}

input.wp_cart_button:focus {
    outline: None
}

.soundcloud-container iframe {
	width:100%!important;
}

.fancybox-inner .entry {
	padding:0px;
	overflow:hidden;
}

#colby-overlay {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	display:none;
	z-index:100;
}

div.fancybox-skin {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: rgba(255,255,255,.85);
	/*
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	*/
}

.wp_cart_added_to_cart {
	display: inline-block;
    height: 28px;
    vertical-align: top;
    line-height: 24px;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 105px;
}

.wp_cart_added_to_cart.loading {
	width:30px;
	background:url("images/ajax-loader.gif") no-repeat left center;
}

.wp_cart_button_wrapper {
	position:relative;
}

div#fancybox-loading {
	margin-left:-45px;
	margin-top:-45px;
	background:none;
}

div#fancybox-loading div {
	width: 90px;
	height: 90px;
	background: url('fancyBox/source/fancybox_loading.gif') center center no-repeat;
}


#address-info {
	position: absolute;
	top: 0px;
	right: 35px;
	text-align: right;
	text-transform: uppercase;
}

#address-info p {
	line-height: 20px;
}

a.cart-link {
	font-size: 16px;
	position: relative;
	padding-top: 8px;
	display: block;
}

a.cart-link:hover {
	text-decoration: none;
}

#cart-wrapper {
	float: right;
	margin-left: 5px;
}

.wp_cart_checkout_button {
	height:41px;
}

#subscribe-loader {
	display:none;
	margin-left:5px;
	position:relative;
	top:4px;
}

#subscribe-response {
	display:none;
	font-size:13px;
	font-family:Courier;
	text-transform: uppercase;
	color:#333;
	margin-top: 6px;
	width: 220px;
	line-height: 16px;
}

#subscribe-response .error {
	color:red;
}

.region-error {
	color:red;
	font-size:10px;
	font-style:italic;
	font-family:Arial;
}

#catalogue-number {
	font-weight: normal;
	display:block;
	text-align: right;
}

#slideshow-photo-number {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px;
}

#price-next-to-button {
	float: left;
	margin: 8px;
	font-size: 16px;
}

.wp_cart_button:hover #price-next-to-button {
	text-decoration: underline;
}

#page_container {
	margin: 220px auto 200px auto;
	width: 960px;
	letter-spacing: 1px;
}

a#goaty-tapes-link:hover, a#house-rules-link:hover, #grid li:hover img, #rainbow:hover {
	opacity: .7;
}

.video-container {
	width: 1260px;
	margin: 0 auto 30px auto;
}

.video-container h4 {
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.youtube-container {
	float: left;
	margin: 0 10px 10px 0;
}

.video-grid {
	width:1010px;
	overflow:hidden;
	margin-bottom: 240px;
}

.video {
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

.video iframe {
	width:475px;
	height:300px;
	display:block;
}

#video-nav {
	overflow:hidden;
	padding: 0 0 50px 0;
	width:100%;
	text-align:center;
	margin-top: -35px;
}

#video-nav a {
	color:black;
	text-decoration:none;
	text-transform: uppercase;
}

#video-nav a:hover,#video-nav a.current {
	text-decoration:underline;
}

#video-nav span.video-nav-separator {
	margin:0px 10px;
	color:black;
	font-size:16px;
}

.soundcloud-container h4 {
	margin: 0 0 20px 0;
}

.edit-admin-link {
	text-transform: uppercase;
	text-decoration: underline;
	margin: 0 0 20px 0;
}

#cart_is_empty {
	height:725px;
	line-height:725px;
	white-space:nowrap;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	text-transform: uppercase;
}

.video-title {
	display: block;
	margin-top: 8px;
	width: 470px;
}

/**FLEXI DISC OVERLAY**/

#flexi-overlay {
	position:fixed;
	top:210px;
	right:35px;
}

#flexi-overlay img {
	width: 125px;
}

#flexi-overlay a img:hover {
	opacity: .7;
}

#flexi-overlay:hover .flexi-link {
	text-decoration: underline;
}

#flexi-overlay-text-container {
	text-align:center;
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	margin: 10px 0;
}

#title-1, #title-2, #title-3 {
	display: inline-block;
}

.page-id-80 #vids_switch, .page-id-890 #oops_switch {
	opacity:.6;
	filter:alpha(opacity=60);
}

.cart_open .cart-link {
	opacity : .6;
	filter:alpha(opacity=60);
}

#confirmation-message p {
	text-transform:uppercase;
	display: inline;
}

#confirmation-message p a:link, #confirmation-message p a:visited {
	text-decoration: underline;
}

.product-container {
    text-align: right;
    overflow: hidden;
    max-height: 27px;
}
.product-container:first-of-type {
    padding-top: 2px;
}
.product-label {
    text-transform: uppercase;
    position: relative;
    top: 8px;
    padding-right: 7px;
}
.product-spacer {
    padding: 18px 0;
}