/*----------------------- document setup/defaults --------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

p, h1, h2, h3 { margin-bottom: 10px; }

h1 { font-size:30px; text-transform:uppercase; letter-spacing:-2px; margin:0 0 20px; padding:10px 0 0; }
h2 { border-top:1px #ccc solid; font-size:24px; text-transform:uppercase; letter-spacing:-2px; margin:0 0 12px; padding:20px 0 0; }
h3 { font-size: 16px; text-transform:uppercase; letter-spacing:-2px; margin:0 0 12px; padding:10px 0 0; }

a img { border: 0px; }
a { color:#646464; outline:0; text-decoration: underline; }
a:hover { color:#999999 !important; }

ul, ol { padding:0 0 10px 30px; }

input, select { font-size: 11px; }

small { font-size: 10px; }

body  {
  background:url(/images/block.png) center top #ccc;
  color:#646464;
  font-family: Helvetica, Arial, sans-serif;
  font-size:12px;
  margin: 0px;
  line-height:18px;	
}

.spacer { clear: both; float: none; margin: 0; padding: 0; border: 0; height: 0; width: 0; }

img { border:2px #ccc solid; }
.float-left { display:block; float:left; margin:0 16px 6px 0; }
.float-right { display:block; float:right; margin:0 0 6px 16px; }
.align-center { display:block; text-align:center; width:100%; }

.notice { background:#75b06e; border:2px #000 solid; color:#000; font-size:14px; font-weight:bold;letter-spacing:-1px; padding:4px 10px; width:776px; }
#notice-warning { background:#a00000; }
red { color:#a00000; }

/*----------------------- document setup/defaults --------------------------------- */

.login { background:#fff; border-bottom:2px #ccc solid; font-weight:bold; letter-spacing:-1px; text-align:right; text-transform:uppercase; margin:0; padding:10px 0; width:100%; }
.login a { padding:0 20px 0 10px;}
.login .menu { float:left; margin-left:10px; }
.login .menu a { border-right:2px #ccc solid; padding:0 10px;}

#content { margin:20px auto; width:800px; }

#navigation { margin:0 0 10px; }
#navigation a { color:#222; font-size:16px; font-weight:bold; text-transform:uppercase; letter-spacing:-2px; margin:0 12px 12px 0; padding:10px 0 0; text-decoration:none; }
#navigation a:hover { color:#ccc !important; }

.head { background: url(/images/column_bg_head.png) no-repeat; margin:auto; padding:0; height:24px; }
.content { background: url(/images/column_bg.png) repeat-y; margin:auto; padding:0 40px 1px; }
.foot { background: url(/images/column_bg_foot.png) no-repeat; margin:auto; padding:0; height:34px; }

.options { float:right; font-weight:bold; letter-spacing:-1px; margin:14px 20px 0 0; text-transform:uppercase; }
.options a { margin:0 0 0 6px;}

#lifestream { display:none; margin:0 20px; width:440px; }
#lifestream p { margin:0 0 0 -20px; }
#friendfeed .widget { border:0; !important }

#colours { position:absolute; top:0; right:0; }
#colours a { border:2px #fff solid; clear:both; float:right; height:14px; margin:12px 12px 0 0; overflow:hidden; width:14px;}
#colours a:hover { border:2px #000 solid;}
#colours .one a { background:#6a1fa4; color:#6a1fa4 !important;}
#colours .two a { background:#1f54a4; color:#1f54a4;}
#colours .three a { background:#30a4ae; color:#30a4ae;}
#colours .four a { background:#3f520c; color:#3f520c;}
#colours .five a { background:#eed608; color:#eed608;}
#colours .six a { background:#d47e03; color:#d47e03;}
#colours .seven a { background:#a00000; color:#a00000;}
#colours .eight a { background:#ccc; color:#ccc;}

.click { color:#999; font-size:14px; text-decoration:none;}

#icons { float:right; margin:0 0 0 20px; width:60px; }
#icons a { display:block; margin:10px 0; }

/*----------------------- admin defaults --------------------------------- */

#list { font-size:14px; margin:10px 0 0; width:730px; }
#list .item { border-top:1px #ccc solid; padding:10px 12px 0; margin:10px 10px 0 0; }
.actions { float:right; font-size:10px; font-weight:bold; letter-spacing:-1px; margin:0 20px 0 0; text-transform:uppercase; }
#list .actions a { margin:0 0 0 6px; }
.archives .actions { float:none; }
.archives .actions a { margin:0 6px 0 0; }

#form { float:left; margin: 20px 0; width:480px }
#form .row { margin:10px 0; }
#form .label { float:left; font-weight:bold; letter-spacing:-1px; padding:6px 0 0; text-transform:uppercase; width:100px; }
#form .control {}
#form input, #form textarea { border:1px #ccc solid; padding:4px; }
#form .button, .submit { background:#fff; border:1px #ccc solid; color:#646464; font-family: Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; letter-spacing:-1px; padding:4px 10px 0; text-transform:uppercase; }
#form .button:hover, .submit:hover { background:#ccc; }
#form textarea { height:540px;}
#current-image { float:right; }
.message { border-bottom:1px #ccc solid; border-top:1px #ccc solid; font-size:14px; margin:20px 0; padding:10px 0; }

#images select { border:1px solid silver; padding:4px; width:226px; }
.image_code {margin:12px 0;}
.image_code p { font-size:10px; font-weight:bold; margin:0; text-transform:uppercase; }
.image_code input { border:1px solid silver; padding:4px; margin:0 0 12px; width:216px; }
.notes { border:1px solid silver; float:left; margin:12px 0; padding:10px; width:204px; }
.notes strong { font-size:10px; text-transform:uppercase; }

/*----------------------- posts --------------------------------- */
#list.posts { float:left; margin:0 20px 0 0; overflow:hidden; width:534px; }
.post { padding:0; margin:0 0 20px; width:534px; }
.post h2 a { text-decoration:none; }
.post .read-more, .posts .date, .archives .date { font-size:12px; font-weight:bold; margin:0 0 10px; }
.post .read-more { font-size:10px; letter-spacing:-1px; text-transform:uppercase; }

.archives { border-top:1px #ccc solid; float:left; overflow:hidden; padding: 20px 0 0; width:166px; }
.archives h2 { border:0;float:right; padding:8px 0; width:100px;}
.archive { border-top:1px #ccc solid; padding:6px 6px 0; margin:0 0 10px; ; }
.archives .date { font-size:10px; margin:0 0 6px; }
.archives .title { font-size:14px; letter-spacing:-1px; margin:0; }
.archive .comments { font-size:9px; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; }

#comments {}
.comment { border-top:1px solid #ccc; padding:10px 10px 0; margin:0 0 10px;}
.comment .avatar { border:2px #ccc solid; float:right; height:50px; }
.comment .comment-text strong { display:block; font-size:11px; letter-spacing:-1px; margin:0 0 6px; text-transform:uppercase; }
#comments .alternate {}

#new-comment { border-top:1px solid #ccc; padding:0 10px 0;}
#new-comment .row { clear:both; float:right; padding:10px 0 0; }
#new-comment #comment-message textarea { border:1px #ccc solid; height:120px; margin:0; width:506px; }
#new-comment .control { float:left; }
#new-comment .description, #new-comment .explanation { color:#999; float:left; font-size:12px; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; width:140px; }
#new-comment .explanation { float:none; font-size:9px; width:300px; }
#new-comment .textfield { border:1px #ccc solid; padding:3px 4px; width:300px; }
#new-comment .submit { display:block; float:right; }