/*
Theme Name: Lookout Blog
Description: The most Semantic, SEO Optimised Wordpress Theme!
Author:
Author URI:
*/

/* Reset */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

.float_left {
  float: left; }

.float_right {
  float: right; }

body, html							{ height: 100%; }
body 								{ font-size: 62.5%; font-family: Trebuchet MS, Verdana, serif; color: #333; background-color: #fff; }
:focus 								{ outline:0px; }
a			 						{ color:#3fa024; text-decoration: none; }
a:hover, a:active							{ text-decoration: underline; }
p									{ margin-bottom: 10px; }
.clearfix:after						{ content: "."; visibility: hidden;  display: block; height: 0px; clear: both; }
* html .clearfix					{ height: 1%; }	

#container							{ width: 900px; margin: 0px auto; min-height: 500px; }

#header_wrapper {
  background-color: #ffffff; }
  #header_wrapper #header {
    background: url(images/header_bg.png) top left repeat-x;
    color: #fff;
    height: 82px;
    margin-bottom: 40px;
    width: 100%; }
    #header_wrapper #header #header_container {
      margin: 0 auto;
      width: 900px; }
      #header_wrapper #header #header_container #header_logo {
        width: 202px; }
      #header_wrapper #header #header_container #header_menu {
        width: 650px; }
    #header_wrapper #header #main_logo {
      background: url(images/header_logo.png) 0 0 no-repeat;
      height: 53px;
      padding: 0;
      position: relative;
      top: 12px;
      left: 10px;
      width: 202px; }
      #header_wrapper #header #main_logo a {
        text-indent: -9999px;
        display: block;
        height: 53px;
        width: 202px; }
    #header_wrapper #header #login_button {
      float: right;
      height: 48px;
      margin-right: 10px;
      position: relative;
      top: 19px;
      width: 114px; }
      #header_wrapper #header #login_button a {
        cursor: pointer;
        float: left;
        height: 48px;
        width: 114px; }
        #header_wrapper #header #login_button a:hover {
          background-position: 0 -49px; }
      #header_wrapper #header #login_button a {
        background: url(images/login_button.png) 0 0 no-repeat; }
    #header_wrapper #header #signup_button {
      float: right;
      height: 48px;
      margin-right: 10px;
      position: relative;
      top: 19px;
      width: 114px; }
      #header_wrapper #header #signup_button a {
        cursor: pointer;
        float: left;
        height: 48px;
        width: 114px; }
        #header_wrapper #header #signup_button a:hover {
          background-position: 0 -49px; }
      #header_wrapper #header #signup_button a {
        background: url(images/signup_button.png) 0 0 no-repeat; }
    #header_wrapper #header #big_text_nav {
      float: right;
      height: 82px;
      line-height: 82px;
      text-align: right;
      vertical-align: middle;
      width: 300px; }
      #header_wrapper #header #big_text_nav a {
        color: #fff;
        font-size: 17px;
        margin-right: 20px; }
    #header_wrapper #header li {
      float: left;
      list-style: none; }

#wrap								{ width: 900px; margin: 40px 0px 0px; }
#content							{ width: 600px; float: left; }

