body {

	background-color:#252525;

	background-image: url("../images/bg.gif"); 

	font: 9px/20px verdana, Helvetica, Arial, sans-serif;

	color:#818181;

	margin:0px;

	padding:0px;
	
	padding-bottom:20px;

	height:100%;

}

html, body {

     min-height:100.1%;

	}

a:link {

	color: white;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: white;

}

a:hover {

	color: #666;

	text-decoration: none;

}

a:active {

	text-decoration: none;

	color: #666;

}

h2 {

font-size:18px;

}

h3 {

font-size:16px;

}

h4 {

font-size:14px;

}

h2 h3 h4 {

color:#fff;

}

h5 {

font-size:12px;

color:#3F7795;

}

.title-heading{

	font-size: 24px;

	font-weight: normal;

	color: white;

	letter-spacing: -1px;

}


#logo {

       	background-image:url(../images/Autofocused.gif);
        width: 568px;
        height: 105px;

	background-repeat: no-repeat;

	background-position: left top;

	position:relative;


}



#rotatedlogo {

	height:568px;

	width:105px;

	background-image:url(../images/Autofocused_rotated.gif);

	background-repeat: no-repeat;

	background-position: left top;

	position:relative;

}


#commentbox {

  	border-width: 2px;

  	border-style: solid;

  	border-color: #818181;

}


#alainfranco {

	height:83px;

	background-image:url(../images/alainfranco.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

	position:relative;

}





#construction {

	height:500px;

	background-image:url(../images/construction_dark.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	position:relative;

}



#selected_archive {

	text-align:center;

}





#browse_frame {

  	border-width: 2px;

  	border-style: solid;

  	border-color: #818181;

}





#title {

  position:absolute;

	bottom:0;

	padding-bottom:5px;

	font-size:24px;

	letter-spacing: -.05em;

}

.exif {

	color: #1C627A;

}

.related {

	color: #1C627A;
        font-size :11px;
        font-weight: normal;
	letter-spacing: -.05em;

	
}

#notes {

	text-align: justify;

	margin-top: 10px;

	font: 9px/12px verdana, helvetica, arial, sans-serif;

}

#announce {

	background-color: #232221;

	padding: 8px;

	border-top: 1px solid #818181;

	border-bottom: 1px solid #818181;

	color:#818181;

	text-align: justify;

	margin-bottom:10px;

}

#services {

	background-color: #232221;

	padding: 8px;

	border-top: 1px solid #818181;

	border-bottom: 1px solid #818181;

	color:#818181;

	margin-bottom:10px;

}

#iconrss {

	top:0px;

	left:0px;

	z-index:100px;

	position:absolute;

	width:100%;

	text-align:right;

}



#styleswitcher img {

	margin:8px 8px 8px 0;

}

#about{

	text-align: justify;

	padding:0px;

	margin:0px;

}

#about h3 h4 {

color:white;

}

#about .about {

margin:0 10px 5px 0;

float:left;

border:5px solid #333;

}

#news{

	text-align: justify;



}



#footer { margin: 5px; }

p{

	padding: 0px;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}



#footer_browse {



	text-align:left;

}



#footer_browse2 {



	text-align:right;

}



#top-nav{

	text-align: left;

	font-weight: normal;

	letter-spacing: -.5px;

}



#top-nav a {

	padding:2px;

}



#top-nav a:hover {

	background-color:#333;

}

#top-nav .current {

color:white;

}



#thumbnails{

	text-align: center;

	margin: 6px 0px 10px 4px;

	clear: both;

	width:34px;	

}

.thumbnails {

	border:1px solid black;

	margin:0 1px 2px 1px;

	filter:alpha(opacity=33);

	-moz-opacity:.33;

	opacity:.33;

}

.current-thumbnail{

	border:solid 1px black;

	margin:0 1px 2px 1px;

	filter:alpha(opacity=75);

	-moz-opacity:.75;

	opacity:.75;

}

.thumbnails:hover {

	border:1px solid black;

	margin:0 1px 2px 1px;

	filter:alpha(opacity=100);

	-moz-opacity:1;

	opacity:1;

}

#browse_thumbs .thumbnails {

	border:2px solid white;

	margin:0 2px 4px 2px;

	filter:alpha(opacity=100);

	-moz-opacity:1;

	opacity:1;

}

#browse_thumbs .thumbnails:hover {

	border:2px solid white;

	margin:0 2px 4px 2px;

	filter:alpha(opacity=50);

	-moz-opacity:.5;

	opacity:.5;

}

#photobox {

	text-align:center;

	background:#151515 url(../images/loading_d_dark.gif) no-repeat center;

	padding:7px;
	}



#image-border {

    position: relative;

	margin: 0;

}

#menu_browse{

	position: absolute;

	margin: 0px;

	margin-right:-10px;

	padding: 0px;

	top: 0px;

	left: 0px;

	z-index:10;

}

