/*
Theme Name:Music Theme
Version: 1.0
Author: Surinder Singh
*/

/* Begin Typography & Colors */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Font-embeded
-------------------------------------------------------------- */

@font-face {
       font-family:Helvetica Neue;
       src: local("Helvetica Neue"), url("fonts/HelveticaNeue-Thin.otf") format("opentype");
       font-weight: normal;
       font-style: normal;
	   }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; font-weight:normal; font-family:"Helvetica Neue"; }

/* Lists
-------------------------------------------------------------- */

ul, ol, ul li{ padding:0px; margin:0px;}
li ul,
li ol       { padding:0px; margin:0px;}
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { padding:0px; margin:0px; }
dl dt       { font-weight: bold; }
dd          { padding:0px; margin:0px;}
.clear{ clear:both;}

/* Remove annoying border on linked images. */

a img { border: none; outline:none; }
a {color:#666666; outline:none; text-decoration:none;}


body {font-size: 62.5%; /* Resets 1em to 10px */} /* Resets styles */


/* Containers 
-------------------------------*/
body { font-size:11px;	color: #333;background: #fff url('images/bg.jpg') repeat fixed;font-family:"Lucida Grande", Verdana, sans-serif;}
#wrapper{ margin:0px auto; width:550px; margin-top:60px;}
#container{ background:url(images/container-body-ng.png) repeat-y;}
#container-top-bg{ height:15px; background:url(images/container-top-shaddow.png) no-repeat 0px 0px;}
#container-bottom-bg{ height:15px; background:url(images/container-bottom-shaddow.png) no-repeat 0px 0px; margin-bottom:40px;}


/* Header CSS
-------------------------------*/
#header{ padding:14px 0 0 0 ;}
ul#top-links{ list-style:none;  overflow:hidden; margin:0px auto; display:block;  height:24px; border-bottom:1px solid #cccccc; width:500px;}
ul#top-links li{ float:right; height:18px;}
ul#top-links li a{ color:#808080; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
ul#top-links li.RSS{ background:url(images/rss.png) no-repeat top right;}
ul#top-links li.RSS a{ padding:0px 22px 0px 0px;}
ul#top-links li.Mail{ background:url(images/email.png) no-repeat top right; }
ul#top-links li.Mail a{padding:0px 26px 0px 6px;}
h1#logo {width:311px; margin:25px auto 22px auto ; }
h1#logo a{background:url(images/logo.jpg) no-repeat 0px 0px; display:block; height:99px;}


/* Navigation starts here
-------------------------------------*/
#Navbar{ position:relative; height:47px; margin:0 0 0 0;}
ul.mainlinks{ background:url(images/navigation-bg.png) no-repeat; list-style:none; display:block; position:absolute; width:473px; left:-7px; top:0px; height:47px; padding:4px 0 0 92px;}

ul.mainlinks li { float: left;font-size: 18px;
 letter-spacing: 1px;
 margin-right: 23px;}
ul.mainlinks li a{ color: #fff; font-family: bebas-neue,sans-serif;text-shadow:-1px 0px 2px #333333;-moz-text-shadow:-1px 0px 2px #333333;-webkit-text-shadow:-1px 0px 2px #333333;}
ul.mainlinks li.current-cat a, ul.mainlinks li a:hover{text-shadow:-1px 0px 3px #f3ffb1;-moz-text-shadow:-1px 0px 3px #f3ffb1;-webkit-text-shadow:-1px 0px 3px #f3ffb1;}
/* Homepage  CSS
--------------------------------------*/
.homepage{}
.homepage p{ line-height:16px; color:#000;}
.post-image{ margin:9px 0 15px 0;}
.post-image img{ max-width:500px;}
#buttonRock{ margin:0px 0px 0px -50px; float:left;}
.audio-player{ float:left;}
.audioplayer_container{ width:350px;}
.buy-btn{ text-align:right; float:right; margin-bottom:19px;}
.separator{ background:url(images/Separator.jpg) repeat-x; width:495px; margin:0px auto; height:6px; overflow:hidden; padding-bottom:17px;}


/* Posts CSS
--------------------------------------*/
.post{ position:relative;  padding:0px 25px;}
.post h1{ line-height:normal; font-size:24px; line-height:24px; margin:0 0 8px 0; color:#0099cc;}
.post h1 a{ color:#0099cc;}
.post h5 a {
    color: #0099CC;
}
.post p{ padding-bottom:10px;}
.post .buttonRock{
    background: none repeat scroll 0 0 #3C4245;
    border-radius: 5px 0 0 5px;
    left: -48px;
    padding: 5px 8px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 41px; 
}
.post .buttonRock a{
	color: #fff;
	display: block;
	font-size: 11px;
	vertical-align: middle;
	text-decoration: none;
	line-height: normal;
}
.post .buttonRock ul li, .post .buttonRock ul{
padding: 0; margin: 0; background: none;
	
}

.post h2{ font-size:30px; color:#0099cc; margin-bottom:15px;}
.post h3{ font-size:25px; color:#0099cc; margin-bottom:15px;}
.post h4{ font-size:20px; color:#0099cc; margin-bottom:15px;}
.post h5{ font-size:15px; color:#0099cc; margin-bottom:15px;  border-bottom:1px solid #dddddd;  padding-bottom: 15px;}
.post h6{ font-size:12px; color:#0099cc; margin-bottom:20px;}
.post ul{ margin:10px 25px 15px 25px; list-style:none;}
.post ol{ margin:15px 40px 20px 40px;}
.post ul li, .post ol li{ line-height:20px;}
.post ul li{ background:url(images/arrow.png) no-repeat 0px 5px; padding:0px 0px 0px 15px;}
.post ul li a{ text-decoration:underline; color:#b2b2b2;}
.post ul li a:hover, .post ol li a:hover{ text-decoration:none;}
.post blockquote{ border-left:4px solid #0099cc; margin-left:40px; padding-left:8px; margin-bottom:30px; font-size:11px; line-height:22px; font-weight:bold;}



/* Bread crumbs css
--------------------------------------*/
#crumb{ margin:0px; padding:0px 25px 12px; color:#666666; font-size:11px;}
#crumb a{ color:#0099CC;}
#crumbInner{ margin:0px; padding:0px 0px 12px; color:#666666;  font-size:11px;}
#crumbInner a{ color:#0099CC;}

.alignleft{ padding:0px 25px 15px; float:left;}
.alignright{ padding:0px 25px 15px; float:right;}
#related-posts{ border-bottom:1px solid #DDDDDD; margin-bottom:20px; }
.related-posts-type{  margin-bottom:20px; padding:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background:#f7f7f7;}
.related-posts-type h2{ font-size:17px; color:#12a0ce; font-weight:normal; margin-bottom:5px; }
.related-posts-type .relatedpost{ background:url(images/mail_post.png) no-repeat;}
.related-posts-type ul{ margin:0px 10px 0px 0px; list-style:none; overflow:hidden;}
.related-posts-type ul li{ background:none; padding:0px; float:left;margin-left:2px;}
.related-posts-type ul li a{ font-size:11px; color:#666666; text-decoration:none;}
.related-posts-type ul li a:hover{ text-decoration:underline;}


/* Networking sites css
-------------------------------------*/
.postComments .comment{background:url("images/comment-img.png") no-repeat scroll 0 0 transparent; float:right;height:17px;padding-left:24px; margin-top:6px;}
.postComments{ width:500px; position:relative;border-top:1px solid #dddddd; padding:9px 0px 18px 0px; margin-top:16px; clear:both; overflow:hidden;}
.postComments .comment a{ font-size:11px;}
.postComments .Postview{ float:left; width:380px;}
.tweet{ float:left; margin-top:0px ; background:url(images/fb-border.jpg) no-repeat right 1px; margin-right:10px;  padding-right:10px;}
.facebook{float:left;  }
.facebook-inner{ float:left;}

/* category page css
-----------------------------*/
.catInfo p{ padding-bottom:10px; color: #000000; line-height: 16px; padding-left:25px; padding-right:25px;}
.catInfo h1{ line-height:normal; font-size:24px; line-height:24px;  color:#0099cc; margin-bottom:15px; padding: 0 25px;}
.catComments .comment{background:url("images/comment-img.png") no-repeat scroll 0 0 transparent; float:right;height:17px;padding-left:24px; }
.catComments{  position:relative; padding:0px 0px 18px 0px; margin-top:0px; clear:both; overflow:hidden;}
.catComments .comment a{ font-size:11px;}
.catComments .Postview{ float:left; width:380px;}




/* Disqus form css
--------------------------------------*/
#disqus_thread{ margin:0px auto; width:500px;}
.dsq-pagination, .dsq-brlink{ display:none;}


/* footer css
--------------------------------------*/
#footer{ margin:0px;}
.footerbottom{ height:2px; background:#FFFFFF; margin:0px auto; width:490px;}

/* Error page css
--------------------------------------*/
#ErrorMessage{ position:relative;  padding:0px 25px;}
#ErrorMessage h2{ font-size:36px; color:#0099cc; margin-bottom:15px;}
#ErrorMessage p{  line-height:22px; color:#000; margin-bottom:80px; padding-bottom:40px;}

/* 404 page css
--------------------------------------*/
.ErrorPage{}
.ErrorPage p{ line-height:22px; color:#000; margin-bottom:80px;}
.ErrorPage h2{ font-size:36px; color:#0099cc; margin-bottom:15px;}

.editentry{ padding:0px 25px;}

.alignleft{ padding:0px 25px 15px; float:left;}
.alignright{ padding:0px 25px 15px; float:right;}


/* @group ul.image-tags */

.tags {
	margin-bottom: 20px; padding-bottom:16px; font-size:11px; margin-top:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background:#f7f7f7; padding:10px;
}

.tags h2{ font-size:17px; color:#12a0ce; font-style:normal; margin-bottom:8px;}
.tags a:hover{ color:#0099ca;}

.tags a {
	display: inline-block;
	padding: 0;
	margin: 0;
	
}

.tags a:link,
.tags a:visited,
.tags form {
	display: inline-block;
	padding: 2px 8px;
	margin: 0 5px 5px 0;
	background: #2b2b33;
	color: #fff;
	
	-webkit-transition: 0.3s;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.tags a:hover,
.tags a.filtered,
.tags form {
	background: #59cffc;
	opacity: 1;
	text-decoration: none;
	border: none;
	color:#000;
}

.tag-link-1 {
	opacity: 0.2;
}

.tag-link-2 {
	opacity: 0.24;
}

.tag-link-3 {
	opacity: 0.28;
}

.tag-link-4 {
	opacity: 0.32;
}

.tag-link-5 {
	opacity: 0.36;
}

.tag-link-6 {
	opacity: 0.40;
}

.tag-link-7 {
	opacity: 0.44;
}

.tag-link-8 {
	opacity: 0.48;
}

.tag-link-9 {
	opacity: 0.52;
}

.tag-link-10 {
	opacity: 0.56;
}

.tag-link-11 {
	opacity: 0.6;
}

.tag-link-12 {
	opacity: 0.64;
}

.tag-link-13 {
	opacity: 0.65;
}

.tag-link-14 {
	opacity: 0.7;
}

.tag-link-15 {
	opacity: 0.75;
}

.tag-link-16 {
	opacity: 0.8;
}

.tag-link-17 {
	opacity: 0.85;
}

.tag-link-18 {
	opacity: 0.9;
}

.tag-link-19 {
	opacity: 0.95;
}

.tag-link-20 {
	opacity: 1;
}

/* @end */

 /* @group Sharing Tabs */
 
 
 /* bottom nav css */
#outer-nav{ position:fixed; z-index:9999; width:100%; bottom:0px; left:0px; }
#bottom-nav{  width:673px; height:81px; margin:0px auto; z-index:9997; position:relative;}
#bottom-nav a{ outline:none;}
#bottom-nav a img{ border:none;}
#nav-back{ background:url(images/bottom-back.png) no-repeat; width:673px; height:81px;}
.f-links{float:left; margin:25px 0px 0px 0px; }
.f-links ul{margin:0px; padding:0px; list-style:none;}
.f-links li{ float:left; margin-left:20px;}
.f-links li a{ background:url(images/footer-links.png) no-repeat ; width:352px;height:25px; float:left;}
.f-links li.aboutme a{ width:84px; background-position:0px 0px;}
.f-links li.aboutme a:hover{background-position:0px -24px;}
.f-links li.podcast a{ width:78px; background-position:-104px 0px;}
.f-links li.podcast a:hover{background-position:-104px -24px;}
.f-links li.video a{ width:150px; background-position:-202px 0px;}
.f-links li.video a:hover{background-position:-202px -24px;}
#nav-back .facebook{ float:left; width:39px; height:39px;text-indent:-9999em; margin:17px 0px 0px 30px}
#nav-back .twiter{ float:left; width:39px; height:39px;text-indent:-9999em; margin:17px 0px 0px 9px; }
#nav-back .openform-down{ background:url(images/arrow-up.png) no-repeat 128px 14px !important;}
#nav-back .openform-up{float:right; width:156px; height:46px;margin:11px 11px 0px 0px; background:url(images/arrow-down.png) no-repeat 128px 14px; cursor:pointer;}

.formbox{ background:url(images/form-back.png) no-repeat; width:143px; height:114px; position:absolute; right:0px; bottom:70px; margin-right:10px; padding:16px 8px 0px 8px; z-index:9998;}
.formbox input[type=text]{ width:125px; padding:6px 8px; border:1px solid #fff; margin-bottom:8px;}
.mc_signup_submit{ text-align:left !important;}
.mc_signup_submit .button ,.formbox .subscribe, #mc_embed_signup .button{ background:url(images/subscribe.png) no-repeat; width:116px; height:26px; border:none; text-indent:-9999em;}


#mce-success-response , #mce-error-response{ position:absolute; background:#59d4fe; width:148px; height:118px; top:0px; left:0px; margin:10px 0px 0px 1px; font-size:11px; line-height:18px; padding:0px 0px 0px 7px;}

#mc_signup_form {
background:none !important;
border:none !important;
padding:0px !important;
}
.mc_error_msg{ font-size:11px;position:absolute; top:-25px ; left:0px; background:#ffffff; padding:6px 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; width:153px; text-align:center;}
.mc_success_msg{ font-size:11px;position:absolute; top:-53px ; left:0px; background:#ffffff; padding:6px 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
#typekit-badge-ifv8qtr{
	display: none!important;
}