/* CSS- Cascading Style Sheet for the Template: pixelgrain */

body {	
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:12px;
	color:#444;
	font-family: georgia, palatino, sans-serif;
	margin:0px 0 0 0;	
	margin-right:auto;
	margin-left:auto;
    background-color:#FFFFFF; 
	text-align:center;
	}

#layout {
padding:0;
margin-right:auto;
margin-left:auto;
height:100%;
}

td#centercolumn {
background-color:#FFF;
padding:10px;
}



.spacer { width:15px; }

a, a:visited {
color:#600;
text-decoration:none;
}

a:hover, a:visited:hover {
color:#600;
text-decoration:underline;
}

.headline {
    font-size:22px;
    font-weight:normal;
    font-family:Helvetica, verdana, sans-serif;
    color:#444;
    letter-spacing:-1px;

    }
.thumbnails {
    padding:5px;
    border:0px;
            border:1px solid #999;
            margin:3px;
    }
    
    .thumbnails:hover {
    padding:5px;
    border:0px;
            border:1px solid #999;
            margin:3px;
            background:#DDD;
    }
.current-thumbnail {
    padding:5px;
    border:1px solid #333;
    background:#EEE;
                margin:3px;
    }
    
#logo {
    padding:20px 0 10px 0px;
    font-family:Georgia, Gill Sans, Palatino, Verdana, sans-serif;
    font-size:24px;
    font-weight:normal;
    text-align:left;
    color:#000;
    }
    
#logo a {    
    color:#000;
    font-family:Georgia, Gill Sans, Palatino, Verdana, sans-serif;
    text-decoration:none;
    font-size:28px;
    line-height:18px;
    }
    
#logo a:hover {    
    color:#000;
    font-family:Georgia, Gill Sans, Palatino, Verdana, sans-serif;
    text-decoration:underline;
    }
    
#image {
	clear:left;
    padding:5px;
    background:#fff;
    border:1px solid #999;
    margin-left: 10%;
    margin-right: 10%;
    }
#image-info {
    font-size:14px;
    border-top:0px;
    border:1px solid #999;
    text-align:left;
    padding:5px 15px;
 }

#exif {
float:left;
font-family: verdana, arial, sans-serif;
font-size:11px;
line-height:120%;
border:0px solid black;
width:234px;
text-align:left;
}
    
#thumbrow {
border:0px solid black;width:234px;
font-family: verdana, arial, sans-serif;
font-size:11px;
line-height:120%;
border:0px solid black;
}

#image-navigation {
	clear:both;
    padding:0 10px 10px 10px;
    font-size:12px;
   	border-top:1px solid #999;
    border-top:0px;
    margin-top:0px;
    height:22px;
    }
    
    
    #image-navigation a {
    font-size:22px;
    text-decoration:none;
    }
    
    #image-navigation a:hover {
    color:#CCC;
    }

.imagesnotes {
font-weight:normal;
font-size:11px;
line-height:13px;
color:#111;
text-align:left;
}

.archivenotes {
font-weight:normal;
font-family: verdana, arial, sans-serif;
font-size:11px;
line-height:120%;
text-align:left;
}

.metalinks {
font-weight:normal;
font-family: verdana, arial, sans-serif;
font-size:11px;
line-height:120%;
text-align:left;
}


#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 #444;
    }
    
    #order-print {
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 #444;
    }
    
.commentsline2 {
font-size:10px;
color:#000;
border-bottom:1px #777 solid;
}
    
.input {
    width:80%;
	font-size:12px;
	font-weight:normal;
	border:1px solid #444;
	background-color:#fff;
	color:#222;
    text-align:left;
    padding:3px;
    }
#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;
	}
    
.exiftitle {
color:#000;
font-weight:bold;
}
.date {
color:#444;
font-weight:normal;
font-size:18px;
line-height:24px;
float:right;
margin-right:10px;
}

form {
	font-size:11px;
	font-family: verdana, arial, helvetica, sans-serif;
	}

#metafoot {
clear:both;
padding:12px;
}

/* 
MONDAY BY NOON
Suckerfish HoverLightbox Example - Vanilla Horizontal stylesheet
Version: 1.0
Last Modified 03/27/06
J. Christopher - www.MondayByNoon.com

CREDITS
-------

Suckerfish: Patrick Griffiths, Dan Webb
    http://www.alistapart.com/articles/dropdowns/
  Modification: http://www.htmldog.com/articles/suckerfish/dropdowns/

Hoverbox: Nathan Smith.
  Example: http://host.sonspring.com/hoverbox/
  Tutorial: http://sonspring.com/journal/hoverbox-image-gallery/
  Modification by: Craig Erskine
    http://solardreamstudios.com/
    http://solardreamstudios.com/_img/learn/css/pg/

Lightbox: Lokesh Dhakar
  http://www.huddletogether.com/projects/lightbox/

*/

* { margin:0; border:0; padding:0; }
body { font:12px Tahoma, sans-serif; color:#000; margin:20px; }
p { clear:both; }

/* GALLERY */
ul#gallery { margin:0 0 0 350px; padding-top:0px; height:10px; list-style:none; position:relative; }

ul#gallery li { border-right:1px solid #ccc; width:103px; display:block; float:left; }

ul#gallery li#first { border-left:1px solid #ccc; }

ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }

ul#gallery li a { display:block; width:100px; margin-left:auto; margin-right:auto; color:#000; text-decoration:none; }

ul#gallery li a:hover { background-color:#fafafa; }

ul#gallery li ul { padding:20px 20px 20px 20px; list-style:none; margin:0; width:350px; background-color:#000; position:absolute; left:-999em; }

ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }

ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }

ul#gallery li ul li a:hover { z-index:2; }

ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }

ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; z-index:1; border:1px solid #000; }

/* LIGHTBOX CONTROL */
#lightbox { background-color:#000;padding:20px 20px 5px 20px; }

#lightboxDetails { padding-top:5px; }	

#lightboxCaption { float:left; color:#fff; font-size:11px; }

#keyboardMsg { float:right; }

#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }

#lightbox img { border:none; } 

#overlay img { border:none; }