/*
	Theme Name: PK - Glasgow Piano Man v1
    Theme URI: http://www.prettyklicks.com
    Description: glasgowpianoman.com theme
    Version: 1.0
    Author: Pretty Klicks
    Author URI: http://www.prettyklicks.com
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@charset"UTF-8";

body{background: #000000;font-family: Arial, tahoma, verdana, sans-serif;color:#fff;font-size:12px;padding:0px;margin:0px;}
a{text-decoration: none;color: #fec463;}
a:hover{text-decoration: underline;}
a:hover, a:active, a:focus{outline:none;-moz-outline-style:none;}
a:hover img, a:active img, a:focus img{outline:none;-moz-outline-style:none;}
a img{border:none;background:transparent;outline:none;vertical-align:top;}
img{border:none;outline:none;}

.right{float: right;}
.left{float: left;}
.dont_display{display: none;}

/*Structure*/
.container_24{z-index: 0;}
#h1_logo{padding: 0;margin: 0;line-height: 1;}
a#logo{background: url("images/gpm_logo.png") no-repeat 0 0;display: block;width: 300px;height: 66px;}

.header{padding: 50px 0;}

#navigation{display: block;padding-top: 27px;}
#navigation ul{margin: 0;list-style: none;position: relative;display: block;}
#navigation ul li{padding: 0;margin: 0;position: relative;float: right;z-index: 9999;}
#navigation ul li a{display: block;text-transform: uppercase;color: #fff;font-size: 14px;font-weight: bold;margin-right: 15px;padding: 1px 5px;}
#navigation ul li a.active span.num{color: #fec463;}
#navigation ul li a span.num{color: #959595;display: inline-block;margin-right: 4px;}
#navigation ul li:hover a span.num{color: #959595;}
#navigation ul li:hover a{text-decoration: none;background: #fec463;}
#navigation ul li:first-child a{margin-right: 0;}

#navigation ul li.has_sub a{cursor: default;}
#navigation ul li.has_sub ul a{cursor: pointer;}

/*Sub menu styling*/
#navigation ul ul{
	position: absolute;top: -99999px;left: 0;background: #fec463;opacity: 0;padding: 0;margin: 0;height: auto;list-style: none;z-index: 9999;
	-webkit-transition: opacity .4s ease-in-out; /* For chrome & safari */
	-moz-transition: opacity .4s ease-in-out; /* For mozilla firefox */
	-o-transition: opacity .4s ease-in-out; /* For opera */
	transition: opacity .4s ease-in-out; /* Not yet implemented, but will be available soon */
}
#navigation ul ul li{float: none;padding: 0;margin: 0;z-index: 9999;}
#navigation ul ul li a{color: #000;margin: 0;height: auto;width: 100%;}
#navigation ul li.sub_test ul li a{width: 180px;padding: 2px 5px;}
#navigation ul ul li a:hover{text-decoration: underline;}
#navigation ul ul li a:hover span.num{color: #fff;}
#navigation ul li:hover>ul{opacity: 1; position: absolute; top:98%; left:0;}

/*==================================================
========= HOME ===================================*/
	
