/* Dark */
/************************************************ Global */
body {
	background: #000 url('../images/bg.jpg') repeat-x fixed left top;
	color:#818181;
	font:12px verdana, helvetica, arial, sans-serif;
	margin:0px;
	padding:0px;
}

.msie6 body {
	behavior:url("templates/hybrid/scripts/csshover3.htc");
}

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

a {
	outline:none;
}

a:link {
	color:#777;
	text-decoration:none;
}

a:visited {
	text-decoration:none;
	color:#999;
}

a:hover {
	color:#641AFF;
	text-decoration:none;
}

a:active {
	text-decoration:none;
	color:#eee;
}

p {
	margin:10px 0;
	padding:0;
}
h2 {
	font-size:18px;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:14px;
}

h2 h3 h4 {
	color:#111;
}

h5 {
	color:#641AFF;
	font-size:12px;
	margin:0px 0 10px 0;
	padding-top:0;
}

#styleswitcher {
  visibility:hidden;
	left:0;
	position:absolute;
	text-align:right;
	top:0;
	width:100%;
}

#styleswitcher img {
	margin:2px;
}

#header {
	padding-bottom:5px;
	position:relative;
	width:100%;
}

#logo {
	position:relative;
	width:30%;
}

#logo_sub {
	bottom:-2px;
	font-size:19px;
	font-weight:bold;
	left:-3px;
	letter-spacing:.4em;
	position:relative;
	width:100%;
}

#logo_sub a {
	color:#4A14D7;
}

#logo_sub a:hover {
	color:#641AFF;
}

#nav {
	float:right;
	position:relative;
	width:70%;
}

#nav_sub {
	bottom:0;
	color:#444;
	margin:0px;
	padding:0px;
	position:absolute;
	right:-1px;
}

#nav_sub .sc_th_page_nav_cur {
	/*font-size:14px;*/
	color:#641AFF;
	font-weight:bold;
}

#nav_sub a {
	color:#666;
	padding:2px;
}

#nav_sub a:hover {
	color:#641AFF;
}

.current {
	color:#641AFF;
	font-weight:bold;
}

.tooltip {
	/*background-color:#999;*/
	/*padding:1px;*/
	border:1px solid #111;
	left:-9999px;
	position:absolute;
	width:auto;
	z-index:999;
}

.tooltip p {
	background-color:#000;
	color:#777;
	font-size:9px;
	margin:0;
	padding:6px;
}

/********************************************* Image Page */

#photo {
	visibility:hidden;
}

#image_wrapper {
	display:table;
	height:auto;
	margin:auto;
}

#image_frame {
	position:absolute;
}

#photobox {
	background:url(../images/loader_dark.gif) no-repeat scroll center center;
	margin-bottom:20px;
	margin-left:-7px;
	position:absolute;
	text-align:center;
}

.msie6 #photobox {
	background:url(../images/loader_dark.gif) no-repeat scroll 50% 40%;
}

#image_footer {
	color:#000;
	margin-bottom:15px;
	margin-left:10px;
}

#image_footer:hover {
	color:#555;
	margin-bottom:15px;
}

#image_footer a {
	color:#555;
}

#image_footer a:hover {
	color:#641AFF;
}

#ie_nag {
	color:#000;
}

#ie_nag a {
	color:#000;
}

#ie_nag:hover {
	color:#641AFF;
}

#ie_nag a:hover {
	color:#641AFF;
}

#info {
	background-color:#000;
	border:1px solid #111;
	color:#777;
	filter:alpha(opacity=90);
	opacity:.90;
	font:12px verdana, helvetica, arial, sans-serif;
	margin-left:-2px;
	margin-top:5px;
	overflow:auto;
	position:absolute;
	text-align:left;
	z-index:0;
}

#info_in {
	overflow:visible;
	padding:15px;
	position:relative;
}

#info_details_close {
	display:none;
}

#title_heading {
	color:#641AFF;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	padding-bottom:24px;
	text-align:left;
}

#title_heading .date {
	color:#666;
	font-size:12px;
	font-weight:normal;
}

