body {
	background:#000000;
	//url('http://friskypics.com/site_images/bg_pattern_sm.jpg') top center repeat-x;
	font: 12px/20px Helvetica, Arial, sans-serif;
	color:#818181;
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	height:100%;
}
html, body {
     min-height:100.1%;
	}
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	color: white;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #666;
}
h2 {
font-size:18px;
}
h3 {
font-family: helvetica;
font-size:24px;
}
h4 {
font-size:14px;
}
h2 h3 h4 {
color:#fff;
}
h5 {
font-size:12px;
color:#3F7795;
}
.title-heading{
        font-family: helvetica;
        font-size: 36px;
        line-height: 32px;
	font-weight: bold;
        color: #fff;
        letter-spacing: -1px;
}
			
#logo {
	height:83px;
	background-image:url(http://www.friskygeek.com/images/friskypics_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}
#title {
        background-image:url(/site_images/friskypics_gotham.png);
        #http://www.friskygeek.com/images/friskypics_logo.png);
        z-index: 10;
        margin-top: 3px;
        background-repeat: no-repeat;
        background-position: left top;
        position:absolute;
        height: 50px;
        left: 10px;
        width: 199px;
        top: 0px;
	}
#title {
        background-image:url(http://friskypics.com/site_images/friskypics_trans.png);
        z-index: 10;
        margin-top: 3px;
        background-repeat: no-repeat;
        background-position: left top;
        position:absolute;
        height: 50px;
        left: 10px;
        width: 199px;
        top: 0px;
}
* html #title { /* PNG Hack for IE */
        background-image: none;
        filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="http://friskypics.com/site_images/friskypics_trans.png", sizingMethod="crop");
}

div#fr_banner,
div#fr_banner_profile {
    display: block;
    visibility: visible;
    width: 100%;
    height: 32px;
    padding: 4px 0 4px 0;
    background-image: url(http://friskypics.com/site_images/shadow_fr.png);
    background-repeat: repeat-x;
    border-bottom: 1px solid #333333;
    background-color: #545454;
}
    div#fr_banner {
    height: 32px;
    padding: 10px 0 10px 0;
    background-position: left bottom;
}
* html div#fr_banner,
* *         * html div#fr_banner_profile { /* PNG Hack for IE */
          background-image: none;
          filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="http://friskypics.com/site_images/shadow_fr.png", sizingMethod="scale");
}

.exif {
	color: #1C627A;
}
#notes {
	text-align: justify;
	margin-top: 10px;
	font: 9px/12px verdana, helvetica, arial, sans-serif;
}
#notes p{
       width: 100%;
       background-color: #151515;
       line-height: 14px;
       font-family: helvetica;
       padding: 5px;
       margin-top: 10px;
       margin-right: 0px;
       margin-bottom: 10px;
       margin-left: 0px;

}       
						
#announce {
	background-color: #232221;
	padding: 8px;
	border-top: 1px solid #003957;
	border-bottom: 1px solid #003957;
	color:#3F7795;
	text-align: justify;
	margin-bottom:10px;
}
#styleswitcher {
 	top:0px;
	left:0px;
	z-index:100px;
	height: 55px;
	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{
	font-family: helvetica;
	line-height: 14px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#top-nav{
        height: 30px;
	text-align: right;
	font-weight: normal;
}
#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:none;
	margin:0 2px 4px 2px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#browse_thumbs .thumbnails:hover {
	border:none;
	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: 50%;
	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.png') no-repeat center center;
	cursor: pointer;
}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background: url('../images/nextImage.png') no-repeat center center;
	cursor: pointer;
}
#slide-out { background-color: black; position: absolute; top: 83px; z-index: 1000; 
filter:alpha(opacity=98);
	-moz-opacity:.98;
	opacity:.98;
	border-bottom:1px solid black;
	overflow:auto;
}
#slide-out2 { background-color: black; position: absolute; top: 83px; z-index: 900; 
filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.90;
	border-bottom:1px solid black;
}

#slide-out-in {
padding:5px;
}

/* Comments */

#close {
top:0px;
right:0px;
margin:5px 5px 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 #3F7795;
	border-bottom:		1px solid #3F7795;
	border-left: 		1px solid #3F7795;
	border-right:		1px solid #3F7795;
	background: 		#464646;
	color:				#3F7795;
}
.formbutton{
	font: 				10px verdana, arial, helvetica, sans-serif;
	padding: 			5px;
	margin: 			0px auto;
	color: 				#7D7D7D;
	background: 		#272727;
	border: 			1px solid #464646;
}
.formbutton:hover{
	color: 				#2CCBE9;
	background: 		#272727;
	border-top: 		1px solid #3F7795;
	border-bottom:		1px solid #3F7795;
	border-left: 		1px solid #3F7795;
	border-right:		1px solid #3F7795;
}
	
#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;
}