/****************************************
 * Global
 ****************************************/
html, body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	color: #3b3b3b;
	font-size: 12px;
	font: normal 100% "Lucida Grande", Verdana, "Lucida Sans Unicode", Tahoma, Helvetica, Arial, sans-serif;
}

a:link, a:active, a:visited {
	color: #0063dc;
	text-decoration: none;
	text-transform: lowercase;
}

a img {
   color: #e5e5e5;
   border: 0px;
}

a:hover {
	color: #ff0084;
}

h2 {
   color: #3b3b3b;
}

/****************************************
 * Layout
 ****************************************/
#container {
   position: relative;
   margin: 25px;
}

#wrapper, #photos {
	text-align: left;
	margin: 0px auto -15px;
	width: 775px;
	padding: 15px;
}

#header {
/*   float: right; */
   font-size: .90em;
}

#leftcontent {
	float: left;
}

#centercontent { 
   padding: 0px 0px 5px 0px;
   float: left;
   font-size: .80em;
}

#rightcontent {
   float: right;
}

#footer {
   width: 98%;
/*   height: 11px; */
   height: 1px;
   padding: 0px 1% 0px 1%;
   text-align: center;
   color: #fff;
   font-size: .70em;
   position: fixed;
   bottom: 2px;
}

/****************************************
 * Header
 ****************************************/
#header_title {
   float: left;
   font-size: 0.90em;
}

#header_title a {
   color: #757575;
}

#header_title a:hover {
   color: #333;
}

#header_menu {
   float: right;
   font-size: .90em;
   padding: 0px 0px 3px 0px;
}

#header_menu a {
   padding: 0px 0px 0px 3px;
   color: #757575;
}

#header_menu a:hover {
   color: #333;
}


/****************************************
 * Photo page
 ****************************************/
.photo {
   width: 740px;
}

/****************************************
 * Recent
 ****************************************/
.thumbnail {
   padding: 2px;
}

/****************************************
 * Sets
 ****************************************/
.photoset_thumbnail {
   padding: 7px;
   float: left;
   text-transform: lowercase;
}

.photoset_thumbnail a {
   color: #3b3b3b;
}

.photoset_thumbnail a:hover {
   color: #ff0084;
}

.photoset_thumbnail:hover {
/*   background: #f5f5f5; */
}

/****************************************
 * Info
 ****************************************/
  
/****************************************
 * Pages
 ****************************************/
#page_header {
   background: #f5f5f5;
   padding: 10px;
   width: 755px;
}

#page_title {
   font-size: 18pt;
   text-transform: lowercase;
   font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Tahoma, Helvetica, Arial, sans-serif;
}

#page_title a {
   color: #3b3b3b;
}

#page_title a:hover {
   color: #ff0084;
}

#page_nav {
   padding: 5px;
}

#page {
   background: #e5e5e5;
   padding: 15px;
   width: 745px;
}

#page_meta, #page_meta a {
   color: #3b3b3b;
   clear: both;
   white-space: nowrap;
   width: 775px;
}

 
/****************************************
 * Comments
 ****************************************/
#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: #e5e5e5;
   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 {
}
