/*
Theme Name: Blue Music
Theme URI: 
Description: A WP-Mod Theme for Music Lover - Blue Music.
Author: wp-mod
Author URI: www.wp-mod.com
Version: 1.0
Tags: blue, white, grey,black,FLir Ready, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar , ads-ready , valid XHTML, valid CSS, widget ready, footer-widgets, SEO friendly , Gravatar, breadcrumb, 125x125 ads
*/

/********** Reset & Basic Elements *****************/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
border:0 none;
margin:0;
outline-style:none;
outline-width:medium;
padding:0;
}
body {
background:gray none repeat scroll 0 0;
color:#FFFFFF;
font-family:trebuchet MS;
text-align:center;
}
h1, h2, h3, h4, h5, h6 {
color:#7EE3EF;
font-size:100%;
font-weight:400;
}
h1 {
font-size:34px;
}
h2 {
font-size:32px;
}
h3 {
font-size:29px;
}
h4 {
font-size:26px;
}
h5 {
font-size:21px;
}
p {
font-size:15px;
}
a:link, a:visited {
color:#7EE3EF;
font-weight:bold;
text-decoration:none;
}
blockquote p {
border-left:4px solid;
font-style:italic;
margin:5px 10px;
padding:1em 2.1em 0.9em 2.2em;
}
a:hover {
color:#FFFFFF;
text-decoration:none;
}
.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float:left;
font-weight:bolder;
}
.alignright {
float:right;
font-weight:bolder;
}
.seperator {
margin-bottom:10px;
}
#header {
background:#000000 none repeat scroll 0 0;
height:100px;
margin:0 auto;
overflow:auto;
width:900px;
}
#header-wrapper {
overflow:hidden;
padding-top:10px;
}
#header-background {
background:transparent url(images/top.png) repeat-x scroll center center;
height:8px;
margin:auto;
width:900px;
}
#main-wrapper {
background:#000000 none repeat scroll 0 0;
margin:auto;
width:900px;
}
#bar {
background:transparent url(images/white-10.png) repeat scroll 0 0;
color:#FFFFFF;
display:block;
overflow:auto;
position:relative;
}
.breadcrumbs {
float:left;
padding:10px;
}
#content-wrapper {
display:inline;
float:left;
width:590px;
}
#sidebar-wrapper {
display:inline;
float:right;
margin-top:25px;
width:290px;
}
#footer-wrappera {
background:#000000 none repeat scroll 0 0;
margin:auto;
width:900px;
}
#footer-container {
margin:auto;
width:900px;
}
#footer-wrapperb {
background:transparent url(images/sprite.png) no-repeat scroll 0 0;
height:75px;
margin-left:-30px;
width:960px;
}
.header-left {
float:left;
height:auto;
}
.headtitle {
color:#7EE3EF !important;
font-size:3em;
font-style:normal;
font-variant:normal;
font-weight:normal;
margin:10px 0 0 10px;
text-transform:uppercase;
}
.headtitle a {
color:#808080;
padding-right:10px;
text-decoration:none;
}
 .headtitle a:hover {
color:#7EE3EF;
}

