/*
Theme Name: Music Maker
Theme URI: http://musicmakertheme.com
Description: The Music Maker theme is a responsive beat selling website template that offers a photo gallery, video gallery, product store, FAQs, events, and much more.
Version: 2.4
Author: Mark Valenzuela at Hip Hop Makers.
Author URI: http://markvalenzuela.com
Tags: Fluid-layout, Custom-background, Custom-menu
Copyright: (c) 2013 - 2013 HipHopMakers.
License: GNU General Public License v1.0
License URI: http://www.gnu.org/licenses/gpl-1.0.html
Text Domain: music-maker-theme - '', 'music-maker-theme'
*/
/* Warning: Do not edit this file, it will be overwritten by the next theme update. If you want to customize the styles, add custom css in the theme options panel. */
/* TABLE OF CONTENT
* ================================================
* 1. RESET
* 2. COMMON ELEMENTS
* 3. STRUCTURE
* 4. NAVIGATION MENU
* 5. HEADER
* 6. HOMEPAGE BANNER
* 7. MAIN CONTENT
* 8. SIDEBAR
* 9. FOOTER
* 10. COMMENTS
* 11. SINGLE POST
* 12. BEAT STORE
* 13. SINGLE BEAT PAGE
* 14. CONTACT PAGE
* 15. OTHER
* 16. SHORTCODES
* 17. PHOTO GALLERY
* 18. VIDEO GALLERY
* 19. EVENTS
* 20. STORE
**/
/* 1. RESET
* =============================================== http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
img a { margin:0px; padding:0px;}
a { text-decoration: none; cursor:pointer; }
a:hover { text-decoration:underline;}
strong { font-weight:bold;}
em { font-style:italic;}
audio { width: 0px; height: 27px; display: block;}
/* 2. COMMON ELEMENTS
* ================================================ */
h1, h2, h3, h4, h5, h6 { padding-bottom: 7px; line-height: normal; display: block; color: #333;}
h1 { font-size: 35px;}
h2 { font-size: 30px; line-height: 30px;}
h3 { font-size: 25px;}
h4 { font-size: 20px;}
h5 { font-size: 15px;}
h6 { font-size: 13px;}
#main h1, #main h2, #main h3, #main h4, #main h5,#main h6 { clear: both; }
p { padding-bottom: 15px; line-height: 20px;}
#main ul { padding-left: 25px; list-style-type: disc; margin-bottom: 15px; }
#main ol { padding-left: 25px; list-style-type: decimal; margin-bottom: 15px; }
#main li { padding-bottom: 8px; line-height: 19px; }
blockquote { border-left-width: 7px; margin-bottom: 15px; background-color:#f3f3f3; border-left-style: solid; border-left-color: #333; padding-left: 15px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; line-height: 19px;}
blockquote p { padding-bottom: 0px;}
dl { margin-bottom: 15px;}
dt { font-weight: bold; padding-bottom: 4px; color: #333; }
dd { padding-left: 10px; padding-bottom: 8px; }
strong, b { font-weight: bold;}
hr { background-color: #e8e4e3; border: 0; height: 1px; margin-bottom: 1.618em; }
.left { float: left; }
.right { float: right; }
.padding-top { padding-top: 15px; }
.padding-bottom { padding-bottom: 15px; }
/* BUTTONS
* Size is listed twice to be case sensitive
* ================================================ */
.button, a.button, .widget .edd_checkout { font-size: 13px; font-weight: bold; display: inline-block; color: #FFFFFF; text-decoration: none; padding: 10px 15px; margin-bottom:15px; border-style:none; cursor:pointer; /*Fixes iphone safari styling */-webkit-appearance: none;}
a.button:active, a.button:hover, .button:hover, #right_side .edd_checkout a { color: #ffffff !important;}
a.medium , a.Medium { font-size: 18px; font-weight: bold; padding: 10px 15px;}
a.big, a.Big { font-size: 23px; font-weight: bold; padding: 15px 20px;}
a.huge , a.Huge{ font-size: 30px; font-weight: bold; padding: 18px 20px;}
a.toohuge , a.Toohuge { font-size: 35px; font-weight: bold; padding: 20px 25px;}
a img { border: 0; text-decoration: none;}
a, #right_side a { color:#575757; text-decoration: none;}
/*-- WordPress common classes*/
.clear { clear: both;}
.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 */
.alignleft { display: inline; float: left; margin-right: 1.25em;}
.alignright { display: inline; float: right; margin-left: 1.25em;}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}
.alignnone { display: inline; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.25em; }
.more-link .button { margin:0px; } /* Removes padding on more button */
.more-link { display:block; margin-top:15px }
.bottom-padding { padding-bottom: 15px;}
.comment_photo img, .button, .promobar-button, .widget .edd_checkout { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;} /*--Round Elements */
/* 3. STRUCTURE
* ================================================ */
body { background-color: transparent;}
body, td, th { font-family: Verdana, Helvetica, sans-serif; color: #575757; font-size: 12px; }
#wrapper { width: 960px; margin-right: auto; margin-left: auto;}
#content { float: left; width: 960px; padding-bottom: 30px; padding-top: 20px;}
#right_side { width: 300px; margin-right: 10px; float: right;}
.leftside, .fullwidth { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px;}
.fullwidth { width: 900px;}
.leftside { width: 580px;}
.beatsingle_leftside { width: 620px;}
#main { margin-left: 10px; background-color: #fff; float: left; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.10);}
html, body { height: 100%;} /* Used for sticky footer */
#wrapper { min-height: 90%; height: auto !important; height: 90%;}
/* 4. NAVIGATION MENU
* ================================================ */
#navigation { padding-top: 10px; padding-bottom: 5px; padding-left: 10px; font-size: 12px; height: 31px;}
#navigation ul li.current-menu-item a { color: #fff;}
#navigation ul li { margin-right: 15px; position: relative; float: left;}
#navigation ul li a { color: #999; text-decoration: none; display: block; padding-top: 7px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px;}
#navigation ul li a:hover { color: #fff;}
#navigation ul li ul { display: none; z-index: 1000;}
#navigation ul li.active, .current-menu-item { color: #fff; text-decoration: none; border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 0px;}
#navigation ul li ul li.current-menu-item { border-bottom-width: 0px;}
#navigation ul li ul li a { display: block; color: #fff; white-space: nowrap; background-color: #202222; width: 180px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #2f3131; text-align: left; padding: 10px;}
#navigation ul li ul li a:hover { text-decoration: none; border-bottom-width: 1px; background-color: #323434;}
#navigation ul li:hover ul { display: block; position: absolute; margin-top: 0px; border-top-width: 3px; border-top-style: solid; width: 200px;}
#navigation li:hover ul { left: auto;}
#navigation li li ul {margin: -1px 0 10px 200px;visibility:hidden;}
#navigation li li:hover ul {visibility:visible;}
#navigation ul ul li a {float: left;}
#navigation ul li ul li:hover ul { border-top-width: 0px; border-top-style: none;}
/* 5. HEADER
* ================================================ */
.navigation_holder, .header_holder { background-color: #131414; }
.navigation_holder { width: 100%; }
.navigation_inside_container { width: 960px; margin-right: auto; margin-left: auto; }
.header_holder { width: 100%; }
.header_inside_container { width: 950px; padding-left: 10px; padding-top: 18px; padding-bottom: 18px; margin-right: auto; margin-left: auto; margin-top: 0px; }
/*Navigation Underlines*/
.nav_top_line { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nav_bottom_line { border-top: 1px solid rgba(255, 255, 255, 0.1); }
.header_inside_container h2 { padding-bottom: 5px; margin-top: -4px; width: 575px;}
.header_holder .header_inside_container h2 a { text-decoration: none; color: #FFFFFF; font-size: 36px; font-weight:bold;}
.header_site_search { float: right; margin-top: 0px; background-color: #434343; padding-top: 6px; padding-bottom: 6px; padding-right: 8px; padding-left: 8px; margin-right: 10px; border-style: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width: 120px; font-size: 11px; color: #121212; background-image: url(images/search_icon_inactive.png); background-repeat: no-repeat; background-position: 110px center;}
.header_site_search:focus { color: #333; background-color: #FCFCFC; font-style: normal; background-image: url(images/search_icon.png);}
#searchform input { color: #121212;}
#header_wrapper ::-webkit-input-placeholder { /* WebKit browsers */ color: #121212;}
#site_logo { float: left; }
#site_logo h2 { display:none;}
#site_name { padding-top: 5px; width: 575px;}
#header_social_icons { float: right; width: 360px; text-align: right; margin-right: 10px;}
#header_social_icons img { text-decoration: none; margin-left: 8px; opacity:0.1;}
#header_social_icons img:hover { opacity:0.8;}
/* 6. HOMEPAGE BANNER
* ================================================ */
#home_banner_container { width: 960px; margin-right: auto; margin-left: auto;}
.fader { height: 350px; width: 940px; position: relative; margin-left:10px; margin-top:10px; }
.fader .slide{ position: absolute; top: 0; z-index: 1; opacity: 0; }
.fader img.slide{ height: auto; }
.fader .prev,
.fader .next{ position: absolute; height: 55px; line-height: 55px; width: 50px; font-size: 30px; text-align: center; color: #fff; top: 50%; left: 0; z-index: 4; margin-top: -25px; cursor: pointer; opacity: .0; transition: all 150ms; }
.fader .prev:hover, .fader .next:hover{ opacity: 1; }
.fader .next{ left: auto; right: 0; }
.fader .pager_list{ position: absolute; bottom: 0; width: 100%; height: 30px; line-height: 40px; text-align: center; z-index: 4; }
.fader .pager_list li{ display: inline-block; width: 10px; height: 10px; margin: 0 7px; background: #fff; opacity: .5; text-indent: -99999px; border-radius: 999px; cursor: pointer; transition: all 150ms; }
.fader .pager_list li:hover, .fader .pager_list li.active{ opacity: 1; }
.fader .prev img , .fader .next img { height: auto; width: 25px; }
#Fader h2 { color: #ffffff; padding:0px; margin:0px; z-index: 999; }
#Fader h3 { color: #cccccc; padding:0px; margin:0px; z-index: 999;}
#Fader h2 { position: absolute; top: 210px; left: 30px; padding: 13px; font-size: 34px; background: rgb(0, 0, 242); background: rgba(0, 0, 0, 0.8);}
#Fader h3 { position: absolute; top: 275px; left: 30px; background-color: #1fb5e8; padding: 8px; font-size: 15px; background: rgb(0, 0, 242); background: rgba(0, 0, 0, 0.8);}
/* 7. MAIN CONTENT
* ================================================ */
h1#content_header { font-size: 33px; font-weight:bold; color: #1c1c1c; border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: #e8e4e3; padding-bottom: 15px; margin-bottom: 15px; }
.post { margin-bottom: 25px; padding-bottom: 15px; padding-top:0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2;}
.post:last-child { margin-bottom: 0px; border-bottom-width: 0px; border-bottom-style: none; }
h2.title { font-si ze: 30px; line-height: 30px; padding-bottom: 5px; font-weight: bold;}
h2.title a, h1.title a { color: #333; text-decoration: none;}
.blog_post_comments { font-size: 11px; /*font-style: italic;*/ margin-bottom: 10px; display: block; color: #666; line-height: 18px; }
.blog_post_comments a { color: #666;}
.blog_post_content { padding-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #F2F2F2; }
.blog_post img, .single_blog_post img { }
#blog_post_archive_nav { padding-top: 0px; }
.full_archive_nav { width: 900px; float: left;}
.beatsingle_leftside .comment , .beatsingle_leftside h4 , .beatsingle_leftside #comments_form { margin-left: 20px; padding-top: 15px;}
.featured-image img { padding-bottom: 15px;} /* Feature blog post image */
/* 8. SIDEBAR
* ================================================ */
.widget { line-height: 18px; font-size: 12px; background-color: #FFF; float: left; width: 270px; margin-bottom: 15px; box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.10); -moz-box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.10); padding: 15px;}
.widget h3 { font-size: 15px; font-weight:bold; color: #1c1c1c; width: 270px; border-bottom-width: 3px; border-bottom-style: double; float: left; border-bottom-color: #e8e4e3; padding-bottom: 5px; margin-bottom: 10px;}
#widget_recent_post li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEE; margin-bottom: 7px; padding-bottom: 7px; padding-left: 5px; display: block; width: 265px;}
#widget_new_beats li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEE; margin-bottom: 7px; padding-bottom: 7px; padding-left: 0px; display: block; width: 265px; float: left;}
#widget_recent_post li a, #widget_new_beats li a { display: block; font-weight: bold; color: #333; text-decoration: none;}
#widget_recent_post li span.genre, #widget_new_beats li span.genre { display: block; color: #999999; font-style: italic; padding-top: 0px;}
#widget_recent_post li:last-child, #widget_new_beats li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom-style: none;}
#widget_new_beats li .widget_mp3_player { float: left; height: 30px; width: 38px; padding-top: 3px;}
.widget p:last-child { padding: 0px;}
/*li.cat-item { float: left; margin-right: 3px; width: 132px; display: inline-block; padding-bottom: 3px; padding-top: 3px;}*/ /* widget for listing categores*/
/*Tags Widget */
/*.edd-taxonomy-widget a, */
.tagcloud a, li.cat-item { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background: #ececec; display: block; float: left; font-size: 11px !important; line-height: 12px; margin-bottom: 5px; margin-right: 5px; padding: 7px 7px; text-decoration: none; width: auto !important; }
li.cat-item:hover { color: #ffffff !important;}
li.cat-item:hover a, .tagcloud a:hover { color: #ffffff !important; text-decoration: none; }
/* Social network icons widget */
.connect_link { background-position:left center; background-repeat:no-repeat; display:inline-block; padding-bottom:3px; padding-left:23px; padding-top:3px; width:105px; margin-left: 5px;}
.sidebar-social .google { background-image:url(images/social_icons/google.png);}
.sidebar-social .dribble { background-image:url(images/social_icons/dribbble.png);}
.sidebar-social .facebook { background-image:url(images/social_icons/facebook.png);}
.sidebar-social .flickr { background-image:url(images/social_icons/flickr.png);}
.sidebar-social .grooveshark { background-image:url(images/social_icons/grooveshark.png);}
.sidebar-social .instagram { background-image:url(images/social_icons/instagram.png);}
.sidebar-social .lastfm { background-image:url(images/social_icons/lastfm.png);}
.sidebar-social .linkedin { background-image:url(images/social_icons/linkedIn.png);}
.sidebar-social .email { background-image:url(images/social_icons/mail.png);}
.sidebar-social .myspace { background-image:url(images/social_icons/myspace.png);}
.sidebar-social .paypal { background-image:url(images/social_icons/paypal.png);}
.sidebar-social .rss { background-image:url(images/social_icons/rss.png);}
.sidebar-social .skype { background-image:url(images/social_icons/skype.png);}
.sidebar-social .soundcloud { background-image:url(images/social_icons/soundcloud.png);}
.sidebar-social .spotify { background-image:url(images/social_icons/spotify.png);}
.sidebar-social .tumblr { background-image:url(images/social_icons/tumblr.png);}
.sidebar-social .twitter { background-image:url(images/social_icons/twitter.png);}
.sidebar-social .vimeo { background-image:url(images/social_icons/vimeo.png);}
.sidebar-social .wordpress { background-image:url(images/social_icons/wordpress.png);}
.sidebar-social .youtube { background-image:url(images/social_icons/youtube.png);}
.sidebar-social .pinterest { background-image:url(images/social_icons/pinterest.png);}
/* Buy Beats steps div */
.buy-step span { font-size: 13px; color: #FFF; background-image: url(images/steps-circle.gif); text-align: center; height: 37px; width: 33px; display: block; float: left; padding-top: 6px; background-repeat: no-repeat; font-weight: bold; margin-right: 10px;}
.buy-step { float: left; width: 265px; padding-bottom: 7px;}
/*-- Feedburner input box --*/
#feedburner_email { font-size: 12px; background-color: #FFF; padding: 7px; border: 1px solid #CCC; color: #ccc; width: 150px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
#feedburner_button { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; margin-bottom: 5px;}
#feedburner_email:focus { color: #333333;}
/* Text Banner Widget ****/
.widget_banner { padding: 20px 10px 20px 10px; width: 250px; text-align: center; color: #ffffff; background-color: #333333; }
.widget_banner h2 { font-weight: bold; color: #ffffff; line-height: 1em!important; padding-bottom: 13px;}
.widget_banner_subtext { padding-bottom: 13px; display: block; }
.widget_banner a { background-color: #119cb5; padding: 8px 14px 8px 14px; color: #ffffff !important; text-decoration: none; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
/*Photo gallery widget*/
.photos_widget img { float: left; width: 120px; height: auto; margin-right: 10px; margin-bottom: 10px; }
/* Events Widget*/
.event_widget a { font-weight:bold; display: block; padding-top: 2px;}
.event_widget_date { float: left; width: 34px; margin-right: 10px; }
.event_widget_month { color:#999; text-align: center; font-size: 10px; }
.event_widget_date_number { color:#333; font-size: 16px; font-weight: bold; text-align: center; padding-bottom: 4px; }
.event_widget:last-child { display: inline-block; padding-bottom: 0px; border-bottom-width: 0px; border-bottom-style: none; margin-bottom: 0px;}
.event_widget {display: inline-block; padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E8E8E8; margin-bottom: 8px; width: 100%;}
/* Testimonial Widget*/
.testimonial { display: inline-block; width: 195px; margin: 0; padding: 20px 25px 20px 50px; position: relative; border-radius: 5px; font-size: 14px; }
.testimonial:before { filter: alpha(opacity=50); opacity: 0.5; content: "\201C"; position: absolute; font-size: 50px; line-height: 1; font-weight: bold; font-family: Georgia, serif; }
.testimonial:before { top: 10; left: 15px; }
.arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; margin: 0 0 0 30px;}
.testimonial-author { margin: 0 0 0 60px; color: #333333; text-align:left; font-weight: bold;}
.testimonial-business { font-size: 12px; color: #a3a3a3; font-style: italic; font-weight: normal;}
/* Testimonial Full Width*/
.testimonial-full { line-height:normal; background:#f2f2f2; color:#333; display: inline-block; width: 90%; margin: 0; padding: 20px 4% 20px 4%; position: relative; border-radius: 5px; }
.testimonial-full :before { color:#333; filter: alpha(opacity=50); opacity: 0.5; content: "\201C"; position: absolute; font-size: 50px; line-height: 1; font-weight: bold; font-family: Georgia, serif; }
.testimonial-full :before { top: 10; left: 15px; }
.arrow-down-full { border-top:15px solid #f2f2f2; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; margin: 0 0 0 30px;}
.testimonial-full-author { margin: 0 0 0 60px; color: #333333; text-align:left; font-weight: bold; padding-bottom:15px; display:block; }
.testimonial-full-business { font-size: 12px; color: #a3a3a3; font-style: italic; font-weight: normal;}
/* 9. FOOTER
* ================================================ */
#footer { background-color: #0b0b0b; }
.widget_holder { width: 950px; margin-right: auto; margin-left: auto; padding-top: 40px; padding-bottom: 35px;}
.widget_holder_sub { color: #333333; font-size: 12px; width: 940px; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 50px; padding-right: 10px; padding-left: 10px; }
.footer_widget { float: left; width: 290px; font-size: 12px; margin-right: 34px; }
.footer_widget:nth-child(3n+3) { margin-right: 0px;}
.footer_widget h3 { color: #FFF; padding-bottom: 10px; font-size: 18px; font-weight: bold;}
.footer_widget p { padding-bottom: 15px; line-height: 18px;}
/*-- Footer Widgets Code --*/
#footer #widget_recent_post li a, #footer #widget_new_beats li a , .footer_widget a , #footer .sidebar-social a, #footer .widget { color: #b3b3b3; text-decoration: none;}
#footer #widget_recent_post li span,
#footer #widget_new_beats li span { color: #333333;}
#footer .tagcloud a { background: #131212; color: #cccccc; }
#footer .tagcloud a:hover { background: #333333;}
#footer #widget_recent_post li , #footer #widget_new_beats li { padding-left: 0px; border-bottom-color: #151515;}
#footer .widget { background-color: transparent; padding: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
#footer .widget h3 { border-bottom-width: 0px; border-bottom-style: none;}
#footer_copywrite { float: left; width: 750px;}
#footer_copywrite li { display: inline-block; margin-right: 10px; margin-bottom: 8px;}
#footer_sub { width:100%; background-image: url(images/footer_bg_lower.png); background-repeat: repeat-x; background-position: top; background-color: #080808;}
#footer_sub a { color: #333333; text-decoration: none;}
#footer_sub .current-menu-item { border-bottom-width: 0px; border-bottom-style: none;}
.widget_holder_sub .right { font-size: 9px; letter-spacing: -0.3px; }
/* 10. COMMENTS
* ================================================ */
.comment { display: block; padding-bottom: 5px; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #E9E9E9;}
.comment_text {font-size: 12px; line-height: 16px; clear:left; }
.comment_photo { width: 60px; float: left; margin-right: 10px;}
.comment_name { padding-bottom: 5px; clear:right;}
.comment_name a { color: #535353; text-decoration: none; font-weight: bold;}
.comment_time { font-style: italic; color: #999; padding-left: 4px; font-size:11px;}
#leave_comment { float: left; padding-top: 15px; padding-right: 15px; margin-left: 15px; background:grey;}
/* 11. SINGLE POST
* ================================================ */
#post_bottom { margin-bottom: 15px;}
#share_buttons { float: right; width: 160px;}
#share_buttons_beat { float: left; width: 130px; padding-top: 15px;}
.share_button { float: left; width: 90px; padding-bottom: 7px; height: 20px;}
.share_button_facebook { float: left; width: 85px; padding-bottom: 7px; height: 20px; }
/* 12. BEAT STORE
* ================================================ */
.dataTables_length { width: 250px; float: left; font-size: 12px; padding-bottom:14px; padding-top: 5px;} /*dropdown side */
.dataTables_filter { width: 250px; float: right; text-align: right; font-size: 12px;} /*search box*/
.dataTables_filter input { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 1px solid #CCC; padding: 5px;}
/* .dataTables_filter input { background-image: url(images/search.png); background-repeat: no-repeat; background-position: 130px center; } */
.dataTables_length select { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #CCC; padding: 3px;}
#example .store_table { }
.store_table { text-align: left; vertical-align: middle; color: #999; clear:left; margin-top: 10px; width: 100%;}
.store_table thead th { font-size: 10px; font-weight: bold; color: #ffffff; background-color: #333; padding-top: 8px; padding-bottom: 8px; cursor: pointer; text-align: left;}
.store_table td { padding-top: 7px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EBEBEB;}
.store_table tr td { vertical-align: middle; font-size: 11px; color: #999; letter-spacing:-.5px; }
.store_table a { font-weight: bold; color: #2A2A2A; text-decoration: none; } /*Link */
.store_table a.button , #searchform input.button { color: #ffffff; font-weight: normal;} /*Button Bolding fix*/
.dataTables_info { padding-top: 16px; float: left; width: 42%; font-size: 11px; color: #cccccc;}
.dataTables_info:hover { color: #666666;}
#example_paginate { float: right; width: 40%; margin-right: 5px;}
.store_table .button, .store_table a.button { margin-bottom: 0px; padding: 8px 10px; font-size: 12px; }
a.paginate_enabled_next, a.paginate_enabled_previous { font-size: 13px; display: inline-block; color: #ffffff; text-decoration: none; padding-top: 7px; padding-right: 13px; padding-bottom: 7px; padding-left: 10px; margin-top: 10px; background-color: #3C3C3C; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
a.paginate_enabled_next:hover, a.paginate_enabled_previous:hover { cursor: pointer; background-color: #232323;}
a.paginate_enabled_next { float: right;}
a.paginate_enabled_previous { float: left;}
a.paginate_disabled_next, a.paginate_disabled_previous { display: none;} /*Disabled buttons - Hide the buttons if less than 15 */
a.paginate_disabled_previous { float: left;}
a.paginate_disabled_next { float: right;}
/*used for table width*/
.beat_table_50 { width: 50px;}
.beat_table_70 { width: 70px;}
.beat_table_35 { width: 35px;}
.player { padding-left: 3px;}
/* Row Roll Over */
/*.store_table tr:hover { background-color: red;}*/
/* New width: 105px; */
.beat_table_100{ width: 55px;}
.store_table .grey { background-color: #b0b0b0;}
.beat_store_custom_code { margin-top: 20px;}
/* Pagination*/
.page_nav .page-numbers{ text-decoration: none; color: #666; margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; }
.page_nav .current{ color: #FFF; text-decoration: none; border:1px solid #36ACE3; color:#FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding-right: 8px; padding-left: 8px; background-color: #36ACE3; }
.page_nav .prev, .page_nav .next{ border:none; color:#666; }
.page_nav { float: left; padding-top: 20px; padding-bottom: 20px; width: 100%; font-size: 11px; text-align:center; }
/* 13. SINGLE BEAT PAGE
* ================================================ */
#beat_player { background-color: #f4f4f4; width: 612px; border: 1px solid #e2e2e2; float:left; margin-top: 0px; margin-left: 3px; margin-bottom: 3px; }
#beat_player_top { background-image: url(images/beat_player_top.png); background-repeat: repeat-y; background-position: left;}
#player_photo_holder { padding-left: 8px; padding-top: 10px; padding-right: 11px; padding-bottom: 10px; float: left; background-repeat: repeat-y; background-position: right;}
#player_photo img { height: 160px; width: 160px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
#player_photo { height: 160px; background-color: #FFF; width: 160px; border: 1px solid #cdcdcd; background-image: url(images/default-thumb.jpg ); background-repeat:no-repeat; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.beat_selection_menu { padding: 8px; width: 180px; background-color: #fff; border: 1px solid #cdcdcd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.beat_player_player { width: 410px; padding: 10px; float: right; background-image: url(images/beat_player_line.png); background-repeat: repeat-x; background-position: top;}
#beat_player_text { padding: 10px; float: right; width: 410px;}
#beat_title { font-size: 19px; font-weight: bold; color: #000; width: 405px;}
#beat_produced_by, #beat_type { font-size: 11px; color: #999999; width: 410px; padding-bottom: 6px;}
#beat_player_button a { float:right;}
#beat_player_info { line-height: 16px; float: left; background-image: url(images/beat_player_line.png); background-repeat: repeat-x; background-position: top; width: 592px; color: #1B1B1B; padding-top: 15px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; font-size:13px;}
#beat_player_info ul { margin: 0px; padding: 0px; float:left;}
#beat_player_info li { margin: 0px; list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; display: block;}
#beat_player p { margin: 0px; padding: 0px;}
#beat_player_info p { padding-bottom: 8px; display: block;}
#beat_player_description { padding: 0px 10px; float: left; background-image: url(images/beat_player_line.png); background-repeat: repeat-x; background-position: top; width: 592px; color: #1B1B1B; font-size: 12px;}
.beat_player_share_button { width: 80px; float: left; margin-right: 14px;}
.beat_player_share_button_fb { width: 138px; float: left; margin-right: 10px;}
#beat_player_share { padding-top:10px;}
#beat_player h1 { font-size: 25px; line-height:28px; padding-bottom:7px;}
#beat_store_breadcrumb { font-size: 11px; background-color: #333; color: #ccc; padding: 10px; float: left; width: 593px; margin: 3px;}
#beat_store_breadcrumb a { color: #ccc; text-decoration: none;}
#beat_store_breadcrumb a:hover { color: #fff; text-decoration: underline;}
input[type="radio"]:checked + span { font-weight: bold;}
/* Beat license list options */ .buying_options { display: block; padding: 8px; }
.beat-information { font-size: 12px; float: left; width: 290px; padding-bottom: 5px;}
.beat-information-left { float: left; width: 100px; font-weight: bold;}
.beat-information-right { float: left; width: 140px; margin-right: 10px;}
/* Search Icon */
#beat_store_search_button { float:right; width: 29px; height: 29px; margin-top: 3px; margin-right: 5px; }
#beat_store_search_button img { opacity:0.2; }
#beat_store_search_button img:hover { opacity:0.8;}
/* Used for smaller beat store play button ****/
.store_table .player_button button { margin-top: 10px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 3px !important; }
/* 14. CONTACT PAGE
* ================================================ */
.contact { padding-bottom: 15px;}
.input { background-color: #FFF; padding: 10px; border: 1px solid #CCC; color: #666; width: 420px; margin-bottom: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.input input:focus { color: #666; border-top-color: #484848; border-right-color: #484848; border-bottom-color: #484848; border-left-color: #484848;}
#contact label, #comments_form label { padding-bottom: 7px; padding-top: 4px; font-weight:bold; display: block; }
/* 15. OTHER
* ================================================ */
/*Page Text Selection Safari*/ ::selection { color:#FFF;}
/*Page Text Selection Firefox*/::-moz-selection { color:#FFF;}
/* 404 Page */ .error_search_input { background-color: #ffffff; padding: 8px; font-style: italic; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width: 300px; color: #333; background-image: url(images/search_icon.png); background-repeat: no-repeat; background-position: 290px center; border: 1px solid #CCC;}
/*Hide Twitter header*/ .twtr-hd, .twtr-ft div { display: none;}
/*-- search widget --*/
.searchfield { font-size: 13px; padding: 10px 28px 10px 6px; width: 240px; border:1px solid #E7E7E7; font:inherit; color: #888; background: url("images/magnify.png") no-repeat 96% 50%;}
.twitter_button_width {width:90px; height:21px;}
.wp-caption p { margin-bottom: 15px;}
.wp-caption img { padding: 0px; margin: 0px;}
.wp-caption-text { background-color: #ececec; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 11px;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
/* Promo bar */
.promo-bar { text-align: center; position:static; width:96%; padding-left: 2%; padding-right: 2%; padding-top:10px; padding-bottom:10px; line-height: 15px; }
.promo-bar .close { float: right; padding-right: 5px; padding-bottom: 8px;}
.promo-bar span { display: block; }
.promo-bar a.promobar-button { color: #ffffff; text-decoration: none; background-color: #333333; font-size:10px; padding-bottom:4px; padding-top:4px; padding-left:8px; padding-right:8px; margin-left: 10px; }
/* 16. SHORTCODES - TABLE OF CONTENT
* ================================================
* 1. ALERTS
* 2. FAQ TOGGLE
* 3. TOOL TIPS
* 4. TEXT HIGH LIGHT
* 5. QUOTE
**/
/* ALERTS
* Color is listed twice to be case sensitive
* ================================================ */
.shortcode_alert { line-height: 18px; margin-bottom: 15px; padding: 13px; }
.green,.Green { background: #EEF4D4; color: #4A7D26;}
.blue, .Blue { color: #2A5896; background-color: #C6D8F0;}
.red , .Red { color: #8D3225; background-color: #EFCEC9;}
.yellow, .Yellow { color: #9A7D00; background-color: #FFEA97;}
.grey, .Grey { color: #666; background-color: #CCC;}
/* FAQ TOGGLE
* Depends on jquery code
* ================================================ */
h4.trigger { margin-bottom: 4px; }
h4.trigger a { color:#333; display:block; text-decoration:none; }
h4.trigger a:hover { text-decoration: underline;}
h4.active { margin-bottom: 0px; font-weight: bold; }
.toggle_container { line-height:19px; overflow:hidden; padding-bottom:10px;}
/* TOOLTIPS
* ================================================ */
.info span { display:none;}
span.info { border-bottom-color:#CCC; border-bottom-style:dotted; border-bottom-width:1px; color:#333; position:relative; text-decoration:none;}
span.info:hover span { -moz-box-shadow:0 0 5px 3px #ccc; -webkit-box-shadow:0 0 5px 3px #ccc; background-color:#FFF; border-radius:8px; box-shadow:0 0 5px 3px #ccc; color:#333; display:block; left:2em; padding:10px; position:absolute; text-align:left; top:2em; width:15em; z-index:999;}
/* TEXT HEIGHLIGHT
* Color is listed twice to be case sensitive
* ================================================ */
.text_highlight { background-clip: border-box; background-origin: padding-box; background-size: auto auto; color: #ffffff; padding-left: 3px; padding-right: 3px;}
span.red_highlight, span.Red_highlight { background-color: #ff0000;}
span.black_highlight , span.Black_highlight { background-color: #000000;}
span.yellow_highlight , span.Yellow_highlight { background-color: #e4e01a;}
span.blue_highlight, span.Blue_highlight { background-color: #4d68b1;}
span.green_highlight , span.Green_highlight { background-color: #5ec638;}
/* QUOTE
* ================================================ */
.shortcode_quote { background-color: #F5F5F5; padding: 15px; font-size: 24px; font-style: italic; line-height: 30px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 15px;}
.widget .shortcode_quote { margin-bottom: 0px;}
/* 17. PHOTO GALLERY
* ================================================ */
#photogallery { float: left; }
#photogallery img { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom: 8px;}
.photogalley-holder:nth-child(4n+4) { margin-right: 0px;}
.photogalley-holder { float: left; margin-right: 30px; width: 200px; height: 225px; margin-bottom: 20px;}
#photogallery:hover > .photogalley-holder:hover { opacity: .8;}
/* 18. VIDEO GALLERY
* ================================================ */
#videogallery { float: left; margin-bottom: 20px;}
#videogallery img { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom: 8px;}
.video-holder { float: left; margin-right: 28px; width: 280px; height: 225px; margin-bottom: 20px;}
.video-holder:nth-child(3n+3) { margin-right: 0px;}
.video_play_button { opacity: .5; display: block; position: absolute; top: 0px; left: 0; width: 273px; height: 200px;}
.video-holder:hover { opacity: .8;}
/* 19. EVENTS
* ================================================ */
.event-group { width: 900px; border-bottom: solid; border-bottom-color:#F1EDED; padding-bottom: 15px; border-bottom-width: 1px; margin-bottom: 35px; float: left;}
.event-group:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 15px;}
.event-group .button { margin-bottom: 0px;}
.date_holder { text-align: center; float: left; width: 55px; border: 1px solid #e7e7e7; padding: 2px;}
.date_holder_month { font-size: 11px; color: #FFF; background-color: #333; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; font-weight: bold;}
.date_holder_date { padding-top: 9px; padding-bottom: 9px; font-size: 24px; letter-spacing: 0px;}
.event-group h2 a {font-weight:bold; text-decoration: none; color: #333333; }
.event-group h2 a:hover { text-decoration: underline; }
.date_holder_date_content { float: right; width: 820px;}
.event_single_page { margin-right: 15px; }
/* 20. STORE
* ================================================ */
/* Store Home */
#store-gallery { float: left; margin-bottom: 20px;}
#store-gallery img , #store-product-image img { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom: 8px;}
.store-holder { float: left; margin-right: 28px; width: 200px; height: 250px; margin-bottom: 20px;}
.store-holder:nth-child(4n+4) { margin-right: 0px;}
/* Single */
.product-name { font-weight:bold; display: block; padding-bottom: 4px; line-height: 16px;}
.product-price { display: block; font-size:13px; color: #949393;}
#store-product-information { float: left; width: 400px; padding-right: 20px; }
#store-product-image { float: right; width: 480px; margin-bottom: 15px; height: 410px; }
.store_social_share_padding { margin-top: 10px; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}
.store_social_share_padding:hover { opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */}
.store-holder:hover { opacity: .8;}
/* Resize fader */ #store-product-image .fader { height: 400px; width: 470px; margin-top:0px; }
/* Slideshow pagination fix */ #main #store-product-image li { padding-bottom: 0px; line-height: 0px;}
#shipping { display: block; padding-bottom: 15px; color: #666666; font-style:italic;}
/* 21. RESPONSIVE SNIPPET
* ================================================ */
/* Audio Player ****/
.mejs-container { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #1c1c1c; }
.mejs-container .mejs-controls { background: none !important; }
.mejs-controls .mejs-button button:focus { outline-width: 0px; outline-style: none !important; }
/* Mobile Code ****/
/* Hiding the mobile Nav by default ****/
#mobile-nav-holder { display: none;}
.mobile-date { display: none;}
/* Beat Shopping Cart Widget */
/* bold */
.edd-cart-number-of-items,
.edd-cart-item-title [itemprop=name],
.edd-cart-number-of-items,
.edd_subtotal
{ font-style: normal; font-weight: bold; font-size: 12px; color: #333333; }
/* Remove Button */
a.edd-remove-from-cart { font-size: 0px; float: right; background-image: url(images/remove.png); background-repeat: no-repeat; width: 16px; text-indent: -999px; }
/* License Name */
.edd-cart-item-title { font-size: 9px; font-style:italic; }
/* Item padding */
li.edd-cart-item { padding-bottom: 7px; padding-top: 7px; border-bottom-style: solid; border-bottom-color: #f3f3f3; border-bottom-width: 1px;}
/* Seperator Hide */
.edd-cart-item-separator { display: none;}
.edd-cart-number-of-items { color: #333333;}
.edd_subtotal { padding-bottom: 8px;}
/* Category Dropdown Menu - Appears on store, store category*/
.category_dropdown { float:right; }
.category_dropdown select { background-color:#FFF; border: 1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-top: 8px; margin-right: 12px; margin-bottom: 0px; margin-left: 0px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; }