/****************************************
 * Global
 ****************************************/
html, body {
	margin: 0px;
	padding: 0px;
   background: #fff;
	font-size: 11px;
	font-family: "gill sans", verdana, sans-serif;
   color: #c1c1c1;
}

a:link, a:active, a:visited {
	color: #c1c1c1;
	text-decoration: none;
   text-transform: lowercase;
}

a img {
   color: #ee1e1e;
   border: 0px;
}

a:hover {
   text-decoration: underline;
}

h2 {
   color: #777;
}

/****************************************
 * Layout
 ****************************************/
#container {
   position: relative;
   margin: 5px;
}

#wrapper {
	text-align: left;
	margin: 0px auto -15px;
	width: 775px;
   padding: 15px;
}

#wrapper, #photos {
   padding: 15px;
}

#header {
   float: right;
   font-size: .95em;
}

#leftcontent {
	float: left;
}

#centercontent { 
   padding: 0px 0px 5px 0px;
	float: left;
   font-size: .95em;
}

#rightcontent {
	float: right;
}

#footer {
   width: 98%;
   height: 15px;
   padding: 4px 1% 0px 1%;
   text-align: center;
   font-size: .9em;
}

/****************************************
 * Header
 ****************************************/
#header_title {
   float: left;
}

#header_menu {
   float: right;
   font-size: .95em;
   padding: 0px 0px 3px 0px;
}

#header_menu a {
   padding: 0px 0px 0px 3px;
}


/****************************************
 * Photo page
 ****************************************/
.photo {
   max-width: 740px;
}

/****************************************
 * Thumbnails
 ****************************************/
.thumbnail {
   padding: 1px;
   margin: 1px;
   background: #fff;
   border: 1px solid #e1e1e1;
}

#thumbnail_container {
   width: 730px;
   padding: 10px;
}

  
/****************************************
 * Pages
 ****************************************/
#page_header {
   background: #fff;
   padding: 10px;
   width: 755px;
}

#page_title {
   font-size: 10pt;
   text-transform: lowercase;
   font-family: "Verdana";
   color: #7e7e7e;
}

#page_nav {
}

#page {
   background: #fff;
   padding: 15px;
   width: 745px;
   text-align: center;
   border: 1px solid #e1e1e1;
}

#page2{
   background: #E6E2AF;
   padding: 15px;
   width: 745px;
   text-align: center;
}

#page_meta, #page_meta a{
   clear: both;
   white-space: nowrap;
   width: 775px;
   }

 
/****************************************
 * Comments
 ****************************************/
#info_comments {
   position: absolute;
   z-index: 2;
	font-size: 11px;
	padding: 10px;
   background: #fff;
   overflow: auto;
   width: 650px;
   height: 400px;
   margin: 35px;
   text-align: left;
   color: #1e1e1e;
   visibility: hidden;
   opacity: 0;
}

#info_comments h2, .info_comments_heading {
   font-weight: normal;
   font-size: 1.5em;
   padding-top: 1em;
}


/*
#info_comments {
   padding: 20px;
   margin-top: 45px;
   margin-left: 100px;
   width: 500px;
   height: 350px;
   background: #222;
   position: absolute;
   visibility: hidden;
   z-order: 90;
   overflow: auto;
   border: 1px solid black;
   background: #222 url(close.png) no-repeat 95% 95%;
}
*/
#comment_wrapper {
   width: 340px;
   padding: 5px;
}
 
#comment_title {
   font-size: 1.5em;
   border-bottom: 1px solid;
   text-transform: lowercase;
}

#comment_description {
   padding-top: 10px;
   padding-bottom: 10px;
}

#comment_thumb {
   background: #fff;
   padding: 1px;
   float: right;
   margin-top: 30px;
   margin-left: 10px;
}

.comment_author {
   padding-top: 10px;
   font-weight: bold;
}

.comment_date {
}

.comment_content {
   margin-left: 2px;
   padding-left: 2px;
}

.comment {
}

/****************************************
 * Tool tips
 ****************************************/
 .tool-tip {
	max-width: 250px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
   background: #fff;
   opacity: .90;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
   background: #fff;
   opacity: .80;
	color: #1e1e1e;
}