.description {
color:#FFFFFF;
font-size:20px;
padding-left:30px;
text-transform:uppercase;
}
.header-right {
float:right;
height:60px;
margin:20px 15px;
position:relative;
width:468px;
}
#header-image {
background:#000000 url(images/header-image.jpg) no-repeat scroll center center;
height:200px;
margin:-30px auto 0;
width:900px;
}
.menu {
background:transparent url(images/sprite.png) no-repeat scroll 0 0;
display:block;
height:75px;
margin:auto;
width:960px;
}
.menu ul {
display:block;
margin:10px 30px 0;
position:absolute;
width:900px;
}
.menu ul a {
color:#444444;
display:block;
font-size:15px;
padding:5px 10px;
text-decoration:none;
}
.menu ul li {
float:left;
}
.menu ul li.home {
border-left:1px solid #E3E0D5;
}
.menu ul ul {
border-style:solid none none;
font-weight:400;
height:auto;
left:-999em;
line-height:20px;
margin:auto;
position:absolute;
width:151px;
}
.menu ul li li {
border-bottom:1px solid #E3E0D5;
width:149px;
}
.menu ul li li a {
min-width:130px;
padding:4px 10px;
}
.menu ul li ul ul {
border-left:1px solid #E3E0D5;
margin:-23px 0 0 149px;
}
.menu ul li:hover li a, .menu ul li li:hover li a, .menu ul li li li:hover li a, .menu ul li li li li:hover li a {
color:#444444;
}
.menu ul li:hover ul ul, .menu ul li:hover ul ul ul, .menu ul li:hover ul ul ul ul, .menu ul li.sfhover ul ul, .menu ul li.sfhover ul ul ul, .menu ul li.sfhover ul ul ul ul {
left:-999em;
}
.menu ul li:hover ul, .menu ul li li:hover ul, .menu ul li li li:hover ul, .menu ul li li li li:hover ul, .menu ul li.sfhover ul, .menu ul li li.sfhover ul, .menu ul li li li.sfhover ul, .menu ul li li li li.sfhover ul {
left:auto;
}
.menu ul li:hover, .menu ul li.sfhover {
color:#000000;
}
.post {
padding:15px;
}
.post-image {
background:transparent url(images/post_thumbnail.png) repeat scroll 0 0;
float:left;
height:125px;
margin:0 20px 20px 0;
width:125px;
}
.post-header {
background:transparent url(images/sprite.png) no-repeat scroll 0 -75px;
height:75px;
margin-left:-45px;
width:590px;
}
.postDate {
float:right;
font-size:22px;
letter-spacing:-0.05em;
margin:11px 30px 0 0;
position:relative;
}
.postDate span {
color:#808080;
}
.post-title, h1.post-title {
color:#FFFFFF;
font-size:25px;
margin:11px 0 0 35px;
position:absolute;
}
.post-body ul {
list-style-type:disc;
margin:0 0 0 30px;
padding:0.5em 0;
}
.post-body ul li, .post-body ul li a {
color:#808080;
list-style-image:url(images/bullet-grey.png);
list-style-position:inside;
margin:0;
padding:0;
}
.post-body ul li:hover, .post-body ul li a:hover {
color:#FFFFFF;
list-style-image:url(images/bullet.png);
}
* html .post ul li {
background:transparent url(images/bullet.gif) no-repeat scroll 0 10px;
list-style-image:none;
list-style-position:outside;
padding-left:10px;
}
.post ul li li {
padding-left:0;
}
.post-body ol {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
margin:0 0 0 30px;
padding:0.5em 0;
}
.post-body dl {
margin:0 10px;
padding:0.5em 0;
}
.post-body dt {
font-weight:700;
padding:0;
}
.post-body dd {
border-left:1px solid #969696;
margin:0 10px;
padding:0 1em;
}
#bookmarkus {
overflow:hidden;
}
#bookmarkus img {
border:medium none;
display:inline;
float:left;
margin:15px 5px 15px 0;
}
#sidebar-wrapper #advertise, #sidebar-wrapper .textwidget {
margin:0 0 15px 20px;
}
#sidebar-wrapper .widget ul {
margin-bottom:20px;
padding-left:30px;
}
#sidebar-wrapper .widget li {
margin-top:6px;
}
#sidebar-wrapper .widget li a {
margin-left:5px;
padding:3px 10px;
}
#search {
float:right;
margin:6px;
position:relative;
}
#search #s {
color:gray;
float:left;
font-size:17px;
padding:4px;
width:210px;
}
#search #searchbtn {
float:right;
margin-right:7px;
margin-top:4px;
}
#advertise img {
border:medium none;
display:inline;
}
#simpleTooltip {
background:#F2F3F5 none repeat scroll 0 0;
border:1px solid #A6A7AB;
color:#808080;
padding:7px;
width:auto;
}
.blogpager {
margin-bottom:20px;
}
.wp-pagenavi {
font-weight:700;
padding:20px 0;
}
.wp-pagenavi a, span.pages, span.current {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #FFFFFF;
clear:both;
color:#54B7CE;
margin:3px;
padding:3px;
}
span.pages {
background:#54B7CE none repeat scroll 0 0;
color:#FFFFFF;
}
#comments_template {
margin-top:20px;
}
ol#comments {
margin-top:10px;
}
ol#comments li {
border:1px solid #969696;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:20px;
padding-bottom:20px;
}
ol#comments .comment_info img {
float:left;
margin:10px;
}
ol#comments .comment_info h4, ol#comments .comment_info p {
font-size:0.9em;
font-weight:700;
margin:0;
padding:10px 0 0;
}
ol#comments .the_comment {
clear:both;
margin:0 10px 10px;
}
ol#comments .avatar {
border:1px solid #969696;
margin:5px;
padding:3px;
}
ol#comments small a {
color:#000000;
font-weight:400;
}
#comments_template form input, #comments_template form textarea {
border:1px solid #969696;
color:#54B7CE;
overflow:hidden;
padding:5px 0;
}
#comments_template form #submit {
background:#54B7CE none repeat scroll 0 0;
border:1px solid #FFFFFF;
color:#FFFFFF;
cursor:pointer;
font-weight:700;
margin-top:5px;
padding:6px;
}
#comments_template form #submit:hover {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #54B7CE;
color:#54B7CE;
}
#comments_template label p {
font-size:0.8em;
margin:0;
padding:0;
}
ul.commentlist {
margin:20px 0;
padding:0;
}
ul.commentlist li {
list-style-position:outside;
list-style-type:none;
margin-bottom:20px;
min-height:117px;
overflow:auto;
position:relative;
}
ul.trackbacklist li {
padding:10px;
}
ul.commentlist .commentmetadata {
display:inline;
float:right;
}
ul.commentlist ul {
margin-top:30px;
}
ul.commentlist ul li {
border:0 none;
margin-right:-5px;
padding-bottom:0;
}
ul.commentlist .comment-reply-link {
border:1px solid #969696;
float:right;
margin:-3px 5px 0 0;
padding:5px;
}
ul.trackbacklist .comment-reply-link {
display:none;
}
#footer-wrappera .widget-footer {
float:left;
margin:20px 0;
padding:0 10px;
width:30%;
}
.widget-footer h4 {
color:#7EE3EF;
font-size:25px;
text-align:center;
text-transform:uppercase;
}
#footer-wrappera li {
list-style-position:outside;
list-style-type:none;
margin:10px 5px;
}
#footer-wrappera li a {
color:#808080;
display:inline;
}
#footer-wrappera li a:hover {
color:#FFFFFF;
display:inline;
}
#footer-wrapperb p {
color:#666666;
padding-bottom:0;
padding-top:3px;
text-align:center;
}
#footer-wrapperb p.sponsors, #footer-wrapperb p.sponsors a {
font-size:0.9em;
margin:0;
padding:0;
}
ul.css-tabs {
background:#333333 none repeat scroll 0 0;
height:32px;
margin-left:0 !important;
margin-right:0 !important;
margin-top:0 !important;
}
ul.css-tabs a {
color:#808080;
display:block;
float:left;
font-size:15px;
height:18px;
margin-left:26px;
padding:7px;
position:relative;
text-decoration:none;
}
.css-panes li.tabcontent {
border-color:#666666;
border-style:solid;
display:none;
height:auto;
padding:15px 20px;
}
#footer-bottom {
background:transparent url(images/bottom.png) repeat-x scroll 0 0;
height:50px;
margin:auto;
width:900px;
}
.sidebarTitle {
background:transparent url(images/sprite.png) no-repeat scroll -640px -75px;
height:75px;
width:320px;
}
.sidebarTitle h4 {
color:#000000;
font-size:25px;
margin:11px 0 0 35px;
position:absolute;
}
ul.footer-tabs a {
border-style:solid solid none;
border-width:1px;
color:green;
display:block;
float:left;
font-size:13px;
height:18px;
margin:0 10px;
padding:5px 10px;
position:relative;
text-decoration:none;
top:1px;
}
ul.footer-tabs a:hover {
color:#FFFFFF;
}
.footer-panes li.tabcontent {
border-color:#666666;
border-style:solid;
display:none;
height:auto;
padding:15px 20px;
}
.navigation {
font-size:1.3em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0;
padding:6px 0 6px 6px;
position:relative;
text-align:left;
width:auto;
}
.navigation a:hover {
color:#DEB342;
}
#respond:after {
clear:both;
content:".";
display:block;
height:0;
padding-bottom:20px;
visibility:hidden;
}
#respond p {
margin:0 14px;
}
#comments {
clear:left;
font-size:1.9em;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
text-align:left;
}
#main .comment a:link, #main .comments-link, #main .comments-link:visited, #main .background-postmetadata a:link, #main .background-postmetadata a:visited {
color:#5AB12F;
text-decoration:none;
}
#main .comments-link:hover, #main .background-postmetadata a:hover, #main .comment a:hover {
color:#DEB342;
text-decoration:underline;
}
#commentform {
height:auto;
margin:0 auto;
padding:0;
text-align:left;
width:95%;
}
#commentform-background {
height:auto;
margin:0 0 auto;
padding:0 0 20px;
text-align:center;
width:99%;
}
#commentform-background h3 {
font-family:'Helvetica',Verdana,Monaco,Arial,Times;
font-size:1.5em;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 14px;
}
#commentform-background p {
color:#40454B;
}
#commentform input {
margin:0 5px 1px 0;
padding:3px;
}
#comment p {
font-size:2.9em;
}
#commentform textarea {
border:1px solid #AEAEAE;
margin:0 auto;
overflow:auto;
padding:3px;
width:98%;
}
#commentform #reset {
background:transparent url(images/cancelyourcomment.png) no-repeat scroll left top;
border:medium none;
color:#40454B;
cursor:pointer;
float:right;
height:26px;
margin:0 2px 20px 0;
width:149px;
}
.thread-alt {
background:#333333 none repeat scroll 0 0;
}
.thread-even {
background:transparent url(images/white-40.png) repeat scroll 0 0;
}
.commentlist li .children .alt {
background:#F7F7F7 url(images/backgroundchildren.png) repeat scroll left top;
border-left:2px solid #DDDDDD;
color:#333333;
}
.commentlist li .children .even {
background:#FFFFFF url(images/background-body.png) repeat scroll 0 center;
border-left:2px solid #DDDDDD;
color:#333333;
}
.commentlist li .children {
color:#333333;
font-family:'Verdana',Monaco,Arial,Sans-Serif;
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.even, .alt {
border-left:0 solid #DDDDDD;
}
.commentlist li .children em {
margin:0 5px;
padding:0;
}
#commentform input, #commentform textarea {
font-family:'Giorgia',Verdana,Monaco,Arial,Sans-Serif;
font-size:0.9em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.commentlist li .avatar {
display:inline;
float:right;
padding:10px;
position:relative;
}
.commentmetadata {
font-weight:400;
margin:0;
padding:0;
}
.commentlist {
margin:10px 0;
padding:5px 0;
text-align:justify;
}
.commentlist li {
font-family:trebuchet MS;
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:10px 0;
}
.commentlist li ul li {
font-size:1em;
margin-left:10px;
margin-right:-5px;
}
.commentlist p {
font-size:15px;
font-weight:400;
padding:10px;
text-transform:none;
}
.commentlist .comment-author {
float:left;
font-size:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#commentform p {
font-family:trebuchet MS;
font-weight:700;
margin:5px 0;
}
.nocomments {
margin:0;
padding:0;
text-align:center;
}
.reply a {
color:#5AB12F;
font-size:1em;
font-weight:400;
text-decoration:underline;
}
.reply {
padding-bottom:10px;
}
.comment-reply-link {
border:1px solid #AEDE7E;
padding:3px;
}
#cancel-comment-reply {
font-size:15px;
font-weight:400;
margin:0 13px;
padding:0;
text-align:left;
}
.vcard .url {
margin:0;
padding:0;
width:86%;
}
.vcard {
padding-bottom:10px;
}
.vcard .fn {
margin:0 0 0 5px;
padding:0;
}
.vcard a:hover {
text-decoration:underline;
}
#pings {
font-size:1.9em;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
text-align:left;
}
.comment-top {
background:transparent url(images/white-40.png) repeat scroll 0 0;
display:block;
overflow:auto;
padding:5px;
}
.comment-options {
display:inline;
position:relative;
}
.comment-data {
display:block;
}
.bypostauthor {
background:#54B7CE none repeat scroll 0 0;
}
.bypostauthor a {
color:#808080;
}
.bypostauthor a:hover {
color:#FFFFFF;
}
.post-labels {
border-bottom:1px solid #808080;
font-size:14px;
margin-top:10px;
padding:5px;
}
.author a {
background:transparent url(images/sprite.png) no-repeat scroll 0 -184px;
font-weight:700;
padding-left:20px;
}
.comments a {
background:transparent url(images/sprite.png) no-repeat scroll -554px -168px;
font-weight:700;
height:15px;
padding-left:20px;
width:15px;
}
.edit a {
background:transparent url(images/sprite.png) no-repeat scroll 0 -152px;
font-weight:700;
height:16px;
padding-left:20px;
width:16px;
}
.tags {
background:transparent url(images/sprite.png) no-repeat scroll -943px -183px;
color:#7EE3EF;
font-weight:700;
height:16px;
margin-top:5px;
padding-left:20px;
width:16px;
}
.category {
background:transparent url(images/sprite.png) no-repeat scroll -942px -154px;
color:#7EE3EF;
font-weight:700;
height:16px;
margin-top:5px;
padding-left:20px;
width:16px;
}
.popular-posts ul {
margin-left:10px;
}
.popular-posts ul li a {
background:transparent url(images/post.png) no-repeat scroll left center;
padding-left:20px;
}
.recent-comments ul li {
background:transparent url(images/comments.png) no-repeat scroll left center;
padding-left:20px;
}
.post-pages p {
margin:10px 0;
position:relative;
text-align:center;
width:auto;
}
.post-pages p a {
padding:3px;
}
h6, .commentlist code {
font-size:1em;
}
p a, ul.commentlist .comment-author .fn, .commentlist cite, .commentlist cite a {
font-weight:700;
}
ol, ul, .post .commentlist li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.clear, .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {
clear:both;
}
.textcenter, #wp-calendar th {
text-align:center;
}
#wrapper, #wp-calendar #prev a, #footer-wrappera .widget-footer ul {
text-align:left;
}
.background-link-pages p a:visited {
text-decoration:none;
}
.menu ul li li:hover, .menu ul li ul li:hover a, .menu ul li ul li li:hover a, .menu ul li ul li li li:hover a, .menu ul li ul li li li:hover a, .menu ul li:hover a, .menu ul li.sfhover a {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
}
.menu ul .current_page_parent, .menu ul .current_page_ancestor, .menu ul .current-cat-parent, .menu ul .current-cat, .menu ul .current_page_item {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
font-weight:700;
}
.post .ads-above, .post .ads-below {
margin:auto;
}
#sidebar-wrapper a, .post-labels a {
color:#808080;
}
#search p, .children ul {
margin:0;
padding:0;
}
#subscribe h5 a:hover, #footer-wrappera li a:hover {
text-decoration:none;
}
span.current {
background:#54B7CE none repeat scroll 0 0;
color:#FFFFFF;
}
ul.css-tabs a:hover {
color:#FFFFFF;
}
ol#comments .comment_info p a, #cancel-comment-reply-link a {
font-weight:400;
}
ul.css-tabs li, ul.footer-tabs li {
float:left;
list-style-type:none;
margin:0;
padding:0;
}
ul.css-tabs a.current, ul.footer-tabs a.current {
color:#FFFFFF;
cursor:default;
}
#commentform #url, #commentform #email, #commentform #author {
border:1px solid #AEAEAE;
color:#54B7CE;
width:50%;
}
#sidebar-wrapper .widget li a:hover, #sidebar-wrapper .widget li.current_page_item a, #sidebar-wrapper .widget li.current-cat a, .wp-pagenavi a:hover {
background:#54B7CE none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
.vcard .comment-author a:link, .post-header a, .post-labels a:hover {
color:#FFFFFF;
}
.below-post {
margin:0 5px;
}
#footer-wrapperb p a{
color:#333;
}