#spread{height: 455px;background: url(images/home_spread_1.jpg) no-repeat 0 0;position: relative;overflow: hidden;}
#spread .flash{background: #000;height: 455px;}
#spread .trans_stripe{display: none;width: 940px;height: 217px;background: url(images/spread_trans_diagonal.png) no-repeat 0 0;position: absolute;bottom: 65px;left: 0;overflow: hidden;}
.trans_stripe .left_box, .trans_stripe .right_box{padding-top: 50px;}
.trans_stripe .left_box .content{padding-left: 10px;}
.trans_stripe .right_box p{padding-right: 10px;}
.trans_stripe h1, .trans_stripe h2{font-size: 1.4em;line-height: 1.65;font-weight: bold;text-shadow: #000 0 0 5px;}

#bottom_boxes{padding: 50px 0;}
#bottom_boxes h3{font-size: 1em;padding-bottom: 5px;text-transform: uppercase;font-weight: bold;}

.quote_box{background: #22292e url(images/quote_box_bg.png) no-repeat 0 0;height: 151px;padding: 15px 10px 0 100px;}
.quote_box p.author{color: #3aa3c1;font-weight: bold;font-style: italic;}

.single_col_quote .quote_box{background-position: 20px 20px;padding: 35px 10px 0 130px;height: 131px;}

.listen_box{position: relative;}
.listen_box .overlay{background: url(images/listen_box_trans_overlay.png) repeat;width: 460px;height: 166px;position: absolute;top: 0;left: 0;}
.listen_box .overlay .play{width: 215px;height: 118px;background: url(images/listen_box_play.png) no-repeat 0 0;margin: 20px auto;position: relative;}

p.right_link{text-align: right;padding-top: 10px;}
p.right_link a{text-transform: uppercase;font-weight: bold;}

/*==================================================
========= BUTTONS ===================================*/

.btn, .wpcf7-submit{
	display: inline-block;margin: 0;text-decoration: none;
	-webkit-transition: all .2s ease-in-out; /* For chrome & safari */
	-moz-transition: all .2s ease-in-out; /* For mozilla firefox */
	-o-transition: all .2s ease-in-out; /* For opera */
	transition: all .2s ease-in-out; /* Not yet implemented, but will be available soon */
	}
.btn:hover, .wpcf7-submit:hover{cursor: pointer;text-decoration: none;}

.btn_cta, .wpcf7-submit{color: #000;padding: 7px 70px 0 5px;border: none;margin: 10px 0;background: #fec463;font-size: 14px;text-transform: uppercase;font-weight: bold;}
.btn_cta:hover, .wpcf7-submit:hover{background: #eab358;color: #fff;box-shadow: #ffce7b 0 0 6px;-webkit-box-shadow: #ffce7b 0 0 6px;-moz-box-shadow: #ffce7b 0 0 6px;}
input.wpcf7-submit{padding: 9px 70px 2px 5px;}

p.cta_centre{text-align: center;}

/*==================================================
========= VIDEOS ===================================*/

#spread_video{height: 300px;background: url(images/videos_spread_1.jpg) no-repeat 0 0;position: relative;overflow: hidden;}
.spread .trans_stripe{width: 940px;height: 160px;background: url(images/spread_trans_diagonal.png) no-repeat 0 0;position: absolute;bottom: 0;left: 0;overflow: hidden;}
.trans_stripe .content-1-col{padding: 50px 10px 0 10px;}
.trans_stripe .content-1-col h1{font-size: 1.4em;line-height: 1.65;font-weight: bold;text-shadow: #000 0 0 5px;}

#spread_video .trans_stripe{height: 150px;}

#videos, #songs, #bio, #testimonials{padding: 30px 0 0;}

.cta_hero{border: #555 1px solid;padding: 10px;margin: 30px 0 0;font-size: 14px;}
.cta_hero .txt{float: left;width: 600px;padding: 5px 0 0;line-height: 1;}
.cta_hero .btn_cta{float: right;margin: 0;}

.yt_video{padding: 10px 0;}
.yt_video h4{padding: 10px 0;font-size: 12px;text-transform: uppercase;font-weight: bold;}

/*==================================================
========= SONGS ===================================*/

#spread_songs{height: 300px;background: url(images/songs_spread_1.jpg) no-repeat 0 0;position: relative;overflow: hidden;}
.sc_song{padding: 10px 0;}
.sc_song h4{padding: 10px 0;font-size: 12px;text-transform: uppercase;font-weight: bold;}

/*==================================================
========= BIO ===================================*/

#spread_bio{height: 300px;background: url(images/bio_spread_1.jpg) no-repeat 0 0;position: relative;overflow: hidden;}

/*==================================================
========= TESTIMONIALS ===================================*/

#spread_testimonials{height: 300px;background: url(images/generic_spread_1.jpg) no-repeat 0 0;position: relative;overflow: hidden;}
.cta_hero_blue{background: #22292e;border-color: #313e47;}

.test_ticker_wrapper{/*background: #22292e;*/position: relative;}
.test_controls{width: 32px;height: 32px;position: absolute;background-image: url(images/test_controls_sprite.png);background-repeat: no-repeat;cursor: pointer;z-index: 99;top: 65px;}
.test_next{background-position: -32px 0;right: 15px;}
.test_next:hover{background-position: -32px -32px;}
.test_prev{background-position: 0 0;left: 15px;}
.test_prev:hover{background-position: 0 -32px;}

.testimonial_ticker{position: relative;}
.testimonial{position: relative;padding: 50px 0;background: url(images/quote_shade.png) no-repeat 50% 95%;}
.testimonial p.the_quote{font-size: 18px;text-shadow: #000 0 0 5px;text-align: center;padding: 0 70px;}
.testimonial p.author{font-size: 14px;text-shadow: #000 0 0 5px;color: #3aa3c1;font-weight: bold;font-style: italic;text-align: center;}

/*==================================================
========= FOOTER ===================================*/

#footer{padding: 20px 0;font-size: 11px;border-top: #333 1px solid;}

#footer #copyright a.pk_link{background: url(images/pretty_klicks_lips.png) no-repeat 0 0;color: #fff;text-decoration: underline;font-size: 11px;height: 20px;line-height: 20px;display: inline-block;padding-left: 31px;}
#footer #copyright a.pk_link:hover{text-decoration: none;}

.social_icon{width: 32px;height: 32px;display: block;background-image: url(images/social_sprite.png);background-repeat: no-repeat;cursor: pointer;float: right;margin-left: 5px;}
.tw{background-position: -96px 0;}
.fb{background-position: -64px 0;}
.yt{background-position: -32px 0;}
.sc{background-position: 0 0;}

/*==================================================
========= CONTACT FORM ===================================*/

.left_padding{padding-left: 20px;}
.contact_left h2, .contact_right h2{font-size: 16px;}
input.wpcf7-text, input.wpcf7-quiz, textarea.wpcf7-textarea{
	-webkit-box-shadow: inset #d3edf4 0 3px 5px;-moz-box-shadow: inset #d3edf4 0 3px 5px;box-shadow: inset #d3edf4 0 3px 5px;
	border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border: none;padding: 7px 5px;font-size: 12px;
	-webkit-transition: all .25s ease-in-out; /* For chrome & safari */
	-moz-transition: all .25s ease-in-out; /* For mozilla firefox */
	-o-transition: all .25s ease-in-out; /* For opera */
	transition: all .25s ease-in-out; /* Not yet implemented, but will be available soon */
	outline: none;
	}
input.wpcf7-quiz{width: 40px;}
input.wpcf7-text:focus, input.wpcf7-quiz:focus, textarea.wpcf7-textarea:focus{-webkit-box-shadow: inset #d3edf4 0 3px 5px, #fec463 0 0 8px;-moz-box-shadow: inset #d3edf4 0 3px 5px, #fec463 0 0 8px;box-shadow: inset #d3edf4 0 3px 5px, #fec463 0 0 8px;}

/*==================================================
========= FC CALENDAR OVERRIDE ===================================*/

.fc-widget-content{background: #22292e;}
.fc-content .fc-state-highlight{background-color: #fec463 !important;}
.fc-event, .fc-agenda .fc-event-time, .fc-event a{background-color: #3aa3c1 !important;border-color: #3AA3C1 !important;}
.fc-content .fc-state-highlight .fc-day-number{font-weight: bold;color: #000;}
td.fc-state-default:hover{background: #2a333a;}
h2.fc-header-title{font-size: 14px;font-weight: bold;}