#lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; }

#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; }

.lbLoading { background: #fff url(../images/loading.gif) no-repeat center; }

#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }

#lbPrevLink { display: block; position: absolute; top: 0; width: 50%; outline: none; left: 0; }
#lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%; }

#lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }

#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }

#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }

#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }

#lbCaption { margin-right: 71px; font-weight: bold; }

#lbNumber { margin-right: 71px; }

.posts h1 { color: #fff; }
.posts h2 { border-left: 25px solid #132E2E; margin-left: -35px; padding-left: 10px; }
.posts h2 a { font: 16px/1.5em "Trebuchet MS", Helvetica, sans-serif; color: #e6e2af; text-decoration: none; }
.posts .date { font: 10px/10px Verdana, Helvetica, Arial, sans-serif; margin: 0; color: #6E888F; }
.posts .source a { color: #ccc; font: 10px/10px Verdana, Helvetica, Arial, sans-serif; }
.posts .text { font-size: 1em; font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #eee; line-height: 1.5em; font-weight: 100; overflow: hidden; }
.posts .text a { color: #fff; }
.posts .text a:visited { color: #999; }
.posts .text p { margin: 1em 0; }
.posts .text ul { margin: 1em 0; }
.posts .text ul li { list-style: square inside; }
.posts .post { margin-bottom: 30px; }

#posts-show #content h1 { padding-bottom: 10px; color: #e6e2af; }
#posts-show #content .text { margin-top: 3em; }
#posts-show #content .text p { margin: 1.5em 0; }
#posts-show #content .text h2, #posts-show #content .text h3, #posts-show #content .text h4 { font-family: "Trebuchet MS", Helvetice, sans-serif; font-weight: bold; }
#posts-show #content .text h2 { font-size: 16; line-height: 1.5em; color: #e6e2af; }

#main-index dl dt .source a { color: #A3CBD4; }
#main-index dl dt .date { margin-top: 2.5px; margin-bottom: 5px; }

#storage-index.storage #content { position: relative; }
#storage-index.storage #content h1 { position: relative; padding-bottom: 0; }
#storage-index.storage #content h1 a.goup { position: absolute; top: 30px; right: 0px; }
#storage-index.storage #content .path_nav a { color: #e6e2af; font-size: 10px; text-decoration: none; }
#storage-index.storage #content .path_nav a:hover { text-decoration: underline; }
#storage-index.storage #content #preview { position: absolute; }
#storage-index.storage #content #preview #spinner { background: #333; width: 175px; height: 65px; text-align: center; color: #fff; padding: 50px 0; }
#storage-index.storage #content #preview #spinner img { margin-bottom: 10px; }
#storage-index.storage #content #preview #preview_text { max-width: 450px; max-height: 200px; background: #eee; color: #333; font-size: 9px; padding: 10px; overflow: hidden; }
#storage-index.storage #content #preview_path { display: none; }
#storage-index.storage #content table { width: 100%; clear: both; }
#storage-index.storage #content table tr td, #storage-index.storage #content table tr th { height: 36px; line-height: 36px; text-align: left; border-bottom: 1px solid #1A312F; margin: 0; padding: 0; }
#storage-index.storage #content table tr th { padding: 15px 5px; }
#storage-index.storage #content table tr td { padding: 7.5px; overflow: hidden; }
#storage-index.storage #content table tr td a { color: #fff; text-decoration: none; }
#storage-index.storage #content table tr td a:hover { text-decoration: underline; }
#storage-index.storage #content table tr td img { display: block; margin: 0 auto; height: 36px; }
#storage-index.storage #content table tr td .icon { position: relative; }
#storage-index.storage #content table tr td .icon span { display: none; }
#storage-index.storage #content table tr td .icon img.icon { z-index: 1; }
#storage-index.storage #content table tr td .icon object { z-index: 6; background: #fff; padding: 1px 0; position: absolute; display: block; top: 13px; left: 11px; }
#storage-index.storage #content table tr.up td { height: 16px; line-height: 16px; }
#storage-index.storage #content table tr.up td img { height: 16px; }
#storage-index.storage #content table tr.up td a { color: #666; font-size: 10px; }

* { margin: 0; padding: 0; }

body { background: black; }

#wrapper { margin: 0 auto; width: 955px; background: url(../images/faux_col.png) repeat-y; position: relative; }
#main-photos #wrapper { padding-bottom: 30px; }
#wrapper #date { position: absolute; bottom: 50px; right: 50px; font: normal 10px/10px Arial, sans-serif; color: #1796bc; }
#wrapper br { clear: both; }

#content { float: left; }
#content .head { background: url(../images/content_head.jpg); width: 530px; height: 65px; padding: 25px 50px; border-bottom: 5px solid #e6e2af; }
#content .head h2 { color: #e6e2af; font: normal 13px/13px "Trebuchet MS", sans-serif; margin-bottom: 5px; }
#content .head p#status { color: #fff; font: bold 20px/20px "Trebuchet MS", sans-serif; }
#content .head p#status em.timestamp { font-weight: normal; font-size: 10px; color: #ccc; }
#content .body { background: #001b1b url(../images/content_body.jpg) no-repeat top left; width: 530px; min-height: 285px; padding: 15px 50px 50px 50px; color: #e6e2af; font: 12px/15px Verdana, sans-serif; }
#content .body h1 { display: block; font: bold 20px/20px "Trebuchet MS", sans-serif; color: white; margin: 0; padding: 30px 0 20px 0; clear: both; }
#content .body h1 a { color: #fff; text-decoration: none; }
#content .body #flickr li { list-style: none inside; float: left; width: 75px; height: 75px; margin: 0 0 5px 5px; }
#content .body #flickr li.last { clear: left; width: 10px; height: 10px; }
#content .body #flickr li a { display: block; width: 75px; height: 75px; }
#content .body #flickr li a img { border: 0; }
#content .body dt a, #content .body dt { color: #e6e2af; text-decoration: none; }
#content .body dt a:hover { text-decoration: underline; }
#content .body dd { color: white; font-size: 10px; padding-bottom: 5px; }
#content .body a.more { display: block; width: 100px; clear: both; color: white; padding: 2px 0 10px 0; margin-top: 8px; text-decoration: none; border-top: 2px solid #e6e2af; }
#content .body a.more:hover { border-top-color: #fff; color: #e6e2af; }

#side { float: right; margin-left: 5px; }
#side .head { background: url(../images/side_head.jpg); width: 320px; height: 115px; border-bottom: 5px solid #1796bc; }
#side .body { background: #2a2a24 url(../images/side_body.jpg) no-repeat top left; width: 320px; min-height: 350px; position: relative; color: white; }
#side .body h1 { visibility: hidden; }
#side .body p.name { position: absolute; top: 160px; left: 50px; font: normal 16px/16px "Trebuchet MS", sans-serif; }
#side .body p.things { position: absolute; top: 185px; left: 50px; color: #ccc; font: normal 12px/12px "Trebuchet MS", sans-serif; }
#side .body a { display: block; color: #1796bc; font: normal 16px/16px "Trebuchet MS", sans-serif; text-decoration: none; }
#side .body a:hover { color: #fff; }
#side .body a.email { top: 320px; right: 50px; position: absolute; }
#side .body a.portfolio { top: 300px; right: 50px; position: absolute; }
#side .body ul.social, #side .body ul.blogs { display: block; position: absolute; right: 50px; }
#side .body ul.social li, #side .body ul.blogs li { list-style: none; color: #ccc; }
#side .body ul.social li, #side .body ul.social li a, #side .body ul.blogs li, #side .body ul.blogs li a { font-size: 12px; line-height: 12px; text-align: right; }
#side .body ul.social li a, #side .body ul.blogs li a { display: inline; }
#side .body ul.social { top: 480px; }
#side .body ul.blogs { top: 420px; }
