/*  
Theme Name: Diabolique Fountain
Description: The Diabolique Fountain wordpress theme will be a wonderful choice for your business blog. Left sidebar 100% widgetized (unlimited number of boxes), AdSense areas, dropdown menu, threaded comments, font replacement working in all browsers. Compatible with all popular browsers: IE6, IE7, IE8, Opera, Safari, FF, Chrome, Netscape 9.0... More informations and help can be found here: www.diaboliquedesign.com/diaboliquefountain/
Author: Diabolique Design
Theme URI: http://www.diaboliquedesign.com/diaboliquefountain/
Author URI: http://www.diaboliquedesign.com/
Version: 1.5.2
Tags: black, white, dark, two-columns, fixed-width, threaded-comments
Align classes: .aligncenter  */


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

body { 
margin:0;
padding:0; 
background: #fff; 
width: 100%;
}

#wrapper-top {
margin-top: 0px;
color: white;
background-image: url("img/wrap.png");
background-position: 0px 0px;
background-repeat: repeat-x;
}  


img { border: none; }


ul { 
margin-left: -40px; 
}


a {
color: #000;
text-decoration: none;
}

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


li {
list-style-type: none;
}


h1 {
font-size: 40pt;
color: #c30000;
margin:0;
overflow:hidden;
padding:0;
font-weight: 300;
}

h2 {
font-size: 19pt;
color: black;
margin:0;
overflow:hidden;
padding:0;
}

.result h2 {
color: black;
}

h3 {
font-size: 17pt;
color: #ff0000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

h4 {
font-size: 13pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

h5 {
font-size: 10pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

h6 {
font-size: 8pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
}

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

.alignleft {
float: left;
}

.alignright {
float: right;
}

ul .children li {
border: none;
}

#container {
width: 1000px; margin: 0 auto;
}

#header {
width: 1000px; height: 130px;

}


#logo {
width: 300px; height: 0px;
padding-top: 50px;
margin-left: 15px;
margin-top: 0px;
}



#rss {
float: right;
margin-right: 50px;
margin-top: 90px;
}


#search INPUT {
float: right;
margin-top: 0px;
margin-right: 100px;
background: #1b1b1b;
width: 200px; height: 10px;
border: 1px solid #929292;
color: #929292;
font-family: verdana, ms sans serif;
font-size: 8pt;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; /* Safari, Chrome */
border-radius: 15px; /* CSS3 */
}




/*--------------------------- MENU AREA ---------------------------*/
#menu { 
width: 1000px;
margin-top: 19px;
font-family: verdana, ms sans serif;
font-weight: 300;
}

#menu, #menu ul {
list-style:none;
padding:0;	
}

#menu li {
font-size: 13pt;
float:left;
position:relative;
line-height: 1.6em;
padding: 0 2px 0 2px;
}

#menu li ul {
position:absolute;
margin-top:0em;
margin-left:.5em;
display:none;
}


#menu ul li ul {
margin-top:-0.7em;
background-color: #d1d1d1;
width: 140px;
border: 1px solid #333333;
z-index: 2;
}

#menu ul li ul li {
padding: 9px 10px 0px 5px;
width: 125px;
display:block;
height: 2.5em;
font-size: 0.6em;
border-bottom: 1px solid #333333;
}

#menu ul li ul li a {
font-size: 1.4em;
}

#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:#cc0000;
text-decoration:none;
padding:0 10px;
}

#menu ul li ul li a {
display:block;
color:#cc0000;
text-decoration:none;
padding:0 10px;
}

#menu a:hover {
background-color: #d2d2d2;
color:#cc0000;
}
#menu ul {
	
}
#menu ul a {
border-right:none;
}
/* 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;
color: #6e6e6e;	
}


#general {
width: 1050px;
margin-top: 10px;
}   





/*--------------------------- SIDEBAR AND HEADER AREA ---------------------------*/

#sidebar {
padding: 3px 0px 0px 23px;
float: left;
width: 150px;
}

.sidebar-box {
margin-top: 0px;
margin-left: 0px;
padding: 0px 0px 20px 0px;
width: 195px; height: auto;
font: 10pt Verdana, Arial, sans-serif;
color: #767676;
background: white;
background-image: url("img/bg-sidebar.png");
background-repeat: repeat-y;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; /* Safari, Chrome */
border-radius: 3px; /* CSS3 */
border: 1px solid #333333;
overflow:hidden;
}

.sidebar-box h3 {
font-size: 20pt;
padding: 10px 0px 0px 10px;
color: #cc0000;
background: white;
background-image: url("img/bg-sidebar.png");
background-repeat: repeat-y;
font-weight: 300;
}

.sidebar-box p {
padding: 10px;

}

#sidebar ul {
width: 150px;
}

.sidebar-box li {
padding: 0px 0px 5px 0px;
margin-left: 10px; 
margin-top: 5px; 
font: 11pt Verdana, Arial, sans-serif;
color: #636363;
width: 175px;
border-bottom: 1px dotted #909090;
}






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

#content {
margin: 0px;
margin-top: -20px;
width: 730px;
padding: 0px 10px 10px 10px;
font: 11pt Verdana, Arial, sans-serif;
color: #000;
float: left;
}





.post {
width: 720px;
margin-top: 23px;
padding: 1px 14px 14px 14px;
background: #131313; 
background-image: url("img/bg-post.png");
background-repeat: repeat-y;
text-align: justify;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; /* Safari, Chrome */
border-radius: 3px; /* CSS3 */
border: 1px solid #333333;
}


