/*
Theme Name: Yeproc
Theme URI: http://yeproc.com
Description: A custom theme for Yep Roc Records. 

Copyright (C)  2011  YEP ROC RECORDS.
    Permission is granted to copy, distribute and/or modify this document
    under the terms of the GNU Free Documentation License, Version 1.3
    or any later version published by the Free Software Foundation;
    with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts.
    A copy of the license is included in the section entitled "GNU
    Free Documentation License".

Version: 1.0
Author: YEP ROC RECORDS
Author URI: http://www.yeproc.com
Based on wptypo by Chris Coyier, http://diggingintowordpress.com.
*/

/*----- CSS Reset -----*/
* 											{ margin: 0; padding: 0; }
ul, ol 										{ list-style: none; }
h1, h2, h3, h4, h5 							{ font-weight: normal; }
a 											{ outline: none; }
a:hover 									{ opacity: .8 !important; }
a img 										{ border:none; }

/*----- General Styles -----*/
body, html 									{ height: 100%; }
body 										{ font-family: 'CustomHelvetica45Light'; font-size: 13px; -webkit-font-smoothing: antialiased!important; }

.clear 										{ clear:both; }
.clearfix:after 							{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
.hide 										{ display: none; }
h1, h2, h3, h4								{ font-family: 'HelveticaNeueCondensedBoldAlt'; letter-spacing: 0px;  }


/*----- Page Structure & Resuables -----*/
#wrap 										{ border: 1px solid red; }
p.dots 										{ color:#8e8e8e; letter-spacing:1px; line-height:5px; position: relative;  }
.navigation									{ overflow: hidden; margin: 0 0 25px 0; }
.navigation a								{ text-decoration: none; color: #666; text-transform: uppercase; }

/*--- Menu ---*/
#menu 										{ font-size: 12px; z-index: 999; position:fixed; left: 130px; right: 0px; top: 0px; height:68px; height:68px; line-height: 68px; }
#menu ul 									{ width:600px; margin-left: 10px;  }
#menu ul li 								{ display:block; margin:0px 10px; float:left; height:68px; line-height: 68px }
#menu ul li span 							{ padding:0px 17px 0px 0px; height:68px; line-height: 68px }
#menu ul li a 								{ text-transform: lowercase; text-decoration: none; font-family: 'CustomHelvetica45Light'!important; 
												color:white!important; height:68px; line-height: 70px; letter-spacing: 1px; }
#menu ul li a:hover 						{ background-color:transparent }

/*--- Search ---*/
#search		 								{ white-space: nowrap; z-index: 1000; background-color:transparent; opacity:0.85;filter:alpha(opacity=85);  
												position:fixed!important; left: 700px; top: 0px; right: 0px; padding: 20px 10px 10px 10px; height:38px;   }

.search-home 								{ white-space: nowrap; z-index: 1000; background-color:#000000!important; opacity:0.85;filter:alpha(opacity=85);  
												position:fixed!important; left: 600px; top: 0px; right: 0px; padding: 20px 10px 10px 10px; height:38px;   }


#search input								{ border: none; border-bottom: 1px solid #DDDDDD; color: #666666; padding: 2px; width: 150px;margin-bottom: 0px;  }


/*--- Header ---*/
#header 									{ z-index: 999; opacity:0.85;filter:alpha(opacity=85); background-color: #000000; 
												position:fixed; left: 0px; right: 0px; top: 0px; width: 100%; height:68px;  }
#header h1 									{ font-weight:700; text-transform:uppercase; line-height:30px; font:'HelveticaNeueCondensedBoldAlt'; }

.album-boxes a {
    display: inline-block;
}
.album-boxes a > img {
	max-width: 200px;
}

/*--- Post Title---*/
/* MikeM .post changed float: right; to float:left; AND removed width:800px;  */
body > .post {
	max-width: 800px !important;
	width: 100%;
    margin: 0 auto;
    margin-top: 10vh !important;
}

.blog > .post, .page-template-media > .post {
	margin-bottom: -9vh;
}
.post .byline 								{ color:#666666;
										      margin-right:25px; padding-top:6px; }
