/*
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 : -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 : 0.7em;
line-height : 0.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/NEEDIMAGE.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 0%;
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 0%;
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;
}
ul {
font-size : small;
list-style-type : square;
}
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;
}
.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 : 0.08em solid #ccc;
padding : 0.077em;
width : 3.5em;
height : 3.5em;
margin : 0 0.077em 0.077em 0;
}
.ff a:hover img {
border : 0.08em solid #333;
width : 3.5em;
height : 3.5em;
}
.l-col {
width : 97%;
float : left;
margin-left : 5px;
border-top : 2px solid #333;
}
.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;
}
body div#toolTip {
position : absolute;
z-index : 1000;
width : 220px;
background : #333;
border : 0;
text-align : left;
padding : 5px;
min-height : 1em;
}
body div#toolTip p {
margin : 0;
padding : 0;
color : #fff;
font : 11px/12px geneva, arial, sans-serif;
}
body div#toolTip p em {
display : block;
margin-top : 3px;
color : #333;
font-style : normal;
font-weight : bold;
}
body div#toolTip p em span {
font-weight : bold;
color : #333;
}
#FlashThingy {
position:absolute;
width:100px;
height:30px;
z-index:0;
visibility: visible;
overflow: hidden;
}