/* .............................. */
/* Body Headers Links */
/* .............................. */


* {
   margin:0;
   padding:0;
}

body,
html {
   background:#fefefe url('img/gradient.png') repeat-x;
}

body {
   padding:0 15px;
   color:#444;
   font:80%/1.5 "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
   text-align:left;
}


a, a:link, a:active, a:visited, a:focus {
   color:#999;
   text-decoration:none;
   background-color:#fff;
}

a:hover {
   color:#D58900;
   background-color:#fff;
}


/* .............................. */
/* Notes */
/* .............................. */
a.notes {
   color: #4A3C39;
   font-weight:bold;
   background:#f5f5f5;
}

a.notes:hover {
   background-color:#f5f5f5;
}

#notes {
   margin:0.5em auto;
   padding:4px !important;
   clear:both;
   text-align:justify;
   color:#5F5F5F;
   background:#EEEAE6 url('img/stripes-box.gif');
   border:1px solid #ccc;
}

#notes p {
   background:transparent;
}

#content {
   clear:both;
   background:#fff;
   padding:0 0 20px 0;
   min-height:500px;
}

#content p {
   text-align:justify;
}

h1, h2, h3, h4, h5 {
   margin:0.5em 0;
}

h1 {
	font-size:140%;
	color:#ccc;
	background-color:#fff;
	text-align:left;
	clear:both;
	}

h2	{
	color:#676767;
	font-size:130%;
	background-color:#fff;
	font-weight:bold;
	clear:both;
	padding:5px;
}

h3	{
	/*color:#DE9F9F;*/
	color:#D58900;
	background-color:#fff;
	letter-spacing:2px;
	font-size:120%;
	text-align:left;
	}

h4	{
	color:#999;
	background-color:#fff;
   text-align:left;
	font-size:120%;
	border-bottom:1px solid #ddd;
	padding-left:25px;
	padding-bottom:5px;
	clear:both;
	}

h5	{
	/*color:#DE9F9F;*/
	color:#D58900;
	background-color:#fff;
	letter-spacing:2px;
	font-size:100%;
	text-align:left;
	}
#header {
   font-size:120%;
   line-height:120%;
   
}

.site-title {
  margin: auto;
  text-align: left;
  height: 3.5em;
  background: url('img/header2.png') center left no-repeat;
 }

#header .site-title, #header .site-title a, #header .site-title a:link, #header .site-title a:active, #header .site-title a:visited {
   /*color:#ADCA89;*/
   color:#676767;
   font-weight:bold;
   text-decoration:none;
   text-shadow:#95BA65 3px 3px 3px;
}

#header .site-title a:hover {
   color:#95BA65;
   text-shadow:#AE4F0C 3px 3px 3px;
}

.navigationright {
	font-weight:bold;
	color:#999;
	float:right;
	text-align:right;
	padding:5px;
	position:relative;
	}

#date {
   font-size:10px;
   color:#999;
   text-align:right;
   font-weight:normal;
   letter-spacing:1px;
}

#title {
   clear:both;
   font-size:100%;
   color:#999;
   text-align:left;
   font-weight:normal;
   width:100%;
}

#title h2, .title {
   float:none !important;
   text-align:right;
}

#title h5, .title {
   float:none !important;
   text-align:left;
   font-weight:normal;
font-size:90%;
}


.image-title {
   text-align:center;
}

/*#comment {
    font-size:10px;
	color:#999;
	text-align:left;
	font-weight:normal;
	letter-spacing:1px;
	padding:5px;
	}
*/
/* .............................. */
/* Wrapper */
/* .............................. */

#wrapper {
   margin:0 auto 1em auto;
   padding:2px 15px;
   position:relative;
   background:#fff;
   color:#666;
   border:1px solid #ddd;
   border-width:0 1px 1px 1px;
   width:700px;
   height:100%;
}

/* .............................. */
/* Menu */
/* .............................. */

#menu ul {
   margin:0;
   padding:0;
   position:absolute;
   top:0;
   right:0;
   border:0;
   list-style-type:none;
   z-index:100;
}
#menu ul li {
   margin-left:2px;
   position:relative;
   display:block;
   float:left;
}
#menu ul li a {
   padding:20px 15px 5px 15px;
   position:relative;
   display:block;
   text-align:center;
   font-weight:bold;
   color:#000;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:active, #menu ul li a:visited, #menu ul li a:focus {
   color:#5F5F5F;
   /*border-bottom:5px solid #ADCA89;*/
   border-bottom:5px solid #D58900;
   
}

#menu ul li a:hover {
   color:#D58900;
   /*color:#95BA65;*/
   /*border-bottom:5px solid #95BA65;*/
   border-bottom:5px solid #D58900;
}

/* .............................. */
/* Photo */
/* .............................. */