.post h2 {
font-size: 26pt;
padding: 5px 5px 5px 5px;
background: #000; 
color: #ebebeb;
font-weight: 300;
border: 1px solid #131313;
}

.post h2 a { 
color: #ebebeb;
font-weight: 300;
font-size: 26pt;
}

.post h6 a {
background: #272727; 
color: #ebebeb;
padding: 5px;
font-weight: 300;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
}

.clear {
clear: both;
}


.post-title {
font: 15pt Verdana, Arial, sans-serif;
z-index: 0;
}

.text {
width: 580px;
float: left;
padding: 10px 3px 10px 0px;
overflow: hidden;
}

.text h3 { 
color: #222222;
padding: 3px 3px 3px 3px;
}

.text h3 a { 
color: #222222;
}

.subtext li { 
list-style-type: circle;
}

.subtext h1 {
font-size: 28pt;
color: #000000;
margin:0;
overflow:hidden;
padding:0;
font-weight: 300;
}

.subtext h2 {
font-size: 19pt;
background: none;
border: none;
color: #000000;
margin:0;
overflow:hidden;
padding:0;
}


.subtext h3 {
font-size: 17pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

.subtext h4 {
font-size: 13pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

.subtext h5 {
font-size: 10pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 300;
}

.subtext 
h6 {
font-size: 8pt;
color: #000000;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
}


.more-link {
padding: 5px;
margin-top: 0px;
}


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

.info {
width: 110px;
float: right;
border-right: 1px solid #646464;
border-bottom: 1px solid #646464;
border-top: 1px solid #646464;
font: 7pt Verdana, Arial, sans-serif;
text-align: left;
padding: 15px 5px 10px 10px;
background: black; 
color: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 1px; /* CSS3 */
}

.info img {
border: 1px solid #ffffff;
background-color: #ddd;
}

.info a {
font-weight: bold;
}

.info h3 { 
color: #ffffff;
}

.info h2 {
background: none; 
margin-top: 0px;
}

.info h4, h5 {
color: white;
padding: 1px 1px 1px 1px;
width: 87px;
}

.date {
font: 9pt Arial, Verdana, sans-serif;
color: white;
}

.time {
font-size: 15pt;
color: white;
padding: 5px 0px 0px 0px;
}

.white {
font: 14pt Arial, Verdana, sans-serif;
background: #272727; 
color: #ffffff;
padding: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
}





/*--------------------------- COMMENTS AREA ---------------------------*/

h3#comments {
margin-top:150px;
}

p.postmetadata {
color: #3a3a3a;
font: 14pt Arial, Verdana, sans-serif;
}  


.commentlist {
padding: 5px 5px 5px 5px;
}

.commentlist img {
border: 1px solid #000000;
padding: 3px 3px 3px 3px;
background-color: #dddddd;
}

.commentlist p {
padding: 5px 5px 5px 5px;
border: 1px solid #999999;
color: #666666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 1px; /* CSS3 */
}

.commentlist ul.children {
margin-left: 5px;
}


#fields INPUT {
padding: 0px 5px 0px 5px;
background: white;
border: 1px solid #626262;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; /* Safari, Chrome */
border-radius: 15px; /* CSS3 */
}



.comment-body {
font: 8pt Verdana, Arial, sans-serif; 
margin-top: 40px;
}

.comment-body a {
font: 8pt Verdana, Arial, sans-serif; 
}

.reply a {
font-size: 10pt;
color: #adadad;
border: 1px solid #adadad;
padding: 5px;
font-weight: 300;
}

cite.fn {
font-size: 15pt;
}

cite.fn a {
font-size: 15pt;
}

textarea {
overflow: auto;
}








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

#xfoot {
min-height: 0px;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
color: #999999;
}

#xfoot h2 {
overflow:hidden;
padding: 0px 0px 10px 0px;
color: #b3b3b3;
font-weight: 400;
}

#xfoot a {
color: #999999;
}

#higher-foot {
margin-top: 10px;
width: 960px; 
height: 0px;
margin: 0 auto;
font: 8pt Verdana, Arial, sans-serif;
font-weight: 400;
}


#calendar {
width: 150px;
padding: 0px 10px 0px 0px;
margin-top: 30px;
margin-left: 0px;
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: 19pt Verdana, Arial, sans-serif; 
color: #b3b3b3;
}

#calendar a {
color: #b3b3b3;
text-decoration: underline;
}

#recent {
padding: 0px 0px 0px 10px;
font: 9pt Verdana, Arial, sans-serif; 
width: 220px;
min-height: 250px;
margin-right: 60px;
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;
min-height: 250px;
margin-right: 50px;
margin-top: 30px;
float: right;
font: 9pt Verdana, Arial, sans-serif; 
}


.links li {
border-bottom: 1px solid #272727;
padding: 5px 0px 5px 0px;
}

#meta {
padding: 0px 0px 0px 10px;
width: 150px;
min-height: 250px;
float: right;
margin-right: 80px;
margin-top: 30px;
font: 9pt Verdana, Arial, sans-serif; 
}

#meta li {
border-bottom: 1px solid #272727;
padding: 5px 0px 5px 0px;
}

#footer { 
margin-top: 25px;
padding: 0px 0px 0px 0px;
font: 7pt Verdana, Arial, sans-serif;
color: #222;
text-align: center;
}