/*
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 may find the source for your site and adapt a suitable version for their own 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: -2px; font-size: 1.3em; text-transform: uppercase; margin: 0; padding: 5px 0 0 0; }

#content  {clear: none; min-height: 50%; }.narrowcolumn  {width: 54%; margin: 0; float: left; } 

.widecolumn  {width: 51%; margin: 0; padding: 0; float: left; }

#footer  {border-top: 7px double #333; width: 890px; height: 50px; margin: 0 auto 0 auto; clear: both; }

.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: #900; }

#nav .page_item a  {color: #ccc; 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: -2px; font-size: 1.3em; 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: 20px 0 0 10px; font-size: 10px; position: relative; }

.pagetitle  {color: #fff; 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: #fff; text-decoration: none; }

#footer a, #footer a: visited  {color: #ccc; text-decoration: none; }

#footer a: hover  {text-decoration: underline; color: #fff; }

a  {color: #fff; text-decoration: none; }

a: hover  {color: #ccc; 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: -1.25px; font-size: 2em; margin: 0; }

#left_sidebar h2, #right_sidebar h2   {font-size: 1.3em; color: #ddd; background-image: url(images/quote.png); background-position: left; background-repeat: no-repeat; padding: 10px 0 0 20px; border-bottom: 1px solid #ddd; }

#right_sidebar ul, #right_sidebar li, #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: hover, #left_sidebar a: hover  {text-decoration: none; } ol  {font-size: small; color: ccc; }

ul  {font-size: small; list-style-type: square; color: ccc; }

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; border-top: 2px solid #333; }.

#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; }