#photo-box {
   margin:0;
   padding:10px 0 5px 0;
   clear:both;
   text-align:center;
}

#photo {
   margin:10px auto;
   clear:both;
   border-width:0;
	}

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

#image-navigate {
   margin:0.3em auto;
   padding:15px 0 !important;
   background:#fff;
}

#image-navigate a, #image-navigate a:link, #image-navigate a:active, #image-navigate a:focus, #image-navigate a:visited {
   padding:7px 5px;
   color:#5F5F5F;
   background:#fff;
   border:1px solid #eee;
   border-width:1px 1px 1px 1px;
}

#image-navigate a:hover {
   color:#5F5F5F;
   background:#eee;
   border:1px dotted #5F5F5F;
   border-width:1px 1px 1px 1px;
}

.image-previous {
    float:left;
}

.image-next {
   float:right;
}


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

#add-comment {
clear:both;
    padding:10px;
    font-size:12px;
    border-top:0px;
    text-align:left;
        font-size:12px;
    color:#111;
    background:#EEE;
    font-family: verdana, arial, helvetica, sans-serif;
    border-top:1px solid #ccc;
    }

#order-print {
   clear:both;
   padding:10px;
   font-size:12px;
   border-top:0px;
   text-align:left;
    font-size:105%;
    color:#111;
    background:#EEE;
    font-family: verdana, arial, helvetica, sans-serif;
    border-top:1px solid #444;
    }

.commentsline2 {
   color:#000;
   border-bottom:1px #777 solid;
}

#add-comment textarea {
	width:80%;
	height:100px;
	font-size:12px;
	font-weight:normal;
	background-color:#fff;
	border:1px solid #444;
	color:#222;
	text-align:left;
	    padding:3px;
	}
#comments {
	padding:10px;
    font-size:10px;
    color:#222;
    font-family: verdana, arial, helvetica, sans-serif;
    border-top:0px solid #999;
    border-bottom:0px solid #999;
    text-align:left;
    background:#FFF;
    clear:both;
margin-top:10px;
    }
#commentslist ul {
	font-size:11px;
	list-style-type:none;
	margin:0px;
	padding:10px;
	text-align:left;
	}
#commentslist li {
	font-size:11px;
	display:block;
	margin:0px;
	color:#222;
	text-decoration:none;
	padding:4px 5px 12px 0;
	text-align:left;
	}
#commentslist li a {
	font-size:11px;
	color:#600;
	text-decoration:none;
	}
/*................................*/
/* Category List
/*................................*/
#catlist {
	float:left;
	height: auto;
	min-height: 370px;
	height: 370px;
	text-align: left;
         margin-left:15px;
	padding-right: 30px;
	text-decoration:none;
	
	}

#taglist {
list-style-type: none;
}

#taglist li a{
   padding-left:20px;
   background:#fff url('img/bullet_star.png') no-repeat center left;
}


/* .............................. */
/* Thumbrow */
/* .............................. */

.categories {
   margin-bottom:1em;
   text-align:center;
}

.categories select {
   padding:2px 3px;
   border:1px solid #ddd;
}

.categories option {
   padding:2px 5px;
}

.thumbnails a:link img {
  padding: 4px;
	border: 1px solid #ffffff;
	}

.thumbnails a:visited img {
	padding: 4px;
	border: 1px solid #ffffff;
	}

.thumbnails a:hover img {
	padding: 4px;
	border: 1px solid #D58900;
	}
    
#thumbrow {
	padding:10px;
	text-align:center;
	}

#thumbrow .current_thumbnail {
	filter:alpha(opacity=99);
	opacity:0.99;
	padding:5px;
	margin:3px;
        border:1px solid #ccc;
    }

#thumbrow a img {
	filter:alpha(opacity=70);
	opacity:0.70;
	margin:3px;
    padding:5px;
    border:1px solid #fff;
    }

#thumbrow a:hover img, #thumbs a:focus img {
	filter:alpha(opacity=99);
	opacity:0.99;
	padding:5px;
    border:1px solid #D58900;
    }

#thumbnav {
  text-align:center;
  text-decoration:none;
}

#thumbnav {
   margin:0.3em auto;
   padding:15px 0 !important;
   background:#fff;
}

#thumbnav a, #thumbnav a:link, #thumbnav a:active, #thumbnav a:focus, #thumbnav a:visited {
   padding:7px 5px;
   color:#5F5F5F;
   background:#fff;
   border:1px solid #eee;
   border-width:1px 1px 1px 1px;
}

#thumbnav a:hover {
   color:#5F5F5F;
   background:#eee;
   border:1px dotted #5F5F5F;
   border-width:1px 1px 1px 1px;
}


/* .............................. */
/* Archive */
/* .............................. */

#browse {
	padding-top:20px;
	clear:both;
	}

#browse .thumbnails {
	filter: alpha(opacity=70);
	opacity: 0.70;
	margin:3px;
    padding:5px;
    border:1px solid #fff;
    }