.post								{ line-height: 19px; margin-bottom: 25px; }
.post h1 							{ color: #333; font-weight: bold; font-size: 2.5em; line-height: 30px; }
.post h1 a 							{ color: #333; text-decoration:none; }
.post h1 a:hover 					{ color: #3fa024; text-decoration:none; }
.post h2 							{ color: #333; font-weight: bold; font-size: 1.3em; line-height: 30px; }
.post h2 a 							{ color: #333; text-decoration:none; }
.post h2 a:hover 					{ color: #3fa024; text-decoration:none; }
.post span							{ font: 24px "Trebuchet MS", serif; color: #CCC; }
.post span.author					{ color: #e0a352; font-weight: bold; padding-right: 10px; }
.post p.quick_links					{ font-size: 12px; font-weight: bold; line-height: 15px; margin: 10px 0px 15px 0px; vertical-align: middle; }
.post p.quick_links a					{ margin: 0 5px; vertical-align: middle; }
.post p.quick_links img					{ vertical-align: middle; }
.post .info							{ margin: 10px 0px 15px 0px; }
.post .info a						{ color: #3fa024; font-weight: bold; }
.post .info a.comments				{ background: url(images/comments.gif) no-repeat left center; padding: 0px 0px 0px 20px; }
.post .download_link	{ background-color: #D6EDB8; clear: both; padding: 10px; text-align: center; }
.post .download_link a { color: #333333; font-size: 1.5em; font-weight: bold; text-decoration: underline; }
.post .download_link a:hover, .post .download_link a:active { color: #000; }

.entry								{ font-size: 1.25em; }
.entry blockquote					{ color: #666; padding: 5px 30px 5px 30px; background: url(images/quotes.gif) no-repeat top left; border: none; }
.entry h1							{ font-size: 1.8em; font-weight: bold; }
.entry h3							{ font-size: 1.5em; font-weight: bold; }
.entry h3
.entry h4							{ font: bold 20px "Trebuchet MS", serif; }
.entry ul							{ margin: 10px 0px 10px 30px; }
.entry li							{ list-style-image: url(images/square.gif); list-style-position: outside; }
.entry p							{ margin: 10px 0; }
.entry blockquote 					{ margin: 0px 0px 1em 5px; padding: 3px 30px 1px; }
.entry img.alignleft				{ float: left; margin: 0px 15px 10px 0px; display: block; }
.entry img.alignright				{ float: right; margin: 0px 0px 10px 15px; display: block; }

.navigation							{ font-size: 1.25em; margin: 25px 0px; }
.navigation a						{ color: #3fa024; text-decoration: none; font-weight: bold; }
.navigation .left					{ float: left; width: auto; }
.navigation .right					{ float: right; width: auto; text-align: right; }

#sidebar							{ color: #333; font-size: 1.25em; width: 235px; float: right; }
#sidebar h4							{ font-weight: bold; font-size: 1.5em; margin-bottom: 5px; font-family: "Trebuchet MS", serif; line-height: 26px; }
#sidebar a							{ color: #3fa024; text-decoration: none; }
#sidebar a:hover						{ text-decoration: underline; }
#sidebar .widget					{ margin-bottom: 25px; }

#sidebar .widget .flickr-photos img { margin: 0 10px 10px 0; }

#sidebar .widget #twitter_update_list li { margin-bottom: 8px; }

#comments h3						{ font-weight: bold; font-size: 1.5em; margin-bottom: 10px; font-family: "Trebuchet MS", serif; line-height: 26px; }

.commentlist						{ margin-bottom: 40px; font-size: 1.25em; }
.commentlist li						{ color: #333; padding: 15px; }
.commentlist li.alt					{ background: #e8f7d4; }
.commentlist li .num				{ font-weight: bold; width: 25px; float: left; }
.commentlist li .text				{ float: left; width: 500px; }
.commentlist li a					{ color: #3fa024; font-weight: bold; text-decoration: none; }
.commentlist li .info				{ font: 14px "Trebuchet MS", serif; color: #666; }

#commentform						{ background: #e8f7d4; padding: 20px; font-size: 1.25em; line-height: 19px; }
#commentform label					{ width: 40px; float: left; text-align: right; margin-right: 10px; display: block; clear: left; }
#commentform input.field			{ border-style: inset; border-color: #bbb; padding: 3px; display: block; width: 280px; float: left; }
#commentform textarea				{ border-style: inset; border-color: #bbb; padding: 3px; display: block; width: 420px; height: 150px; }
#commentform input#submit			{ border-style: outset; border-color: #bbb; padding: 3px; display: block; width: 170px; float: left; background: #f0f0f0; color: #333; font-weight: bold; }

#footer { clear: both; width: 100%; height: 200px; background: url(images/footerbg.gif) repeat-x bottom; }

  #footer #footer_container {
    margin: 0 auto;
    width: 900px;
    height: 100%;
    position: relative; }
  #footer #legal {
    bottom: 3px;
    color: #999;
    font-size: 10px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 100%; }
    #footer #legal a:link, #footer #legal a:visited {
      color: #999; }