/* .............................. */
/* Basic */
/* .............................. */

body {
	background:#ffffff;
	font-size:12px;
	font-family:arial, sans serif;
	color:#000000;
	padding:0px;
	margin:0px;
	}

/* .............................. */
/* www.cssstickyfooter.com */
/* .............................. */

html, body, #wrap {
	height:100%;
	}

body > #wrap {
	height:auto; 
	min-height:100%;
	}

#main {
	padding-bottom:90px; /* must be same height as the footer */
	}

/* CLEAR FIX*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix {
	display:inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
	}
	
.clearfix {
	display:block;
	}
/* End hide from IE-mac */	
	
/* .............................. */
/* Left/ Right */
/* .............................. */

#all {
	margin:auto;
	width:800px;
	padding:0px;
	margin-bottom:30px;
	}

#left {
	width:100px;
	text-align:right;
	margin:0px;
	padding:0px;
	float:left;
	}

html>#links	{ 
	width:100px;
	}

#right {
	width:700px;
	margin:0px 0px 0px 100px;
	text-align:left;
	padding:0px;
	}	
	
#left-about {
	width:352px;
	text-align:left;
	margin:0px;
	padding:0px;
	padding-left:98px;
	float:left;
	}

html>#links-about	{ 
	width:352px;
	}

#right-about {
	width:350px;
	margin:0px 0px 0px 450px;
	text-align:left;
	padding:0px;
	}	

/* .............................. */
/* Links */
/* .............................. */

a {
	color:#999999;
	text-decoration:none;
	}

a:hover {
	color:#000000;	
	text-decoration:none;
	}

/* .............................. */
/* Headings */
/* .............................. */

h2 {
	font-weight:normal;
	text-transform: uppercase;
	font-size:12px;
	color:#cccccc;
	margin:0px;
	padding:0px;
	border:0px;
	}

/* .............................. */
/* Listen */
/* .............................. */

li { 
	list-style-type: none;
}

/* .............................. */
/* Navigation and menu */
/* .............................. */

#navigation {
	margin:0px 0px 30px 0px;
	padding:10px 0px 0px 88px;
	border:0px;
	text-transform:uppercase;
	text-align:left;
	font-size:12px;
	}
	
#navigation a {
	color:#ccc;
	margin:10px 30px 0px 10px;
	padding:7px 0px 0px 0px;
	}
		
#navigation a:hover {
	text-decoration:none;
	color:#000;
	}

.set a{
	border-top:3px solid #ccc;
	}

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

#image-navigate {
	text-align:right;
	color:#ccc;
	text-transform:uppercase;
	font-size:10px;
	padding:0px 10px 10px 0px;
	margin:0px;
	border:0px;
	}

#image-navigate a {
	color:#ccc;
	}
	
#image-navigate a:hover {
	color:#000000;
	text-decoration:none;
	}
	
/* .............................. */
/* Image Info */
/* .............................. */

#image-notes {
	font-family:georgia, serif;
	font-style:italic;
	font-size:30px;
	margin:10px 0px 20px 0px;
	padding:0px 0px 0px 98px;
	text-align:left;
	border:0px;
	}	

#image-notes a{
	color:#000000;
	padding:0px;
	margin:0px;
}	

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

#photo {
   text-align:left;
   padding:0px;
   margin:0px;
   border:0px;
	}
	
.thumbnails {
	border:0px;
	margin-right:10px;
	margin-bottom:10px;
	}

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

#comment-top {
   background:#ffffff;
	border-bottom:1px dashed #000000;
	padding:5px;
	margin-bottom:25px;
	margin-top:10px;
	height:15px;
	}    

#comments {
   margin:0px auto;
	width:95%;
	text-align:left;
	}
	
#comments ul {
	list-style-type:none;
	margin:0px;
	padding:10px;
	}
	
#comments li {
	display:block;
	margin:0px;
	margin-bottom:10px;
	color:#444444;
	text-decoration:none;
	padding:10px;
	border:1px solid #000000;
	}
	
#comments li a {
	color:#444444;
	text-decoration:none;
	}
	
#comments li:hover {
	background:#f5f5f5;
	}
	
#comments li a:hover {
	background:#f5f5f5;
	}

#comment-middle {
   background:#ffffff;
	padding:5px;
	margin-top:25px;
	height:15px;
	} 

#addcomment {
   width:90%;
	text-align:left;
	padding:10px;
	margin:0px auto;
	border:1px solid #eeeeee;
	}

.input {
   width:45%;
	font-size:10px;
	border:1px solid #000000;
	background-color:#ffffff;
	color:#666;
	padding:5px;
    }
	
#addcomment textarea {
	width:90%;
	height:50px;
	font-size:12px;
	border:1px solid #000000;
	background-color:#ffffff;
	color:#857964;
	padding:5px;
	}

.comment-button {
   background:#ffffff;
	border:1px solid #000;
	color:#666;
	border-bottom:2px solid #857964;
	border-right:2px solid #857964;
	}
	
/* .............................. */
/* Songs */
/* .............................. */
	
#textArchive{
	padding:0px;
	margin:0px
	}

.monthWrapper{
	padding:0px;
	margin:0px;
	}
	
.date{
	padding:0px;
	margin:0px;
	color:#df8c0c;
	text-transform: uppercase;
	}

.imgdate {
	padding-right:10px;
}

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

#footer{
	position:relative;
	margin-top:-90px; /* negative value of footer height */
	clear:both;
	background:#F5F5F5;
	color:#cccccc;
	text-align:left;
	height:75px; /*55+14+1=70*/
	padding-top:14px;
	border-top:1px dashed #cccccc;
	} 

#foot{
	margin:auto;
	font-size:11px;
	width:700px;
	padding:0px 0px 0px 100px;	
	}

#footer a{
	color:#cccccc;
   }

#footer a:hover{
	color:#000000;
	text-decoration:none;
   }