/*
Theme Name: Qilin Music
Theme URI: http://qilinmusic.com/
Description: Qilin Music Wordpress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1
Author: ohplay
Author URI: http://ohplay.net/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Begin Typography & Colors */

body {	font-size: 12px; font-family:helvetica,arial; color: #FFFFFF; margin: 0; padding: 0; }
body {	background-color: #000000; }
 
#header { width: 940px; margin:0 auto; padding:0; height:107px;}
#headerimg { float:left; background-image: url(images/qilinlogo.jpg); background-repeat: no-repeat; background-position: 0 0; height:76px; width: 181px; margin: 20px 10px 10px 0px; }
#headerimg a.logo { float:left; margin: 0; overflow: hidden; padding-top:76px; height: 0px; width: 181px; }


/* MAIN NAV */
#mainnavholder          { float:left; margin-top: 67px;}
#mainnav                { margin: 0; padding:0; overflow:hidden; }
#mainnav ul             { list-style-type: none; list-style-position: outside; padding: 0; margin:0; }
#mainnav ul li          { float:left; margin:0; padding:0 15px; }
#mainnav ul li a        { color: #FFFFFF; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#mainnav ul li.home        { padding-left: 2px; }
#mainnav ul li a:hover  { color: #FF0000; text-decoration: none; }
#mainnav ul li.current-cat a {color:#FF0000; }
#main_nav ul li a.active_category { color:#FF0000; }

.current_page_item a { color:#FF0000 !important; }


/* FOOTER */
#footer { padding: 0 0 20px 0; margin: 0 auto; width: 940px; border-top: 1px solid #640000; }
#footer p { font-size:10px; color: #FFFFFF; margin: 10px 0 0 0px; padding: 0px 0; }
#footer p a { color: #FFFFFF; font-weight: normal; text-decoration: none; margin-right: 6px;}
#footer p a:hover { color: #FF0000; text-decoration: underline; }

a, a:link, a:active, a:visited { color: #CCCCCC; text-decoration: underline; }
a:hover { color: #FF0000; text-decoration: underline; }
a.more-link {font-size: 16px; font-weight: normal; color: #FF0000; text-decoration: none; margin: 10px 0; display:block;}
a:hover.more-link {color: #FFFFFF; text-decoration: none;}
a.catlink {font-size: 14px; font-weight:bold; color: #FF0000; text-decoration: none;}
a:hover.catlink {color: #FFFFFF; text-decoration: none;}


h1, h2, h3 { font-weight: bold;	}
h1 { font-size: 24px; }
h2 { font-size: 16px; margin: 0 0 4px 0; color: #ff0000; }
h2.widgettitle { margin:0 0px; color: #FF0000; font-size: 18px; font-weight: bold; padding: 7px 0px 6px 15px; background: url(images/bolt.gif) no-repeat 0% 0%; letter-spacing:-0.05em; text-transform: uppercase; }

h2.pagetitle { margin:0px 0 20px 0; color: #FF0000; font-size: 22px; font-weight: bold; padding: 0px 0px 0px 15px; background: url(images/bolt.gif) no-repeat 0% 0%; letter-spacing:-0.05em; text-transform: uppercase; }


.post h2 a {color: #FFFFFF; text-decoration: none; }
.post h2 a:hover {color: #FF0000; text-decoration: underline; }

h3 { font-size: 16px; }

small {	color: #666; font-size: 10px; }

.postmetadata { color: #666; font-size: 10px; }
.postmetadata a { color: #666; text-decoration:underline; font-size: 10px; }
.postmetadata a:hover { color: #FFFFFF;}

/* SEARCH FORM */
#searchform { margin: 0px; padding: 0px; text-align: left;}
#searchform #s { padding:4px; width: 220px; font-size:10px; border:1px solid #333333; color:#FFFFFF; background-color:#000000; }
#searchsubmit, #commentform #submit { font-size:10px; background-color: #333333; color:#FFFFFF; border:0px; padding:4px; font-weight:bold;}

/* COMMENT FORM */
#commentform { margin: 5px 0px 0 0; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0;	border:1px solid #640000; color:#640000; }
#commentform textarea { width: 100%; padding: 2px; border:1px solid #640000; color:#FF0000; }
#commentform #submit { margin: 0; float: right; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em;	}
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none;	}
.commentmetadata { font-weight: normal;	}

.commentlist { padding: 0; text-align: justify;	}
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; border-bottom: 1px solid #A9A9A9; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }


.alt { margin: 0; padding: 0px; }
.sticky div.entry { margin:0; padding:0; border:0; }
.sticky div.addtoany_share_save_container, .sticky h2, .sticky p.postmetadata { display:none; }

.clearer {display:block; float:none; clear: both; font-size:normal;}

.navigation { display: block; text-align: center; margin-top: 0px; margin-bottom: 50px; }
code { font-size: 11px; }



/* MAIN CONTAINER */
#maincontent { width: 940px; margin: 0px auto; border-top: 1px solid #640000; }
.container_bg { float:left; width:100%; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(images/genericbg.png) repeat-y scroll 0 0; }

.narrowcolumn { float: left; padding: 10px 0 20px 0px; margin: 0; width: 600px; }
.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }

.entry { margin-top: 0px; padding-top: 8px; line-height:18px; border-bottom: 1px solid #640000; }
.belowentry { margin-top:40px; border-bottom: 1px dotted #ddd; height: 50px; line-height: 20px; }
.post { margin-bottom: 30px; padding: 0; }

.entry .wrap a { color: #fff; font-size: 10px; font-weight: bold; text-decoration:none; text-transform: uppercase; background-color: #ff0000; padding: 5px 5px 4px 4px; }
.entry .wrap a:hover { background-color: #CC0000; }


.widecolumn .post {	margin: 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }

.clear { clear: both; }


/* SIDEBAR */
#sidebar { float:left; padding: 0; width: 290px; margin:0 0 0 40px; }
#sidebar form {	margin: 0; }
#sidebar ul, #sidebar ul ol { margin: 10px 0 0 0; padding: 0; }
#sidebar ul li { list-style-type: none;	list-style-image: none;	margin-bottom: 30px; }
#sidebar ul li a { color: #FFFFFF; font-size: 10px; font-weight:bold; text-transform: #ffffff; text-decoration: none; }
#sidebar ul li a:hover { color: #FF0000; }
#sidebar ul p, #sidebar ul select {	margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 0; padding: 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0px; }
#sidebar ul ul li, #sidebar ul ol li { list-style-type: none; margin:0 0 10px 0; padding: 0 0 10px 0px; border-bottom: 1px solid #640000; color: #999999; font-size:10px; line-height:16px;}
#sidebar ul ul li.aktt_more_updates { border:0; }
ol li, #sidebar ul ol li { list-style: decimal outside;	}

ul.social_sidebar { margin: 10px 0; padding: 0 0 30px; }
ul.social_sidebar li { margin: 0; padding: 0 0 30px 0px; }
a.twlink, a.fblink { float:left; padding: 0 0 0 40px; height:30px; line-height:30px;}
a.fblink { background: url(images/facebook-icon.png) no-repeat scroll 0 0;}
a.twlink { background: url(images/twitter-icon.png) no-repeat scroll 0 0;}


/*calender*/
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}


/* Begin Images */
a img { border: 0px; }
p img { padding: 10px 0; max-width: 100%; }
img.centered { display: block;	margin: 0 auto;	}
img.alignright { padding: 4px; margin: 0 0 2px 7px;	display: inline;} 
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;	}
.alignright { float: right; }
.alignleft { float: left; }


html>body .entry ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}



select { width: 130px; }


#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}






/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}





/* Captions */
.aligncenter, div.aligncenter { display: block; margin: 0 auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; } 
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }


/* SOCIABLE */
div.sociable { clear:both; margin: 5px 0 0 0; float:left; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc;	color: black; line-height: 1.25em; }
.sociable span { display: block; }
.sociable ul { display: inline;	margin: 0 !important; padding: 0 !important; }
.sociable ul li { background: none; display: inline !important;	list-style-type: none; margin: 0; padding: 1px; }
.sociable ul li:before { content: ""; }
.sociable img { float: none; width: 16px; height: 16px;	border: 0; margin: 0; padding: 0; }
.sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); }
.sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }


#category_list li{float:left;}
.subcategory_list li{float:left};


