/* CSS- Cascading Style Sheet for the Template: FLUID */
/* Feel free to direct any and all questions related to template design to JSpurling [at] gmail [dot] com. */

body {
	background:#cec7c1;
	padding:0px;
	margin:0px auto;
	text-align:center;
	font-size:14px;
	color:#444;
	}

html, body {
     min-height:100.1%;
	}
	
#wrapper {
    
/* ADJUST THE WIDTH OF 'WRAPPER' BELOW TO THE MAXIMUM WIDTH FOR PHOTOS YOU WILL POST. AVOID POSTING PHOTOS BIGGER THAN THE VALUE BELOW AS IT COULD DISRUPT THE TEMPLATE. I RECOMMEND NO LARGER THAN 700px (BARE IN MIND YOUR USER'S SCREEN RESOLUTIONS! */
	
	width: 700px;

	margin:0px auto;
	margin-top:0;
	text-align:left;
	padding:0px;
	background:#fff;
	border:none;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #ddd;	
	
	}

/* .............................. */
/* Header */
/* .............................. */

#top {
/* Adjust the value 'height' for the header. Increasing the value will create a taller header */

     height:60px;

/* This is the path to the image for your header... you can replace this file with your own or simply remove the 'background' attributes entirely if you want a plain background */
	 
     background-image: url(img/header.jpg);
	 background-repeat:no-repeat;
	 background-position: top left;
	 
	 margin:0px;
	 }

#header {


/* If your header does not fit inside the template or overlaps the calibration image then adjust the 'font-size' below to a smaller value. If you want to increase the size of your header text then increase the value. */	
    
	font-size:21px;
	
	color:#666;
	padding:6px;
	padding-top:8px;
    border:0px;
	float:right;
	clear:right;
	margin:0px;
	}
	
#header a  {
    color:#666;
	}
#header a:hover {
    text-decoration:none;
	color:#666;
	}

	
/* .............................. */
/* Link stylings */
/* .............................. */

/* Adjust the hex values below to adjust the colour of every link in the template (apart from the links in the footer) */

a {
	color: #0066CC;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	color: #0066CC;
	}

/* .............................. */
/* Navigation */
/* .............................. */

#image-navigation {
    padding-top:5px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:0px;
    font-size:12px;
	height:25px;
    border: none;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:0 auto;
	clear:both;
    }
.navigation-right {
	float:right;
	position:relative;
	border:none;
	text-align:right;
	padding:0px;
	margin:0px;
	}
.navigation-right a {
	padding:5px;
	padding-bottom:10px;
	}
.navigation-right a:hover {
	background: #eee;
	text-decoration: none;
	}
.navigation-left {
	float:left;
	clear:both;
	text-align:left;
	border:none;
	}
	
#page-heading {
    float:left;
	clear:both;
	font-weight:bold;
	padding:0px;
	font-size:16px;
	margin:0px;
	margin-left:5px;
	color:#333;
	}
	
.permalink {
    font-size:9px;
	letter-spacing:1px;
	}
.permalink a:hover {
    text-decoration:none;
	}
	
/* .............................. */
/* Photo */
/* .............................. */

#image {
    margin:0 auto;
	text-align:center;
    }
	
#photo {
    padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:5px;
    background:#fff;
    border:none;
	text-align:center;
    }

/* .............................. */
/* Content */
/* .............................. */

#content {
    padding:20px;
    background:#fff;
    border:none;
	border-top:0px solid #eee;
	margin-top:10px;
	height:100%
    }	

/* .............................. */
/* Information */
/* .............................. */

#image-title {
    font-size:18px;
    font-weight:bold;
    font-family:Verdana, sans-serif;
    color:#444;
    }
	
#image-info {
	float:left;
	width:60%;
	clear:left;
    padding:10px;
    font-size:15px;
    background:#fff;
    }
#image-exif {
	float:right;
	clear:right;
    padding:10px;
    font-size:14px;
    background:#fff;
    }	

/* .............................. */
/* Viewing Comments*/
/* .............................. */

#comments {
    margin:0 auto;
    padding:10px;
    background:#fff;
    font-size:14px;
    border:0px;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
    }
