/* Every time */
/* ----------  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0; font-size: 100%;}
/* ------------------------------ */


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	background:#141414;color:#FFF;
	}

a img{  border:3px solid #444;
		padding: 5px;  
     -moz-border-radius: 5px;  
     -webkit-border-radius: 10px;  
     margin: 5px; 
}
a:hover img{
     border-color:#666;  
     -moz-box-shadow: 0px 0px 15px #99CCFF;  
     -webkit-box-shadow: 0px 0px 15px #99CCFF;  
 }  
a:hover{color: #858585;border: 0px ;} /* Dummy definition to overcome IE bug */

a:link, a:visited {
	color: #99ccff;
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
	}


#header-container {
	overflow: hidden;
	width: 100%;
    background: #141414;
    border-bottom: 1px dotted #666;
    margin-bottom: 25px;
	}
#header {
	overflow: hidden;
	height: 50px;
	width: 960px;
	margin: 0 auto;
	padding: 50px 20px 0px 20px;
	}

#site-title {
	float: left;
	width: 307px;
	margin: 0;
	}
#site-title a {
	display: block;
	width: 311px;
	height: 47px;
	margin: 0 0 0 0;
	background: url(http://zadell.com/wordpress/wp-content/themes/zz2.0/images/logo2.png) no-repeat 0 0;
	}
#site-title a span {
	display: none;
	}

#container {width: 650px;  margin: 0 auto 0 auto;}
#photoContainer{ width: 960px; min-height: 330px; margin: 0 auto 0 auto;}
#galleryContainer{ width: 862px; min-height: 330px; margin: 0 auto 0 auto; padding-left: 35px;}
#photo { width: 550px; float: left; }
#photofloat {float: right; margin-right: 30px;}
#photodescription{ float: left; color: #aaaaa; background-color: #333333; width: 290px; padding: 5px; border: 1px solid #aaa;margin-bottom: 10px;}
#photometa { float: left; color: #aaaaa; background-color: #333333; width: 290px; padding: 5px; border: 1px solid #aaa;margin-bottom: 10px;}
#photomap {float: left; width: 290px; height: 215px; background-color: #333333; padding: 5px; border: 1px solid #aaa; margin-bottom: 10px;}
#map_canvas { width: 290px; height: 180px; overflow: hidden;}
#photoInfo { width: 300px; float: left;}

#photoInfo ul li {
	overflow: hidden;
	height: 100%;
	padding: 2px 0 2px 0px;	
    color: #aaaaa;
    font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;
	}
#context { width: 210px; margin: 50px auto 0 auto;text-align:center;}
#photoInfo p a:link,#context p a:link, p#nav a:link { color:#FFF; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}
#photoInfo p a:visited, #context p a:visited, p#nav a:visited { color:#EEE; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}
#photoInfo p a:hover,#context p a:hover, p#nav a:hover{ color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #000 solid;}
#photoInfo p a:active,#context p a:active, p#nav a:active{ color:#FFF; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}

#footer #meta { width: 550px; float: left;} 
#about { display:none;width: 550px; text-align: left; float: left; margin-top:10px; background-color: #333333; padding: 5px; 
        border: 1px solid #aaa; }
.noimg {}
/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 175%; font-family: arial, verdana, sans-serif;
	}

p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;margin-bottom:10px;padding-top:5px;line-height:160%}

div#photo p {width:500px;margin-top:20px}

#thumbs {width:550px}

#nav {width: 140px; margin-top:20px; margin: 0 auto 0 auto;text-align:center;}


p.note {color:#666;font-size:1em;margin-top:10px}


#footer {margin-top:15px;padding-top:10px;border-top:1px #666 dotted; text-align: center;}
#footerwrapper {width: 550px; margin: 0 auto 0 auto;}