body { font-size:100%; line-height:1.25; margin: 0 auto 1em auto; width: 860px; padding: 0; font-family: 'courier new', 'courier', monospace; background-color:#fff; color: #222; }
p, div, input { margin-bottom: 1em; padding: 0; }
h1, h2, h3 { margin-top:0; margin-bottom:0; }
h1 { font-size:0.75em; margin: 0; }
h1, h2 { padding:1.25em 0; }
h2 { font-size:1.33333em; padding-top: 0; }
h3 { font-size:1.16667em; padding:1.51786em 0; }
h4 { color: #999; }
h5 { font-size: 1em; font-weight: normal; margin-bottom: 0; }

a { text-decoration: none; color: #222; }
a:visited { color: #222; }
a:hover { text-decoration: underline; }

ul { list-style-type: none; padding: 0; clear: both; }
ul.works li { float: left; }
ul.works li { width: 200px; margin-right: 20px; }
ul.works li.last { margin-right: 0px; }
ul.works .thumb:hover { cursor: pointer; }

.hidden { display: none; }

.info .title { font-style: italic; }

#content { padding: 0; clear: both; }

#footer { clear: both; color: #c2b7ae; padding-top: 2em; font-size: 0.8em; }

/* nav */
#header { position: relative; padding: 1em 0 0 0; font-size: 14px; letter-spacing: 2px; height: 3em; text-transform: uppercase;}
#header h1 { float: left; padding-bottom: 0; font-size: 14px; font-weight: normal; letter-spacing: 3px;}
#nav a { text-decoration: underline; padding-right: 2px; }
#nav { clear: none; padding: 1.25em 0 0 0; margin-top: 0; font-weight: normal; }
#nav li { float: left; }
#nav li .active { color: #999; }
#project-nav { clear: both; margin: 0; top: 4em; padding: 1em 0 ; font-size: 12px; line-height: 1.2; background: #fff;  position: absolute;  color: #444; }
.home #project-nav { background: none; }
#project-nav li { display: inline; letter-spacing: 1px; color: #bbb; padding: 0 5px 0 0; }
#project-nav li:after { content: ' /'; padding-left: 5px;  }
#project-nav li:last-child:after { content: ''; padding-left: 0px;  }
#work-btn { cursor: pointer; }
#projects li { text-transform: uppercase; }
#projects { margin-top: 0; padding-top: 0; }

/* project */
h2.name { padding: 0 0 1em 0; font-size: 12px; font-weight: normal; text-transform: uppercase;  text-decoration: underline; letter-spacing: 1px; }
h4.description { font-size: 12px; margin-top: 0; padding-top: 0; color: #444; font-weight: normal; color: #777;}

/* gallery */
.wrapper { display: table; margin:0 auto; }
#featured { font-size: 0.75em; display: table-cell; margin-right: 0; }
#featured img { border: 0; }
img.thumb { background-color: #fff; padding: 3px 0; }
.title span { font-style: normal; }

/* pages */
.page { font-size: .8em; }

/* forms */
label { display: block; }
label.required { font-weight: bold; }
label span { color: #666; font-weight: normal; }
input[type=text], input.text, textarea, select {background-color:#fff; border:1px solid #ccc;}
input[type=text] { width: 300px; padding: 5px;}
input[type=text]:focus, input.text:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input.text, textarea, select {margin:0.5em 0;}
textarea {width:350px;height:400px;padding:5px;}
input.submit { width: auto; }
#project textarea { height: 150px; }

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* dashboard */
.left { width: 45%; float: left; }
.right { width: 40%; float: left; margin-left: 20px;}
.actions { margin-top: 1.875em; }
.actions a, .actions a:visited, .delete button, a.add { padding: 4px; background-color: #666; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 4px; font-weight: bold; border:0; }
.actions a:hover, a.add:hover { background-color: #444; text-decoration: none; }
.actions a.up, .actions a.down { padding-left: 7px; padding-right: 7px; }
.delete button { background-color: #993333; }
.delete button:hover { background-color: #cc4444; }
#manage { font-family: 'helvetica neue', 'helvetica', arial, sans-serif; }
#manage ul {  font-size:0.75em; padding:.25em 0 2em 0;  }
#manage ul.works li { clear: both; width: 100%;}
#manage .thumb { float: left; margin: 0 1em 1em 0; }
#manage .pages li, #manage .projects li { background-color: #eee; border-bottom: 1px solid #eee; padding: .5em; margin-bottom: 1em;}
form.delete { display: inline;}
.clr { clear: both; }
#manage #header { font-family: Helvetica, Arial, sans-serif; font-size: 1.2em;}
#manage #header h1 { display: block; float: none; }
#manage #nav { clear: both; }
#manage #nav li { float: left; margin-right: 20px; font-size: 14px; letter-spacing: 0;}
#manage #nav li a { text-decoration: none; }
#manage #nav li a:hover { text-decoration: underline; }
#manage #nav { color: #444; font-size:0.75em; padding: 0 0 1.875em 0; font-weight: bold;  margin-top: 0; clear: none; }
a.add { background-color: #ccc; color:#fff; padding-left: 10px; padding-right: 10px;}
.projects span.count { color: #ccc; padding-left: 2em; }

/* clippings */
#clippings li { font-size: 14px; }

/* placeholder */
#placeholder { width: 400px; height: 300px; background: url(/images/spinner.gif) no-repeat 50% 100px; }