/*
Theme Name: MyTheme
Theme URI: http://www.timbeeler.com/
Description: My custom site layout from scratch.
Version: 2.0
Author: Tim Beeler
Author URI: http://www.timbeeler.com/
*/


/* - BODY - */
* {margin:0; padding:0;}
body {background:#7F7F7F url(img/bg.jpg) top center repeat-y fixed; font:76% Verdana,Tahoma,Arial,sans-serif;}
#wrapper {background-color:#fff; color:#333; margin:0 auto; width:780px;}


/* - GENERAL FORMATTING - */
p,ul,ol {margin:0px 0px 18px 0px;}


/* - LINKS - */
a {background-color:inherit; color:#800000; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color:#800000; font-weight:bold; text-decoration:underline;}
a img {border:0;}


/* - HEADER - */
#header {margin:0px 0px 0px 0px;  width:780px;}
#banner {margin:0px 0px 10px 0px;}


/* - TOP NAV - */
#date {font-weight:normal; color:#aaa; padding-left:4px;}
#topnav {float:right; font-weight:normal; color:#888;}
#topnav a {color:#888; font-weight:normal; text-decoration:none;}
#topnav a:hover {color:#800000; font-weight:normal; text-decoration:none;}


/* - Index - */
#container {margin:0px 0px 0px 160px; padding-right:10px;}
#container h2 {font-size:1.6em;}

#content {line-height:1.6em; margin:10px 0px; padding:0px; width:610px;}
#content h2 {font-size:1.6em; margin:0 0 10px;}
#content h3 {font-size:1.4em; margin:0 0 8px;}
#content img {border:1px solid #d0d0d0; margin:3px 10px 3px 0px;}
#content ul {list-style-type:none;}
#content ol {margin:0 0 16px 20px;}
#content li {padding:0 0 0 5px;}
#content ul ul, #content ol ol {margin:0 0 0 16px;}

#detail {float:left; margin:10px 0px 0px 0px; padding:0px;}

#info {font-size:1.5em; color:#aaa; font-weight:normal; line-height:1em; margin:0px 0px 20px; padding:1px 0;}
#info p {margin:0; padding:0;}
#info a {color:#aaa; font-weight:normal; text-decoration:none;}
#info a:hover {color:#800000;}
#comments {float:right;}
#tags {font-size:0.7em;}

#archive img {float:left;}


/* - NAVIGATION - */
.navigation {display:block; margin:10px 0px 20px 0px; text-align:center; width:600px;}
.navigation a:hover {border-bottom:2px;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}


/* - FOOTER - */
#footer {border-top:2px solid #494949; font-size:0.9em; clear:both; color:#999; font-weight:normal; line-height:1.7em; margin:0 auto; padding:10px 0; text-align:center; width:780px;}
#footer p {margin:0; padding:0;}
#footer a {color:#999; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#777; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}

/* - COMMENTS - */
#comment {width:400px; height:100px; background:#fafafa; border:1px solid #bbb; padding:2px;}
#author {width:200px; height:20px; background:#fafafa; border:1px solid #bbb; padding:2px;}
#email {width:200px; height:20px; background:#fafafa; border:1px solid #bbb; padding:2px;}
#url {width:200px; height:20px; background:#fafafa; border:1px solid #bbb; padding:2px;}


.commentlist {padding:0; text-align:left; border-top:1px solid #bbb;}
.commentlist a:link,.commentlist a:visited{color:#800000;text-decoration:none;}
.commentlist a:hover,.commentlist a:focus{color:#800000;text-decoration:underline;}
.commentlist a:active{color:#800000;text-decoration:none;}
.commentlist cite,.commentlist cite a {font-style:normal;}
.commentlist dl{margin:0;padding:0;}
.commentlist img{margin:0;padding:0;border:0;outline:none;}

.commentlist li {background:#fafafa; border-bottom:1px solid #bbb; margin:0px; padding:15px 5px 5px 10px; list-style:none;list-style:none;}
.commentlist .alt {background:#fff;}

.commentlist li .avatar{float:right;border:0;padding:2px;background:#fff;}
.commentlist ol {margin:0;padding:0;}
.commentlist p {font-weight:normal;line-height:1.5em;text-transform:none;margin:20px 5px 10px 0;}
.commentlist ul {margin:0;padding:0;}

.commentauthor {font-size:1.2em; margin:0px 0px 3px; font-weight:bold; text-decoration:none;}
.commentdata {font-size:0.9em; color:#999; margin:0px 0px 10px; font-weight:normal; text-decoration:none;}
.reply {margin:0px 0px 10px; font-weight:normal; text-decoration:none;}


/* - SIDEBAR - */
#primary {float:left; width:160px;}
#sidebar {margin: 0px 0px 0px 0px; padding: 0px; width: 155px; text-decoration: none; font-weight:normal; line-height:1em;}
#sidebar ul {margin: 0px 0px 5px 5px; padding: 0px 5px; list-style: none;} 
#sidebar ul ul {margin: 0; padding: 0px 0px 20px 0px; border-top: 1px solid #bbb;}
#sidebar ul ul li {background: #fff; border-bottom: 1px solid #bbb;} 
#sidebar ul ul li a {margin: 0; padding: 5px 10px 5px 10px; display: block; text-decoration: none;}
#sidebar ul ul li a:link, ul ul li a:visited {color: #494949; text-decoration: none;}
#sidebar ul ul li a:hover, ul ul li a:active {color: #800000; background: #eee; text-decoration: none;}
#sidebar li.current_page_item a {color: #494949; background: #eee; text-decoration: none;}
#sidebar h2 {margin: 0; padding: 5px 0px; font-size: 1.3em; color: #505050; text-decoration: none; font-weight:normal;} 
#sidebar form {margin: 0; padding: 2px 0px; width:150px;}
#sidebar img {padding: 5px 0px 5px 8px;}
.hide {display:none;}
#searcharea {width:138px; height:20px; border:1px solid #cccccc; padding:0px;}

/* - Wordpress formatting - */
img.alignright {float:right; }
img.alignleft {float:left; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}