/*  
Theme Name: Diabolique Spring
Description: The Diabolique Spring wordpress theme with fashion colors for this season will be a wonderful choice for your blog. Features: 4 horizontal types of background + 3 types of background for headline, widget ready, boxes drop shadows, comments are threated, font replacement with gradients, large footer, social bookmarking icons, AdSense areas. Theme was tested on many web browsers such as: IE7, IE8, Firefox 1, 2, 3, Opera 10, Netscape 9.0, Safari 4.0, Flock 1.2, Flock 2.0, Sea Monkey 1.1, Chrome 4.0. More informations you can find here: www.diaboliquedesign.com/diaboliquespring
Author: Diabolique Design
Theme URI: http://www.diaboliquedesign.com/diaboliquespring/
Author URI: http://www.diaboliquedesign.com/
Version: 1.0.2
Tags: black, yellow, silver, threaded-comments, blue, light, dark, two-columns 
*/


/*--------------------------- GENERAL AND HEADER AREA ---------------------------*/

body { margin:0; padding:0; background-color:#000000; background-image:url("img/bg.png"); background-position:0px 0px; background-repeat:repeat-x; font-family:verdana, ms sans serif; }
#container { width:1000px; height:100%; margin:0 auto; padding:0px 0px 0px 0px; background-color:#ffffff; background-image:url("img/bg-top.png"); background-position:0px 0px; background-repeat:repeat-x; margin-top:0px; margin-bottom:50px; border:1px solid #000000; }
#header { width:1000px; height:110px; padding:10px 0px 0px 0px; margin:0 auto; }
#logo { width:600px; height:110px; margin-left:0px; margin-top:0px; position:absolute; }
.author { color:#cecece; font-size:12pt; font-weight:400; }
img { border:none; }
ul { margin-left:-40px; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

a { color:#6f6f6f; text-decoration:none; }
a:hover { color:#5c5c5c; text-decoration:none; }

li { list-style-type:none; }

h1 { font-size:37pt; color:#faffda; margin:0; overflow:hidden; padding:0; font-weight:300; }
h1 a { color:#faffda; }
h2 { font-size:19pt; color:white; margin:0; overflow:hidden; padding:0; }
h3 { font-size:16pt; color:#bebebe; margin:0; overflow:hidden; padding:10px 0px 5px 0px; }
h4 { font-size:15pt; color:#000000; margin:0; overflow:hidden; padding:10px 0px 5px 0px; }
h5 { font-size:12pt; color:#898989; margin:0; overflow:hidden; padding:10px 0px 5px 0px; }
h6 { font-size:10pt; color:#000000; margin:0; overflow:hidden; padding:10px 0px 5px 0px; }

#icons { margin-right:0px; margin-top:5px; float:right; }


/*--------------------------- TOP AREA ---------------------------*/

#top { padding:0 10px 0 20px; height:68px; }
#headline { font-size:22pt; height:48px; float:left; width:700px; overflow:hidden; position:absolute; }
#headline a { color:#000000; }
#headline li { display:inline; }
li.just-another { font:18pt Verdana, Arial, sans-serif; }
small { font:7pt Verdana, Arial, sans-serif; color:#6e6e6e; }
#search INPUT { margin-top:0px; background:#eae700; width:220px; height:10px; border:1px solid #c8c500; color:#000000; font-family:verdana, ms sans serif; font-size:7pt; -moz-border-radius:15px; -webkit-border-radius:15px; /* Safari, Chrome */border-radius:15px; /* CSS3 */float:right; }

/*------------------------------------------------------*/

#general { width:1000px; margin-top:-20px; margin-left:10px; }
#ad1 { text-align:center; }


/*--------------------------- SIDEBAR AREA ---------------------------*/

ul .children li { border:none; list-style:circle; color:#ffffff; margin-left:20px; }
#sidebar { padding:0px 0px 0px 0px; float:left; width:200px; }
.sidebar-box { margin-top:20px; margin-left:10px; padding:0px 0px 20px 0px; width:190px; height:auto; font:9pt Verdana, Arial, sans-serif; color:#ffffff; background:#000000; border:1px solid #000000; background-image:url("img/bg-menu.png"); overflow:hidden; box-shadow: 7px 7px 12px #202020;  -moz-box-shadow: 7px 7px 12px #202020;  -webkit-box-shadow: 7px 7px 12px #202020; }
.menu li a { font:12pt Verdana, Arial, sans-serif; }
.sidebar-box ul li ul li { padding:0px 5px 0px 0px; margin-left:20px; list-style:circle; color:#ffffff; border:none; font-size:7pt; }
.sidebar-box ul li ul li a { font-size:8pt; }
.sidebar-box h3 { font-size:20pt; padding:10px 0px 10px 10px; color:#faffda; background:#1f1f1f; border-bottom:1px solid #ffffff; }
#sidebar ul { width:180px; }
.sidebar-box li { padding:6px 0px 5px 0px; margin-left:10px; margin-top:5px; font:10pt Verdana, Arial, sans-serif; color:#585858; border-bottom:1px dotted #585858; }
.sidebar-box li a { color:#faffda; }
.sidebar-box a { color:#faffda; }



/*--------------------------- CONTENT AREA ---------------------------*/

#content { width:750px; margin-top:5px; padding:0px 0px 10px 15px; font:9pt Verdana, Arial, sans-serif; color:#c7c7c7; float:left; }
#content li { list-style-type:none; }
.archive h2 { color:#000000; padding:30px 0px 30px 0px; text-align:center; }
.result h2 { color:#000000; padding:30px 0px 30px 0px; text-align:center; }
.post { width:750px; margin-top:15px; padding:0px 0px 10px 0px; text-align:justify; border:1px solid #000000; background-image:url("img/bg-post.png"); background-repeat:repeat-y; box-shadow: 7px 7px 12px #202020;  -moz-box-shadow: 7px 7px 12px #202020;  -webkit-box-shadow: 7px 7px 12px #202020; }
.post h2 { font-size:29pt; padding:10px 5px 10px 15px; background:#1f1f1f; color:#faffda; border-bottom:2px solid #ffffff; font-weight:400; }
.post h2 a { font-size:29pt; color:#faffda; font-weight:400; }
.post a { font-weight:bold; }
.post h5 a { background:#000000; color:#ffffff; padding:5px; border:1px solid #4c4c4c; }
.post h6 a { background:#000000; color:#ffffff; padding:4px; border:1px solid #4c4c4c; }
.clear { clear:both; }
.post-title { font-size:29pt; }
.text { width:600px; float:left; padding:10px 0px 10px 10px; font:9pt Verdana, Arial, sans-serif; overflow: hidden; }
.text h1,h2,h3,h4 { color:#ffffff; }
.more-link { padding:5px; margin-top:0px; }


/*--------------------------- INFO AREA ---------------------------*/

.info { width:128px; min-height:320px; float:right; font:7pt Verdana, Arial, sans-serif; text-align:center; padding:0px; margin-top:10px; margin left:0px; }
.info h6 a { border:1px solid #999999; padding:3px 5px 3px 5px; margin-left:3px; }
.info img { margin-left:5px; border:1px solid #000000; box-shadow: 4px 4px 9px #000000;  -moz-box-shadow: 4px 4px 9px #000000;  -webkit-box-shadow: 4px 4px 9px #000000; }
p.postmetadata { padding:10px 5px 10px 5px; }
.info h4, h5 { color:#818181; margin-top:15px; }
.time { font-size:15pt; margin-top:15px; color:#818181; }
.white { font:14pt Arial, Verdana, sans-serif; background:#000000; color:#ffffff; padding:0px; }
.white a { font:14pt Arial, Verdana, sans-serif; background:#000000; color:#ffffff; padding:0px; }






/*--------------------------- COMMENT AREA ---------------------------*/

h3#comments { margin-top:150px; }
p.postmetadata { color:#3a3a3a; font:14pt Arial, Verdana, sans-serif; }  
.comment-body { font:8pt Verdana, Arial, sans-serif; margin-top:40px; }
.commentlist ul .children li { list-style-image:none; }
.commentlist { padding:5px 5px 5px 5px; }
.commentlist p { padding:5px 5px 5px 5px; border:1px solid #4c4c4c; background-color:#222222; color:#666666; -moz-border-radius:5px; -webkit-border-radius:5px; /* Safari, Chrome */border-radius:1px; /* CSS3 */}
#fields INPUT { padding:0px 5px 0px 5px; background:#1c1c1c; color:#c7c7c7; font-size:9pt; border:1px solid #000000; background-image:url("img/bg-menu.png"); -moz-border-radius:15px; -webkit-border-radius:15px; /* Safari, Chrome */border-radius:15px; /* CSS3 */}
textarea { padding:0px 5px 0px 5px; background:#1c1c1c; color:#c7c7c7; font-size:8pt; border:1px solid #000000; background-image:url("img/bg-menu.png"); -moz-border-radius:15px; -webkit-border-radius:15px; /* Safari, Chrome */border-radius:15px; /* CSS3 */}
.comment-body { font:8pt Verdana, Arial, sans-serif; }
.comment-body a { font:8pt Verdana, Arial, sans-serif; }
cite.fn { font-size:15pt; }
cite.fn a { font-size:15pt; }
.reply a { font-size:10pt; color:#adadad; border:1px solid #414141; padding:5px; font-weight:700; }
textarea { overflow:auto; }
.commentlist img { border:1px solid #414141; padding:3px 3px 3px 3px; }




/*--------------------------- FOOTER AREA ---------------------------*/

#xfoot { min-height:400px; width:1000px; margin-top:50px; margin-bottom:0px; padding:0px 0px 0px 0px; background:#141414; }
#xfoot h2 { overflow:hidden; padding:0px 0px 10px 0px; }
#xfoot a { color:#677d76; }
#higher-foot { width:940px; padding:10px 0px 0px 0px; margin:0 auto; font:7pt Verdana, Arial, sans-serif; }
#higher-foot h2 { color:#b3b3b3; }
#calendar { width:150px; padding:0px 10px 0px 0px; margin-top:30px; margin-left:10px; float:left; }
#calendar td { font:14pt Verdana, Arial, sans-serif; color:#b3b3b3; }
#calendar th { font:14pt Verdana, Arial, sans-serif; color:#b3b3b3; }
#calendar caption { font:16pt Verdana, Arial, sans-serif; color:#8b8b8b; }
#calendar a { color:#b3b3b3; text-decoration:underline; }
#recent { padding:0px 0px 0px 10px; font:8pt Verdana, Arial, sans-serif; width:220px; margin-right:70px; margin-top:30px; float:right; }
#recent li { border-bottom:1px solid #272727; padding:5px 0px 5px 0px; }
#blogroll { padding:0px 0px 0px 10px; width:140px; margin-right:60px; margin-top:30px; float:right; font:8pt Verdana, Arial, sans-serif; }
.links li { border-bottom:1px solid #272727; padding:5px 0px 5px 0px; }
#meta { padding:0px 0px 0px 10px; width:140px; height:250px; float:right; margin-right:30px; margin-top:30px; font:8pt Verdana, Arial, sans-serif; }
#meta li { border-bottom:1px solid #272727; padding:5px 0px 5px 0px; }
#footer { margin-top:15px; padding:0px 0px 10px 0px; font:7pt Verdana, Arial, sans-serif; color:#8b8b8b; text-align:center; }