/*
Theme Name: Press Record v1
Theme URI: http://justpressrecord.com/
Description: This is version one of the Press Record Them
Version: 1.0
Author: John Phillips
Author URI: http://johnphillips.me
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* 
======================================================
Basic site styles
======================================================
*/

.bn { border:0; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:left; }
.dn { display:none;}
.clear { clear: both; }
 
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
strong.replace { left:-9999px; position:absolute; }
object, embed { display:block;}


html { overflow-y: auto; background-color: transparent; }

body { font-family: Helvetica, Arial, sans-serif; font-size:76%; background:url(images/bg/body-bg.jpg); margin:0; padding:0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: scroll; overflow-x: hidden; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
   body {right: 3px;}
 }
 
div#inner-body { background:url(images/bg/top.jpg) top repeat-x;  }


p.small { font-size:11px; }

/* 
======================================================
Site structure (layout)
======================================================
*/
div#container { width:622px; margin:0 auto; padding-top:10px;}
div#header { height:173px; background: url(images/bg/header-bg.png) top no-repeat; /*padding:11px 0 0 0;*/ }
div#content { }
div.entry-wrapper { width:622px; margin:0 auto; border-top:1px solid #f2f4f4; border-bottom:1px solid #8b8f91; background: #bcbcbc url(images/bg/gradient.jpg) top repeat-x; position:relative; padding:30px 0 18px;}
div.entry { width:462px; margin:0 auto;}

div.quarter-record { width: 48px; height:46px; background: url(images/record.png) bottom right no-repeat; position:absolute; bottom:-1px; right:0;}

span.genre { padding:0 0 18px 0;}

div#footer { margin:30px 0 0 0;}
/*
======================================================
Navigation
======================================================
*/
div.navigation div.alignleft { float:left;}
div.navigation div.alignright { float:right;}
div.navigation a { display:block; background: url(images/bg/nav-bg.jpg); height:18px; width:100px; text-align:center; padding:15px; color:#FFC448 !important; font-size:13px; font-weight:bold; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); text-decoration:none; }

/*
======================================================
Headers
======================================================
*/
h1, h2, h3, h4 {  }
h2 { color:#1b1b1b; margin:0 0 12px 0; font-size:2.4em; text-shadow:0 1px 1px rgba(255, 255, 255, 0.8); letter-spacing:-1px; font-family:"Helvetica Neue", Helvetica, sans-serif; }
h2 span.post-date { color:#919191; font-weight:normal; letter-spacing:-1px; font-size:.8em; }
h2 a {  color:#a72e27 !important; text-decoration:none !important; -webkit-transition-property: color; -webkit-transition-duration:.4s; -webkit-transition-timing:ease-out; }
h2 a:hover { color:#151515 !important;}
div#respond h3 { margin:30px 18px; color:#969595; font-size:1.6em; text-shadow:0 1px 1px rgba(75, 74, 74, 0.8);}

body.archive h2.pagetitle,
body.search h2.pagetitle { background:url(images/bg/comment-bg.jpg) top repeat-x; text-align:center; padding:15px 0; margin:0; border-top: 1px solid #7a7a7a; border-bottom: 1px solid #121212;}
/*
======================================================
Paragraphs
======================================================
*/
div#content div.entry-wrapper p { font-family: Helvetica, Arial, sans-serif; font-size:1.1em; line-height: 1.5em; color:#343434; text-shadow:0 1px 0 rgba(255, 255, 255, 0.4); margin:24px 0; }
div.sociable_tagline p { margin-bottom:0 !important;}

div#searchtip p { font-size:15px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); margin:24px 0 12px; line-height:21px;}

div#footer p { color:#ccc; text-align:center; line-height:21px;}

/*
======================================================
List Styles
======================================================
*/
ul { list-style-type:none;}
ul#subscribe { float:right; padding:0; }
ul#subscribe li { float:left; margin:0 0 0 12px; height:24px; width:24px;}
ul#subscribe li a { height:24px; width:24px; display:block;}
ul#subscribe li a.feed { background:url(images/feed.png) top left no-repeat; }
ul#subscribe li a.itunes { background:url(images/itunes.png) top left no-repeat; }
ul#subscribe li a.searchsite { background:url(images/mag.png) top left no-repeat; }

ol { background:#DFDFDF; padding:21px; border:1px solid #AFAFAF; margin:30px 0 30px 0; list-style-position: inside;}
ol:hover { background:#fff;}
ol li { margin:0 0 6px 0; color:#1B1B1B;}

div.entry ul { margin:30px; }
div.entry ul li { background:url(images/headphone.gif) left no-repeat; height:12px; padding:0 0 0 18px; margin:15px 0 0 0; font-size:1.2em; }
/*
======================================================
Link Styles
======================================================
*/
a:link, a:visited, a:active { text-decoration:underline; outline:none !important; color:#a72e27; -webkit-transition-property: color; -webkit-transition-duration:.4s; -webkit-transition-timing:ease-out; }
a:hover { }

div#footer a:link, 
div#footer a:visited { color:#FFC448;}

a#logo { display:block; height:101px; width:293px; background: url(images/logo.png) top left no-repeat; float:left; margin:18px 0 0 153px;}

div#content div.entry-wrapper span.genre a { -moz-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; background-color:#838383; color:#DFDFDF; text-shadow:0 1px 0 rgba(0, 0, 0, 0.3); padding:2px 4px; text-decoration:none; margin:0 0;}
div#content div.entry-wrapper span.genre a:hover { color:#a72e27; text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);}

a.download { display:block; background: url(images/download.png) top left no-repeat; height:34px; width:158px; margin:24px 0;}
a.download:hover { background: url(images/download-hover.png) top left no-repeat; height:34px; width:158px;}

div#share-download a { float:left; margin-right:12px;}
a.addtoany_share_save{ float:left;  margin:24px 0; }
/*
======================================================
Images Styles
======================================================
*/
a img { border:none !important; display:block; }
div#content div.entry img { display: block; border: 3px solid #d4d4d6; }
div#content div.entry img.alignleft { float: left; display: inline; margin: 5px 15px 0 0; }
div#content div.entry img[align $='left'] { float: left; display: inline; margin: 5px 15px 10px 0; }
div#content div.entry img.alignright { float: right; display: inline; margin: 0 0 10px 15px; }
div#content div.entry img[align $='right'] { float: right; display: inline; margin: 5px 0 10px 15px; }


/*
======================================================
Sidebar Styles
======================================================
*/

div#sidebar a:link, div.sidebar a:visited, div.sidebar a:active { color: #b21e12; text-decoration: none; }
div#sidebar a:hover { }
div#sidebar h2 { margin: 0; }
div#sidebar h2 a:link, div.sidebar h2 a:visited, div.sidebar h2 a:active { text-decoration: none; }
div#sidebar h2 a:hover { }
div#sidebar h3 {  }


/*
======================================================
Comment Styles
======================================================
*/
.comments-link { float:right; color:#ad0f02;}
div#comments { margin: 0 0 20px; }
.commentlist li.alt { /*background: #F5F5F5;*/ }
.commentlist { margin: 0; padding: 0; }
.commentlist li { margin: 0; padding: 0; list-style: none; font-size: 12px; border-top: 1px solid #7a7a7a; border-bottom: 1px solid #121212; padding:30px 0 9px 15px; background: #2C2C2C url(images/bg/comment-bg.jpg) top repeat-x; position:relative; }
.commentlist li.comment-header { padding:18px 15px !important; /*border-top:1px solid #f2f4f4;*/}
.commentlist li span.user-icon { display:block; position:absolute; background: url(images/user.png) top left no-repeat; top:15px; right:15px; height:32px; width:32px;}
h3#comments { margin: 0; color:#969595; font-size:1.6em; text-shadow:0 1px 1px rgba(75, 74, 74, 0.8); }
.commentlist h4.comment-author { font-size:1.3em; color:#cccaca; margin:0; text-shadow:0 1px 0 rgba(25, 25, 25, 0.4); }
.commentlist h4.comment-author a { color:#FFC448; text-decoration:none; }
.commentlist p { margin: 15px 30px 15px 0; font-size: 1.1em; line-height: 1.4em; color:#cccaca; text-shadow:0 1px 0 rgba(25, 25, 25, 0.4); }
#commentform p { margin: 15px 0 0 0; }
#commentform p small { font-size: 12px; color:#CCCACA; text-shadow:0 1px 0 rgba(25, 25, 25, 0.4); }

.commentlist a:link, 
.commentlist a:visited { color:#FFC448;}
.nocomments { margin: 0; padding: 0; }
.commentmetadata { margin: 0 0 15px; display: block; }
.commentmetadata a:link, div#comments .commentmetadata a:visited, div#comments .commentmetadata a:active { color: #b21e12; }
.commentmetadata a:hover, div#comments .comment-author a:hover { color: #; background: transparent; }
.avatar { display:none; margin: 0 10px 0 0; padding: 3px; background: #; border: 1px solid #; }
.comment-author { font-size: 11px; text-transform: lowercase; color: #; }
.comment-author cite { font-size: 1.4em; color: #; font-weight:bold; }
.comment-author a:link, div#comments .comment-author a:visited, div#comments .comment-author a:active, div#comments .comment-author a:hover { text-transform: none; color:#b21e12; font-weight:bold; }

div#respond { background: #2C2C2C url(images/bg/comment-bg.jpg) top repeat-x; border-top: 1px solid #7a7a7a; border-bottom: 1px solid #121212; }

#commentform { margin: 0 0 0 18px; padding-bottom: 20px; }
#commentform label { font-size: 12px; color: #; }
#commentform label span { font-size: 11px; color: #; }
#commentform input, 
#commentform textarea { padding: 5px; margin:3px 0 0 0; font: 12px Helvetica, Arial, Geneva, sans-serif; background:#ccc; border:0; }
#commentform input:focus, 
#commentform textarea:focus { background:#fff; }


input#acp-preview { margin:12px 0;}
#commentform textarea { margin-bottom: 5px; }

#commentform #submit { /*display: block; padding: 5px 15px;*/ outline:none; border:none; }
#commentform #submit:hover { cursor: pointer; }


/*
======================================================
Form Styles
======================================================
*/
form#searchform { margin:0; padding:0;}
form#searchform label { display:none;}

form.wpcf7-form input,
form.wpcf7-form textarea { border:1px solid #7F7F7F; color:#25313C; font-family:Georgia,Times,"Times New Roman",serif; font-size:21px; width:420px; padding:9px; background:#F7FCFF;}

/*
======================================================
Misc. Styles
======================================================
*/

#tooltip { display:none; font-weight:bold; text-align:center; background:transparent url(images/tooltip/black_arrow_dn.png) no-repeat; font-size:12px; height:50px; width:150px !important; padding:40px 0 0; color:#fff; }

/* trigger button */ 
#sharemix { display:block; background: url(images/share.png) top left no-repeat; height:34px; width:158px; margin:24px 0; cursor:pointer;} 
 
/* mouseover state */ 
#sharemix:hover { background: url(images/share-hover.png) top left no-repeat; }

/* tooltip styling */ 
#sharetip { display:none; background:url(images/tooltip/black_arrow.png) no-repeat; height:163px; /*padding:25px 30px 10px 25px;*/ width:310px; font-size:11px; color:#fff; margin:-140px 0 0 -165px; }

#searchtip { display:none; font-weight:bold; text-align:center;  background:url(images/tooltip/black_arrow_big_dn.png) no-repeat; font-size:12px; height:163px; width:370px !important; padding:40px 0 0; color:#fff; z-index:5000; }

div#sharetip a { float:left; margin:36px 0 0 9px;}
div#sharetip a.first { margin-left:42px;}

.sociable img { height:32px !important; width:32px !important; float:left !important; margin:3px 9px 0 0 !important;}

::-webkit-scrollbar { width: 10px; height: 6px; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { height: 10px; display: block; background-color: transparent; }

::-webkit-scrollbar-track-piece { background-color: #3b3b3b; -webkit-border-radius: 6px; }
::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #A72E27; -webkit-border-radius: 6px; }
::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: #666; -webkit-border-radius: 3px; }