A 			{ color: #FF6600; font-family: "Trebuchet MS", verdana, arial, sans-serif; text-decoration: none; font-weight:bold;} 
A:link		{ color: #FF6600;  } 
A:visited	{ color: #FF6600;  } 
A:active	{ color: #FF6600;  } 
A:hover		{ color: #CC33CC;  } 

body {
	background-color: #81D6DB;
	margin:0px auto auto auto;
}

#page{
}

h1 {
	font-family: "Trebuchet MS", verdana,arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	color: #FF6600;
}

.body {
	font-family: "Trebuchet MS", verdana, arial, sans-serif; 
	font-size: .7em; 
	color: #000000; 
	margin: 0px 0px 0px 0px;
}

.byline, .entryfooter, .trackbackfooter {
	font-family: "Trebuchet MS", verdana, arial, sans-serif; 
	font-size: .7em;
	line-height: 135%;
	margin: 0;
	padding: 0 0 8px 0;
	color: #000;
}
.byline{
	clear:both;
}

.commentBody {
	font-family: "Trebuchet MS", verdana, arial, sans-serif; 
	font-size: .8em; 
	color: #000000; 
	margin-right: 10px;
	margin-bottom: 40px;
}

/*main menu section*/

ul#navlist {
	min-width:700px;
	position:absolute;
	top:0px;
	left:200px;
	list-style:none;
	list-style-position:inside;
	text-align:left;
	background-color:transparent;
	}
ul#navlist li {
	padding:0 5px 0 5px;
	text-align: left;
	float: left;
	font-size:.9em; 
	}

/* ul#navlist li a {color:#FFFF00}
ul#navlist li a:link {color:#FFFF00}
ul#navlist li a:visited {color:#FFFF00}
ul#navlist li a:active {color:#FFFF00}
ul#navlist li a:hover {color:#FFFF00}
End main menu section */
.commentByLine {
	font-weight: bold;
	clear: left;
}

#blogText {
	background-color:#FFFFFF;
	padding:0 8px 0 28px;
	margin-left:20;
}

#banner, #banner a {
	font-family: "Trebuchet MS", verdana,arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	padding:5px;
	margin-left:-9999px;
}

dl#about dt {
	color:#FF3300;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
	}
dl#about dd {
	padding-bottom:10px;
	}
input, select, textarea {
	font-family: "Trebuchet MS", verdana, arial, sans-serif; 
	font-size: 1em; 
	color: #000000; 
}


.menuTitle {
	font-family: verdana, arial, sans-serif; 
	font-size: .7em;
	background-color: #FF6600;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 5px;
	color:#FFFFFF;
}

.header, .header a {
	font-family: verdana, arial, sans-serif; 
	font-size: .7em;
	text-align: center;
	font-weight: bold;
}


#calendar{
	width:90%;
	margin:0 auto 0 auto
}
.calendarTable, .calendarTable a {
	font-family: verdana, arial, sans-serif; 
	font-size: .9em;
	text-align: center;
	padding: 2px;
	line-height: 14px;
}

.calendarToday {
	background-color: yellow;
}

.menuBody {
	font-family: verdana, arial, sans-serif; 
	font-size: .65em;
	text-align: left;
	padding: 2px;
	line-height: 14px;
	background:#81D6DB;
}

.menuBody .header {
	font-size: 1em;
}

.menuBody A {
	font-family: verdana, arial, sans-serif; 
	font-size: 1em;
}

.date {
	font-family: "Trebuchet MS", verdana, arial, sans-serif;  
	color: #666; 
	border:1px solid #999;
	padding:5px;
	margin-bottom:10px;
	font-weight:normal;
}

.blogHeader, .trackbackHeader, .commentHeader, .relatedentriesHeader {
	font-family: "Trebuchet MS", verdana, arial, sans-serif; 
	font-size: .7em; 
	color: #666; 
	border:1px solid #999;
	padding:5px;
	margin-bottom:10px;
	font-weight:normal;
}