#browse a:hover img{
	filter: alpha(opacity=99);
	opacity: 0.99;
	padding:5px;
    border:1px solid #ddd;
    }

/* .............................. */
/* Other Pages */
/* .............................. */

#about {
	margin-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	text-align:left;
	clear:both;
	}

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

#footer {
   padding:10px;
   margin:0 auto;
   text-align:left;
   color:#999;
   border:1px solid #ddd;
   border-width:1px 0 0 0;
   background:#fff;
   overflow:auto;
}

#footer a.meta span {
   display:none;
}

#footer .meta-info-list {
   margin:0 auto;
   list-style-type:none;
}

#footer .meta-info-list li {
   list-style-type:none;
   display:inline;
}

#footer .meta-info-list a {
   float:left;
}

#footer a.meta {
   margin:0 1em 0 0;
   float:left;
   display:block;
   padding:13px 0 0 0;
   width:16px;
   height:16px;
   text-decoration:none;
}

/**
 * Iconset: Fam Fam Fam SILK ICONS
 * URL: http://www.famfamfam.com/lab/icons/silk/
 */
#footer a.xhtml {
   background:#fff url('img/xhtml_valid.png') no-repeat center center;
   border: none;
}
#footer a.css {
   background:#fff url('img/css_valid.png') no-repeat center center;
   border: none;
}
#footer a.rss {
   background:#fff url('img/rss.png') no-repeat center center;
   border: none;
}

#footer a.vfxy {
   background:#fff url('img/vfxy_photos.jpg') no-repeat center center;
   width: 80px;
   height: 15px;
   border: none;
}

#footer a.photoblog {
   background:#fff url('img/photoblogs_gray.gif') no-repeat center center;
   width: 88px;
   height: 15px;
   border: none;
}

#footer a.listed {
   background:#fff url('img/listed_gray.gif') no-repeat center center;
   width: 88px;
   height: 15px;
   border: none;
}

#footer a.blogdup {
   background:#fff url('img/blogdupbutton.gif') no-repeat center center;
   width: 88px;
   height: 15px;
   border: none;
}

#footer a.blimage {
   background:#fff url('img/vote.gif') no-repeat center center;
   width: 88px;
   height: 15px;
   border: none;
}


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

#imageinfo {
	width:90%;
	padding:10px;
	margin:0 auto;
    }

#commentthumb {
	float:right;
	}

#comments {
    border:0px solid #ccc;
	margin:0 auto;
	width:90%;
    }

#comments ul {
    padding:0px;
    display:block;
	margin:0;
	margin-top:10px;
    list-style:none;
    }

#comments li {
	padding:10px;
	margin-bottom:5px;
    border:1px solid #ddd;
	background:#fff;
    }

#comments li:hover {
	border:1px solid #ddd;
	background:#f9f9f9;
    }

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

#addcomment {
	margin:0 auto;
	width:85%;
    border:1px solid #fff;
    padding:10px;
	margin-bottom:20px;
    }

.commentbutton {
    background:#f9f9f9;
	border:1px solid #ddd;
	color:#666;
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;
	}

/*******************
 *** General Forms
********************/
label {
   cursor:pointer;
}

.hidden {
   display:none !important;
}

/*******************
 *** Comment forms
 *******************/
.commentFormBox {
   padding:10px;
   margin:1em 0;
   background:#eee;
   border:1px solid #707C6E;
   border-width:0 0 0 1px;
}
.commentFormBox .formItem {
   padding: 2px 5px;
   margin:0;
   clear:both;
   display:block;
   background:#f6f6f6;
   border:solid 1px #e6e6e6;
   border-width: 1px 0;
}
.commentFormBox label {
   width:100%;
   float: left;
   clear:both;
   white-space:normal;
}
.commentFormBox .input, .commentFormBox .textarea, .commentFormBox .select {
   padding:3px;
   width:98%;
   clear:both;
   border:1px solid #4B5666;
   color:#4B5666;
}
.commentFormBox .submit {
   margin-top:1em;
}
.commentFormBox .submit label {
   float: none;
   width: auto;
}


/*******************
 *** Meta
 *******************/
 
.meta {
	float:right;
	width:150px;
	overflow:hidden;
	border:1px solid #e2e2e2;
	display:inline;
	margin:14px 5px 5px 5px;
	padding:6px;
	background:#F3F3F3;
	text-align:left;
	clear:right;
	text-decoration: none;
}

.chris {
	float:right;
	width:150px;
	height:260px;
	overflow:hidden;
	border:1px solid #e2e2e2;
	display:inline;
	margin:0px 10px 5px 10px;
	padding:6px;
	background: #fff url('img/chris.jpg') no-repeat center center;
	text-align:left;
	clear:right;
	text-decoration: none;
}