/*
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:150px;
margin:0 auto 0;
}
#header h1{
color:#fff;
letter-spacing:-1px;
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-top: 3em;
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:-1px;
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;
}

pre {
	font-family:'Verdana'; font-size:10px; 
	padding: 1em;
	border: 1px dashed #2f6fab;
	color: black;
	background-color: grey;
	line-height: 1.1em;

	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */

}

#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;
}