/*---------------------------------------------------------------------
Version 7 "You Keep Me Here" © Nicole 2010.
http://naeolia.net
------------------------------------------------------------------------*/

* { 
 margin: 0px;
 padding: 0px;
 }

body { 
 background-image: url("pattern.jpg");
 font-family: arial, sans-serif;
 color: #cccc99;
 text-align: justify;
 cursor: default;
 font-size: 100%;
 } 

table, tr, td {
 padding: 0px;
 }

/*---------------------------------------------------------------------
.::.PAGE.::.
------------------------------------------------------------------------*/

#layout {
 width: 900px;
 margin: 0px;
 padding: 0px;
 position: relative;
 } 
 
#head {
 background-image: url("v07top.jpg");
 width: 900px;
 height: 335px;
 margin:0px;
 padding: 0px;
 } 

#low {
 background-image: url("v07bot.jpg");
 width: 900px;
 height: 265px;
 margin: 0px;
 padding: 0px;
 } 

#main {
 float: left;
 width: 645px;
 margin-top: -95px;
 text-align: justify;
 padding-left: 7px;
 font-size: 0.75em;
 } 

#side {
 float: right;
 width: 235px;
 margin-top:-110px;
 padding: 0px;
 color: #cc9966;
 font-size: 0.7em;
 } 

#footer { 
 background-image: url("v07footer.png");
 margin:0px;
 width: 620px;
 height: 80px;
 padding: 0px;
 clear: both;
 } 

/*---------------------------------------------------------------------
.::.Headers.::.
------------------------------------------------------------------------*/

h1 {
 font-family: georgia, serif;
 color: #cc9966;
 font-size: 155%;
 letter-spacing: 2px;
 margin-bottom: 5px;
 padding: 0px;
 font-weight: normal;
 text-transform: uppercase;
 } 
h1:first-letter {
 padding-left: 15px;
 letter-spacing: 0px;
 color: #cc9999;
 font-size: 175%;
 } 

h2 {
 font-family: georgia, serif;
 color: #339999;
 border-bottom: 1px dashed #cc9966;
 font-size: 150%;
 letter-spacing: 3px;
 margin-bottom:10px;
 padding: 0px 0px 0px 80px;
 font-weight: normal;
 } 

#fanupdate h2 {
 font-family: georgia, serif;
 color: #339999;
 font-size: 150%;
 letter-spacing: 3px;
 margin:0px;
 padding: 0px 0px 0px 50px;
 font-weight: normal;
 border:0px;
 } 

h3 { 
 background: url("h3.gif") no-repeat center left;
 font-family: garamond, serif;
 color: #cc9999;
 font-size: 180%;
 letter-spacing: 2px;
 margin:0px;
 padding-top:5px;
 } 
h3:first-letter {
 padding-left: 25px;
 letter-spacing: 2px;
 color: #669933;
 font-size: 145%;
 font-weight: normal;
 } 

h4 { 
 font-family: georgia, serif;
 color: #993333;
 font-size: 120%;
 letter-spacing: 1px;
 margin-bottom: 10px;
 padding-top: 5px;
 } 

/*---------------------------------------------------------------------
.::.LINK STYLES.::.
------------------------------------------------------------------------*/

a { 
 color: #fff;
 text-decoration: none;
 } 

a:hover {
 background: url("linkback.jpg") bottom left;
 color: #fff;
 text-decoration: none;
 padding: 0px;
 cursor: crosshair;
 } 

/*---------------------------------------------------------------------
.::.EXTRAS.::.
------------------------------------------------------------------------*/

blockquote { 
 font-family: "Courier New", monospace;
 font-size: 75%;
 color:#1b1464;
 border: 1px dotted #999999;
 padding: 2px;
 } 

p { 
 margin-bottom: 5px;
 padding: 0px;
 } 

p.right {
 text-align: right;
 padding: 0px;
 margin: 0px;
 } 

p.catfile {
 text-align: right;
 margin: 0px;
 padding-right: 15px;
 color: #cc9966;
 font-style: italic;
 } 

