/*This block removes any default margins or padding from all of the block level elements so that this properties can be added in deliberately.*/
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, hr, blockquote, form {
	margin:0;
	padding:0;
}

body {
	font-family:trebuchet,verdana,arial,sans-serif;
	font-size:85%;
}

h1 {
	margin:1em;
	font-size:120%;
}

#date {
	font-size:80%;
	font-weight:normal;
}

h1 a {
	font-size:70%;
	font-weight:normal;
}
	
#intro {
	margin:1em 20% 1em 10%;
}

#photocontainer {
	text-align:center;
}

#wrapper {
	text-align:center;
}

#mainphoto {
	margin:.5em .5em 0 .5em;
	padding:15px;
  	border-right:2px solid #DDDDDD;
	border-bottom:2px solid #DDDDDD;
	background-color:#FFFFFF;
}

#clickmsg {
	font-size:70%;
}

#caption {
	font-weight:bold;
	text-align:center;
	margin:1em auto;
	width:450px;
}

#copyright {
	font-size:70%;
	font-weight:normal;
	text-align:right;
	margin:3em 2em 2em 0;	
	clear:both;
}

/* Thumbnail Grid   */

#gallerycontainer {
	text-align:center;
	margin:0 10%;
}

.thumbnail {
	padding:8px;
	margin:8px;
  	border-right:2px solid #DDDDDD;
	border-bottom:2px solid #DDDDDD;
	background-color:#FFFFFF;
}

.thumbnail:hover {
	background-color:#E0E0E0;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;	
	text-decoration:none;
}

div.float {
	float:left;
	height:145px;
}

.float p  {
	margin:2em auto 0 auto;
	font-size:85%;
	width:120px;
}

/* ~~~~~END Thumbnail Grid~~~~~ */

/* Hovering Tool Tips */

#tooltip {
  z-index:0;
  position:relative;
}

#tooltip img {
	z-index:1;
	vertical-align:top;
}

#tooltip span {
  display: none;
}

#tooltip:hover span {
  display:block;
  position:absolute;
  right:0;
  z-index:2;
  margin-right:25px;
  top:0;
  margin-top:-4px;
}

#ieroot #tooltip:hover span {
  margin-top:22px;
}

#ie6only #tooltip:hover span {
  margin-top:-100px;
}

#prev img, #next img {
	vertical-align:bottom;
}
/* ~~~~~END Hovering Tool Tips~~~~ */


/* Breadcrumb Navigation  */

#topnav {
	background-color:#333333;
	color:#787878;
	padding:.5em 0 .7em 85px;
	font-size:85%;
	border-bottom:2px solid #999999;
	text-align:center;
	clear: both;
}

#topnav a:link, #topnav a:visited { 
	color:#D2D2D2; 
	text-decoration:none;
	border-bottom:1px dotted #999999;
} 

#topnav a:active { 
	color:#CCCCCC; 
	text-decoration:none;
} 

#topnav a:hover { 
	color:#FFFFFF; 
	text-decoration:none;
	border-bottom:1px dotted #FFFFFF;
}

#topnav #bloglink {
	width: 75px;
	font-size:90%;
	text-align:right;
	float: right;
	margin-right: 10px;
}
/* ~~~~END Breadcrumb Navigation~~~~ */


/* COMMENTS */

#comment-area{
	margin:1em 25%;
	text-align:left;
	border: 1px solid #c0c0c0;
	font-size: 83%;
}


#comment-area p{
	font-weight:bold;
}
/* ~~~ENSD COMMENTS~~~ */