/*  
Theme Name: Diabolique Pearl
Description: The Diabolique Pearl wordpress theme offers 3 columns, 1250px width, 2 full widget ready sidebars, drop down menu, threated comments, font replacement, social bookmarking icons. Tested on IE7, IE8, Firefox 1, 2, 3, Opera 10, Netscape 9.0, Safari 4.0, Flock 2.0, Sea Monkey 1.1, Chrome 4.0... For more informations please visit this website: www.diaboliquedesign.com/diaboliquepearl
Author: Diabolique Design
Theme URI: http://www.diaboliquedesign.com/diaboliquepearl/
Author URI: http://www.diaboliquedesign.com/
Version: 1.0.2
Tags: dark, three-columns, fixed-width, threaded-comments
*/


/*--------------------------- GENERAL AREA ---------------------------*/

body { margin:0; padding:0; background-color: #050505; background-image: url("img/bg.png"); background-position: 0px 265px; background-repeat: repeat-x; }
#wrapper-top { margin-top: 0px; background-image: url("img/bg-head.png"); background-position: 0px 0px; background-repeat: repeat-x;   }  
img { border: none; }
ul { margin-left: -40px; }
a { color: #6f6f6f; text-decoration: none; }
a:hover { color: #5c5c5c; text-decoration: none; }
li { list-style-type: none; }

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

.clear { clear: both; }

h1 { font-size: 28pt; color: #c0c0c0; margin:0; overflow:hidden; padding:0; }
h2 { font-size: 19pt; color: white; margin:0; overflow:hidden; padding:0; }
.result h2 { color: white; }
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; }

#container { width: 1250px; margin: 0 auto; }
#header { width: 1200px; height: 140px; }
#logo { width: 500px; height: 1px; margin-left: 5px; margin-top: 0px; margin-right: 70px; }

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

/*--------------------------- SEARCH AREA ---------------------------*/

#right-header INPUT { float: right; margin-top: 0px; margin-right: 0px; background: #2b2b2b; width: 210px; height: 8px; border: 1px solid #626262; color: #8f8f8f; font-family: verdana, ms sans serif; font-size: 7pt;    -moz-border-radius: 15px;    -webkit-border-radius: 15px; /* Safari, Chrome */border-radius: 15px; /* CSS3 */ }



/*--------------------------- MENU AREA ---------------------------*/

#menu { width:1250px; margin-top:65px; font-family: verdana, ms sans serif; font-weight: 700;  }
#menu, #menu ul { list-style:none; padding:0; }
#menu li { font-size: 18pt; float:left; position:relative; line-height: 1.6em; padding: 0 7px 0 7px; }
#menu li ul { position:absolute; margin-top:0em; margin-left:.5em; display:none; }
#menu ul li ul { margin-top:-0.7em; font-weight: 300; background-color: #191919; width: 400px; border: 1px solid #333333; z-index: 2; }
#menu ul li ul li { padding: 9px 10px 0px 5px; width: 385px; display:block; height: 2.5em; font-size: 7pt; border-bottom: 1px solid #333333; }
#menu ul li ul li a { font-size: 1.4em; color: #585858; }
#menu ul li ul li ul { display:none; border: 0px solid #333333; }
#menu ul li ul li ul li { display:none; border: 0px solid #333333; }
#menu a { display:block; color:#000000; text-decoration:none; padding:0 10px; }
#menu ul li ul li a { display:block; color:#d3d3d3; text-decoration:none; padding:0 10px; }
#menu a:hover { background-color: #3f3f3f; color:#ffffff; }
#menu ul a { border-right:none; color:#898989; }
/* SHOW SUBMENU 1 */
#menu li:hover ul, #menu li.over ul { display:block; }
#menu li:hover ul ul, #menu li.over ul ul { display:none; }


small { font: 7pt Verdana, Arial, sans-serif; }

#general { width: 1250px; margin-top:15px;}




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


#sidebar { padding: 12px 0px 0px 0px; float:left; margin-left:10px; width: 190px; }
.sidebar-box { margin-top: 20px; margin-left: 0px; padding: 0px 0px 20px 0px; overflow:hidden;  width: 180px; height: auto; font: 9pt Verdana, Arial, sans-serif; color: color: #666666; background: #131313;    -moz-border-radius: 6px;    -webkit-border-radius: 6px; /* Safari, Chrome */border-radius: 6px; /* CSS3 */ border: 1px solid #4c4c4c; }
.sidebar-box h3 { padding: 10px 0px 10px 10px; color: #a1a1a1; background: #000000; border-bottom: 1px solid #4c4c4c;    -moz-border-radius: 6px;    -webkit-border-radius: 6px; /* Safari, Chrome */border-radius: 6px; /* CSS3 */ }
#sidebar ul { width: 170px; }
#sidebar ul li ul li { border:none; }
.sidebar-box li { padding: 0px 0px 5px 0px; margin-left: 10px; margin-top: 5px; font: 8pt Verdana, Arial, sans-serif; color: #585858; border-bottom: 1px dotted #585858; }
ul .children li { border:none; list-style:circle;; margin-left:20px; }

#calendar_wrap { text-align:center; }
#calendar_wrap td { font: 12pt Verdana, Arial, sans-serif; color: #b3b3b3; }
#calendar_wrap th { font: 12pt Verdana, Arial, sans-serif; color: #b3b3b3; }
#calendar_wrap caption { font: 16pt Verdana, Arial, sans-serif; color: #8b8b8b; }
#calendar_wrap a { color: #b3b3b3; text-decoration: underline; }


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

#right-sidebar { float: right; padding: 13px 0px 0px 0px; margin-right: 10px; width: 310px; }
.right-sidebar-box { margin-top: 20px; margin-right: 0px; padding: 0px 0px 20px 0px; overflow:hidden; width: 300px; height: auto; font: 9pt Verdana, Arial, sans-serif; color: color: #666666; background: #131313;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; /* Safari, Chrome */border-radius: 6px; /* CSS3 */ border: 1px solid #4c4c4c; }
.right-sidebar-box h3 { padding: 10px 0px 10px 10px; color: #a1a1a1; background: #000000; border-bottom: 1px solid #4c4c4c;    -moz-border-radius: 6px;    -webkit-border-radius: 6px; /* Safari, Chrome */border-radius: 6px; /* CSS3 */ }
#right-sidebar ul { width: 290px; }
.right-sidebar-box li { padding: 0px 0px 5px 0px; margin-left: 10px; margin-top: 5px; font: 8pt Verdana, Arial, sans-serif; color: #585858; border-bottom: 1px dotted #585858; }
ul .children li { border:none; list-style:circle; margin-left:20px; }

.textwidget { padding:10px; color:#777777; font: 8pt Verdana, Arial, sans-serif; text-align:justify; }



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

#content { width: 680px; margin-top: 0px; padding: 10px 10px 10px 30px; font: 9pt Verdana, Arial, sans-serif; color: #666666; float: left; }
#content li { list-style-type:none; }
.archive h2 { background: #000000; color: #898989; border: 1px solid #646464; padding: 10px; width: 650px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* Safari, Chrome */ border-radius: 5px; /* CSS3 */  text-align:center;  }
.result h2 { background: #000000; color: #898989; border: 1px solid #646464; padding: 10px; width: 650px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* Safari, Chrome */ border-radius: 5px; /* CSS3 */  text-align:center;  }
.post { width: 670px; margin-top: 23px; padding: 0px 0px 10px 0px; background-image: url("img/bg-post.png"); background-repeat: repeat-y; text-align: justify;    -moz-border-radius: 10px;    -webkit-border-radius: 10px; /* Safari, Chrome */ border-radius: 10px; /* CSS3 */ border: 1px solid #4c4c4c; }
.post h2 { padding: 10px 5px 10px 15px; background: #000000; color: #898989; border-bottom: 1px solid #646464;    -moz-border-radius: 10px;    -webkit-border-radius: 10px; /* Safari, Chrome */ border-radius: 10px; /* CSS3 */ }
.post h2 a { color: #898989; font: 27pt Verdana, Arial, sans-serif; }
.author { color: #898989; font: 12pt Verdana, Arial, sans-serif; }
.post h5 a { background: #000000; color: #898989; padding: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px; /* Safari, Chrome */ border-radius: 5px; /* CSS3 */ border: 1px solid #4c4c4c; }
.post h6 a { background: #000000; color: #898989; padding: 4px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px; /* Safari, Chrome */ border-radius: 5px; /* CSS3 */ border: 1px solid #4c4c4c; }

.info h6 a { border: 0px solid #4c4c4c; padding: 5px; margin-left:5px; }
.post-title { font: 27pt Verdana, Arial, sans-serif; }
.text { width: 540px; float: left; overflow:hidden;  padding: 10px 0px 10px 10px; font: 9pt Verdana, Arial, sans-serif; }
.text a { font-weight:bold; }
.more-link { padding: 5px; margin-top: 0px; }
.info { width: 110px; min-height: 320px; float: right; padding: 10px 0px 10px 0px; font: 7pt Verdana, Arial, sans-serif; text-align: left; padding: 0px; margin-top: 0px; }
p.postmetadata { padding: 10px 5px 10px 5px; }
.info h4, h5 { color: #818181; margin-top: 15px; padding: 0px 0px 0px 5px; }
.info img { margin-left:5px; margin-top:10px; 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; }
.time { font-size: 18pt; margin-top: 15px; color: #818181; padding: 0px 0px 0px 5px; }
.white { font: 14pt Arial, Verdana, sans-serif; background: #000000; color: #898989; padding: 0px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; /* Safari, Chrome */ border-radius: 5px; /* CSS3 */ }


/*--------------------------- 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 { margin-left: 5px; }
.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 ---------------------------*/

#xfooter a { color: #8b8b8b; }
#xfooter { width:100%; margin-bottom:0px; padding:0px 0px 0px 0px; margin-top:150px; font: 7pt Verdana, Arial, sans-serif; color: #8b8b8b; text-align: center; }