/*  
Theme Name: Midnight Panic
Author URI: http://ninedesign.org/
*/

* { margin:0; padding:0; }

body { margin-top:5px; background:#131313; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ddd; text-align:center; }


/* Structure */

.inner { width:800px; margin:0 auto; text-align:left; }
#header { background:url(images/bg-header.gif) top repeat-x #17A3DE; height:180px; border-top:1px solid #01658F; }
#banner { width:800px; background:url(images/bg-banner.jpg) top center no-repeat; height:180px;}
#mainmenu { background:url(images/bg-mainmenu.gif) top repeat-x #171717; padding:3px 0; font-size:11px; border-top:1px solid #01658F; border-bottom:1px dashed #333; }
#content { float:left; width:560px; padding:10px; font-size:11px; }
#sidebar { float:right; width:200px; padding:10px; font-size:11px; }
#footer { margin-top:20px; padding:10px; letter-spacing:-1px; font-size:11px; color:#B8AF8B; }


/* Main Menu */

#mainmenu ul { list-style:none; }
#mainmenu ul li { float:left;}
#mainmenu ul li a { float:left; display:block; padding:5px 12px; color:#B8AF8B; text-decoration:none; }
#mainmenu ul li a:hover { color:#fff; }
#mainmenu ul li.current_page_item a { font-weight:bold; color:#fff; }


/* Heading's */

h1, h1 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; text-decoration:none; color:#B8AF8B; margin-bottom:2px; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#B8AF8B; border-bottom:1px dashed #333; }

/* Entrie's */

.meta { float:left; font-size:10px; color:#B8AF8B; margin-bottom:5px; } .meta a { color:#eee; } .meta a:hover { color:#eee; text-decoration:none; } .date { color:#ddd; }
.comment-number { float:right; font-size:10px; }
.comment-number a { background:url(images/bg-mainmenu.gif) top repeat-x; border-top:1px dashed #333; border-bottom:1px dashed #333; color:#B8AF8B; padding:2px; font-weight:normal; text-decoration:none; }
.comment-number a:hover { color:#ddd; }
#content p { line-height:150%; margin-bottom:20px; }
#content p a { text-decoration:none; color:#B8AF8B; font-weight:bold; } #content p a:hover { background:#B8AF8B; color:#fff; }
#content ol, #content ul { margin-left:20px; line-height:150%; margin-bottom:20px; }
#content blockquote { width:80%; margin:0 auto; padding:15px 15px 0 15px; background:#B8AF8B; border:1px dashed #333; color:#131313; line-height:150%; margin-bottom:20px; }
#content blockquote a { font-weight:bold; color:#131313; text-decoration:none; } #content blockquote a:hover { background:#131313; color:#eee; }
#content img { margin:5px; border:1px dashed #333; }
#content img.left { margin:5px 5px 0 0; border:1px dashed #333; }
#content img.right { margin:5px 0 0 5px; border:1px dashed #333; }


/* Sidebar */

#sidebar a { color:#B8AF8B; }
#sidebar ul { list-style:none; }
#sidebar ul li { margin-bottom:20px; }
#sidebar ul li ul li { margin-bottom:1px; }
#sidebar ul li ul li a { background:url(images/bg-mainmenu.gif) top repeat-x; color:#eee; text-decoration:none; display:block; padding:4px 5px 6px 5px; border-bottom:1px dashed #333; }
#sidebar ul li ul li a:hover { background:#171717; font-weight:bold; }
#s { width:97%; }


/* Comments */

input, textarea { background:#171717; color:#eee; border:1px dashed #333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:2px; }
.author-name { font-weight:bold; color:#B8AF8B; text-transform:capitalize; }
.author-name a { font-weight:bold; color:#B8AF8B; text-decoration:underline; }
.author-name a:hover { text-decoration:none; }

.comment { margin-bottom:2em; }
.comment-date { font-size:10px; letter-spacing:1px; color:#555; margin-top:2px; }

#author { margin-bottom:5px; }
#email { margin-bottom:5px; }
#url { margin-bottom:5px; }
#comment { width:90%; height:80px; margin-bottom:5px; }

.commentsubmit { padding:3px 6px; background:#171717; color:#eee; border:1px solid #333; font-size:11px; cursor:pointer; }

.next a { float:right; background:#171717; color:#B8AF8B; text-decoration:none; display:block; border:1px solid #333; padding:3px 6px; }
.previous a { float:left; background:#171717; color:#B8AF8B; text-decoration:none; display:block; border:1px solid #333; padding:3px 6px; }
.previous a:hover, .next a:hover { color:#eee; }


/* Footer */

#footer a { color:#eee; text-decoration:underline; }
#footer a:hover { color:#B8AF8B; text-decoration:none; }

/* Alignment */

.left { float:left; } .right { float:right; } .clear { clear:both; } .center { margin:0 auto; display:block; }