/*
Theme Name: Craig's 80's Theme
Theme URI: http://www.craig-russell.co.uk
Description: Theme By Craig Russell, a bit flash, a bit 80's
Version: 1.0
Author: Craig Russell
Author URI: http://www.craig-russell.co.uk
Tags: blue, custom header, fixed width, two columns, widgets
*/

* {margin: 0; padding :0;}
body {font-family: arial, helvetica, sans-serif; text-align: center;}
.wrapper {margin: auto; width: 900px; padding: 0.5em 0; text-align: left;}
#header {background-color:#333; color: #DDD; height: 200px; background: #333 url(img/header.jpg) no-repeat top;}
#navigation {background-color:#333; color: #80D623; border:3px solid #444; border-width: 3px 0;}
#content {padding-top: 0.5em;}
#main-box {float: left; width: 600px;}
#side-box {float: right; width: 290px;}
#footer {background-color:#DDD; color: #333; border-top: 3px solid #999; font-size: 0.8em;}
#footer #footer-left {float:left; width: 595px; text-align: right;}
#footer #footer-right {float:right; width: 295px; text-align: left;}

#nav-list {list-style: none; margin: 0;}
#nav-list li {display: inline;}
#nav-list li a {color: #80D623; text-decoration: none; padding: 0.4em 0.5em; margin-left: 3px; font-size: 1.2em;}
#nav-list li a:hover {background-color: #80D623; color: #333;}

#nav-list #li1:hover {background-color: #80D623; color: #333;}
#nav-list #li2:hover {background-color: #0088cc; color: #333;}
#nav-list #li3:hover {background-color: #cc0088; color: #333;}
#nav-list #li1 {color: #80D623;}
#nav-list #li2 {color: #0088cc;}
#nav-list #li3 {color: #cc0088;}

#top-box {display: none; text-align: center; border: 3px solid #cc0088; background-color: #333; color: #80D623; margin: 0.5em; padding: 1em; font-size: 1.2em; letter-spacing: 1px;}

#blog-nav {text-align: center;}
#blog-nav a {font-weight: bold; letter-spacing: -1px;}
#oldposts {float:left; width: 290px; text-align: right;}
#oldposts a:hover {letter-spacing: 1px; margin-right: -3px; text-decoration:none;}
#newposts {float:right; width: 290px; text-align: left;}
#newposts a:hover {letter-spacing: 1px; margin-left: -3px; text-decoration:none;}

.post {padding: 0 0.5em 1em 0.5em;}
.post-title {border-bottom: 3px solid #0088CC; letter-spacing: -1px;}
.post-title a {color: #333; text-decoration: none;}
.post-title a:hover {letter-spacing: 1px; margin-left: -3px; text-decoration: none; color: #333;}
.post-meta {font-size: 0.7em; color: #999;}
.post-content {padding-top: 0.5em;}
.post-more {text-align: right; margin-right: 2em;}

#comments {margin-bottom: 0.5em; border-bottom: 3px solid #0088cc; padding-bottom: 1em;}
.commentlist {list-style: none; margin: 0;}
.commentlist li {margin-bottom: 1em; border-bottom: 3px solid #0088cc; padding: 0.5em;}
.comment-author {font-weight: bold;}
.comment-meta {font-size: 0.6em; margin-bottom: 1em;}

.side {margin-right: 0.5em; margin-bottom: 1em;}
.side-title {border-bottom: 3px solid #cc0088; margin-bottom: 0.5em;}
.side-list {margin-left: 0.5em; list-style: none;}
.side-list li {margin-left: 0.5em; margin-bottom: 0.5em;}
.side-list li a {}
.side-list li a:hover {}
#twitter_div li {font-size: 0.8em;}
#cats-div a,
#rss-div a,
#twitter_div #follow_me,
#flickr-div li a {font-weight:bold; font-size: 1em;}
#cats-div a:hover, 
#rss-div a:hover, 
#twitter_div #follow_me a:hover,
#flickr-div li a:hover {text-decoration: none; letter-spacing: 2px; margin: 0 -3px;}
#me-div a {font-weight: bold;}
#me-div p {margin: 0 1em; font-size: 0.9em;}
#flickr-div img {border: 0; margin: 0.5em;}
#flickr-div .flickr_badge_image {width: auto; float: left;}
#flickr-div ul {clear: left;}
#search-div label {display: none;}
#search-div input {padding: 0.1em; font-weight: bold; font-size: 1em;}

a {color: #0088CC; text-decoration: none;}
a:hover {color: #0088CC; text-decoration: underline;}
p {margin-bottom: 1em; letter-spacing: 0px; line-spacing: 1.3em;}
.post img {border: 3px solid #80D623; margin: 0.5em; padding: 0.5em;}
ul {margin-left: 2em; margin-bottom: 0.5em;}
ol {margin-left: 2em; margin-bottom: 0.5em;}
li {}
blockquote {margin: 1em; font-style: italic; color: #666666; letter-spacing: 1px;}
code {display: block; margin: 1em; color: #666666; font-size: 1.1em; letter-spacing: 1px;}
.alignc {text-align: center;}
.alignl {text-align: left;}
.alignr {text-align: right;}

#comment {width: 600px;}

#search-form {}
#search-form input {border: 1px solid #333; }
#search-form #search-text {padding: 5px;}
#search-form #search-button {background-color: #999; padding: 4px;}