#comments ul {
	list-style-type:none;
	margin:0px;
	padding:10px;
	}
#comments li {
	display:block;
	margin:0px;
	color:#444;
	text-decoration:none;
	padding:7px;
	}
	
#comments li:hover {
	background:#cec7c1;
	}	

#comments li a {
	text-decoration:none;
	}

/* .............................. */
/* Adding Comments*/
/* .............................. */	

#add-comment {
    font-size:14px;
	padding:0px;
	margin: 0 auto;
	margin-bottom:5px;
	border-bottom: 1px solid #eee;
    }
.input {
	font-size:14px;
	border:1px solid #999;
	background-color:#cec7c1;
	color:#444;
	padding:3px;
	width:30%;
    }	
#add-comment textarea {
	width:70%;
	height:50px;
	font-size:14px;
	border:1px solid #999;
	background-color:#cec7c1;
	color:#444;
	}

/* .............................. */
/* Thumb Row*/
/* .............................. */

#thumbrow {
     margin:0 auto;
	 margin-top:10px;
	 margin-bottom:10px;
     text-align:center;
	 clear:both;
	 width:100%;
    }
#thumbrow .current-thumbnail {
	opacity: 0.99;
	padding:5px;
	margin:3px;
    border:1px solid #ccc;
    }
#thumbrow a img {
	opacity: 0.70;
	margin:3px;
    padding:5px;
    border:1px solid #fff;
    }
#thumbrow a:hover img, #thumbs a:focus img {
	opacity: 0.99;
	padding:5px;
    border:1px solid #ddd;
    }		
.thumbnails {
    padding:5px;
    border:1px solid #fff;
	opacity: 0.70;
    }
.thumbnails:hover {
    padding:5px;
    border:1px solid #ddd;
	opacity: 0.99;
    }

/* .............................. */
/* Footer */
/* .............................. */

#footer {
   padding:10px;
   color:#aaa;
   margin:0 auto;
   text-align:center;
   font-size: 12px;
   border-top:1px solid #eee;
   height:100%;
   }	

#footer a {
   color:#aaa;
   }

	
/* .............................. */
/* Calendar */
/* .............................. */	
	
#calendar {
    padding:10px;
    font-family:Helvetica, verdana, sans-serif;
    font-size:10px;
    font-weight:bold;
    letter-spacing:-1px;
	margin:0 auto;
	border:none;
	clear:both;
    }

.td-calendar-days-vz {
	padding:1px;
	text-align:center;
	border-top:0px solid #999;
	border-bottom:1px solid #999;
	border-right:0px;
	border-left:0px;
	background:#fff;
	color:#999;
	}
.td-calendar-days-vz:hover {
    background:#444;
    }

.td-calendar-days {
	padding:1px;
	text-align:center;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-right:0px;
	border-left:0px;
	background:#fff;
	color:#999;
	}
.td-calendar-days:hover {
    background:#444;
    }
.td-calendar-navi-vz {
	border-top:0px;
	border-bottom:1px solid #999;
	border-right:0px;
	border-left:0px;
	text-align:center;
	letter-spacing:1px;
	word-spacing:5px;
	}
.td-calendar-navi-vz a {
    text-decoration:none;
    }
.td-calendar-navi {
	border-top:0px;
	border-bottom:1px solid #999;
	border-right:0px;
	border-left:0px;
	text-align:right;
	letter-spacing:1px;
	word-spacing:5px;
	}
.td-calendar-navi a {
    text-decoration:none;
	color:#444;
    }
.td-calendar-days-imagefound {
	padding:1px;
	text-align:center;
	border:1px solid #999;
	border-left:1px dashed #999;
	border-right:1px dashed #999;
	background:#cec7c1;
	}
.td-calendar-days-imagefound:hover {
    border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	background:#666;
    }
.td-calendar-days-imagefound a {
    text-decoration:none;
    }
.td-calendar-days-imagefound a:hover {
    text-decoration:none;
    color:#fff;
    }
.table-calendar {
    font-family:Helvetica, verdana, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0 auto;
	width:90%;
	border-top:0px;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	}
.table-calendar-vz {
    font-family:Helvetica, verdana, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0 auto;
	width:200px;
	border-top:0px;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	}