/* CSS- Cascading Style Sheet for the Template: somethingblue */

body {
	background:			#C099AA;
	padding-top: 		5px;
	text-align:			center;
	font-size:			10px;
	color:				#b0b0b0;
	margin: 			0px;
}
A {
	color: 				#333333;
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			10px;
	text-decoration: 	none;
	font-weight: 		normal;
	letter-spacing: 	1px;
	}
A:link { color: #333333; text-decoration: none;} 
A:visited { color: #333333; text-decoration: none;} 
A:active { color: #333333; text-decoration: none;} 
A:hover	{ color: #ec4100; text-decoration: none;}

text,table,ul,P {
	font-family: 		verdana, arial, helvetica, sans-serif;
	font-size: 			10px;
	text-decoration: 	none;
	font-weight: 		normal;
	letter-spacing: 	1px;
	}



#images{
	paddding: 0px;
}

.thumbnails {
    padding: 			0px;
    margin: 			3px;
    border:				1px solid #8b8b8b;
    opacity:			.55;
    filter: 			alpha(opacity=55);
    -moz-opacity: 		0.55;
    
	}
.thumbnails:hover {
    padding: 			0px;
    margin: 			3px;
	border:				1px solid #8b8b8b;
    opacity:			.99;
    filter: 			alpha(opacity=99);
    -moz-opacity: 		0.99;
	}
	
.current-thumbnail {
    padding: 			5px;
    border: 			1px dotted #4e94a5;
    }
#wrapper {
    margin: 			0px auto;
    padding-top: 		0px;
    padding-left: 		0px;
    padding-right: 		0px;
    padding-bottom: 	0px;
    width: 				600px;
    text-align: 		center;
    }
#logo {
    height: 			90px;
    background: 		url('logo.gif') no-repeat;
    font: 				10px verdana, arial, helvetica, sans-serif;
    color: 				orange;
    letter-spacing: 	3px;
    text-align: 		right;
    cursor: 			pointer;
    }
#menu1 {
	position: 			relative;
	top: 				5px;
	padding: 			0px;
	padding-right:		5px; 
	text-align: 		right;
	font: 				10px verdana, arial, helvetica, sans-serif;
	color: 				#b0b0b0;
	}
#menu1 a {
    padding: 			0px;
    font: 				10px verdana, arial, helvetica, sans-serif;
    color: 				#666666;
    }
#menu1 a:hover{
    padding: 			0px;
    font: 				10px verdana, arial, helvetica, sans-serif;
    color: 				#ec4100;
    }
#menu_browse {
	position: 			relative;
	top: 				0px;
	height: 			100%;
	width: 				100%;
	left: 				0px;
	padding: 			0px;
	}
#menu_browse_prev {
	position: 			relative;
	top: 				0px;
	height: 			100%;
	width: 				50%;
	left: 				-25%;
	padding: 			0px;
	}
#menu_browse_prev:hover {
	position: 			relative;
	top: 				0px;
	height: 			100%;
	padding:			0px;
	background: 		url('prev.gif') no-repeat left 45%;
	cursor: 			pointer;
	}
#menu_browse_next {
	position: 			absolute;
	top: 				0;
	height: 			100%;
	width: 				50%;
	left: 				50%;
	padding: 			0px;
	}
#menu_browse_next:hover {
	position: 			absolute;
	top: 				0;
	height: 			100%;
	padding: 			0px;
	background: 		url('next.gif') no-repeat right 45%;
	cursor: 			pointer;
	}
#image {
    padding: 			0px;
    margin:				5px;
    }
#rest {
    padding: 			0px;
    margin:				10px;
    }
#rest2 {
    padding: 			0px;
    margin:				0px;
    position:			relative;
    top:				0px;
    }
#rest3 {
    padding: 			0px;
    margin-top:			-30px;
    position:			relative;
    top:				0px;
    }
#image-title {
    font: 				18px verdana, arial, helvetica, sans-serif;
    font-weight: 		bold;
    letter-spacing: 	2px;
    color: 				#41639b;
    text-align: 		left;
    width: 				100%;
    position:			relative;
    top:				-8px;
    }
#image-date {
    color: 				#41639b;
    font: 				8px verdana, arial, helvetica, sans-serif;
    text-align: 		right;
    font-weight: 		normal;
    letter-spacing: 	0px;
    width: 				100%;
    position:			relative;
    top:				-28px;
    }