.footerHeader {
	background-color: #ddd;
	font-family: "Trebuchet MS", verdana, arial, sans-serif; 
	font-size: .7em; 
	color: #666; 
	border:1px solid #999;
	padding:5px;
	font-weight:normal;
}

.rightMenu {
	border:1px solid #999;
	margin:8px;
}

.code {
	font-family: courier,monospace;
	font-size: .7em;
	color: black;
	border: solid thin #0000cc;
	background-color: #ffffcc;
	overflow: auto;
	max-height: 200px;
    padding: 4px 4px 4px 4px;
    line-height: 15px;
	 margin:5px 0 5px 0;	
}

.codePrint {
	font-family: courier,monospace;
	font-size: .7em;
	color: black;
	border: solid thin #0000cc;
	background-color: #ffffcc;
    padding: 4px 4px 4px 4px;
    line-height: 15px;	
}
.center{
	text-align:center;
}
.entry, .entryLast {
	margin-bottom:8px;
	padding-bottom:3px;
	border-bottom:1px solid #999;
	width:700px;
}
a img{
	border: 0px;
}

.comment, .trackback, .commentAlt, .trackbackAlt{
	border: 1px solid #999;
	padding: 10px;
	margin:10px 0;
	position:relative;

}
.commentAlt, .trackbackAlt{
background-color:#efefef;

}
.comment img, .commentAlt img{
	float:left;
	position:relative;
	margin: 0 5px 5px 0;
}



.commentBody, .trackbackBody{
	font-family: "Trebuchet MS", verdana, arial, sans-serif; 
	font-size: .7em; 
	color: #000000; 
	margin-bottom: 10px;
}

 #relatedEntriesList {
 	font-family: "Trebuchet MS", verdana, arial, sans-serif; 
	font-size: .7em; 
	color: #000000;
 }



.commentByLine, .trackbackByLine {
	font-style: italic;
	font-size: .7em;
}

.addCommentLink,.addTrackbackLink{
	text-align:right;
	}
#trackbacks,#comments{
	margin-top:8px;
	}
#calendar th{
	font-weight: normal;
}
.tbLink{
	font-size:1.1em;
}



.autoImage {
	float: left;
	margin: 0 5px 5px 0;
}

/*==================Forms======================*/
fieldset#commentForm, fieldset#sendForm{
margin:8px;
text-align:left;
}
fieldset#sendForm{
border:none;
}
fieldset#commentForm legend,fieldset#sendForm legend {
font-size: 1.1em;
font-weight: normal;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 3px 5px 10px 5px;
}
fieldset#commentForm label,fieldset#sendForm label{
float:left;
width:110px
}
fieldset#sendForm label{
width:130px;
}
fieldset#commentForm div,fieldset#sendForm div{
clear:both;
margin-bottom:5px
}
fieldset#commentForm .longLabel{
width:260px
}
fieldset#sendForm .longLabel{
width:200px;
}
fieldset#commentForm .nofLoat,fieldset#sendForm .nofLoat{
float:none
}
fieldset#commentForm #comments,fieldset#sendForm #notes{
width:100%;
height:120px;
overflow: auto;
}
fieldset#sendForm #notes{
width:300px;
}
fieldset#commentForm img{
margin:3px auto
}
fieldset#sendForm img,fieldset#sendForm #submit{
margin-left:200px;
}
#popUpFormBody{
background:#fff;
margin:8px;
}

/* LIGHTBOX */
#lightbox{
   position: absolute;
   top: 40px;
   left: 0;
   width: 100%;
   z-index: 100;
   text-align: center;
   line-height: 0;
   }

#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%;
   background: transparent url(/images/lightbox/blank.gif) no-repeat; /* 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/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }


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

#imageData{
   padding:0 10px;
   }
#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;   }   
      
#overlay{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
   background-color: #000;
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
   }
   

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }

* html>body .clearfix {
   display: inline-block;
   width: 100%;
   }

* html .clearfix {
   /* Hides from IE-mac \*/
   height: 1%;
   /* End hide from IE-mac */
   }