/*
Theme Name: DFire
Theme URI: http://chain.darkfaerytale.com/themes/dfire/
Description: dFire is a dark but viewable theme vying for a slightly different style.
Version: 1.0
Author: Tracy Ou (aka Viitoria L.)
Author URI: http://www.darkfaerytale.com
*/

body {font-family: serif;font-size: 12px;color: #FFFFFF;text-align: center; margin: 0; padding: 0;background: url(images/header.jpg) repeat-x #000}

/* Design Containers and Specifications */
#wrap {width: 100%;margin: 0;padding: 0;border: 0;float: left}
#keep {width: 765px;clear: left;margin: 0 auto}
#outside {/*background: #B5B6B4 url("images/bgcon.gif") repeat-y top center; */width: 765px;float: right}
#inside {/*background: url("images/bghead.gif") no-repeat top center;*/ width: 765px; clear: both}
#holder {padding: 0}
/** html #holder {margin-left: 15px; float: left}*/
#search {width: 272px;height: 40px;float: right;text-align: left}
#title { width: 426px;text-align: left; float: left; height:58px}

/* Top Menu*/
#menu {width: 764px;height: 125px;float: left;text-align: left}
#menu ul { list-style-type: none;margin: 104px 0 0 0;padding: 0;}
#menu ul li {display: inline;}
#menu ul li a { text-decoration: none;color: #FFF;font-weight: bold;font-size: 12px;font-family: Arial, verdana, tahoma, sans-serif;padding:4px;margin:0 5px 0 0;font-weight: bold;outline:none}
#menu ul li a:hover {background: #FF9900;/*-moz-opacity: 0.7;*/color: #000; border-top:4px solid #131406;text-decoration: none}

#header {float:left; position:relative}
#header .dam {/*position:absolute; height:188px; width:270px; top:0; right:0; background: url(images/dam.gif) no-repeat*/ display:none}
#tree {background: url("images/tree.jpg") no-repeat; width: 213px;height: 153px;float: right}
#content {width: 515px;float: left; display:inline;text-align: justify;font-size: 13px;margin:0 !important;color: #CACACA;font-family: Arial, Helvetica, sans-serif;min-height:500px;height:auto !important; height:500px;}
#sidebar {width: 205px;float: right;text-align: left;margin: 10px 35px 15px 0;@margin-right:0px; display:inline}
#footer {background: #333333; border-top:2px solid #CCC; padding:10px; margin-top:20px; overflow:auto;clear: both;font-family: "agency fb", arial, helvetica, sans-serif; float:left; width:100%}
.clear {clear:both}
/* Information */
#handle {text-align: right;margin: 0 0 7px 0}
#inf {width: 99%;font-size: 13px;color: #959595;font-family: "trebuchet ms", sans-serif;margin: 0 0 35px 0;padding: 0 7px}
#com {width: 40%;float: left}
#ent {width: 55%;float: right}
#clr {background-color: #000000;width: 100%;clear: both;height: 7px}
#inf ul {list-style-type: none;padding: 0;margin: 0 0 20px 0}
#inf li {display: block;border-bottom: #4E370F 1px solid;padding-top: 3px;margin: 0;min-height: 20px;font-weight: normal}
#com li a {text-decoration: none;color: #75961B}
#com li a:hover {text-decoration: none;color: #99C521}
#ent li a {text-decoration: none;color: #DEDDDC}
#ent li a:hover {text-decoration: none;color: #FFFFFF}
.intr {padding: 0 7px}
.postmetadata {clear:both; margin-top:10px; float:left}
.post {padding-bottom:8px; border-bottom:1px solid #333; margin-bottom:10px; float:left; width:100%}
.artist {float:left; width:162px; text-align:center; margin-right:24px}
.artist h2 {margin-top:10px; text-align:center}
.artist img {padding:2px; border:1px solid #333}
.temas p {margin-bottom:4px; clear:both}
.audioplayer_container {float:left; margin-bottom:16px !important}

/* Headers */
.edit, .edit a:link, .edit a:visited {text-align: right;text-transform: lowercase;color: #2E2E2E;font-size: 17px;float: right}
.edit a:hover {color: #E1E1E1}
h4 {background: url(images/sidebg.jpg) no-repeat bottom; width: 175px;height: 28px;text-transform: capitalize;line-height:22px;margin: 0px;padding-right: 50px;color:#FFCC33;font-size: 16px;text-align: right;font-family: Arial, Tahoma, Helvetica}
* html h4 {padding: 0 50px 0 0}
h3 {color: #F3F1B7;font-size: 18px;font-family: "agency fb", sans-serif;font-weight: bold;padding: 0;margin: 0; clear:both}
h1, h1 a:link, h1 a:visited {color: #FFCC33;font-size: 18px;font-family: Arial, Georgia, "Times New Roman", Times, serif;text-transform:capitalize;padding: 0;margin: 7px 0 16px 0;text-decoration: none}
.id {color: #686C24;padding-right: 3px}
#wp-calendar caption {font-weight: bold;padding: 0;margin: 0 0 10px 0;color: #FFFED9;font-size: 11px;font-family: "tw cent mt", arial, helvetica, sans-serif}
p {margin:0 0 13px 0}
h2 {font-weight: bold;padding: 0;margin: 0 0 10px 0;color: #FFCC00;font-size: 14px;font-family: "tw cent mt", arial, helvetica, sans-serif; clear:both}
h2 a:link, h2 a:visited {
color: #FFCC00;
text-decoration: none;
}
p.clear {clear:both; margin:0; padding:0; width:100%}

h2 a:hover {
color: #FFFF00;
text-decoration: none;
}

h6 {
padding: 0;
margin: 0;
font-size: 35px;
float: right;
text-align: right;
color: #222;
}

.btitle a:link, .btitle a:visited {
padding: 0 25px 0 0;
color: #fff;
font-size: 36px;
font-family: Helvetica, sans-serif,tahoma;
text-decoration: none;
}

.stitle {
padding: 0 16px 0 0; 
color: #333; 
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
text-indent:-3000;
display:none
}
.stitle span {
color: #FF9900; font-size:14px; padding-left:4px; display:none
}
.btitle a {color:#000!important; display:none}
.tinfo {
color: #D4C082;
font-size: 14px;
font-family: "times new roman", serif;
text-transform: uppercase;
border-bottom: #4E370F 1px solid;
padding: 0 0 3px 0;
}

/* Top Search */

#sform {
padding: 0 0 0 30px;
margin: 0;
}

#search input { 
width: 170px; 
font-size: 10px; 
color: #CCC;
font-family: trebuchet ms, arial, sans-serif;
background:#1A1A1A;
border: #414141 1px solid;
}

#search input:focus {
border:#2E2E2E 1px solid;
}

#simage {
background: url("images/s2.gif") no-repeat; 
width: 39px;
height: 23px;
}

/* Side Navigation */

.navigate {
padding: 10px 0 30px 35px;
font-size: 10px;
font-family: verdana, sans-serif;
}

.navigate ul {
list-style-type: none;
font-size: 11px;
padding: 0;
margin: 0;
}

.navigate li a { 
background: url("images/arw.gif") no-repeat top left; 
text-decoration: none;
display: block;
color: #FFF;
border-bottom: #1F270B 1px solid;
padding: 4px 0 4px 21px;
margin: 0;
}

* html .navigate li a { 
height: 13px;
}

.navigate li a:hover { 
background: url("images/arw2.gif") no-repeat top left; 
text-decoration: none;
color: #F7FABF;
}

.navigate li li a { 
background: url("images/sub.gif") no-repeat top left; 
text-decoration: none;
display: block;
color: #7F8062;
border-bottom: #1F270B 1px solid;
padding: 4px 0 4px 41px;
margin: 0;
}

.navigate li li a:hover { 
background: url("images/sub2.gif") no-repeat top left; 
text-decoration: none;
color: #F7FABF;
}

/* Posts */

.info {
background: #3A130A;
-moz-border-radius: 10px;
color: #FFFFFF;
font-family: verdana, sans-serif;
font-size: 11px;
text-align: left;
padding: 7px;
margin: 15px 0 50px 0;
}

.info a:link, .info a:visited {
color: #FFFFFF;
text-decoration: none;
}

.comm, .comm a:link, .comm a:visited {
color: #A5B968;
font-weight: bold;
text-decoration: none;
}

.comm a:hover {
color: #C7DC87;
text-decoration: none;
}

/* Footer Styles */

.credits {
color: #A1A1A1;
font-size: 12px;
}

#footer a:link, #footer a:visited {
color: #A1A1A1;
text-decoration: none;
}

#footer a:hover {
color: #E1E1E1;
text-decoration: none;
}

/* Miscellaneous */

img {
border: 0;
}

a:link, a:visited {
color: #AAAF54;
text-decoration: none;
}

a:hover, a:active {
color: #C3C963;
}

blockquote {
background: url("images/quote.gif") no-repeat top left;
min-height: 90px;
overflow: visible;
color: #C3BCA5;
margin: 0;
padding: 15px 20px;
}

code {
font-family: monospace;
color: #EFE4BE;
}

pre {
font-family: monospace;
color: #C3BCA5;
}

input, textarea { 
width: 98%; 
font-size: 11px; 
color: #CCC;
font-family: "trebuchet ms", arial, sans-serif;
background: #1A1A1A;
border: #414141 1px solid;
margin: 2px 0 0 0;
}

textarea { 
padding: 3px;
width: 96%;
}

input:focus, textarea:focus {
border: #2E2E2E 1px solid;
}

#subc img {
padding: 2px;
border: #454829 5px solid;
margin: 5px 5px 5px 0;
}

#subc img:hover {
border: #686C20 5px solid;
}

#subc img a {
border: #343434 5px solid;
}

small {
color: #555;
font-family: arial, helvetica, sans-serif;
}

label {
color: #555;
font-size: 10px;


}

table {
font-family: verdana, tahoma, sans-serif;
font-size: 12px;
border: #2E2E2E 1px solid;
background: #131313;
}

/* Post Specifications */

.hundred { 
display: block;
text-align: center;
margin: 0 0 10px 0;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.post-info {
font-size: 10px;
color: #DCDCDC;
border: #2E2E2E 1px solid;
margin: 10px;
font-family: "trebuchet ms", sans-serif;
padding: 5px;
}

.post-info a, .post-info a:visited, .comm-date a, .comm-date a:visited {
color: #EABD52;
}

.post-info a:hover {
color: #F8BF3E
}

.comment {padding: 10px 0 0}
.comment h3 {display:inline; padding-right:5px; font-size:14px}

.comm-entry {
font-size: 11px;
font-family: "trebuchet ms", sans-serif;
}

.s-entry {
padding: 15px 0 0 15px;
}

/* Links Page */

#linkpage input {
width: 70px;
}

#linkpage select {
font-size: 11px; 
color: #CCC;
font-family: "trebuchet ms", arial, sans-serif;
background: #1A1A1A;
border: #414141 1px solid;
}

#linkpage ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#linkpage li {
padding: 10px 0;
}

#linkpage p {
margin: 0;
padding: 0;
}

/* Wp-Calendar */

#wp-calendar {
width: 100%;
font-size: 11px;
font-weight: normal;
}

#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;
text-decoration: none;
}

#wp-calendar a:hover {
text-decoration: underline;
}

#wp-calendar td {
color: #7F8062;
background: #1F1F1F;
border: 1px solid #2E2E2E; 
margin: 0 4px 4px 0;
padding: 2px;
text-align: center;
letter-spacing: normal;
}

#wp-calendar td:hover{
background: #171717;
border: 1px solid #292929;
}

#wp-calendar td.pad:hover {
background: #171717;
border: 1px solid #292929;
}

#wp-calendar #today {
background: #333;
border: 1px solid #222; 
border-width: 1px 0 0 1px;
color: #FFF;
}

#wp-calendar th {
background: transparent;
border: 0; 
font-style: normal;
text-transform: uppercase;
text-align: center;
padding: 2px;
color: #999;
font-weight: normal;
}