/* ***************************** */
/* MAIN TEMPLATE *************** */
/* ***************************** */
body {
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
	color:#555555;
}

h2 {
	font-size:120%;
}

h3 {
	font-size:105%;
}

a:link,  a:visited {
	color:#555555;
	text-decoration:none;
}
 a:hover, a:active {
	text-decoration: underline;
}
	
#nav_bar {
	background:#cccccc url(/photo/templates/scott/images/topbck.gif) repeat;
	padding:8px 10px 0px 10px;
	margin:0px 0px 10px 0px;
	height:29px;	
}

#menu {
	float:left;
	color:#ffffff;
}
#menu a {
	color:#ffffff;
}

#title {
	float:right;
	color:#ffffff;
}
#title a {
	color:#ffffff;
}

#container {
	margin:0px auto;
}

#mainBody {
	width:100%;
	clear:both;
}

#footer {
	margin:10px auto;
	font-size:10px;
	text-align:center;
	clear:both;
	color:#555555;
	line-height:175%;
}
.footer a {
	text-decoration:none;
	color:#ffffff;
	border:none;
	background:none;
}

	
	
/* ******************************** */
/* IMAGE PAGE ********************* */
/* ******************************** */
#image_nav_bar {
	margin:0px 10px 10px 10px;
	text-align:center;
	height:18px;
}

#image_nav_prev {
	float:left
}

#image_nav_next {
	float:right;
}

#image_links {
	margin:0 auto;
}

#details, #comments, #secret {
	width:100%;
	display:none;
	clear:both;
}

#details a {
	text-decoration:underline;
}

#mainImg {
	clear:both;
	text-align:center;
	width:100%;
}

.photo_wrapper {
	margin:10px auto;
	position:relative;
}

.photo_wrapper a img{
	margin:0 auto;
	padding:7px;
	border:1px solid #999999;
	background-color:#eeeeee;
}

.secret_photo_wrapper {
	margin:10px auto;
	position:relative;
}

.secret_photo_wrapper a img{
	margin:0 auto;
	padding:7px;
	border:1px solid #999999;
	background-color:#eeeeee;
}

.smallImg {
	padding:4px;
	border:1px solid #999999;
	background-color:#eeeeee;
}

#image_wrapper {
	margin:0 auto;
	overflow:auto;
	width:800px;
}

#secret_wrapper {
	margin:0 auto;
	overflow:auto;
}

#details_image, #comments_form {
	margin-left:400px;
	margin-bottom:10px;
}

#details_notes, #comments_list {
	width:400px;
	float:left;
	margin-bottom:10px;
}

#comments_list ul {
	margin:0;
	padding:0;
	list-style:none;
}	
#comments_list ul li {
	margin-bottom:10px;
	background-color:#F4F4F4;
	border-left:3px solid #888888;
	padding:8px;
}

#details_content, #comments_content, #EXIF_content {
	padding:10px;
	line-height:160%;
}

#comment_message {
	width: 380px;
	margin-top: -8px;
}

.comment-button {
	margin-top: -8px;
	float:right;	
}

#fb_user {
	display: none;
}

#EXIF {
	position:absolute;
	z-index:10;
	top:1px;
	left:1px;
	text-align:left;
	background-color:#FFFFFF;
	color:#111;
	display:none;
	font-size: 10px;
	opacity: .95;
}
#EXIF_title {
	background-color:#CCC;
	margin:0px;
	padding:4px 10px;
	font-weight:bold;
}

	
	
/* ****************************** */
/* BROWSE PAGE ****************** */
/* ****************************** */

#browse {
	margin: 0px 10px 10px 10px;
}
#browse h2 {
	margin: 5px;
}

.thumbs {

}
.thumbs a {
	display:block;
	float:left;
	margin:4px;
}
.thumbs a img {
	padding:4px;
	border:1px solid #999999;
	background-color:#eeeeee;
	width:100px;
	height:100px;
}
.thumbs a:hover img {
	border:1px solid #333333;
	background-color:#aaaaaa;

}

	
	
/* ********************************* */
/* GALLERIES PAGE ****************** */
/* ********************************* */

.archive {
	margin:10px auto;
	width:860px;
}

.galleries {
	margin: 10px 0px;
}
.galleries a {
	margin:4px;
}
.galleries a img {
	padding:4px;
	border:1px solid #999999;
	background-color:#eeeeee;
}
.galleries a:hover img {
	border:1px solid #333333;
	background-color:#aaaaaa;
}

.albumWrapper {
	width:148px;
	text-align:center;
	float:left;
	margin: 6px 24px 6px 0px;
}
.albumWrapper a:link, .albumWrapper a:visited {
	
}
.albumWrapper img {
	
}

.albumWrapper2 {

}

.albumTitle {
	font-size:12px;
	margin:-2px 5px 0px 5px;
	text-align:left;
}
.albumTitle a:link, .albumTitle a:visited {
	border:none;
	margin: -2px 5px 0px 5px;
}

	
	
/* ******************************* */
/* ARCHIVE PAGE ****************** */
/* ******************************* */

.text_archive {
	font-size:11px;
	margin: 10px auto;
	width:500px;	
}

.imgdate {
	font-weight: normal;
}
	
.date {
	font-size: 13px;
	font-weight: bold;
}
/* ******************************* */
/* CALENDAR PAGE ***************** */
/* ******************************* */
	
#wrapper {
    margin:0px 10px;
}

.punkcal_table {
    text-align:center;
    border:0px;
    width:100%;
}

.punkcal_navigation {
    font-weight:bold;
    background:#eeeeee;
    padding:5px;
}
.punkcal_navigation a {
    text-decoration:none;
    color:#333333;
}

.punkcal_days_name {
    font-weight:bold;
    font-size:11px;
    text-align:right;
    vertical-align:top;
    padding:10px;
    border-top:1px solid #444;
    border-bottom:1px solid #444;
}

.punkcal_days, .punkcal_days_empty, .punkcal_day_with_image {
    font-weight:bold;
    height:115px;
    font-size:9px;
    text-align:right;
    vertical-align:top;
    padding:10px 10px 0px 0px;
    border-top:0px;
    border-bottom:1px solid #dcdcdc;
    border-left:1px solid #dcdcdc;
    border-right:1px solid #dcdcdc;    
    margin:0 auto;
    position:relative
}

.thumbnail {
	
	padding:4px;
	border:1px solid #999999;
	background-color:#eeeeee;
	margin:5px 10%;
}	
a:hover .thumbnail {
	border:1px solid #333333;
	background-color:#aaaaaa;
}	
	
	
	
/* ************************************ */
/* SOCIABLE BOOKMARKS ***************** */
/* ************************************ */
div.sociable { 
	margin: 4px 0; 
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { 
	content: ""; 
}
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}
.sociable-hovers {
	opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

	
	
/* **************************************** */
/* FOTOMOTO ************************** */
/* *************************************** */
#fotomoto {

}

.FotomotoToolbarClass {
	margin: 10px auto;
	padding-top: 5px;
	font-size: 10px;
	font-weight: normal !important;
}

.FotomotoECardButton {
 	float:left !important;
}

.FotomotoToolbarClass a:link, .FotomotoToolbarClass a:visited {
	text-decoration:none;
	font-weight: normal !important;
}

.FotomotoToolbarClass a:hover {
	text-decoration: underline;
}

.FotomotoSep1, .FotomotoSep2, .FotomotoSep3, .FotomotoSep4 {
	font-weight: normal !important;
}