@import 'reset.css';
@import 'jquery.fancybox.css';

body { background: url('/media/layout/body-bkg.gif'); color: #eceeea; font-family: Tahoma, verdana, arial, sans-serif; font-size: 14px; font-weight: 100; }
a { color: #eceeea; text-decoration: underline; }
a:visited { color: #736b6b; text-decoration: underline ;}
a:hover { text-decoration: none; }
.clear { clear: both; height: 1px; overflow: hidden; }
.largePocketOverlay { position: absolute; z-index: 100; }
.mediumPocketOverlay { position: absolute; z-index: 100; }
code { font-family: monospace; }
.floatLeft { float: left; margin: 0 20px 10px 0; }
.floatRight { float: right; margin: 0 0 10px 20px; }
.noBull { list-style: none; }
div.code { background: #726760; border: 1px solid black; margin: 5px 10px; padding: 10px; font-family: monospace; }
ul, ol { margin-left: 20px; }
h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a { color: #b27678; }
h1 { font-size: 200%; }
h1 em { font-style: italic; }
h2 { font-size: 150%; margin-top: 20px; }

/* error/success messages */
.error { margin: 10px 0; padding: 15px; background: #480a0a; border: 1px solid #b51919; border-width: 1px 0; }
.success { margin: 10px 0; padding: 15px; background: #2c4829; border: 1px solid #65a75e; border-width: 1px 0; }
.avatar { float: right; margin-left: 20px; }

/* default form styles */
label { display: block; font-size: 110%; color: #b27678; }
input { font-size: 110%; background: #736B6B; border: 1px solid #2b2828; color: #ffffff; padding: 3px 5px; margin-bottom: 10px; }
textarea { background: #736B6B; color: #ffffff; border: 1px solid #2b2828; margin-bottom: 10px; width: 50%; height: 150px; padding: 5px; }
input.submit { font-size: 100%; background: none; }
div#fool-the-bots { display: none; }

#container { width: 986px; margin: 0 auto; background: #484343; padding: 0 20px; border: 3px solid #2b2828; border-top: none; }
#container #header { background: url('/media/layout/header-bkg.gif'); height: 131px; margin: 0 -20px; padding: 0 20px; }
#container #header .logo { padding-top: 20px; display: block; }
#container #header #search { width: 200px; height: 75px; float: right; margin-top: 60px; }
#container #header #search input { color: #b5abab; width: 125px; border: 1px solid #1f1f1f; padding: 5px; }
#container #header #search #searchSubmit { background: url('/media/layout/go-button.jpg') no-repeat; width: 37px; height: 25px; border: none; }
#container #navigation { margin: 0 -20px 25px -20px; padding-left: 20px; background: #726760; border: 1px solid #2b2828; height: 32px; border-width: 1px 0; }
#container #navigation ul { margin: 0 auto; list-style: none; padding-top: 5px; }
#container #navigation ul li { float: left; margin-right: 35px; }
#container #navigation ul li.last { margin-right: 0; }
#container #navigation ul li a { color: #eceeea; text-decoration: none; text-transform: uppercase; }
#container #content { padding-bottom: 20px; }
#footer { width: 986px; margin: 0 auto; text-align: center; }
#footer ul { list-style: none;  margin: 0 auto; margin-top: 20px; }
#footer ul.links { width: 515px; }
#footer ul.links li { float: left; margin-right: 30px; }
#footer ul.links li a { text-transform: uppercase; color: #000000; font-size: 80%; text-decoration: none; }
#footer ul.copyright { clear: both; width: 325px; }
#footer ul.copyright li { float: left; margin-right: 30px; color: #000000; font-size: 80%; }
#footer ul.copyright li a { color: #000000; text-decoration: none;  }
#home-photos { float: left; }
ul.photos-thumbs { list-style: none; margin: 0; width: 245px; float: left; }
ul.photos-thumbs li { float: left; margin:0 20px 20px 0; }
ul.photos-thumbs li.clear { clear: left; height: auto; }
ul.photos-thumbs li.selected { background: url('/media/layout/thumb-bkg.jpg') no-repeat top left; height: 106px; width: 106px; margin: 0 14px 14px 0; }
#main-photos { position: relative; float: right; width: 660px; height: 360px; }
#recent-projects { position: relative; float: right; }
#home-post { width: 725px; }
#blog-sidebar { float: right; width: 200px; margin-left: 20px; }
#comments label { display: block; }
#comments #comment-form-remember-me label { display: inline; }
#blog-body { width: 750px; }
.asset-body p, .asset-more p { margin-bottom: 10px; }
.read-more { text-align: right; }
.blog-excerpt { margin-bottom: 20px; }
.comment { background: #726760; border: 1px solid black; margin: 5px 10px; padding: 10px; }
.comment a { color: #ECEEEA; }

.cake-sql-log { background: #ccc; color: #000000; margin: 0 20px; }
.cake-sql-log td, .cake-sql-log th { padding: 3px; border-bottom: 1px dotted black; }
.item-box { width: 50%; clear: both; }
.item-box img { float: right; margin: 0 0 20px 20px; width: 75px; }

/*-- photography -- */
.album-box { width: 220px; margin: 0 25px 20px 0; float: left; }
.album-box p { height: 3em; }
.photo-thumb { width: 160px; float: left; margin: 20px 20px 0px 0; text-align: center; }
.photo-thumb img { background: #726760; padding: 7px; border: 1px solid #2b2828; }
.photo-thumb p {  }
#thumbnails { float: left; }
#thumbnails ul.photos-thumbs li { width:100px; height: 100px; overflow: hidden; }
#thumbnails ul.photos-thumbs li.selected { background: url('/media/layout/thumb-bkg.jpg') no-repeat top left; height: 106px; width: 106px; margin: 0 14px 14px 0; }
#big-photo img { background: #726760; padding: 8px; border: 1px solid #2b2828; }
dl#exif-data { background: #726760; border: 1px solid #2b2828; width: 275px; margin-top: 10px; }
dl#exif-data dt { width: 100px; text-align: right; display: block; float: left; padding-right: 5px; border-top: 1px dotted #2b2828; border-right: 1px dotted #2b2828; }
dl#exif-data dd { margin-left: 105px; padding-left: 5px; border-top: 1px dotted #2b2828; }
dl#exif-data dd.first { border: none; }
dl#exif-data dt.first { clear: none; border: none; border-right: 1px dotted #2b2828; }
#big-photo-container { margin-left: 240px; }
#big-photo-container #big-photo { text-align: center; }
#photo-thumbs { width: 900px; margin-left: 45px; }
.neighbor-albums { width: 220px; float: right; }
.neighbor-albums h2, neightbor-albums h3 { margin: 0 0 10px 0; }
.photo-comment { border: 1px solid #2b2828; background: #726760; padding: 10px 20px; margin: 10px 0; }
.photo-comment h2 { margin: 0; }

/* -- contact -- */
#twitter-feed { width: 450px; color: #736b6b; }
#twitter-feed p { margin-bottom: 1em; }

/* -- development -- */
.project-box { padding: 10px 20px; margin: 10px 0 10px 0; }
.project-box img { background: #726760; padding: 7px; border: 1px solid #2b2828; }
.project-box h2 { margin-top: 0; }