﻿/*
Theme Name: Great Stock Music
Theme URI: http://wordpress.org/
Description: A custom theme for Great Stock Music
Author: Aurie
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

body {background:#f5f5f5 url(../design/bg_body.gif);}
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, font, 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 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; list-style:none;}
:focus {outline:0;}

html {overflow-y: scroll;}


/*a:link {color: #a6a6a6; text-decoration: underline; }
a:active {color: #f6f6f6; text-decoration: underline; }

a:hover {color: #ffd669; text-decoration: none; }*/

/*a {color:#ffd669; text-decoration:none;}*/
a {text-decoration:none;}
a:visited {text-decoration:none; color:#0E4E6E;}

/*a:active {color: #FFC460;; text-decoration: none; }
a:visited {color: #E8C460; text-decoration: underline; }*/

h1, h2, h3 {font-family:"Trebuchet MS", Verdana, Arial; font-weight:normal; color:#595959;}
h1 {font-size:34px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font:bold 18px Arial; color:#000;}
/*p {font:13px "Trebuchet MS", Verdana, Arial; color:#767676; line-height:22px;}*/
p {font:13px "Trebuchet MS", Verdana, Arial; color:#000; line-height:22px;}

/*--- BORDERS ---*/
.info {
        border-radius:10px 10px 0px 0px;
        -moz-border-radius:10px 10px 0px 0px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        }

#featured {
        border:1px solid #454749;
        border-radius:10px 0px 10px 10px;
        -moz-border-radius:10px 0px 10px 10px;
        -webkit-border-top-left-radius:10px;
        /*-webkit-border-top-right-radius:10px;*/
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        }
        
#boxie {
        border:1px solid #454749;
        border-radius:10px 10px 10px 10px;
        -moz-border-radius:10px 10px 10px 10px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-bottom-left-radius:10px;
		    -moz-box-shadow: 5px 5px 5px #303333;
    		-webkit-box-shadow: 5px 5px 5px #303333;
    		box-shadow: 5px 5px 5px #303333;
        }

#boxiewide {
        border:1px solid #454749;
        border-radius:10px 10px 10px 10px;
        -moz-border-radius:10px 10px 10px 10px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-top-right-radius:10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-bottom-left-radius:10px;
		    -moz-box-shadow: 5px 5px 5px #303333;
    		-webkit-box-shadow: 5px 5px 5px #303333;
    		box-shadow: 5px 5px 5px #303333;
        }

      
.subscribe {
        border-radius:0px 0px 10px 10px;
        -moz-border-radius:0px 0px 10px 10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        }
        
.description li.button a,
.player li.button a,
.knap li.button a,
.knap2 li.button a,
.about li.button a,
.subscribe input,
.subscribe .button,

#maincontent h3 {
        border:none;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        }


      
#wrapper {width:100%; background:url(../design/bg_wrapper_1.png) repeat-x;}

/*----------------------------- HEADER ------------------------*/
#header {width:920px; height:100px; margin:0 auto; background:url(../design/logo.png) 30px 30px no-repeat;}
#header h2{float:left; position:relative; top:37px; left:80px; color:#fff;}
#header h3{float:left; position:relative; top:30px; left:80px; color:#fff;}