#title_heading_left {
	float:left;
}

#title_heading_right {
	float:right;
}

.opera8 #title_heading_right, .opera9 #title_heading_right {
	margin-top: 15px;
}

#title_heading_right .close {
	background:url('../images/close.png') no-repeat scroll right center;
	cursor:pointer;
	filter:alpha(opacity=70);
	opacity:.7;
	padding-left:40px;
	padding-top:2px;
}

.msie6 #title_heading_right .close {
	background:url('../images/close.gif') no-repeat scroll right center;
	padding-right:5px;
}

.msie7 #title_heading_right .close {
	padding-right:5px;
}

#title_heading_right .close:hover {
	filter:alpha(opacity=100);
	opacity:1;
}

#description {
	background:#080808;
	border:1px solid #222;
	margin-bottom:10px;
	padding:15px;
}

#details {
	color:#555;
	font:12px verdana, helvetica, arial, sans-serif;
	text-align:left;
}

#details a {
  color:#777;
}

#details a:hover {
  color:#641AFF;
}

.exif {
	color:#bbb;
}

#notes {
	border-bottom:1px solid #222;
	color:#aaa;
	margin-bottom:20px;
	padding-bottom:15px;
}

#image_border {
	border:1px solid #333;
	margin:0;
	padding:5px;
	position:relative;
	filter:alpha(opacity=25);
	opacity:.25;
}

.msie6 #image_border {
  padding-bottom:3px;
}

#menu_browse {
	left:5px;
	margin:0px;
	margin-right:-10px;
	padding:0px;
	position:absolute;
	top:5px;
}

#menu_browse a {
	outline:none;
}

#menu_browse_prev, #menu_browse_next {
	background:url(../images/blank.gif) no-repeat; /* IE hover hack: does this only apply to IE6? */
	display:block;
	height:100%;
	width:49.9%;
}

#menu_browse_prev {
	float:left;
	left:0px;
	top:0px;
}
#menu_browse_next {
	float:right;
	right:0px;
	top:0px;
}

#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
	background:url('../images/prevImage.png') no-repeat 10% 50%;
	cursor:pointer;
}

.msie6 #menu_browse_prev:hover, .msie6 #menu_browse_prev:visited:hover {
	background:url('../images/prevImageIE6.gif') no-repeat 10% 50%;
	filter:alpha(opacity=100);
}

#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background:url('../images/nextImage.png') no-repeat 90% 50%;
	cursor:pointer;
}

.msie6 #menu_browse_next:hover, .msie6 #menu_browse_next:visited:hover {
  background:url('../images/nextImageIE6.gif') no-repeat 90% 50%;
  filter:alpha(opacity=100);
}

#thumbnails {
	background:#010101 none repeat scroll 0 0;
	float:left;
	margin-left:9px;
	margin-top:5px;
	position:absolute;
	filter:alpha(opacity=0.0);
	opacity:0.0;
}

#thumbnails:hover {
	filter:alpha(opacity=100);
	opacity:1;
}

.thumbnails {
	border:1px solid #444;
	filter:alpha(opacity=30);
	opacity:.3;
	height:60px;
	margin:1px;
	width:90px;
}

.current-thumbnail {
	border:1px solid #444;
	filter:alpha(opacity=70);
	opacity:.7;
	height:60px;
	margin:1px;
	width:90px;
}

.current-thumbnail:hover {
	border:1px solid #666;
	filter:alpha(opacity=100);
	opacity:1;
	margin:1px;
}

.thumbnails:hover {
	border:1px solid #555;
	filter:alpha(opacity=100);
	opacity:1;
}

/*********************************************** Comments */

#comments {
	background-color:black;
	border-bottom:1px solid black;
	filter:alpha(opacity=85);
	opacity:.85;
	font:12px verdana, helvetica, arial, sans-serif;
	margin-left:-21px;
	position:absolute;
	text-align:left;
}

#comments ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#comments li {
	color:#666;
	margin:0px 0px 15px 0px;
	padding-left:16px;
}

