@charset "utf-8";
/* CSS Document */

body {
	background-color: #1e1e1e;
	background-image:url(images/background.png);
	background-position: center;
	background-repeat: repeat-y;
	color: #fff;
	margin: 0;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.logo {
	width: 155px;
	height: 55px;
	background-image: url(images/logo.png);
	background-repeat:no-repeat;
	background-position: left;
}
#wrapper {width: 95%;min-width:750px;margin-left: auto;margin-right: auto;}
#header {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	}

.menu {
	float: right;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	text-transform: uppercase;
	}
.menu ul {
	vertical-align:bottom;
	}
.menu li {
	display: inline;
	margin: 0px 0px 0px 4px;
	}
.menu li a{text-decoration: none;border:none;color:#fff;padding:5px 3px 5px 3px;}
.blue a:hover {color:#0066ff;border-bottom: 1px dotted #0066ff;}
.green a:hover {color:#1ceb06;border-bottom: 1px dotted #1ceb06;}
.yellow a:hover {color:#ffd800;border-bottom: 1px dotted #ffd800;}
.purple a:hover {color:#ff0090;border-bottom: 1px dotted #ff0090;}



#image-container {
}
#image-nav-links {
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 12px;
	margin: 0px;
	padding: 2px 6px 6px 6px;
	text-transform: uppercase;
}
#image-nav-prevlink {
	float: left;
}
#image-nav-nextlink {
	float: right;
}
#image-border {
	position: relative;
	background: transparent url(images/indicator-big-loader.gif) no-repeat 50% 50%;
	line-height: 0px;
	margin: 0px auto;
	padding: 9px;
}
#image-info {
	margin: 5px 5px 0px 5px;
	padding: 2px 0px 0px 0px;
	text-align: left;
	text-transform: uppercase;
}
#image-nav-overlay {
	position: absolute;
	top: 9px;
	left: 9px;
	margin: 0px;
	padding: 0px;
	z-index: 89;
}
#image-nav-overlay a,
#image-nav-overlay a:link,
#image-nav-overlay a:visited {
	line-height: 0px;
	outline: none;
}

#image-nav-prevoverlay, #image-nav-nextoverlay {
	width: 49.9%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* HAX0R IE */
}

#image-nav-prevoverlay {
	float: left;
	left: 0px;
	top: 0px;
}

#image-nav-nextoverlay {
	float: right;
	right: 0px;
	top: 0px;
}

#image-nav-prevoverlay:active,
#image-nav-prevoverlay:focus,
#image-nav-prevoverlay:hover {
	background: url(images/p_prev.png) center left no-repeat;
	cursor: pointer;
}

#image-nav-nextoverlay:active,
#image-nav-nextoverlay:focus,
#image-nav-nextoverlay:hover {
	background: url(images/p_next.png) center right no-repeat;
	cursor: pointer;
}

.image-title {
	color: #1A1A1A;
	float: left;
	font-size: 14px;
}

.image-date {
	color: #666666;
	float: left;
	font-size: 11px;
}

.image-comment {
	font-size: 10px;
	text-align: right;
	float: right;
}
#footer {
	width: 100%;
	height: 32px;
	background-image: url(images/footer.jpg);
	background-repeat:repeat-x;
	margin-top: 5px;
	min-width: 950px;
	position:fixed;
  	bottom:0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	letter-spacing: 1px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	z-index: 99;
	}
.menu2 {text-align: right;}
.menu2 ul {margin-top:8px;}
.menu2 li {
	display: inline;
	padding:0px 9px 0px 9px;
	}
.menu2 li a{text-decoration: none;border:none;color:#3a3a3a;}
.blue2 a:hover {color:#0066ff;}
.green2 a:hover {color:#1ceb06;}
.yellow2 a:hover {color:#ffd800;}
.purple2 a:hover {color:#ff0090;}


.menu3 {text-align: left;font-size:11px; letter-spacing:1px;text-transform:uppercase;}
.menu3 ul {margin-top:8px;}
.menu3 li {display:inline;padding:0px 5px 0px 5px;}
.menu3 li a {text-decoration:none;border:none;color:#6f6f6f;}
.menu3 li a:hover{color:#ffcc00;}


.thumbs {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 75%;
	}
.thumbs img {
	margin:0px;
	border-style: none;
	padding: 5px 8px 5px 8px;
	margin: 1px;
	}
.thumbs a img {
	opacity: .60;
	filter: alpha(opacity = 60);
	border: 1px dotted #000;
}
img {
	border-style: none;
	}

.thumbs a:hover img {
	opacity: 1;
	filter: alpha(opacity = 100);
	border: 1px solid #0066ff;
	backgroudnd-color: #fff;
}
.text{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	}
.text h1 {
	text-transform:uppercase;
	letter-spacing: 3px;
	font-size: 12px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-weight:normal;
	margin-right: 25%;
	padding:0px 0px 3px 10px;
	border-bottom: 1px dotted #fff;
	}
	
.textbody{
	width: 87%;
	margin-left: auto;
	margin-right: auto;
	}