#menu_browse a{

	outline: none;

}

#menu_browse_prev, #menu_browse_next{

	width: 49.9%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

}

#menu_browse_prev {

	left: 0px;

	top: 0px;

	float: left;	

}

#menu_browse_next {

	right: 0px;

	top: 0px;

	float: right;	

}

#menu_browse_prev:hover, #menu_browse_prev:visited:hover {

	background: url('../images/prevImage.gif') no-repeat center center;

	cursor: pointer;

}

#menu_browse_next:hover, #menu_browse_next:visited:hover {

	background: url('../images/nextImage.gif') no-repeat center center;

	cursor: pointer;

}

#slide-out { background-color: black; position: absolute; top: 60px; z-index: 1000; 

filter:alpha(opacity=85);

	-moz-opacity:.85;

	opacity:.85;

	border-bottom:1px solid black;

	overflow:auto;

}

#slide-out2 { background-color: black; position: absolute; top: 143px; z-index: 1000; 

filter:alpha(opacity=85);

	-moz-opacity:.85;

	opacity:.85;

	border-bottom:1px solid black;

	overflow:auto;

}



#slide-out-in {

padding:5px;

}



/* Comments */



#close {

top:0px;

right:0px;

margin:11px 15px 0 0 ;

z-index:2000;

text-align:right;

}

#comments-wrapper {



	text-align:left;

	padding-left:10px;

	padding-right:10px;

	color:#999;

}

#commentbox {

	margin:0px auto;

	}



#comment-top {

	padding:20px 5px;

	color:#FFF;

	}    



#comments {

    margin:0px auto;

    text-align:left;

	}



#comment-top h2 {

	font-weight:normal;

	letter-spacing:2px;

	font-size:11px;

	text-transform:uppercase;

	text-align:center;

	}

	

#comment-middle h2 {

	font-weight:normal;

	letter-spacing:2px;

	font-size:11px;

	text-transform:uppercase;

	}



#comment-middle {

	padding:20px 0px;

	margin-bottom:7px;

	} 



#addcomment { text-align:left; width: 35%; float: left; margin-top: 5px; }

	



.formfield{

	width: 				90%;

	padding:			2px;

	margin: 			0px auto;

	font: 				10px verdana, arial, helvetica, sans-serif;

	color:				white;

	border: 			1px solid #464646;

	background: 		#272727;

}

.formfield:hover, .formfield:focus{

	border-top: 		1px solid #707070;

	border-bottom:		1px solid #707070;

	border-left: 		1px solid #707070;

	border-right:		1px solid #707070;

	background: 		#464646;

	color:				#000000;

}

.formbutton{

	font: 				10px verdana, arial, helvetica, sans-serif;

	padding: 			5px;

	margin: 			0px auto;

	color: 				#7D7D7D;

	background: 		#272727;

	border: 			1px solid #464646;

}

.formbutton:hover{

	color: 				#000000;

	background: 		#272727;

	border-top: 		1px solid #707070;

	border-bottom:		1px solid #707070;

	border-left: 		1px solid #707070;

	border-right:		1px solid #707070;

}

	

#image_comments {

	width:55%;

	float:right;

	margin-top:8px;

	margin-bottom:15px;

	padding: 0 5px 15px 15px;

	border-left:1px solid #333;

	text-align:left;

	background:#151515;

	font: 9px/14px verdana, Helvetica, Arial, sans-serif;

}



#image_comments ul {

	padding:0px;

	margin:0px;

	list-style:none;

	}



#image_comments li {

	color:#999;

	margin:0px 0px 15px 0px;

	padding-left:16px;

	background: url(../images/comment.gif) no-repeat;

	}

	

#image_comments h5 {

margin:15px 0 10px 0;

}



#warchives {

	margin-top:5px;

	/*width:280px;

	float:left;*/

	text-align:justify;

}



#rcomments { width:277px; float:right; margin-top:8px; margin-bottom:15px; padding: 0 5px 15px 15px; text-align:left; background:#151515; }



#rcomments ul {

	padding:0px;

	margin:0px;

	list-style:none;

}



#rcomments li {

	color:#666;

	margin:0px 0px 15px 0px;

	padding-left:16px;

	background: url(../images/comment.gif) no-repeat;

}

	

#categories {

text-align:left;

margin-left:7px;

}



#categories a:link{

	color: #a9a9a9;

}

#categories a:visited{

	color: #a9a9a9;

}

#categories a:hover{

	color: #fff;

	background-color: #222;

}

#categories a:active{

	color: #a9a9a9;

}



#categories img{

border:none;

}	



#categories ul {

	padding:0px;

	margin:0px;

	list-style:none;

}



#categories li {

	margin:0px 0px 15px 0px;

}



#contact {

margin-left:8px;

}