/* .............................. */
/* Basic */
/* .............................. */

body {
	background:#fff url(http://ouvyt.com/pixels/templates/simple/styles/shade.png);
	background-repeat:repeat-x;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#666;
	padding:0px;
	margin:0px;
	padding:0px;
	text-align:center;
	}

html, body {
     min-height:100.1%;
	}

/* .............................. */
/* Comment */
/* .............................. */
#comment {
text-align: left;
}

/* .............................. */
/* Links */
/* .............................. */

a {
	color:#008FE8;
	text-decoration:none;
	}

a:hover {
	color:#77A626;
	}

/* .............................. */
/* Headings */
/* .............................. */

h1 {
	margin:0px;
	color:#63be14;
	font-size:20px;
	}

h2 {
	color:#63b1e4;
	margin:0px;
	font-size:13px;
	}

h2.imagetitle {
	display:inline;
	}

h3 {
	font-weight:bold;
	letter-spacing:1px;
	color:#63b1e4;
	font-size:11px;
	padding:0px;
	}

/* .............................. */
/* Navigation and menu */
/* .............................. */

#navigation {
	padding:15px;
	height:10px;
	margin-bottom:10px;
	color:#77A626;
	}
	
.menu {
    float:right;
	clear:right;
	text-align:right;
	padding-bottom:5px;
	border-bottom:0px solid #fff;
	}
	
.menu a {
	color:#008FE8;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	border-bottom:0px solid #fff;
	}

.menu a:hover, .menu a:active, a:focus {
	text-decoration:none;
	color:#77A626;
	}
	
/* .............................. */
/* Content */
/* .............................. */

#photo {
    padding:0px;
	border:0px solid #ccc;
	}

/* .............................. */
/* Image Navigation */
/* .............................. */

.image-navigate {
	padding-bottom:20px;
	padding-top:15px;
	height:15px;
	width:700px;
	margin:0px auto;
	clear:both;
	text-align:center;
	}
	
.image-navigate a {
	padding:5px;
	}

.image-previous {
    float:left;
	}

.image-next {
	float:right;
	}

#slideshow {
	float:left;
	text-align:center;
	width:545px;
	}

/* .............................. */
/* Image Info */
/* .............................. */

#image-info {
	width:780px;
	margin:0px auto;
	line-height:16px;
	text-align:justify;
	color:#77A626;
	padding: 10px;
	border:1px solid #ccc;
	}

#image-content {
	padding:0;
	margin:0 auto;
	position: absolute;
	top: 100px;
	}

#image-notes {
	vertical-align:top;
	padding-top:10px;
	padding-right:10px;
	color:#666;
	width:60%;
	border-right:1px solid #ccc;

	}
	
#image-exif, addcomment {
	padding-left:10px;

    text-align:left;

	vertical-align:top;
	color:#008FE8;
	width:40%;
	text-align:justify;

	}

#image-exif, addcomment a {
	color:#666;
	}

#image-exif, addcomment a:hover {
	color:#666;
	}


	
	

/* .............................. */
/* Pages */
/* .............................. */

#page {
	border:0px solid #fff;
	padding:20px;
	text-align:left;
	width:80%;
	margin:0px auto;
	line-height:16px;
	}

#page .thumbnails {
	margin:2px;
	padding:5px;
    border:1px solid #fff;
	filter: alpha(opacity=75);
	opacity: 0.75;
    }

#page a:hover img{
	filter:alpha(opacity=99);
	opacity:0.99;
	border:1px solid #ccc;
    }
	
#page img {
    padding:1px;
	border:1px solid #fff;
	}

.columnleft{
	width:65%;
	text-align:justify;
	
	vertical-align:top;
	padding-top:10px;
	padding-right:10px;
	color:#666;
	border-right:1px solid #ccc;	
	}

.columnright{
	
	padding-left:10px;
	padding-top:20px;
    text-align:left;
	width:170px;
	vertical-align:top;
	color:#666;
	width:30%;	
	}

.input, textarea {
	border:1px solid #ddd;
	padding:5px;
	color:#666;
	}
	
.input:focus, textarea:focus {
	background-color:#f7f7f7;
	color:#333;
	}

/* .............................. */
/* News */
/* .............................. */

#news {
	width:500px;
	background:#ffccff;
	border:1px dashed #77A626;
	padding:10px;
	margin:20px auto 0px auto;
	text-align:left;
	}

/* .............................. */
/* Footer */
/* .............................. */

#footer {
   text-align:center;
   margin:0 auto;
   padding-top:30px;
   padding-bottom:30px;
   line-height:16px;
   color:#aaa;
   background-color:#fff;
   clear:both;
   width:700px;
   }

#footer a {
   color:#aaa;
   background-color:#fff;
   }

#footer a:hover {
   color:#77A626;
   background-color:#fff;
   }
   
   
/* TAG SUPPORT */
.tags01
{
	font-size: 10px !important;
}

.tags02
{
	font-size: 12px !important;
}

.tags03
{
	font-size: 14px !important;
}

.tags04
{
	font-size: 16px !important;
}

.tags05
{
	font-size: 18px !important;
}

.tags06
{
	font-size: 20px !important;
}

.tags07
{
	font-size: 22px !important;
}

.tags08
{
	font-size: 24px !important;
}

.tags09
{
	font-size: 26px !important;
}

.tags10
{
	font-size: 28px !important;
}  

/* .............................. */
/* Navigation Overlay */
/* .............................. */

div.shot {
  position: relative;
  overflow: hidden;
}

* html div.shot {
  float: left;
} 

div.controls a {
  text-indent: -5000px;
  overflow: hidden;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(http://ouvyt.com/pixels/templates/simple/styles/bg-next.gif);
  opacity: 0;
  filter: alpha(opacity=0);
}

* html div.controls a {
  height: 10000px;
  background-position: center 150px;
}

div.controls a.previous {
  left: 0;
  background-image: url(http://ouvyt.com/pixels/templates/simple/styles/bg-previous.gif);
}

div.controls a:hover {
  opacity: 0.25;
  filter: alpha(opacity=25);
}