/*--- info list ---*/
.info {float:right; width:280px; position:relative; top:54px; padding:2px 18px; background:#2F3335;}
/*.info {float:right; width:300px; position:relative; top:54px; padding:2px 18px; background:#2F3335;}*/
.info li {float:left; padding:14px 7px; font:12px Verdana, Arial; color:#a6a6a6; text-decoration:none;}
.info a {color:#ffd669; text-decoration:none;}
.info a:visited {text-decoration:none; color:#E8C460;}
.info li span {color:#ffd669;}
.info a {font:12px Verdana, Arial;}



/*----------------------------- FEATURED ------------------------*/
#featured {width:860px; height:310px; auto; margin:0 auto; padding:35px 29px; background:#6D7578 url(../design/bg_player.png) 0 0px repeat-x;}

/*--- left side ---*/
.knap {float:left; padding:5px; font-size:1px;}
.knap {width:440px; height:75px;}
.knap ul li.button {float:left;}
.knap ul li.button a {font-family:"Trebuchet MS"; margin-right:5px; margin-bottom:5px; padding:5px 5px 5px 5px; width:127px; float:center; display:block; position:relative; font:18px Arial; color:#000; text-decoration:none; background:#ffba01 url(../design/button.png) repeat-x;}
.knap ul li.button a:hover {background:#FDE37B url(../design/button.png) repeat-x;}
.knap ul li.click {float:left;}
.knap ul li.click a {width:146px; float:left; display:block; position:relative; font:18px Arial; color:#000; text-decoration:none; background:#ffc529 url(../design/button.png) repeat-x;}

.knap2 {float:left; padding:5px; font-size:1px;}
.knap2 {width:870px; height:75px;}
.knap2 ul li.button {float:left;}
.knap2 ul li.button a {font-family:"Trebuchet MS"; margin-right:5px; margin-bottom:5px; padding:5px 5px 5px 5px; width:127px; float:center; display:block; position:relative; font:18px Arial; color:#000; text-decoration:none; background:#ffba01 url(../design/button.png) repeat-x;}
.knap2 ul li.button a:hover {background:#ffc529 url(../design/button.png) repeat-x;}
.knap2 ul li.click {float:left;}
.knap2 ul li.click a {width:146px; float:left; display:block; position:relative; font:18px Arial; color:#000; text-decoration:none; background:#ffc529 url(../design/button.png) repeat-x;}


.player {float:left;}
.player {width:420px; height:160px;}
.player ul li.button {float:left;}
.player ul li.button a {font-family:"Trebuchet MS"; margin-right:5px; margin-bottom:1px; padding:5px 5px 5px 5px; width:127px; float:center; display:block; position:relative; font:18px Arial; color:#000; text-decoration:none; background:#ffba01 url(../design/button.png) repeat-x;}
.player ul li.button a:hover {background:#ffc529 url(../design/button.png) repeat-x;}
.player ul li.click {float:left;}
.player ul li.click a {width:146px; float:left; display:block; position:relative; font:18px Arial; color:#000; text-decoration:none; background:#ffc529 url(../design/button.png) repeat-x;}*/
.player h4 {margin-top:10px; color:#fff;}
.player p {font-size:14px; color:#fff;}


#content h4 {color:#fff;}
#content p {padding-left:10px; padding-right:10px; font-size:14px; color:#000;}
#content2 p {font-size:14px; color:#fff; padding-bottom:10px; padding-top:7px;}

/*--- right side ---*/
.description {float:right; width:365px; padding:00 10px 0 15px;}
.description h1 {margin-top:10px; color:#fff;}
.description p {padding:20px 0 41px 0; font-size:14px; color:#fff;}
.description a {color:#EEE;}
.description li {float:left;}
.description li.button a {padding:10px 35px; display:block; position:relative; font:18px Arial; color:#000; text-decoration:none; background:#ffba01 url(../design/button.png) repeat-x;}
.description li.button a:hover {background:#ffc529 url(../design/button.png) repeat-x;}
.description li.price {margin-left:20px; margin-top:-7px; font:13px "Trebuchet MS", Verdana, Arial; color:#9a9a9a;}
.description li.price span {margin-left:15px; font:45px Arial; color:#fff;}


/*----------------------------- MAIN CONTENT ------------------------*/
#maincontent {width:870px; margin:0 auto; padding-top:10px;}
#maincontent h3 {margin-bottom:35px; padding:11px 20px; display:inline-block; color:#fff; background:#2F3335;}
* html #maincontent h3 {display:inline; zoom:1;}/* IE6 Fix */
*+ html #maincontent h3 {display:inline; zoom:1;}/* IE7 Fix */


.benefits {float:left; width:870px;}


.f_left {float:left; width:420px;}
.f_left p {font:14px "Trebuchet MS", Verdana, Arial; color:#000; line-height:18px;}
.f_right {float:right; width:380px;}
.f_right p {font:14px "Trebuchet MS", Verdana, Arial; color:#000; line-height:18px;}
.introtext {font:14px "Trebuchet MS", Verdana, Arial; color:#000; line-height:18px;}

.others {width:250px; padding-left:10px;}

#boxie h3{color:#fff;}
#boxie h4{color:#fff; margin-bottom:20px;}
#boxie p {color:#fff; line-height:16px;}
#boxie b {color:#fff; line-height:16px;}
#boxie {float:left; width:360px; height:auto; auto; margin:0 auto; padding:20px; margin-bottom:1px; background:#6D7578 url(../design/bg_player.png) 0 0px repeat-x;}
#boxie p a:link {color: #bfbfbf; text-decoration: none; }
#boxie a:link {color: #bfbfbf; text-decoration: none; }
#boxie a:visited {color: #818181; text-decoration: none; }

#boxiewide h3{color:#fff;}
#boxiewide h4{color:#fff; margin-bottom:20px;}
#boxiewide p {color:#fff; line-height:16px;}
#boxiewide b {color:#fff; line-height:16px;}
/*#boxie {width:380px; height:200px; auto; margin:0 auto; padding:35px 29px; background:#6D7578 url(../design/bg_player.png) 0 0px repeat-x;}*/
#boxiewide {float:left; width:820px; height:auto; auto; margin:0 auto; padding:20px; margin-bottom:5px; background:#6D7578 url(../design/bg_playerlys.png) 0 0px repeat-x;}
#boxiewide p a:link {color: #bfbfbf; text-decoration: none; }
#boxiewide a:link {color: #bfbfbf; text-decoration: none; }
#boxiewide a:visited {color: #818181; text-decoration: none; }



/*--- left side ---*/
.about {float:left; width:470px;}
.about blockquote {padding-left:45px; font:italic 12px Verdana, Arial; color:#717171; line-height:21px; background:url(../design/quote.png) 0 5px no-repeat;}
.about p strong {color:#000;}
.about ul li.button {float:left;}
.about ul li.button a {font-family:"Trebuchet MS"; margin-right:5px; margin-bottom:5px; padding:5px 5px 5px 5px; width:127px; float:center; display:block; position:relative; font:18px Arial; color:#000; text-decoration:none; background:#ffba01 url(../design/button.png) repeat-x;}
.about ul li.button a:hover {background:#ffc529 url(../design/button.png) repeat-x;}
.about ul li.click {float:left;}
.about ul li.click a {width:146px; float:left; display:block; position:relative; font:18px Arial; color:#000; text-decoration:none; background:#ffc529 url(../design/button.png) repeat-x;}

/*--- right side ---*/
.services {float:right; width:380px;}
.services li {margin-bottom:15px; padding:0 10px 13px 70px;}
.services li p {padding-top:10px; color:#000;}
.services li.item_one {background:url(../design/icons/icon_2.png) no-repeat;}
.services li.item_two {background:url(../design/icons/icon_1.png) no-repeat;}
.services li.item_three {background:url(../design/icons/icon_4.png) no-repeat;}
.services li.item_four {background:url(../design/icons/icon_4.png) no-repeat;}

.services3 {float:right; width:380px;}
.services3 li {margin-bottom:15px; padding:0 10px 13px 70px;}
.services3 li p {padding-top:10px; color:#000;}
.services3 li.item_one {background:url(../design/icons/icon_2.png) no-repeat;}
/*.services3 li.item_two {background:url(../design/icons/icon_1.png) no-repeat;}*/
.services3 li.item_two {background:url(../design/icons/icon_4.png) no-repeat;}
.services3 li.item_three {background:url(../design/icons/icon_4.png) no-repeat;}
.services3 li.item_four {background:url(../design/icons/icon_4.png) no-repeat;}
.services3 li.item_five {background:url(../design/icons/icon_5.png) no-repeat;}
.services3 p {color:#FFF; font-size:14px}
.services3 p a:link {color: #199DDF; text-decoration: none; }

/*--- full ---*/
.fullpage {float:left; width:620px;}
.fullpage blockquote {padding-left:45px; font:italic 12px Verdana, Arial; color:#717171; line-height:21px; background:url(../design/quote.png) 0 5px no-repeat;}
.fullpage p strong {color:#000;}
.fullpage ul {margin:30px 0; display:inline-block;}
.fullpage ul li {float:left; margin:0 10px 10px 0; font-size:1px;}
.fullpage ul li.img {background:url(../design/icons/icon_zoom.png) center no-repeat;}
.fullpage ul li.video {background:url(../design/icons/icon_play.png) center no-repeat;}

/*--- full right side ---*/
.services2 {float:right; width:200px;}
.services2 li {margin-bottom:15px; padding:0 10px 13px 70px;}
.services2 li p {padding-top:10px;}
.services2 li.item_one {background:url(../design/icons/icon_2.png) no-repeat;}
.services2 li.item_two {background:url(../design/icons/icon_1.png) no-repeat;}
.services2 li.item_three {background:url(../design/icons/icon_3.png) no-repeat;}
.services2 li.item_four {background:url(../design/icons/icon_4.png) no-repeat;}


.fullpage2 {width:870px; margin:0 auto; padding-top:10px;}


/*----------------------------- FOOTER ------------------------*/
#footer_wrap {width:100%; margin-top:20px; padding:10px 0; position:relative; display:inline-block; border-top:4px solid #000; background:#000 url(../design/bg_footer.png) repeat-x;}
#footer {width:900px; height:50px; margin:0 auto;}
#footer p {float:left; padding-top:13px; font:13px "Trebuchet MS", Verdana, Arial; color:#767676; line-height:22px;}
#footer p span {color:#fff;}
#footer p a {color:#ffd669; font:13px "Trebuchet MS", Verdana, Arial;}
/*p {font:13px "Trebuchet MS", Verdana, Arial; color:#767676; line-height:22px;}*/

/*--- social icons ---*/
.social {float:right; padding-top:10px;}
.social li {float:left; margin-right:6px;}
.social li span {margin-right:10px; font:12px Verdana, Arial; color:#cccccc; line-height:30px;}
.social li img {font-size:1px; padding:2px; filter:alpha(opacity=100); opacity:1; background:#404040;}
.social li a:hover img {filter:alpha(opacity=70); opacity:0.7;}

/*--- tittle on mouseover ---*/
.tipsy { margin-top:-24px; padding: 5px; font: 13px Arial; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../design/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 6px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-south { background-position: bottom center; }

/*----------------------------- Image wrap ------------------------*/
.image-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
}
/* image-wrap:after pseudo element (overlaying container) */
.image-wrap:after {
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	border: none 1px #1b1b1b;
	-wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(255,255,255,.3);
	box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.image-wrap img {
	vertical-align: bottom;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.projump .image-wrap:hover {
	position: relative;
	top: -8px;
}


/*----------------------------- BLOG ------------------------*/

#blog {width:870px; margin:0 auto; padding-top:10px;}

.blogleft h3 {margin-bottom:35px; padding:11px 20px; display:inline-block; color:#fff; background:#1e1e1e;}
* html .blogleft h3 {display:inline; zoom:1;}/* IE6 Fix */
*+ html .blogleft h3 {display:inline; zoom:1;}/* IE7 Fix */


/*----------------------------- Blog left ------------------------*/

.blogleft {float:left; width:690px;}
.blogleft blockquote {padding-left:45px; font:italic 12px Verdana, Arial; color:#717171; line-height:21px; background:url(/design/quote.png) 0 5px no-repeat;}
.blogleft p strong {color:#000;}

.blogleft .entry-content p {color:#000000;}
.blogleft .content .main {color:#000000;}
.blogleft p {color:#000;}
.blogleft .content p {color:#000;}
.blogleft .entry-title h2 {color:#000;}
.blogleft .title {color:#0000000;}

/*----------------------------- Blog right ------------------------*/

.blogright {float:left; width:180px; padding-top:22px;}
.blogright li {margin-bottom:5px; padding:0 10px 13px 70px;}
.blogright li p {padding-top:10px;}
.blogright .widget-container {padding:0 0px 0px 0px;}
.blogright .widget-title {font:bold 18px Arial; color:#000;}
.blogright a {text-decoration: none; color:#1b1b1b}


.bloggie .entry-content p {color:#000000;}

.bloggie h4 a:link {color:#000; font:bold 21px Arial; padding:10px;}
.bloggie i {color:#111;}
/*.bloggie a:link {color:#199DDF; text-decoration: none;}*/
.bloggie p a:link {color:#199DDF; text-decoration: none;}
.bloggie p a:visited {color:#0E4E6E; text-decoration: none;}
/*.bloggie a:visited {color:#0E4E6E; text-decoration: none;}*/
/*.bloggie p a:link {color:#199DDF;}*/
.bloggie p {color:#000;}
.bloggie a {color:#000; text-decoration: none;}
/*.bloggie a {color:#000; text-decoration: none;}*/



.bloggie2 .entry-content p {color:#000;}
.bloggie2 h4 a:link {color:#FFF; font:bold 21px Arial; padding:10px; padding-top:40px; }
.bloggie2 i {color:#111;}
/*.bloggie2 p a:link {color:#000;}*/
.bloggie2 p a:link {color:#199DDF;}
.bloggie2 p a:visited {font:13px; color:#0E4E6E; text-decoration: none;}
.bloggie2 a:link {font:13px; color:#199DDF; text-decoration: none;}
.bloggie2 a:visited {font:13px; color:#0E4E6E; text-decoration: none;}
.bloggie2 p {color:#000;}

#blo_wrap {float:left; display:inline-block; position:relative;}
#blo {width:10px; margin:10 auto;}



/*menu*/

#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}


/*slide
.layer1 {
margin: 0;
padding: 0;
width: 500px;
}
*/ 
.heading cursor: pointer;

/*{
margin: 1px;
color: #fff;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color:#c30;
}
.question {
padding: 5px 10px;
background-color:#fafafa;
}
p { padding: 5px 0; }
*/