/* .............................. */

/* Basic */

/* .............................. */



html, body {

	background-color:#707874;

	padding: 0;

	margin: 0;

	color: #f5f5f5;

	padding:0px;

	margin:0px;

	min-height: 100.1%;

	text-align:center;

	}



body {

	background-color:#707874;

	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Geneva, sans-serif;

	font-size: 11px;

	color: #f5f5f5;	

}



/* .............................. */

/* Links */

/* .............................. */



a {

	background-color: inherit;

	color:#233;

	text-decoration:none;

	}



a:hover {

	color: #f5f5f5;

	}



/* .............................. */

/* Headings */

/* .............................. */



h1 {

    float:left;

	clear:left;

	font-weight:bold;

	font-size:11px;

	letter-spacing:2px;

	color:#666;

	margin:0px;

	margin-left:5px;

	padding:0px;

	}

	

h1 a {

    text-decoration:none;

	color:#666;

	}



h1 a:hover {

    text-decoration:none;

	}



.title {

	font-weight:bold;

	font-size:11px;

	letter-spacing:1px;

	color:#666;

	margin:0px;

	margin-bottom:5px;

	margin-left:15px;

	padding:0px;

	}



h3 {

	font-weight:bold;

	font-size:11px;

	color:#88908c;



	text-align:left

	}



/* .............................. */

/* Navigation and menu */

/* .............................. */



#navigation {

    	background:#a0a8a4;

	border-top: 1px solid #555;

	border-bottom: 1px solid #555;

	padding:5px;

	height:15px;

	color:#606864;

	margin-bottom:20px;

	}



.menu {

	

    	float:right;

	clear:right;

	text-align:right;

	font-size:11px;

	}

	

.menu a {

	color:#606864;

	padding:7px;

	padding-left:10px;

	padding-right:10px;

	}

		

.menu a:hover {

	color:#FFF;

	text-decoration:none;

	

	}



.arrow {

	margin: 0 2px 1px 1px;

	padding: 0

}

	

/* .............................. */

/* Header */

/* .............................. */



#header {

	margin: 0;

	background-color: #a0a8a4;

	color: #606864;

	padding: 4px 6px;

	text-align: center;

	border-top: 1px solid #555;

	border-bottom: 1px solid #555;

}



#header img {

	border: none;

}



#h_left {

	float: left;

	width: 300px;

	text-align: left;

}



#h_center {

}



#h_right {

	float: right;

	width: 300px;

	text-align: right;

}



.clear {

	clear: both;

}



/* .............................. */

/* Container */

/* .............................. */



#container {

	margin: 0 auto;

	padding: 25px 0 25px 0;

}



#container img {

	margin: 0;

	padding: 6px;

	border: 1px solid #555;

	color: #f5f5f5;

	background-color: #d5d9d5;

}



#container_archive {

	background: url('css/archive.gif') no-repeat top center;

	width: 490px; margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:45px; padding-bottom:25px

}



#container_archive img {

	margin: 0;

	padding: 5px;

	border: 1px solid #555555;

	background-color: #d5d9d5;

	color: #f5f5f5;

}



#container  a, #container_archive a {

	color: #f5f5f5;

	background-color: inherit;

}



#container  a:hover, #container_archive a:hover {

	color: #233;

	background-color: inherit;

}



/* .............................. */

/* Content */

/* .............................. */



#photo {

    background:#f5f5f5;

    padding:5px;

	border:1px solid #ccc;

}



/* .............................. */

/* Image Navigation */

/* .............................. */



#image-navigate {

    background:#fff;

	padding:20px;

	height:15px;

	width:70%;

	margin:0px auto;

	}

	

#image-navigate a {

	padding:10px;

	}



.image-previous {

    float:left;

	}



.image-next {

	float:right;

	}



/* .............................. */

/* Image Info */

/* .............................. */



#image-info {

    background:#f5f5f5;

	border:1px solid #ccc;

	padding:20px;

	text-align:justify;

	width:70%;

	margin:0px auto;

	margin-bottom:25px;

	line-height:16px;

	}

		

#image-notes {

	width:70%;

	vertical-align:top;

	}

	

#image-exif {

    padding-top:10px;

    text-align:right;

	width:25%;

	vertical-align:top;

	}



.addcomment {

    float:right;

	clear:right;

	padding:0px;

	}	



#date {

	background-color: inherit;

	line-height: 1.4em;

	padding: 0;

	margin: 5px 0 0 0;

	color: #F9E9B9;

	float: left;

	text-align: left;

}



#date img {

	background:#ffffff;

    padding:0px;

	border:0px solid #ccc;

	}



#text {

	background-color: inherit;

	line-height: 1.4em;

	padding: 0 0 0 10px;

	margin: 5px 0 0 10px;

	color: #f5f5f5;

	float: left;

	border-left: 1px solid #a0a5a0;

	width: 330px;

	text-align: justify;

}



#exif {

	background-color: inherit;

	line-height: 1.4em;

	padding: 0;

	margin: 5px 0 0 0;

	color: #f5f5f5;

	float: right;

	text-align: right;

	width: 150px;

}



/* .............................. */

/* Pages */

/* .............................. */



