/* CSS Document */
* {margin:0; padding:0;}
body { 
	margin:20px; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	 background-color:#333333;
	 color:#FFFFFF; 
	 }
	 
	 .float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */
	 
body a{
	color:#FFB03B;
	}
body h1{
	color:#999999;
	}
	

div#comments {
	margin-left:3%;
	margin-right:3%;
}

.commentName {
	color: #CEF0FC;
	font-size: 1.2 em;
	font-weight: bold;
}

div#blog label {
	display: block;
	margin-top: 8px;
}

#blogImg{
	margin-bottom: 20px;
}

.error{
	font-weight: .8em;
	color: red;
}

div#header {
      width:712px; 
	  height:72px; 
	  background-image:url(../_images/titleHeader1.jpg);
	  border-bottom:#067EC5 2px;
	  }
div#header a {display:block; height:100%; width:100%;} /*makes link fill div */
div#wrapper {
	  
	  margin-left:15%;
	  margin-right:15%;
      width:712px; 
	  align:center;
	  float:left; /* floated left to ensure it encloses the floated nav and content divs */
	  border: 1px solid #FFFFFF;
	  background-color:#000000;
	  margin-bottom:25px;
	  } 
div#navigation {
	  
      width:120px; /* set width of nav element */
	  float:left; /* moves nav up and to left as far as possible within contaning body element */
	  margin: 20px 6px 6px 10px; /* small margin on right and bottom of element stops content div text touching it */
	  background-color:#000000; /* set background color of nav element */
	  border:0px solid #fff; /* set border of nav element */
      font-family: Verdana, Arial, Helvetica, sans-serif; /* set font of nav element */
	  color:#bce08a;
	  font-size:.7em;  /*set font size of nav element */
	  
	  }
div#navigation ul {
      margin:12px 10px; /* create t/b & l/r space around menu items on background */
      border-top:1px dotted #FFF; /* add a line over the first item in the menu */
	  }
div#navigation li {
      list-style-type:none; /* remove the bullets off the list */
      border-bottom:1px dotted #FFF; /* add a line under each menu item */
	  }
div#navigation a {
      display:block; /* change the link elements from inline (default) to block so they fill the 'li' elements */
	  padding:3px 10px;   /* create t/b & l/r space around the the link text - indents text from start of lines */
	  color:#bce08a;  /* sets link color */
	  text-decoration:none; /*removes underlining */
	  } 
div#navigation a:hover {
      color: #000; /* color of type when rolled over */
	  text-decoration:underline; /* underlines type when rolled over */
	  background-color:#CEF0FC; /* changes background color when link is rolled over */
	  }
	  
	  
div#content {
		min-height:550px;
        width:490px;
	  	padding:1em 20px;
	  	float:left; /* floating this div as well as the nav div forms two columns */
	  	font-size:.7em; /* overall sizing for content area */
	  }
div#content h1 {
        font-size:1.6em;
    	margin-top:.3em;
	  	color:#D3FFF1;
	  }
div#content h2{font-size:1.4em; margin-top:.6em;}
div#content ul {
      margin:1em 20px;
	  }
div#content li {
      list-style-type:none;
	  	margin:0}
div#content a {
      color: #ffffff;
	};
	  
div#content a:hover {
      text-decoration:none;
	  }

div#admin table h3 {padding:10px 0 0 0;margin:0; border-top:2px solid #666; color:#bce08a;}
div#admin table {
	border-bottom:1px solid #666; 
	width:530px;
	padding-bottom: 5px;
}
div#admin table td {padding:0 2px 5px; vertical-align:center; /*border-top: 1px solid #CCC;*/}
div#admin table td:first-child {font-weight:bold; width:25%;} 
div#admin table td.url {border-top:0; font-weight:normal;}
div#admin table td.adImg {align:center}




div#linksAdminForm h3 {padding:10px 0 0 0; margin:0;}

div#linksAdminForm label {display:block; margin:8px 0 2px 0;}

div#linksAdminForm a {display:block; color:#066; margin:3px 0 10px;}

div#linksAdminForm a:hover {color:#333; text-decoration:none;}

div#linksAdminForm input[type="submit"] {display:block; margin-top:8 px;}






div#footer {
			width:100%; 
			float:left;
		   }
div#footer p {
			font-size:.7em;
			text-align:center;
			margin:3px 20px;
		}
div#footer p a {
      color: #bce08a;
	  }
div#footer p a:hover {
			text-decoration:none;
		}

div#insideFrame{
	width:450px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* set font of nav element */
	color:#FFFFFF;
	font-size:.7em;
	background-color:#000000;
	background:#000000;
	background-image:none;
}

div#insideFrame table td:secondChild{
	padding: 5;
}

div#insideFrame a{
	color:#FFF0A5;
}

div#insideFrame a:hover{ 
	color:#FFB03B;
	
}

body#iframe{
	background:#000000;
}

body#iframe td{
	padding:10 px;
	margin:10;
}


div#linksframe{
	font-size:1em;
	font-weight:normal;
	padding:10;
}

div#blog {
	color:#ffffff;
	padding-bottom: 5px;
	border-bottom:1px solid #333;
	
}

div#blog a:hover{
	text-decoration:none;
	color:#FFF0A5;
}

div#nextPrev{
	color:#bce08a;
	padding-bottom: 3px;
	/*border-bottom:1px solid #666;*/
}

div#nextPrev a, div#fixMsgs{
	color:#FFF0A5;
}

div#nextPrev a:hover{
	color:#FFB03B;
	text-decoration:none;
}


div#blog h3 {padding:20px 0 20px 0;margin:0; border-top:1px solid #333; color:#FFF0A5}


#bioPic {
	float:right;
	margin:50px 0 0 10px;
}

.date	{
	color: #bce08a;
	font-size: .8em;
}

div#captcha {
	margin-top: 5px;
}

.indexBtm {
	margin-top: 10px;
	padding-bottom: 5px;
}

div#flashholder {
	margin-bottom: 10px;
}

#blog img {
	margin-bottom: 0px;
}

.friendImage {
	margin-bottom: 0px;
}




.spotlightWrapper ul {
	width:450;
	list-style-type: none; /* remove the default style for list items (the circles) */  
    margin:0px; /* remove default margin */  
	padding:0px; /* remove default padding */  
}  
.spotlightWrapper ul li {  
	float:left; /* important: left float */ 
	/*margin :0;*/
}  
.spotlightWrapper ul li a img {  
     width:75px; /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */  
     position:relative; /* so we can use top and left positioning */  
     border:none; /* remove the default blue border */  
}  
.spotlightWrapper ul li a img.active {  
     border:2px solid #bce08a; /* choose whatever you like */  
     z-index:1; /* show it on top of the other images (they have z-index 0) */  
     left: -2px; /* same as border width but negative */  
	 top: -2px; /* same as border width but negative */  
}  

.clear { clear:both; } /* to clear the float after the last item */