/* CSS Document */
html {background-color:#ccc;}

body {
	color:#777;
	background:#fff url(../images/buttright.gif) bottom right no-repeat;
	border-bottom:3px solid #FFC20E;
	}
#branding {
	background-color:#FFC20E;
	border:2px solid #fff;
	color:#666;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	-webkit-backface-visibility: hidden;
	}
#contactinfo, #contactinfo a {
	text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.15);font-size:17px;letter-spacing:normal;}
	#contactinfo a:hover {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0);}
#branding a {color:#886706;}
#branding a:hover {color:#000;}

#latest{border-top:1px solid #e8e8e8;}
.smallcaps {
	color:#666;
	font-weight:bold;
	}
h2 {
	color:#888;
	background:transparent url(../images/stamp3.jpg) repeat-x left bottom;
	}
dl {
	border-top:#fff solid 6px; 
	border-bottom:#fff solid 1px;
	background:#fff left top repeat-x url(../images/postcard_horiz.gif);}

dl.vert {background:#fff left top repeat-x url(../images/postcard_vert.gif);}

@media screen and (max-device-width: 480px) {
	dl, dl.vert {
		background-image:none;
		background-color::#e8e8e8;
	}
}
dd p.proj {border-top:#e8e8e8 solid 1px;}
dt {color:#444;}

.with {color:#333;}

a {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}
	
dl dt a img {
	-webkit-transition:-webkit-transform 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:-o-transform 0.3s ease;
	transition:transform 0.3s ease;}

a:link, a:visited {color:#333;}
a:hover, a:active { 
	color:#999;}

a img {border:0;}
dl dt a {width:382px; height:298px;}
dl dt a:link img, dl dt a:visited img {border:3px solid #fff;}
dl dt a:hover img, dl dt a:active img {
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	-webkit-transform: translate(-36px,0px) scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: translate(-36px,0px) scale(1.02);
	transform: translate(-36px,0px) scale(1.02);
	z-index:2;}

a.dashed img {border:dashed 1px #e8e8e8;}
@media screen and (max-device-width: 480px) {
	a.dashed img {border:none;}
}
abbr {border:0;}

#learnmore {color:#886706;}

#site-info h5{
	color:#999;
	border-top:1px dashed #e8e8e8;}
	
p.proj a:link, p.proj a:visited{ color:#666;}

#welcome {color:#fff;}

h2#shops {border-top:1px solid #e8e8e8;margin-top:3em;}