#recentcomments {
	background:#000;
	border:1px solid #111;
	margin-bottom:15px;
	padding:15px;
}

#recentcomments ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#recentcomments li {
	border-top:1px solid #111;
	color:#777;
	margin-top:14px;
	padding-top:14px;
}

#recentcomments li a {
  color:#AAA;
}

#recentcomments li a:hover {
  color:#641AFF;
}

/************************************ Comments Entry Form */

#addcomment {
	background:#000;
	border:1px solid #111;
	padding:15px;
}

#comment_form {
	display:block;
	width:102%;
}

.msie6 #comment_form {
  width:97.5%;
}

.msie7 #comment_form {
  width:97.5%;
}

#name_block, #mail_block, #url_block {
	float:left;
	width:33.3%;
}

#message {
  width:96.5%;
}

.form_label {
	bottom:2px;
	padding-bottom:1px;
	position:relative;
}

.input {
	border:1px solid #CCC;
	width:90%;
}

.textarea {
	border:1px solid #CCC;
	width:100%;
}

.formfield {
	background:#272727;
	border:1px solid #464646;
	color:#444;
	font:12px verdana, arial, helvetica, sans-serif;
	padding:2px;
	width:90%;
}

.formfield:hover, .formfield:focus {
	background:#464646;
	border:1px solid #641AFF;
	color:#FFF;
}

.formbutton {
	background:#272727;
	border:1px solid #464646;
	color:#7D7D7D;
	font:10px verdana, arial, helvetica, sans-serif;
	font-weight:bold;
	margin:0px auto;
	padding:5px;
}

.formbutton:hover {
	background:#272727;
	border:1px solid #641AFF;
	color:#DDD;
}

/******************************************* Browse Page  */

#browse_wrapper {
	display:table;
/* height:760px;  goes with the browse_box margin-bottom setting */
	margin:auto;
	width:946px;
}

#browse_about_frame {
	position:absolute;
	width:946px;
}

#browse_box {
	border:1px solid #333;
	margin-bottom:35px;
	text-align:center;
	width:100%;
}

#browse_thumbs {
	float:left;
	margin:15px;
	text-align:left;
	width:762px;
}

.msie6 #browse_thumbs {
	margin-left:8px;
}

#browse_thumbs_header {
	margin-right:2px;
	width:95%;
}

#current_category_block {
	color:#641AFF;
	float:left;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.2em;
	padding-bottom:14px;
	text-align:left;
	width:50%;
}

#page_number_block {
	float:left;
	width:50%;
}

#browse_thumbs .thumbnails {
	border:1px solid #363636;
	filter:alpha(opacity=100);
	opacity:1;
	height:95px;
	margin:4px;
	width:142px;
}

#browse_thumbs .thumbnails:hover {
	border:1px solid #a9a9a9;
	filter:alpha(opacity=50);
	opacity:.5;
	height:95px;
	margin:4px;
	width:142px;
}

#browse_categories {
	float:left;
	height:100%;
	margin-top:15px;
	text-align:left;
	width:145px;
}

#category_pages {
	bottom:0;
	height:50%;
	margin-bottom:10px;
	position:absolute;
	vertical-align:bottom;
}

.viewing {
	color:#641AFF;
	font-size:16px;
	font-weight:bold;
}

/***************************************** Paged Archive  */

#taglist {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
}

/*
.archive_active_page_number {
	font-size:14px;
	font-weight:bold;
	color:#641AFF;
}
.archive_page_number {
	color:#666;
	text-decoration:none;
}

.sc_th_page_nav_cur {
	font-size:14px;
	font-weight:bold;
	color:#641AFF;
}
*/

/********************************************* Album View */

#album_thumbs {
}

.albumWrapper {
	background:#111;
	border:1px solid #363636;
	float:left;
	height:140px;
	margin:4px;
	text-align:center;
	width:172px;
}

.msie6 .albumWrapper {
	width:170px;
}

.albumWrapper:hover {
	border:1px solid #666;
}

.albumWrapper2 {
	margin:16px;
	width:145px;
}

.msie6 .albumWrapper2 {
	margin:14px;
}