.byline .date 								{ text-transform:uppercase; }
.byline a 									{ color:#a1a1a1; text-decoration:none; }
.byline a:hover 							{ border-bottom:1px solid #d5d5d5; }
/* MikeM h2.title changed width: 445px to 550px  */
h2.title 									{ font-size:22px; color:#666666; display:block; line-height:26px; display: inline-block; margin-left: 10px; }
h2.title a 									{ color:#444444; text-decoration:none; }
h2.title a:hover 							{ color:#222; background-color: transparent}
body > .post p.dots							{ margin-left: unset !important; }
p.dots 										{ font-size:11px; margin-left:165px; padding:5px 0px }
body > .post span.para								{ width: unset !important; margin-left: unset !important; }
span.para 									{ display:block; width:70px;  float: left;
												margin:10px 20px 0px 75px; text-align:right; }
.blog .para { display: none !important; }

.home-column2 {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(555px, 1fr));
	grid-gap: 15px;
}

.home-column2 .post {
	border: 1px solid #d9d9d9;
	padding: .3rem .7rem;
}

.home-post-header {
	display: flex;
	flex-wrap: wrap;
}
/* Entry Styles --*/
.archive-artists .entry, .archive-release .entry, .archive-media .entry, .archive-ontour .entry {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

body > .post .entry {
	margin-top: 10px !important;
}

.entry 										{ width:100%; color:#717171; padding:10px 0px 40px; 
											  line-height:21px; }
.entry:first-line 							{ font-size:20px!important; display: block; line-height: 25px; margin-bottom: 7px; }
.entry h2 									{ font-size:22px; margin:20px 0px 10px; color:#525252; }
.entry h3 									{ font-size:19px; margin:20px 0px 10px; font-weight:bold; 
											  text-transform:uppercase; color:#525252; }
.entry h4 									{ font-size:16px; margin:20px 0px 10px; font-style:italic; color:#525252; }
.entry h5 									{ margin:20px 0px 10px; text-transform:uppercase; letter-spacing:3px; }
.entry p 									{ margin-bottom:20px; }
.entry ul, .post .entry ol 					{ margin:0px 0px 15px 50px; }
.entry ul li 								{ list-style:disc outside; }
.entry ol li 								{ list-style:decimal outside; }
.entry ol ol li 							{ list-style:lower-alpha outside; }
.entry a 									{ color:#525252; text-decoration:underline; }
.entry a:hover 								{ text-decoration:none; }
.entry blockquote 							{ background:#f1f1f1; padding:15px 30px 1px 10px; margin-bottom:15px; 
											  font-style:italic; position:relative; }
.entry .blockquote_extender 				{ background:#f1f1f1; position: absolute; width: 1000px; height: 100%; right: 445px; 
											  top: 0px; overflow:hidden; }
.entry .blockquote_extender span 			{ display:block; width:70px; height:0px; color:#d5d5d5; font-size:50px; top:90px; 
											  right:-10px; line-height:0px; position:absolute; }

button.news-button							{ background-color: yellow; color: black; text-transform:uppercase; font:'HelveticaNeueCondensedBoldAlt'; 
												border: none; cursor: pointer; display: block; margin-top: 40px; width: 100px; 
												margin-left: 10px; font-size: 12px; padding: 4px 0px; }
.share-box									{ margin-left: unset !important; }

/*--- Thumnail list ---*/
.thumbnail-box								{ position: relative; min-height: 225px; }
.thumbnail-box a.caption					{ display: block; color:#717171; 
											  text-decoration: none; display: block; 
											  background-color: white; opacity:0.8;filter:alpha(opacity=80);  line-height: 16px; padding: 3px 5px; }
a.caption:hover								{ background-color: yellow!important }
a:hover a.caption							{ background-color: yellow!important }

	
/* REQUIRED by WordPress Theme Directory */
.aligncenter,
div.aligncenter 							{ display: block; margin-left: auto; margin-right: auto; }
.alignleft 									{ float: left; }
.alignright 								{ float: right; }
.wp-caption 								{ text-align: center; background-color: #f3f3f3; padding-top: 4px;
   											  margin: 10px; }
.wp-caption img 							{ margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text 				{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

		
	
/*--- Footer ---*/
#footer 									{ display: none;width:100%; height:27px; background:#4c4b4a; color:#fff; 
											  text-transform:uppercase; position: fixed; bottom: 0; z-index: 200; }
#footer p 									{ width:580px; margin:0px auto 0px; padding-top:8px; letter-spacing:1px; }
#footer p span.left 						{ float:left; display:block; }
#footer p span.right 						{ float:right; display:block; }
#footer a 									{ color:#fff; text-decoration:none; }
#footer a:hover 							{ border-bottom:1px solid #999; }

#mtaTwitter-wrapper 						{ color:#717171; /*position: fixed;*/ position: absolute; top: 90px; left: 30px; width: 300px; 
												/*overflow: hidden;*/  z-index: 1; font-size: 11px; line-height: 16px; }
												
#mtaTwitter-wrapper li						{ margin-bottom: 15px; }
#mtaTwitter-wrapper a   					{ font-size: 13px; color: #656565; text-decoration: none; }
#mtaTwitter-wrapper a:hover					{ background-color: yellow!important }
#mtaTwitter-wrapper img						{ display: none }
#mtaTwitter-wrapper img.bird				{ display: block; float: left; margin-right: 15px; }
#mtaTwitter-wrapper h2.twitter				{ display: block; margin-bottom: 5px; font-size: 16px; }


/*--- Container for the slides ---*/
/*
.slideshow 									{ cursor: pointer; cursor: hand; position:relative; height:400px; overflow: hidden; background-color: #efefef; }
.slideshow div 								{ display:none; position:absolute; top:0; left:0; height:400px; font-size:12px; height:400px; 
*/
.slideshow-wrapper 							{ background-color: #000000; }
.slideshow 									{ margin-left: auto; margin-right: auto;  cursor: pointer; cursor: hand; position:relative; width: 1265px; height:360px; background-color: #000000; }
.slideshow div 								{ display:none; position:absolute; top:0; left:0; width: 1265px; font-size:12px; height:360px; }


.slideshow span.title-overlay				{ font-family: 'CustomHelveticaNeueUltraLight'!important; opacity:0.8;filter:alpha(opacity=80); display: block; 
												width:450px; margin-top: 170px; margin-left: auto; margin-right: auto; background-color: white; padding: 0px; 
												font-size: 24px; line-height: 28px; padding: 10px }

.slideshow span.title-overlay .date			{ text-transform: uppercase; font-weight: bold; font-size: 20px }

.slideshow div:hover span.title-overlay		{ display: block; }
a.button-prev 								{ position:absolute; top:402px; left:0; height:25px; line-height:25px; font-size:16px; width: 25px; 
												background-color: white; color: black; text-decoration: none; text-align: center } 
a.button-next 								{ position:absolute; top:402px; right:0; height:25px; line-height:25px; font-size:16px; width: 25px; 
												background-color: white; color: black; text-decoration: none; text-align: center } 
a.button-next:hover,
a.button-prev:hover							{ color: black; background-color: white; }

/*--- Related Widget ---*/

.betterrelated h2							{ height: auto; padding: 0px; margin: 0px 0px 0px 0px!important; font-family: 'HelveticaNeueCondensedBoldAlt'; font-size:21px!important; color:#4c4b4a; display:block; width:445px;
												text-transform: uppercase;  }
.betterrelated p.dots						{ margin-left: 0px; padding-bottom: 0px }	
.betterrelated ol,
.betterrelated ol li						{ margin-left:0px!important; list-style-type: none; }
.betterrelated ol li						{ padding-bottom: 10px }

/*--- Addthis ---*/

.addthis_toolbox							{  clear:both!important; margin-left: 160px; padding-top: 0px; margin-bottom: 10px; }
.addthis_toolbox a							{ opacity:0.6;filter:alpha(opacity=60);  }
.addthis_toolbox a:hover					{ opacity:1;filter:alpha(opacity=100); background-color: transparent; }