#page {

    	color: #000;

	background:#;

	border:0px solid #ccc;

	padding:20px;

	text-align:left;

	width:65%;

	margin:0px auto;

	margin-top: 25px;

	margin-bottom:25px;

	line-height:16px;

	}



#page a {

    text-decoration:underline;

	color: #f5f5f5;

	}
	
#page a:hover {

	color: #233;

	}

	

#page img {

	background:#ffffff;

    padding:0px;

	border:0px solid #ccc;

	}



.columnleft{

	width:48%;

	text-align:justify;

	vertical-align:top;

	padding:5px;

	color: #f5f5f5;

	padding-right: 15px;

	border-right: 1px solid #808986;

	}

	

.columnright{

	width:48%;

	text-align:justify;

	vertical-align:top;

	padding:5px;

	color: #f5f5f5;

	padding-left: 15px;

	}

	

.thumbnails {

	border:1px solid #f5f5f5;

	padding:3px;

	margin:3px;

	}

	

/* .............................. */

/* Pages Browse */

/* .............................. */



#page_browse {

    	color: #000;

	background:#;

	border:0px solid #ccc;

	text-align:left;

	width:65%;

	margin:0px auto;

	margin-bottom:25px;

	line-height:16px;

	}





	

#page_browse img {

	background:#ffffff;

        padding:4px;

	border:1px solid #555555;

	}





	

.thumbnails {

	border:1px solid #f5f5f5;

	padding:3px;

	margin:3px;

	}





/* .............................. */

/* Comments */

/* .............................. */



.comments {

	margin: 0;

	padding: 25px 0 0 0;

	text-align: left;

	display: none;

}



.comments a {

	background-color: inherit;

	color: #233;

}



.comments a:hover {

	color: #a00;

	background-color: inherit;

}



.commentsleft {

	text-align: left;

} 



.fbmenuthumb {

	float: left;

	margin: 5px;

}



.fbcomthumb {

    float: left;

	margin: 0 25px 75px 0;

	padding: 0;

}



.fbcomment {

	margin: 0 0 15px 0;

	padding: 0 0 5px 0;

	border-bottom: 1px solid #a0a5a0;

	color: #e9e9e9;

	background-color: inherit;

}



.fbcommentlist {

	float: right;

	margin: 0;

	background: url('../images/comments.gif') no-repeat top left;; padding-left:0; padding-right:0; padding-top:45px; padding-bottom:0

}



.fbcommentlist a {

	background-color: inherit;

	color: #233;

}



.fbexifinfo {

    float: left;

    margin: 0;

	background: url('../images/information.gif') no-repeat top left;; padding-left:0; padding-right:0; padding-top:45px; padding-bottom:0

}



.input {

    width:45%;

	font-size:10px;

	border:1px solid #eee;

	background-color:#fff;

	color:#666;

	padding:5px;

    }



textarea, input {

	background-color: #606866;

	border: 1px solid #898E8B;

	margin: 0 0 5px 0;

	padding: 1px 3px;

	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Geneva, sans-serif;

	font-size: 11px;

	color: #e5e7e5;

	vertical-align: middle;

}



textarea {

	margin: 3px 0 5px 0;

}



.submit {

	background-color: #606866;

	padding: 0 3px 2px 3px;

	margin: 0;

	height: 22px;

	width: 50px;

	color: #F9E9B9;

}



.submit:hover {

	color: #F9E9B9;

	background-color: #707874;

}



.input_captcha {

	margin: 0 10px 5px 0;

	width: 42px;

}



.check {

	padding: 0;

	margin: 0 0 0 10px;

}



form {

	margin: 0;

	padding: 0;

}

	

#addcomment textarea {

	width:90%;

	height:50px;

	font-size:12px;

	border:1px solid #eee;

	background-color:#fff;

	color:#666;

	padding:5px;

	}



.comment-button {

    background:#fff;

	border:1px solid #aaa;

	color:#666;

	border-bottom:2px solid #aaa;

	border-right:2px solid #aaa;

	}



/* .............................. */

/* Footer */

/* .............................. */



#footer {

   text-align:center;

   margin-bottom:20px;

   }



/* .............................. */

/* Calendar if you want to use    */

/* a calendar in the template     */

/* .............................. */

.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;

    color:#444;

    }

.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-top:1px dotted #999;

	border-bottom:1px dotted #999;

	border-left:1px dotted #999;

	border-right:1px dotted #999;

	background:#f5f5f5;

	}

.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;

    color:#444;

    }

.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:0px;

	width:600px;

	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:0px;

	width:200px;

	border-top:0px;

	border-bottom:0px;

	border-right:0px;

	border-left:0px;

	}
	
	/* ========== ABOUT Page Specific ========== */



.announce {
	background-color: #555;
	padding: 8px;
	border-top: 1px solid #8dcee4;
	border-bottom: 1px solid #8dcee4;
	color:#999;
	text-align: justify;
	margin-bottom:10px;
}

.about{
	text-align: justify;
	padding:0px;
	margin:0px;
}

.about_img {
	margin:0 10px 5px 0;
	border:3px solid #444;
	}
	
#enlaces a {

	background-color: inherit;

	color:#f5f5f5;

	text-decoration:none;

	}



#enlaces a:hover {

	color: #233;

	}