html * { margin: 0; padding: 0; font-family: Arial; font-size: 10pt; line-height: 14pt; }
a { color: #0000ff; }
a:hover { text-decoration: none; }



#container { width: 700px; margin: 30px auto 30px auto; }

#header { margin: 0 0 20px 0; text-align: right; }
#header h1 { font-weight: normal; font-size: 24pt; }
#header h1 a { font-weight: normal; font-size: 24pt; color: #000000; text-decoration: none; }

#about { background: #eeeeee; padding: 10px; margin: 0 0 25px 0; }
#about a { color: #000000; }
#about p { font-size: 10pt; line-height: 14pt; }

#content { clear: both; }
#content h2 { font-weight: normal; font-size: 20pt; color: #666666; }

#page { margin: 0 20px 0 20px; }

#entries { margin: 0 20px 0 20px; }
#entries .entry { margin: 0 0 30px 0; letter-spacing: 0.25pt; }
#entries .entry h3 { font-weight: normal; font-size: 18pt; color: #333333; }
#entries .entry .timespan { font-size: 8pt; text-transform: uppercase; color: #FFCC66 }
#entries .entry .timespan a { font-size: 8pt; text-transform: uppercase; color: #FFCC66; text-decoration: none; font-weight: bold; }
#entries .entry .content { font-size: 12pt; line-height: 14pt; margin: 7px 0 5px 20px; }
#entries .entry .content .code { font-size: 10pt; font-family: monospace; background: #cccccc; border-left: #666666 2px solid; padding: 4px; margin-left: 10px;  }

#twitter { background: #9ae4e8; width: 340px; float: left; padding: 10px; }
#twitter .logo {}
#twitter .logo a { height: 41px; background: url('/shared/img/twitter.png') no-repeat; background-position: center; display: block; text-indent: -9000px; }
#twitter ul { list-style: none; }
#twitter ul li { margin: 0 0 10px 0; }
#twitter ul li.even { background: #BBEEF0; }
#twitter ul li.odd {}
#twitter ul li a { display: block; color: #000000; padding: 2px; text-decoration: none; }
#twitter ul li a:hover { text-decoration: underline; }

#contact { background: #333333; width: 340px; padding: 10px; margin: 0 0 0 0; float: right; color: #ffffff; }
#contact ul { list-style: none;}
#contact ul li { list-style: none; margin: 0 0 6px 0; }
#contact ul li a { color: #ffffff; }
#contact ul li.email { padding: 0 0 0 20px; background: url('/shared/img/email.png') no-repeat; background-position: left top; }
#contact ul li.phone { padding: 0 0 0 20px; background: url('/shared/img/phone.png') no-repeat; background-position: left top; }
#contact ul li.chat { padding: 0 0 0 20px; background: url('/shared/img/chat.png') no-repeat; background-position: left top; }
#contact ul li.mail { padding: 0 0 0 20px; background: url('/shared/img/mail.png') no-repeat; background-position: left top; }
#contact ul li.message { margin: 10px 0 0 0; padding: 0 0 0 20px; background: url('/shared/img/message.png') no-repeat; background-position: left top; }
#contact ul li.message label { display: block; }
#contact ul li.message input[type='text'] { font-size: 11pt; width: 250px; }
#contact ul li.message textarea { font-size: 11pt; width: 275px; height: 80px; }
#contact ul li.message input[type='submit'] { display: block; }

#projects { background: #ffffcc; width: 340px; padding: 10px; margin: 20px 0 0 0; float: right; color: #000000; }
#projects ul { list-style: none;}
#projects ul li { list-style: none; margin: 0 0 6px 0; }
#projects ul li a { color: #ff0000; display: block; margin: 0; padding: 0; }
#projects ul li .description { font-size: 9pt; color: #333333; }

#manage-navigation {}
#manage-navigation ul { list-style: none; }
#manage-navigation ul li { float: left; }
#manage-navigation ul li a { display: block; border: #ffff66 1px solid; background: #ffffcc; padding: 10px; margin: 0 5px 0 0; color: #000000; text-decoration: none; }
#manage-navigation ul li a:hover { text-decoration: underline; }
#manage-navigation ul li.system a { background: #eeeeee; border: #cccccc 1px solid; }

#manage { clear: both; padding: 20px 0 10px 0; }
#manage h2 { font-weight: normal; font-size: 20pt; color: #666666; margin: 5px 0 15px 0; }

#manage table { width: 100%; }
#manage table tr th { text-align: left; background: #eeeeee; padding: 4px; }
#manage table tr td { padding: 4px; border-bottom: #eeeeee 1px solid; white-space: nowrap; }
#manage table tr td.expand { width: 100%; white-space: normal; }
#manage table tr td ul {}
#manage table tr td ul li { list-style: none; float: left; }
#manage table tr td ul li a { width: 80px; margin: 0 0 2px 0; padding: 2px; text-decoration: underline; color: #0000ff; }
#manage table tr td ul li a:hover { text-decoration: none; }

#manage fieldset { padding: 0 10px 10px 10px; border: #cccccc 1px solid; }
#manage fieldset legend { color: #666666; }
#manage fieldset .form { float: left; }
#manage fieldset .form label { display: block; margin: 5px 0 0 0; }
#manage fieldset .form input[type='text'] { width: 300px; font-size: 15pt; }
#manage fieldset .form textarea { width: 400px; height: 400px; font-size: 12pt; padding: 4px; }
#manage fieldset .form input[type='submit'] { display: block; margin: 5px 0 0 0; }

#manage fieldset .syntax { float: right; width: 200px; border: #333 1px solid; }
#manage fieldset .syntax ul { list-style: none; }
#manage fieldset .syntax ul li { font-size: 9pt; margin: 0 0 0 0; }

#manage .actions { margin: 20px 0 0 0; text-align: center; }
#manage .actions a { color: #ffffff; font-size: 12pt; display: block; background: #ff0000; width: 200px; }

#footer { clear: both; margin: 20px 0 0 0; }
#footer ul { list-style: none; }
#footer ul li { float: left; }
#footer ul li a { display: block; margin: 0 10px 0 0; font-size: 9pt; color: #000000; }

#copyright { text-align: center; padding-top: 20px; font-size: 8pt; color: #666666; }