.albumWrapper a:link, .albumWrapper a:visited {
	display:block;
	/*border:1px solid #0000ff;*/
}
.albumWrapper img {
	border:1px solid #666;
}

.albumTitle {
	font-size:80%;
	padding:2px 0;
}

.albumTitle a:link, .albumTitle a:visited {
	border:none;
}

.albumall {
	display:none;
}
/******************************************** About Page  */

#about_wrapper {
	display:table;
	height:auto;
	margin:auto;
	width:946px;
}

#about_box {
	border:1px solid #333;
	display:table;
	position:relative;
	text-align:justify;
	width:100%;
}

.announce {
	background-color:#0A0A0A;
	border:1px solid #641AFF;
	color:#999999;
	margin:25px 25px 35px;
	padding:20px;
	text-align:right;
}

.announce a {
	color:#999999;
}

#about_left {
	float:left;
	margin:0 0 25px 25px;
	position:absolute;
	width:29%;
}

.msie7 #about_left {
  margin-bottom:0;
}

#about_photo {
	border:1px solid #444;
	float:left;
	height:181px;
	margin-bottom:5px;
	width:100%;
	display:none;
}

.firefox1 #about_photo {
	margin-top:35px;
}

.opera8 #about_photo, .opera9 #about_photo {
	margin-top:35px;
}

.firefox2 #about_photo {
	margin-top:35px;
}

#about_photo img {
	width:100%;
	height:100%;
}

#caption {
  float:left;
}

#sites {
	float:left;
	margin-top:40px;
}

.rain {
	font-size:11px;
}

#about_right {
	display:table;
	float:right;
	margin:0 25px 25px 0;
	width:63%;
}

.msie6 #about_right {
	margin:0;
	padding-right:25px;
}

.msie7 #about_right {
	margin-bottom:0;
}

#credits {
	font-size:11px;
	margin-top:70px;
}

#para_line {
	height:1px;
	border-width:0;
	color:#000;
	background-color:#222;
}

.msie6 #para_line, .msie7 #para_line {
  color:#222;
  background-color:#000;
}

.inset_box {
	background-color:#0A0A0A;
	border:1px solid #333333;
	color:#666666;
	font-size:11px;
	margin-top:20px;
	padding:10px 20px;
	text-align:justify;
	width:auto;
}

.inset_box a {
	color:#666;
}

.inset_box img {
	border:1px solid #222;
	height:20px;
	width:100%;
}

/************************************************* Footer */

* html div#footer { position:absolute;  /* IE6 only? */
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight)
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight));
}

* html div#footer_nav { position:absolute;  /* Same here and below? */
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight)
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight));
}

* html body {
	padding:0 0 0px 0; /*Set value to (0 0 HeightOfFrameDiv 0)*/
}

* html #content {
  height:100%;
}

#footer_base {
/*  bottom:0;
  left:0;
  width:100%;*/
}

#footer_base img {
	filter:alpha(opacity=70);
	opacity:.7;
}

#footer_base img:hover {
	filter:alpha(opacity=100);
	opacity:1;
}

#footer_base a {
	color:#555;
}

#footer_base a:hover {
	background-color:#000;
	color:#641AFF;
}

#footer, #footer_nav {
	position:fixed;
	background:#000 none repeat scroll 0 0;
	bottom:0;
	color:#555555;
	padding-bottom:11px;
	padding-top:6px;
	width:48.25%;
}

#footer {
	left:0;
	padding-left:28px;
	text-align:left;
}

#footer img {
	bottom:7px;
	left:4px;
	position:absolute;
}

#footer_nav {
	padding-right:52px;
	right:0;
	text-align:right;
}

.prev_button {
	bottom:7px;
	position:absolute;
	right:28px;
}

.next_button {
	bottom:7px;
	position:absolute;
	right:4px;
}

.msie8 .prev_button:hover, .msie8 .next_button:hover {
	bottom:5px;
}

/* End */

/* Credit (blame? ;) to JaySoto (jason.m.soto@gmail.com | http://www.sotolicious.com) for the foundation of the template */