/*   
Theme Name: Annexation
Theme URI: http://www.chris-wallace.com/2008/11/25/free-wordpress-theme-annexation
Description: A modern theme with striking blue, dark gray, and lime green color scheme.
Author: Christopher Wallace
Author URI: http://www.chris-wallace.com
Version: 1.2
Tags: two-columns, fixed-width, blue

  Annexation by Chris Wallace
  http://www.chris-wallace.com/2008/11/25/free-wordpress-theme-annexation
  
  The CSS, XHTML, design and PHP are released under the GNU General Public License:
  http://www.opensource.org/licenses/gpl-license.php
  
*/

body{margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; border-top: 6px solid #032e5f; background-color: #0063B1; text-align: center}
a, a:visited{color: #197bc7; text-decoration: none} 
a:hover, a:active{text-decoration: underline}
a img{border: 1px solid #F2F2F2; padding: 4px;}
a:hover img{border-color: #ccc}
h1{font-size: 2em; letter-spacing: -2px; line-height: 1em}
h2{font-size: 1.4em}
h3{font-size: 1.2em}
caption{border-radius: 4px; -moz-border-radius: 4px; background-color: #f2f2f2}
code{background-color:#f2f2f2}
pre{ height: auto; background: #f2f2f2; width: 540px; overflow-x: scroll; border: 1px dotted #ccc; border-left:0; border-right:0; padding: 5px}
fieldset{margin: 0; padding: 0; border: 0}
.aligncenter {display: block;	margin-left: auto;margin-right: auto;}
.alignleft, .left{float: left; margin: 0 10px 10px 0}
.alignright, .right{float: right; margin: 0 0 10px 10px}
.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption-dd {	font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}
#container{margin: 0 auto; width: 828px; text-align: left}
/* Header Styles */
#header{background: #0063B1 url("images/header-bg.gif") no-repeat bottom left; height: 126px; position: relative;}
#header h1{ float: left; margin: 0; padding: 0; width: 227px; height: 90px; margin-top: 15px; color: white; font-size: 14px; font-weight: bold;letter-spacing: normal; position: relative}
#header h1 span{display: block; position: absolute; bottom: 0; color: white; font: italic 14px Georgia, "Times New Roman", Times, serif}
#header h1 a{display: block; color: white; font: normal 18px Arial, Verdana, Tahoma}
#header form{float: left; margin: 0; padding: 0; width: 478px; height: 32px; background: url("images/header-searchform-bg.png") no-repeat top left}
#header form input#s{margin-left: 38px; height: 20px; width: 360px; background-color: #9db3df; border: 1px solid #d8eeff; vertical-align: middle}
#header form input#submit{vertical-align: middle; margin-left: 5px}
#header #rss{float: right; background: url("images/header-rss-icon.jpg") no-repeat top left; display: block; width: 27px; height: 27px; text-indent: -9999px}
#header #nav{float: right; margin-top: 30px;}
#header #nav li{float: left; list-style: none; margin-right: 6px}
#header #nav li a{color: white; font-size: 11px; text-decoration: none; display: block; padding: 4px 7px;}
#header #nav li a:hover{text-decoration: underline}
/* Main Content Styles */
#main{background: #313131 url("images/content-bg.png") top right; min-height: 500px}
#maincontent{display:inline; float:left; margin-left:227px; padding: 0 20px 10px 20px; width:562px}
#home #maincontent div.postwrapper{ margin: 0 0 20px 0; padding: 0 0 30px 0; border-bottom: 2px solid #E9E9E9}
#home #maincontent div:first-child{background:url("images/latest-post.png") no-repeat top left; margin: 0 0 20px 0; padding: 20px 0 30px 0; border-bottom: 5px solid #E9E9E9}
#home #maincontent div div:first-child{background: none; margin: auto; padding: auto; border: none}
#maincontent h1{margin-bottom: 4px}
#maincontent h1 a{color: black; text-decoration: none}
#maincontent h1 a:hover{color:#999; text-decoration: none}
#maincontent div.posted, #maincontent div.tags{font-size: 11px; color: #999999}
#maincontent div.tags{margin-top: 10px}
#maincontent div.posted span{color: black}
#maincontent .more-link{display: block; font-size: 18px; text-decoration: none; text-align: right; margin: 10px 0;}
#maincontent .more-link:hover{color: black; text-decoration: none;}
/* Sidebar Styles */
#sidebar-content li {line-height: 1.2em; margin-bottom: 6px;}
#sidebar-content a{color: #C6FF3F}
#sidebar-content #left-column{float: left; width: 226px; background-color: #313131; margin-left: -830px}
#sidebar-content .column{color: white}
#sidebar-content .column div{margin: 15px}
#sidebar-content .column h2{font-size: 1.5em; font-weight: normal; padding-bottom: 0; margin-bottom: 0}
#sidebar-content .column dl dt{float: left; width: 30px; clear: both; margin: 0 0 5px 0; padding: 0; display: block}
#sidebar-content .column dl dd{float: left; width: 150px; display: block; margin: 0 0 0 15px; padding: 0}
#sidebar-content .column dl p,
#sidebar-content .column dl h3{margin: 0; padding: 0; font-size: .9em}
#sidebar-content .column dl p{margin-bottom: 20px}
.column ul{margin: 10px 0 0 .4em; padding: 0 0 0 1em}
.column ul li{margin: 0 0 0 .4em; padding: 0; line-height: 1.7em; list-style-image:url("images/ico-category.png"); list-style-position:outside}
#sidebar-content .column .twitter li{list-style-image:url("images/ico-twitter.gif");margin-bottom:13px;}
.column ul li a{color: white; text-decoration: none}
.column ul li a:hover{text-decoration: underline}
/* Comment Bubble Styles */
.commentContainer{float: left; display: block; width: 65px; margin: 8px 0 0 0}
div.bubble{float: left; display: block; height: 18px; width: 18px}
div.bubble a{display: block; height: 18px; width: 18px; background: url("images/bubble.png") no-repeat top left; font-size: 10px;  color: #2b50a5; overflow: hidden; text-align: center; margin: 0 6px 0 3px}
div.edit{clear: both}
/* Comment Styles */
#comments{clear: both; float: left; width: 601px; margin: 20px 0 20px -20px; background: url("images/comments-header.png") no-repeat top left; padding-top: 40px}
#comments ol, #comments ol li{margin: 0; padding: 0; list-style: none}
#comments ol li{width: 601px; padding: 30px 0 10px 0; background: url("images/comments-separator.png") no-repeat top left}
#comments ol li:first-child{padding: 10px 0; background: none}
#comments ol li.author{background: url("images/comments-author-separator.png") no-repeat top left}
#comments ol li div.commentmetadata, #comments fieldset#comment-author{float: left; width: 227px; color: #ccc;}
#comments ol li div.commentmetadata{text-align: right; background: url("images/avatar-speech.png") no-repeat top right}
#comments ol li div.commentmetadata img{float: right; margin: 10px 20px 10px 10px}
#comments ol li div.commentmetadata strong{font: 14px Georgia, "Times New Roman", Times, serif; color: #CCCCCC; display: block; margin-top: 10px}
#comments ol li div.commentmetadata small{display: block; margin: 0}
#comments ol li div.commentmetadata strong a{color: black; text-decoration: none}
#comments ol li div.commentmetadata strong a:hover{text-decoration: underline}
#comments ol li div.comment-body{float: left; width: 330px; margin: 0 0 20px 20px}
#comments fieldset{margin: 0; padding: 0; border: 0}
#comments fieldset#comment-author small{ margin-left: 15px}
#comments fieldset label, #comments fieldset input, #comments fieldset textarea, #comments h3{margin-left: 15px}
#comments fieldset input{width: 160px; border: 1px inset #aaa; color: black; padding: 3px 0; text-indent: 4px}
#comments fieldset textarea{width: 320px}
#comments h3{color: black}
#comments input[type="submit"]{width: auto; border: 1px outset #ccc; background: #e2e2e2; color: black; padding: 3px 6px; font: bold 16px Arial, Helvetica, sans-serif}
#comments fieldset label{display: block; color: black;	 line-height: 1.4em; margin-top: 7px; margin-bottom: 3px; font-size: 11px}

/* Footer Styles */
#footer{width: 828px;  height: 40px; background: url("images/footer-top.jpg") no-repeat top left; clear: both; padding-top: 15px; font-size: 10px; text-transform: uppercase; color: white}
#footer a{color: white}
#footer a:hover{color:#FFFF66; border-bottom: 1px solid white; text-decoration: none}
#footer .inner{width: 828px; text-align: left; margin: 0 auto; }
.inner h4{margin-top: 15px; font: italic 15px Georgia, "Times New Roman", Times, serif; color:#C6FF40;}
.inner h4 img{vertical-align:text-bottom}
.inner .lastfm{float: right; width: 590px;}
.inner #lastfmrecords{ height: 200px;}
.inner #lastfmrecords, 
.inner #lastfmrecords li{ margin: 0; padding: 0; list-style-type: none;}
.inner #lastfmrecords li{float: left;}
.inner #lastfmrecords li a{background: none; display: block; width: 66px; height: 66px; margin: 0 14px 14px 0;}
.inner #lastfmrecords li a:hover{border: none;}
.inner #lastfmrecords li a img{border: 1px solid #459DDF; width: 64px; height: 64px}
.inner #lastfmrecords li a:hover img{border: 1px solid white;}
.inner .recentcomments{width: 200px; float: left;}
.inner .recentcomments ul, #footer .recentcomments ul li{margin: 0; padding: 0; list-style: none; color: #C6FF40}
.recentcomments ul li{margin-bottom: 7px}
.inner .recentcomments ul a{color: white; background: none;}
.inner .recentcomments ul a:hover{background: none;}
.inner .credits{clear: both; padding: 10px 0; color: white;}
.inner .credits img{border: 0; padding: 0; float: right; position: relative; top: -30px;}
.inner .credits p{padding: 0; margin: 0}
.inner .credits a{clear: both; padding: 10px 0; color: #C6FF40;}
.inner .credits a:hover{color: white;}

/* Clear Styles */
.clearboth{clear: both}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}