ul {
 list-style-image: url("bullet.gif");
 list-style-position: inside;
 padding: 0px;
 margin-bottom: 2px;
 } 

b, strong {
 color: #669933;
 font-weight: normal;
}

i, em {
 color: #cc9999;
 }

/*---------------------------------------------------------------------
.::.FAN UPDATE.::.
------------------------------------------------------------------------*/

#fanupdate {
 width: 645px;
 padding: 0px;
 margin: 0px;
 } 

.posttop {
 background: url("posttop.png") no-repeat;
 width: 570px;
 height: 37px;
 margin: 10px 0px 0px 50px;
 padding: 3px 0px 0px 0px;
 } 

.entry {
 text-align: justify;
 padding: 0px 5px 0px 50px;
 } 

.cmntbox {
 background: url("comment.png") no-repeat;
 width: 50px;
 height: 50px;
 padding: 5px 0px 0px 15px;
 margin: -40px 0px 0px -10px;
 font-family: georgia, serif;
 font-size: 230%;
 }

a.comment {
 color: #fff;
 text-decoration: none;
 background-image: none;
 } 

div.comments-form {
 padding: 0px;
 margin: 0px;
 } 

form#comments-form {
 padding: 0px;
 margin: 0px;
 } 

label {
 display: block;
 float: left;
 text-align: right;
 margin: 0px;
 } 

input, textarea {
 background-color:transparent;
 font-family: arial, sans-serif;
 color: #cccc99;
 font-size: 100%;
 padding: 5px;
 margin: 0px;
 border: 1px solid #cc9966;
} 

p.commenter {
 color: #cc9966;
 border-bottom: 1px dashed #669933;
 margin-bottom: 20px;
 }

.submit {
 font-family: georgia, serif;
 display: block;
 color: #cc9999;
 background-color: #993333;
 border: 1px solid #000;
 outline: 1px solid #993333;
 padding: 5px 12px 5px 12px;
 }
.submit:hover {
 color: #fff;
 background-color:#cc6666;
 }

.wysiwygmenu {
 display: block;
 }

.wysiwygmenu a {
 padding: 0px;
 margin: 0px;
 border-style: none;
 }

a.myta {
 border-style: none;
 }

img.myta {
 border-style: none;
 }

img.icon {
 padding: 0px;
 margin: 0px;
 border-right: 5px solid #000;
 }

div.archivelink {
 text-align: center;	
 margin: 0px;
 } 

/*---------------------------------------------------------------------
.::.LIGHTBOX.::.
------------------------------------------------------------------------*/

#lightbox {
 position: absolute;
 left: 0;
 width: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
 }
#lightbox img {
 width: auto;
 height: auto;
 }
#lightbox a img {
 border: none;
 }

#outerImageContainer {
 position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0 auto;
 }
#imageContainer {
 padding: 10px;
 }

#loading {
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
 }
#hoverNav {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
 }
#imageContainer>#hoverNav{
 left: 0;
 }
#hoverNav a {
 outline: none;
 }

#prevLink, #nextLink{
 width: 49%;
 height: 100%;
 /* Trick IE into showing hover */ display: block;
 }
#prevLink {
 left: 0;
 float: left;
 }
#nextLink {
 right: 0;
 float: right;
 }
#prevLink:hover, #prevLink:visited:hover {
 background: url(../images/lb/prevlabel.gif) left 15% no-repeat;
 border: 0px;
 }
#nextLink:hover, #nextLink:visited:hover {
 background: url(../images/lb/nextlabel.gif) right 15% no-repeat;
 border: 0px;
 }

#imageDataContainer {
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%;
 }

#imageData {
 padding:0 10px;
 color: #666;
 }
#imageData #imageDetails {
 width: 70%;
 float: left;
 text-align: left;
 }	
#imageData #caption {
 font-weight: bold;
 }
#imageData #numberDisplay {
 display: block;
 clear: left;
 padding-bottom: 1.0em;
 }			
#imageData #bottomNavClose {
 width: 66px;
 float: right;
 padding-bottom: 0.7em;
 outline: none;
 border: 0px;
 background:none;
 }	 	

#overlay {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #000;
 }