/* --- reset --------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; border: 0; outline: 0; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
/* --- body --------- */
body { margin: 42px; font-family: Helvetica, Arial, sans-serif; color: #000; font-size: 100%; text-align: center; background: #fff; }
/* --- anchors --------- */
a { color: #360; /*border-bottom: 1px dotted #690*/; }
a:hover { color:rgba(51,102,0,.65); /*border-color:rgba(51,102,0,.65);*/ }
/* --- layout --------- */
.column-ab { width: 71.6%; float: left; clear: both; }
.column-a { width: 27.9%; float: left; }
.column-b { width: 69.76%; float: right; }
.column-c { width: 26.6%; float: right; }
.column-wrap { margin: 0 0 34px; }
/* --- #global-wrap --------- */
#global-wrap { width: 37.5em; margin: 0 auto; text-align: left; }
/* Min+Max Width Fix for IE6 */ #global-wrap { width: expression(document.body.clientWidth > 602? "600px" : "auto"); }
/* --- #global-header --------- */
#global-header { position: relative; margin: 0 0 34px; }
/* --- #global-content --------- */
#global-content { position: relative; }
/* --- #global-footer --------- */
#global-footer { font-size: 0.75em; color: #ccc; padding: 0 9px; }
#global-footer a { color: #999; text-decoration: none; }
/* --- headers --------- */
h1 { font-family: Georgia, Garamond, serif; font-size: 1.3em; font-weight: normal; }
h2.section-hdr { font-family: "Trebuchet MS", sans-serif; font-size: 0.875em; font-weight: normal; position: relative; margin: 0 0 14px; }
h2.section-hdr em { font-style: normal; }
h2.section-hdr span { color: #bbb; padding: 0 1px; }
/* .site-logo */
.site-logo { height:36px; width:134px; }
.site-logo a, .site-logo span { background: url(images/sprite.gif) no-repeat; display:block; height:36px; width:134px; border: 0; }
.site-logo a:hover { background-position: 0 -36px; }
.site-logo img { height: 0; }
/* --- .gallery --------- */
.gallery {}
/* .gallery >> .meta */
.gallery .meta { margin: 3px 6px 12px; }
.gallery .meta .title {}
.gallery .meta .title em {}
.gallery .meta .description { color: #555; font-size: 0.75em; }
/* .gallery >> .item-thumb */
.gallery .item-thumb { float: left; display: inline; margin: 3px 6px 9px; padding: 3px 3px 9px; background: #2a2a2a; border: 1px solid #000; box-shadow: 0 0 4px #2a2a2a; -moz-box-shadow: 0 0 2px #2a2a2a; -webkit-box-shadow: 0 0 4px #2a2a2a; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.gallery .item-thumb:hover { -webkit-transform: rotate(2deg); background: #111; }
.gallery .item-thumb a { border: none; }
/* .gallery >> .item */
.gallery .item-wrap { position: relative; }
.gallery .item { text-align: center; margin: 6px; padding: 12px; background: #2a2a2a; border: 1px solid #000; box-shadow: 0 0 4px #2a2a2a; -moz-box-shadow: 0 0 2px #2a2a2a; -webkit-box-shadow: 0 0 4px #2a2a2a; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.gallery .item img { border: 2px solid #000; margin:auto; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.gallery .item-wrap .prev { left:-60px; position:absolute; top:42px; }
.gallery .item-wrap .next { position:absolute; right:-60px; top:42px; }
.item-wrap .prev a, .item-wrap .next a { background: url(images/sprite.gif) no-repeat; display:block; height:30px; text-indent:-10000px; width:60px; }
.item-wrap .prev a { background-position: 0 -140px; }
.item-wrap .prev a:hover { background-position: 0 -170px; }
.item-wrap .next a { background-position: -60px -140px; }
.item-wrap .next a:hover { background-position: -60px -170px; }
/* .gallery >> .album */
.gallery .album {}
.gallery .album .title { font-family: "Trebuchet MS", sans-serif; font-size: 0.875em; font-weight: normal; padding: 6px 12px 0 0; margin: 0 0 2px; }
.gallery .album .date { font-size: 0.75em; color: #999; }
.gallery .album .description { font-size: 0.75em; color: #333; }
.gallery .album .item-thumb { margin-right: 12px; }
/* .gallery >> overrides */
.gallery h2.section-hdr { margin-bottom: 6px; }
/* --- .tags --------- */
/* .tag-cloud */
.tag-cloud {}
/* .tags */
.tags { padding-left: 20px; }
.tags li { font-size: 0.6875em; float: left; display: inline; margin-right: 6px; }
/* --- .post --------- */
.post { margin: 6px; }
.post .date { color: #666; font-size: 0.75em; }
/* --- .pagination --------- */
.pagination { clear: both; text-align: center; }
.pagination .disabledlink { display: none; }
.pagination a[title~="Next"],.pagination a[title~="Previous"] { background: url(images/sprite.gif) no-repeat; height:30px; display:inline-block; text-indent:-10000px; width:60px; margin-top: 6px; }
.pagination a[title~="Next"] { background-position: -60px -140px; }
.pagination a:hover[title~="Next"] { background-position: -60px -170px; }
.pagination a[title~="Previous"] { background-position: 0 -140px; }
.pagination a:hover[title~="Previous"] { background-position: 0 -170px; }
/* --- icons --------- */
.icon { display: inline-block; }
/* .icon-16x16*/
.icon-16x16 { background: url(images/icon-16x16.png) no-repeat; text-decoration: none; }
.icon-16x16.icon { width: 16px; height: 16px; overflow: hidden; text-indent:-100000px; }
.icon-16x16.tag { background-position: 0 0; }
/* --- utility --------- */
/* arrw */
.arrw-right, .arrw-left { background: url(images/sprite.gif) no-repeat; height:24px; position:absolute; text-indent:-10000px; width:12px; }
.arrw-right { background-position: 0 -80px; top: 6px; }
.arrw-left { background-position: 0 -110px; left:-14px; top: 8px; }
/* float clearing */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* IE6 */ *html .group { height: 1%; }
/* IE7 */ *:first-child+html .group { min-height: 1px; }
/* --- zenphoto admin tool box --------- */
#admin, #admin_data{ position: fixed; right: 0; top: 0; width: 130px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background: #f5f5f5; z-index: 2; text-align: left; font-size: 12px; padding: 5px; }
#admin_data{ top: 0; padding-top: 28px; z-index: 1; line-height: 1.6em; }
#admin h3 { font-weight: normal; color: #999; margin:0; padding:0; }
#admin h3:hover { color: #036; }