/*
Theme Name: Dust
Theme URI: http://milo.peety-passion.com/category/themes/
Description: Three column fluid theme with header image rotator and a flash clock built in.
Version: 3.17
Author: miloIIIIVII
Author URI: http://milo.peety-passion.com/

Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others mayfind the source for your site and adapt a suitable version for theirown website.
*/
body {padding: 0; background-color: #000; margin: 0; font-family: Arial,Helvetica, sans-serif; color: #ccc; }
#page {background-color: transparent; width: 80%; margin: 0 auto 0 auto; color: #ccc; }
#header {background: transparent; width: 100%; height: 315px; margin: 0 auto 0; }
#header h1 {color: #fff; letter-spacing: -1.5px; font-size: 1.3em; text-transform: uppercase; margin: 0; padding: 5px 0 0 0; }
#content {clear: none; min-height: 50%; margin: 10px 0 0 0;}
.narrowcolumn {width: 54%; margin: 0; float: left; }
.widecolumn {width: 51%; margin: 0; padding: 0; float: left; }
#footer_div {width: 890px; height: 65px; margin: 0 auto 0 auto; padding: 15px 0 0 0; clear: both;}
#footer {border-top: 7px double #333; width: 890px; height: 50px; margin: 0 auto 0 auto;}
.post {margin: 0 0 0 20px; }
.postnew {margin: 0 0 0 10px; padding: 5px 10px 0 10px; }
#nav {list-style: none; margin: 0; position: absolute; right: 10%; top: 0; }
#nav li {float: left; margin-left: 5px; }
#content li {list-style: square; margin-left: 10px; }
#nav .current_page_item a, #nav .current_page_item a:visited {color: #00e0ff; }
#nav .page_item a {color: #5de8ff; text-decoration: none; background: #fff url(images/nav.gif) repeat-x; padding: 10px 10px; font: 14px/100% Arial,Helvetica,sans-serif; border-bottom: 2px solid #333; text-transform: uppercase; border-left: 1px solid #aaa; border-right: 2px solid #000; display: block; }
#nav .page_item a:hover {color: #fff; }
p {font-size: small; color: #ccc; }
h2,h3 {margin: 0; padding: 0; letter-spacing: -1px; font-size: 1.0em; text-transform: uppercase; }
h3.comments {font-size: 1.2em; font-weight: bold; }
.commentform {margin: 0 0 0 20px; }
.postmetadata {background-image: url(images/com.gif); background-repeat: no-repeat; padding: 10px 15px 12px 12px; }
.postmetadata2 {background-image: url(images/cm.gif); background-repeat: no-repeat; padding: 7px 15px 12px 12px; }
#footer p {text-align: center; padding: 10px 0 0 10px; font-size: 10px; position: relative; }
.pagetitle {color: #5de8ff; margin: 0 0 0 20px; }
.cat {font-size: .7em; line-height: .85em; margin: 0 0 0 5px; padding: 0 0 0 5px; color: #aaa; border-left: 3px solid #ddd; }
#header h1, #header a, #header a:visited, #header a:hover {color: #00e0ff; text-decoration: none; }
#footer a, #footer a:visited {color: #ccc; text-decoration: none; }
#footer a:hover {text-decoration: underline; color: #fff; }
a {color: #5de8ff; text-decoration: none; }
a:hover {color: #00e0ff; text-decoration: none; }
a:visited {color: #00e0ff; text-decoration: none; }
h2 a:hover,h3 a:hover,h1 a:hover {text-decoration: none; }
.post h2,.post h3, {color: #ddd; border-bottom: 1px solid #ddd; margin: 0 0 5px 0; }
#right_sidebar {width: 15%; float: right; margin: 0 10px 0 20px; }
#left_sidebar {width: 14%; float: right; margin: 0 10px 0 0; background-image: url(images/bar.gif); border-top: 6px double #333; overflow: hidden; }
#left_sidebar h2, #right_sidebar h2 {letter-spacing: -1px; font-size: 1.0em; color: #ddd; background-image: url(images/quote.png); background-position: left; background-repeat: no-repeat; padding: 0 0 0 20px; border-bottom: 1px solid #00e0ff; margin: 0 0 5px 0}
#right_sidebar li h2.widgettitle {letter-spacing: -1px; font-size: 0.8em; color: #ddd; background-image: url(images/quote.png); background-position: left; background-repeat: no-repeat; padding: 0 0 0 20px; border-bottom: 1px solid #00e0ff; margin: 0}
#right_sidebar li div.textwidget {font-size: small; color:ccc; margin: 5px 0 10px 0;}
#right_sidebar ul {padding: 0; margin: 0 5px 10px 5px; } 
#right_sidebar ul li, #left_sidebar ul, #left_sidebar li, #left_sidebar ul li {padding: 5px 0 0 5px; margin: 0; }
#right_sidebar li li, #left_sidebar li li {font-size: small; margin-left: 10px; }
#right_sidebar li li ul li, #left_sidebar li li ul li {margin-left: 0; background-image: url(images/arrow.png); background-position: left; background-repeat: no-repeat; padding-left: 15px; }
#right_sidebar ul, #left_sidebar ul, #middle_sidebar ul {list-style-type: none; }
#right_sidebar li, #right_sidebar ul select, #left_sidebar li, #left_sidebar ul select {margin: 0; padding: 0; }
#right_sidebar a, #left_sidebar a, #right_sidebar a:hover, #left_sidebar a:hover {color:#00e0ff; text-decoration: none; }
ol {font-size: small; color: ccc; }
ul {font-size: small; list-style-type: square; color: ccc; }
.entry p, .entry div, .entry li { font-size: small; }
.entry h2,.entry h3 {color: #00e0ff;}
.entry strong {color: #00e0ff;}
blockquote {background-image: url(images/quote.gif); background-position: top left; background-repeat: no-repeat; padding: 1px 0 0 20px; font-style: italic; min-height: 50px; }
blockquote p {color: #fafafa; }
blockquote blockquote {background-image: url(images/sml.gif); background-position: top left; background-repeat: no-repeat; padding: 0 0 0 25px; font-style: italic; }
#search input {border: 1px solid #4D4D4D; font-size: 0.85em; color: #fff; width: 80%; padding-left: 2px; position: relative; }
a img {border: none; }
small {font-size: 10px; }
.date {font-size: 10px; color: #ddd; }
span.alignleft {}
.commentlist li {padding: 5px 10px 5px 10px; margin: 0 0 5px 0; }
.alt {background-color: #4D4D4D; }
#wp-calendar {color: #fff; empty-cells: show; width: 90%; font-size: 10px; }
#wp-calendar a {display: block; text-decoration: none; }
#wp-calendar #next a {padding-right: 10px; text-align: right; }
#wp-calendar #prev a {padding-left: 10px; text-align: left; }
#wp-calendar caption {font: bold 1.3em 'Tahoma',Arial,Helvetica, Sans-Serif; text-align: center; }
#wp-calendar td {padding: 3px 0; text-align: center; }
table caption {font-weight: bold; font-size: 12px; }
.center {text-align: center; }
.alignleft {float: left; }
.alignright {float: right; }
#content p img {float: left; border: none; margin-right: 10px; margin-bottom: 10px; }
.ff a img {border: .08em solid #ccc; padding: .077em; opacity: .3; width: 3.5em; height: 3.5em; margin: 0 .077em .077em 0; }
.ff a:hover img {border: .08em solid #333; opacity: 1; width: 3.5em; height: 3.5em; }
.l-col {width: 97%; float: left; margin-left: 5px; }
.l-col h2 {color: #ddd; border-bottom: 1px solid #ddd; margin: 0 0 5px 0;}
.#comments, #respond {border-bottom: 3px solid #333; padding-bottom: 5px; color: #ccc; }
.commentlist {margin: 10px 0; padding-left: 20px; line-height: 130%; }
.commentlist li {padding: 5px 10px; }
.commentlist .alt {background: #333; }
.commentlist cite,.commentlist cite a,.commentlist cite a:visited {font-weight: bold; font-style: normal; font-size: 120%; color: #ccc; }
.commentlist small {margin-bottom: 5px; display: block; font-size: 87%; }
#commentform {margin-top: 10px; font: 110% Arial,Helvetica,sans-serif; }
#commentform p {padding: 6px 0; margin: 0; }
#commentform label {color: #ccc; font-size: 87%; }
#commentform input {width: 200px; background: #000; border: 1px solid #333; padding: 3px; margin-top: 3px; color: #ccc; }
#commentform textarea {width: 80%; height: 115px; background: #000; border: 1px solid #333; padding: 2px; margin-top: 3px; color: #fff; }
#commentform #submit {font: bold 12px Arial, Helvetica, sans-serif; color: #ccc; border: none; float: right; width: 144px; height: 28px; cursor: pointer; }
#commentform textarea: focus, #commentform input[type="text"]: focus {background: #000; }
#s {width: 100px; border: 1px dotted #00e0ff; background: #121605; margin-right: 2px; color: #00ecff; font-weight: normal; }