#image-info {
    color: 				#b0b0b0;
    font: 				10px verdana, arial, helvetica, sans-serif;
    text-align: 		left;
	width: 				100%;
    position:			relative;
    top:				-28px;
    }

#butt_addcom{
	text-align: 		right;
	padding-right: 		0px;
	padding-top: 		2px; 
	padding-bottom: 		2px; 
	font: 				10px verdana, arial, helvetica, sans-serif;
	color: 				#b0b0b0;
	width:				100%;
	border-top: 		1px dotted #b0b0b0;
	}
#butt_addcom:hover{
	font: 				10px verdana, arial, helvetica, sans-serif;
	color: 				#b0b0b0;
	background: 		#F0FF00;
	cursor: 			pointer;
	width:				100%;
	border-top: 		1px dotted #b0b0b0;
	}
    
#comments {
    color: 				#000000;
    width: 				100%;
    font: 				10px verdana, arial, helvetica, sans-serif;
    text-align: 		justify;
    }
#comments ul {
    list-style-type: 	none;
    margin: 			0px;
    padding: 			3px;
    }
#comments li {
    display: 			block;
    border-bottom: 		1px dotted #b0b0b0;
    margin: 			0px;
    color: 				#222222;
    text-decoration: 	none;
    padding: 			0px;
    }
#comments li a {
    color: 				#606060;
    text-decoration: 	none;
    }
#comments li:hover {
    background: 		#efefef;
    }
#comments li a:hover {
    color: 				orange;
    }
#comment_name {
	font: 				11px verdana, arial, helvetica, sans-serif;
    color: 				#606060;
    }
#comment_date {
	font: 				8px verdana, arial, helvetica, sans-serif;
    text-align: 		right;
    color: 				#grey;
    }
#comment_body {
	font: 				9px verdana, arial, helvetica, sans-serif;
	line-height: 		5px;
    text-align: 		justify;
    color: 				#b0b0b0;
    }

#addcomment_form {
    color: 				#000000;
    padding:			5px;
    overflow: 			none;
    height: 			360px;
    text-align: 		justify;
    background:			#efefef;
    position: 			relative;
    left:				0px;
    top: 				0px;
    }
.formfield{
	width: 				100%;
	font: 				10px verdana, arial, helvetica, sans-serif;
	color:				#494949;
	border-top: 		1px solid #D4D2CF;
	border-left: 		1px solid #D4D2CF;
	border-bottom: 		1px solid #D4D2CF;
	border-right: 		1px solid #D4D2CF;
	background: 		#efefef;
}
.formfield:focus{
	border: 			1px solid #868686;
	background: 		#FFFFFF;
}
.formfield:hover{
	border: 			1px solid #868686;
	background: 		#FFFFFF;
}
.formbutton{
	font: 				10px verdana, arial, helvetica, sans-serif;
	color: 				#494949;
	background: 		#efefef;;
	border: 			1px solid #D4D2CF;
}
.formbutton:hover{
	font: 				10px verdana, arial, helvetica, sans-serif;
	color: 				#494949;
	background: 		#FFFFFF;
	border: 	  		1px solid #868686;
}
#add-comment {
	padding: 			0px;
	width: 				100%;
    color: 				#b0b0b0;
    font: 				10px verdana, arial, helvetica, sans-serif;
    line-height: 		170%;
    text-align: 		justify;
    overflow:			none;
    }

#copyright {
	text-align: center;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#nav {
	border-bottom: 1px solid #D1D1D1;
}

.navbar {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	width: 100%;
	background-color: #FFFFFF;
}

.navbar a,
.navbar a:link,
.navbar a:visited {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	border: 0px;	
}

.navbar a:active,
.navbar a:hover {
	color: #ec4100;
	border: 0px;	
}

#page {
   padding: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 85%;
	margin: 20px auto;
	margin-bottom: 25px;
	line-height: 16px;
}

.column {
	width: 48%;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	}

.column-thumb {
	color: #666666;
	width: 30%;
	vertical-align: top;
	padding: 5px;
	}

.column-exif {
	color: #666666;
	width: 34%;
	text-align: right;
	vertical-align: top;
	padding: 4px;
	font-weight: bold;
	}

.column-exif-data {
	color: #666666;
	width: 34%;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	}
	
#intro {
	position: 			relative;
	top: 				0px;
	height: 			100%;
	width: 				100%;
	left: 				0px;
	padding: 			0px;
	cursor: 			pointer;
	z-index:10;
	}