/*
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:.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:#CCCC66;
			text-decoration:none;
			font-weight:bold;
			}
	a:hover {
			color:#99FF99;
			text-decoration:none;
			font-weight:bold;
			}

	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;
			}

	#right_sidebar a {
			color:#CCCC66;
			text-decoration:none;
			font-weight:normal;
			}

	#right_sidebar a:hover {
			color:#99FF99;
			text-decoration:none;
			font-weight:normal;
			}

	#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 a {
			color:#CCCC66;
			text-decoration:none;
			font-weight:normal;
			}

	#left_sidebar a:hover {
			color:#99FF99;
			text-decoration:none;
			font-weight:normal;
			}

	#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;
			}