html, body{
 height:100%;
}

body {
 font-family:"trebuchet ms", verdana, sans-serif;
 font-size:0.8em;
 text-align:center;
 background-color:#999999;
 padding:0px;
 margin:0px;
 color:#777777;
}

img {
 border:0px;

}

#thumbnailwrap img {
border:0px;
 display:block;
 float:left;
}

a {
 color:#888888;
 text-decoration:none;
 outline: none;
}

a:active, a:focus {outline: 0;}

#commentBox {
background-color:#222222;
color: #777777;
border: 1px solid #333333;
display:none;
}
#wrapLeft {
float:left;
width: 310px;
margin:10px;
}
#exif {
 font-size:90%; 
 margin-left:1em;
 border: 1px solid #333333;
 width:280px;

}

#exif ul {
 list-style:none; 

}
#commentWrap {

 font-size:90%;
 text-align:left; 
 margin:10px;
}
#commentWrap textarea {
 width:280px;
}

.input {
width:280px;

}
.comment {
float:right;
width: 470px;
margin: 10px 20px;
border: 1px solid #333333;
}

.comment ul {
list-style-image: url("../images/speak.gif");
}

.comName {
 color:#b7822e;
}

h1 {
 font-family:"trebuchet ms", verdana, sans-serif;
 font-size:140%;
 margin:0em 1em 0em 1em;
 padding:0.5em;
 letter-spacing:3px;
 font-weight:normal;
 color: #b7822e;
}

#blogtitle {
color: #FFFFFF;
font-size: 22px;
font-weight: bold;
letter-spacing: 0px;
}

h2 {
 font-size:100%;
 margin:0em 5em;
 padding:0.5em;
 letter-spacing:3px;
 font-family:"trebuchet ms", verdana, sans-serif;
 font-weight:normal;
 color:#555555;

}

h3 {
 font-size:100%;
 margin:0em 1em;
 padding:0.5em;
 letter-spacing:3px;
 font-family:"trebuchet ms", verdana, sans-serif;
 font-weight:normal;
 color:#555555;
 text-align:right;
}

.devider {
 width:100%;
 clear:both;
 font-size:0em; 
}

#containerWrap {
 
 
 background-color:#333333;
}
#container { 
margin-left:auto;
 margin-right:auto;
 background-color:#FFFFFF;
 width: 860px;
 
 position:relative;
 
}

.nav a {
	position: absolute;
	top: 0;
	left: -70px;
	right: auto;
	height: 591px;
	width: 50%;
	text-indent: -10000px;
}

#next a {
	left: auto;
	right: -70px;	
}

#prev a {
 /* background:url(../images/prev.gif) no-repeat 50% -200px;*/
  background-image:url(../images/pprev.gif);
 background-repeat:no-repeat;
 background-position:50% -200px;
  }

#next a {
  background:url(../images/nnext.gif) no-repeat 50% -200px;
  }

#prev a:hover, #prev a:active {
  background-position: 0% 245px;
  cursor:pointer;
  }

 #next a:hover, #next a:active em {
  background-position: 100% 245px;
  cursor:pointer;
  }
  
#menu {
 letter-spacing:2px;
 font-size:90%;

}
#menu a {
 color: #FFFFFF;

}
#menu a.item {
 float:right;
 padding:20px 15px 20px 15px;
}
#menu a.item:hover {
 background-color:#222222;
 color: #D8D8D8;
}

#menu a#logo {
 float:left;
 margin-top: 10px;
 margin-left: 20px;
}
#comments {
 
 border:1px solid #222222;
 background-color:#222222;
 padding:0.2em 0.5em 0.2em 0.5em;
}
#submenu {
 background-color:#222222;
 padding:0.2em 0.5em 0.2em 0.5em;
}
#submenu a {
 
}





#display {
 text-align:left;
 clear:both;


}


#display p {
 margin:1em;
}

img.thumbs {
 float:left;
 border:1px solid #333333;
 padding:0.2em;
 margin:0.3em 0.3em 0.3em 0.3em;
}

.thumbnails {


}

#footer {
 background-color:#999999;
 padding:0.5em;
}

#footer, #footer a {
 color:#555555; 
 font-size:95%;
}

#imageWrap {
 background-image:url(../images/load.gif);
 background-repeat:no-repeat;
 background-position:center center;
}

#image {

}

#thumbnailwrap {
 width: 600px;
 float:right;
 
 background-color:#FFFFFF;
}
/* for Internet Explorer */
/*\*/
/** html #thumbnailwrap {
height: 600px;
}
/**/

#details {
 width:240px;
 background-color:#222222;
 padding:10px;
 float:left;
/* min-height:600px;
height:auto !important;
height:600px;*/
}

#text {
 float:left;
}
#text li a {
	text-decoration:none;
	color:#999999;
}
#text li a:hover {
	color:#666666;
}
#selfpic {
	float: left;
	padding: 10px;
}
.mark {
 background-color:#222222;
 color:orange;
}

.tags10 {
 font-size:90%;
}


/* Contact */
.pfc_err {
 border:1px solid red;
 background-color:green;
}