/*  
Theme Name: Diabolique Spring
Description: The Diabolique Spring WordPress Theme with sharp, not banal colors will be a wonderful choice for someone who are looking for something different. This is a two-column theme with 4 horizontal background types + 3 background types for headline. Left sidebar is completely widget-ready, boxes drop shadows, comments are threated, nice font replacement with gradients, large footer, social bookmarking icons, AdSense areas. Theme works great with web browsers such as: IE7, IE8, Firefox 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 and translation tutorial can be found here: www.diaboliquedesign.com/diaboliquespring
Author: Diabolique Design
Theme URI: http://www.diaboliquedesign.com/diaboliquespring/
Author URI: http://www.diaboliquedesign.com/
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.1.3
Tags: black, yellow, red, 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:8pt Verdana, Arial, 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 { 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:8pt Verdana, Arial, sans-serif; color:#ffffff; background:#000000; border:1px solid #000000;  overflow:hidden; box-shadow: 7px 7px 12px #202020;  -moz-box-shadow: 7px 7px 12px #202020;  -webkit-box-shadow: 7px 7px 12px #202020; }
.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:#000000; border-bottom:1px solid #ffffff; }
#sidebar ul { width:180px; }
.sidebar-box li { padding:6px 0px 5px 0px; margin-left:10px; margin-top:5px; font:12pt Verdana, Arial, sans-serif; color:#585858; border-bottom:1px dotted #585858; }
.sidebar-box li a { color:#faffda; font:12pt Verdana, Arial, sans-serif; }
.sidebar-box a { color:#faffda; }
.menu li a { font:12pt Verdana, Arial, sans-serif; }



/*--------------------------- 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:11pt 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 { 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:#151515; 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 #4c4c4c; 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 #4c4c4c; background-image:url("img/bg-menu.png"); overflow:auto;  -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; }
.commentlist img, .respond-avatar-img img { border:1px solid #414141; padding:3px; }
.comment-meta a { font:8pt Verdana, Arial, sans-serif; }
.logged-in-as { font:7pt Verdana, Arial, sans-serif; margin: 10px 0 10px 0; }
input#submit { color:#9e9e9e; margin-left:100px; width:250px; background:#151515; font:7pt Verdana, Arial, sans-serif; border:1px solid #4c4c4c;  -moz-border-radius:15px; -webkit-border-radius:15px; /* Safari, Chrome */border-radius:15px; /* CSS3 */ }




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

#xfoot { 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:#818181; }
#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; }