/*  
Theme Name: luminous shadows gray
Theme URI: http://luminousshadows.com/
Description: yin and yang, together at last
Author: johnathan darkly
version: 2009
*/

body {font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,Geneva,Swiss,SunSans-Regular; margin:0; background:#c0c0c0 repeat-x top; color:#303030}
h1 {font-size:1.2em; letter-spacing:0.5em; text-align:center; margin:0.9em auto; padding:0}
h2 {font-size:1.0em; letter-spacing:0.15em; text-align:center; margin:0.7em auto; padding:0}
h3 {font-size:0.9em; letter-spacing:0.1em; text-align:left; margin:0.5em 8em; padding:0}
p {font-size:0.8em; text-align:left; margin:0.5em 10em;}
a {font-weight:bold; text-decoration:none; color:#000000}
a:visited {color:#000000}
a:hover {color:#0000ff; text-decoration:underline}
a img {border:none}

input.send {font-weight:bold; background-color:#d0d0d0; border-color:white }
img[title] {cursor:help}

#main {text-align:center; width:810px; margin:0 auto; clear:both}

#title {letter-spacing:0.8em; text-align:center; margin:1em auto 2em auto}
#title a {color:#ffffff; font-weight:normal}
#title a:hover {color:#0000ff}

#foot {width:900px; margin:auto; padding:6px 0; text-align:center; clear:both; position:relative}
#foot p {margin-top:3em; text-align:center}

#splash {width:37em; margin:10px auto; display:block}
#splash #images {float:left; margin:0em 1em 1em 0em; width:410px}

#bianca {margin:0 auto; padding:0; height:350px; width:800px}
 
#darkly {width:400px;height:150px;margin:2em 1em 0 1em}
#rate {margin-top:8px; font-size:smaller; text-transform:lowercase}
#tags {font-size:.7em; margin:10px;font-style:oblique}

.vision {clear:both; margin:2em}
.item{font-size:smaller; margin:0 0 1em 1em; text-align:left; text-transform:lowercase}
.item a {display:block}
.thumb {width:150px; height:30px; border:1px solid #000000; margin:2px}

.gray {color:gray}
.copy {font-size:0.65em; margin:2em}
.tiny {color:gray; font-size:0.6em}
.banner {margin:4px 8px; border:1px solid #000000}
.bannernew {margin:2px 14px; border:4px double #0000ff}
.wide {margin:0.4em 6em}
.work {text-align:center; border:1px solid #000000; margin:0.3em auto}
 
 
.date {font-size:x-small; color:#808080; text-align:center;text-transform:lowercase}


/* end of Legacy styles */

form {margin:0px; padding:0px}
form input {background-color:#ffffff; font-family:arial, helvetica, sans-serif; font-size:small; margin:0 2px}

ul,ol,li {margin:0px; padding:0px; list-style-type:none; display:inline}

acronym, abbr, span.caps {font-size:0.9em; letter-spacing:.07em}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {display:block; margin-left:auto; margin-right:auto}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline}
.alignright {float:right}
.alignleft {float:left}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor:help}

acronym, abbr {border-bottom:1px dashed #999}

blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd}



.center {text-align:center}

/* IDs */

#entrylast {float:left; font-size:9px; padding:2px; margin:8px}
#entrylast a{padding:2px; margin:2px}
 
#entrynext {float:right; font-size:9px; padding:2px; margin:8px }
#entrynext a{padding:2px; margin:2px}
 
 

/* Classes */

.description {font-family:arial, sans-serif; color:#c0c0ff; font-size:small }

.posted {color:#c0c0ff; font-size:x-small; margin-top:12px; border:black }	

#powered {text-align:center; vertical-align:middle}
#powered img {border:none}

.category {font-size:x-small }

.extended {text-align:right }

.searchword {border-bottom:1px dotted #ffff00 }

.code {font-size:xx-small; margin:0px 3em 3em}

.error {color:#ffff00; text-align:center }

.dent {margin:.5em 0px 1em 1em }

.button {font-size:x-small; background-color:#c0c0c0; color:#000000}

.required {color:#ffff00}

.field {margin:0px 0px 1em 0px}

.images {float:right; height:150px; width:200px; margin-left:12px; background-color:#3030A0}

.note {font-style:italic; color:#a0a0FF; margin:2em; font-size:90% }

.more {font-style:oblique}

#comments {font-size:small; margin:1em 4em; padding:1em; text-align:center;background:#cccccc}
#comments h3 {font-size:95%; padding:0px; margin:2em 0 0 0}
#comments p {font-size:90%; padding:0; margin:4px 1em 0 1em}
#comments cite {font-size:110%; font-weight:bold}
#comments form {margin-top:20px}
#comments ul, #comments ol {padding:0; margin:0}
#comments li {display:block; text-align:left; padding:2px; margin:0; clear:left}
#comments textarea {background:#cccccc}
#comments .formy {margin:.5em 6em; text-align:left}
#comments .avatar {margin-right:10px; float:left}
#comments .info {font-size:smaller;margin:0;padding:0}


#options {font-size:x-small; text-align:center; margin-top:5em}

/* Begin Contact Form CSS */
.contactform {position:static; overflow:hidden; font-size:.8em
}
.contactleft {width:25%; text-align:right; clear:both; float:left; display:inline; padding:4px; margin:5px 0}
.contactright {width:70%; text-align:left; float:right; display:inline; padding:4px; margin:5px 0}
.contacterror {border:1px solid #ff0000}

/* End Contact Form CSS */

.edit {background:#ffff00; font-weight:normal; font-size:xx-small; padding:0 1em; letter-spacing:0}
a.nav {font-size:1.2em; letter-spacing:0.5em; font-weight:normal; margin:0 1em}
a.dark {font-size:1.2em; letter-spacing:0.5em; font-weight:normal; margin:0 1em; color:#f0f0f0 !important}
a.dark:hover {color:#d0d0ff !important}

.thumb {width:100px; height:100px}
.drama {padding:4em 0}
.strikeout {text-decoration:line-through; color:#808080}

img#wpstats{width:0;height:0;padding:0;border:none;overflow:hidden}

.simpletags_tag_cloud a {padding:4px}
.commentcount {font-size:x-small}

.pile{float:left; margin:1px}