/* ----------------------------------------------------------------------------------- default --------- */

body { margin: 0 0 20px 0; padding: 0; background: #666 url(../../../images/bg.gif); font-size: smaller; }

/* ----------------------------------------------------------------------------------- typography --------- */

#container { font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 90%; color: #555; line-height: 150%; }
a {	color: #960;	text-decoration: none; }
a:hover { color:#444;	text-decoration: none; }
textarea { font-family: "Lucida Grande", verdana; font-size: 95%; }
.date { color: #999; margin: -6px 0 5px 0; }

/* ----------------------------------------------------------------------------------- links --------- */

a:link, a:visited {	color: #808940;	text-decoration: none; }
a:hover, a:active { color: #808940; border-bottom: 1px dotted; }
#footer a { color: #ffdead; }
#footer a:hover { color:#ccc; }

/* ----------------------------------------------------------------------------------- structure --------- */

#container { width: 860px; margin: 0 auto; position: relative; }
#masthead { height: 70px; }
#wrap { width: 100%; background: #fcfbf7 url(../../../images/bg_texture.jpg) 0 0 repeat-x; position: relative; z-index: 1; }
#main { width: 520px; float: left; margin: 20px 40px 40px 40px; }
#sidebar { width: 220px; float: left; margin: 140px 40px 40px 0; }
#footer { clear: both; }

.post { margin: 25px 0 0 0; border-bottom: 1px dotted #ccc; padding-bottom: 10px; }
#post-7 { border: none; }

/* ----------------------------------------------------------------------------------- headers --------- */

h1, h2, h3, h4 { font-family: "Georgia"; font-weight: normal; margin: 0; }
h1 {}
h2 { font-size: 190%; margin: 10px 0; }
h3 { font-size: 190%; margin: 10px 0; }
h4 { font-size: 100%; margin: 15px 0 2px 0; text-transform: uppercase; color: #888; letter-spacing: 2px; }
.logo a { position: relative; width: 250px; height: 0px !important; display: block; background: url(../../../images/masthead.gif) 0 -45px no-repeat; overflow: hidden; padding: 46px 0 0 0; border: none; }
.logo a:hover { background-position: 0 0; border: none; }

/* ----------------------------------------------------------------------------------- footer --------- */

.logo { position: absolute; top: 10px; left: 0; }
.photos { position: absolute; top: 0; right: -40px; z-index: 2; }

#footer { text-align: center; padding: 20px 0; }
#footer p { color: #fff; margin: 1px 0; }

/* ----------------------------------------------------------------------------------- masthead --------- */

/* ----------------------------------------------------------------------------------- comments --------- */

input, textarea { border: 1px solid #ccc; padding: 3px; color: #666; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; margin: 20px 0 24px 0; }
.commentlist li { margin: 5px 0; padding: 5px 10px 1px; list-style: none; }
.commentlist .alt { background: url(../../../images/bg_comment.png) 0 0 repeat-y; }
.commentlist p { margin: 5px 5px 10px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

/* ----------------------------------------------------------------------------------- sidebar --------- */

#sidebar ul { margin: 0; padding: 0; list-style-type: none; }
#sidebar li { margin: 0 0 0 0; padding: 0; line-height: 140%; }

.flickr { width: 220px; margin: 0 0 20px 0; background: url(../../../images/bg_comment.png) 0 0 repeat-y; padding: 10px 10px 10px 10px; position: relative; }
.flickr h4 { margin: 0 0 4px 0; }
.flickr img { border: 3px solid #fff; border-bottom: 10px solid #fff; border-top: 4px solid #fff; float: left; width: 88px; height: 62px; margin: 2px; }
.flickr img:hover { border: 3px solid #000; border-bottom: 10px solid #000; border-top: 4px solid #000; }
.flickr .more { margin: 4px 0 0 0; }

/* ----------------------------------------------------------------------------------- utility --------- */

a img, a:hover img { border: none; }
.clear { clear: both; }
.shadow-left { background: transparent url(../../../images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: -3px; left: -13px; z-index: 99; }
.shadow-right { background: transparent url(../../../images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 103px; right: -13px; z-index: 99; }
.shadow-top { background: transparent url(../../../images/shadow_top.png) no-repeat 0 0; width: 203px; height: 13px; position: absolute; top: -13px; left: -3px; z-index: 99; }
.navigation { margin: 20px 0; }
.alignleft { float: left; }
.alignright { float: right; }

/* -------------------------------------------------------------------------------- form elements */

label { display: block; margin: 15px 0 3px 0; }
select { width: 200px; font-size: 95%; color: #555; border: 1px solid #ccc; padding: 3px; }
option { border-top: 1px dotted #ccc; }   
input, textarea {  width: 200px; border: 1px solid #ccc; padding: 3px 4px; color: #444; }
input:focus, textarea:focus, select:focus { background-color: #fffff2; }
textarea { width: 400px; height: 150px; }

.required { color: #c30; margin-top: 10px; }
.ddfmerrors { font-size: 130%; margin-bottom: 10px; }
.errorlist { color: #c30; font-weight: bold; }

.submit { width: 100px; background-color: #6d6861; color: #fff; border: none; }
.submit:hover { background-color: #777; cursor: pointer; border: none; }