/*
Theme Name: The Observer
Theme URI: http://www.junglejar.com/templates/demos/theobserver
Description: The Observer - A premium Wordpress template from JungleJar.com.
Author: Christopher@JungleJar.com
Author URI: http://www.ChristopherHennis.com
Version: 1.1a
*/


body {
 background:url('img/background.jpg'); 
 width:1000px;
 height:auto;
 margin:auto;
 color:#3f5f5f;
 font:11px/20px Helvetica, sans-serif
}

/* global classes */
.alignleft { float:left;margin:0 10px 10px 0 }
.alignright { float:right }
.aligncenter { margin-left:auto; margin-right:auto; display:block }
.alignnone { margin:0 0 10px 10px } 
.clear { clear:both }
.float-left { float:left }
.float-right { float:right }
.text-left { text-align:left }
.text-right { text-align:right }
.text-center { text-align:center }
.text-justify { text-align:justify }
.bold { font-weight:bold }
.italic { font-style:italic }
.underline { border-bottom:1px solid }
.highlight { background:#ffc }
.img-left { float:left;margin:4px 10px 4px 0 }
.img-right { float:right;margin:4px 0 4px 10px }
.nopadding { padding:0 }
.noindent { margin-left:0; padding-left:0 }
.nobullet { list-style:none; list-style-image:none }


/* setup */
.wrapper { float:left; background:#fff; width:998px; height:auto; margin:auto; border:#ffffff 10px solid }
ul, li { padding:0; margin:0; list-style:none }
ol, li { padding:0; margin:0; list-style:none }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0 }
img { border:0 }
a:link { text-decoration:none; color:#344d68; font-weight:700 }
a:visited { text-decoration:none; color: #344d68; font-weight:700 }
a:hover { text-decoration:underline; color:#344d68 }
a:active { text-decoration:underline; color: #344d68 }
.postsnavlink { clear:left; float:left; width:562px; height:auto; margin-top:20px; padding-top:5px; border-top:#999 1px solid; text-indent:0; padding-bottom:40px }


/* header */
.header { background:#248d84; width:998px; height:150px }
.header_navigation { background:#005837; width:998px; height:30px }
ul.nav { font-size:13px; padding-top:4px; margin-left:5px }
ul.nav li { display:inline; padding-left:20px; padding-right:20px; border-right:#cfcfcf 1px solid }
ul.nav li a { color:#ffffff }
ul.nav li a:hover {  text-decoration:underline; }
.stickypost { float:left; background:#fafafa url('img/headsep.png') no-repeat; background-position:700px 0; width:996px; height:auto; min-height:150px; margin-top:10px; padding-bottom:0px; border:#e9e9e9 1px solid }
img.sthumb { float:left; width:auto; height:auto; margin-top:20px; margin-left:20px; padding:2px; border:#000 1px solid }
.stickyleft { float:left; width:170px; height:auto; min-height:150px }
.stickysearch { float:right; width:300px; height:auto; min-height:150px }
.twitter { background:#fffff; width:280px; height:95px; margin-left:20px }
.twitter-title { margin:5px 10px 10px 20px; color:#ff0000; font-size:13px; font-weight:bold; }
img.tweet { float:left; width:91px; height:95px; margin-left:20px; }
#twitter_div { background-color:#000000; color:#ffffff; float:right; width:140px; height:auto; min-height:83px; margin-right:10px; padding:5px; font-size:9px; border:#78afa1 1px solid }
#twitter_div a { color:#ff0000 }
.stickyright { float:left; width:470px; height:auto; min-height:150px; }
h2.stick { font-size:17px; margin-top:20px; text-indent:0 }
ul.auth { float:left; font-size:9px; margin-left:20px; color:#32816a }
ul.auth li { display:inline; background:url('ico/pencil2.png') no-repeat; background-position:2px 0; padding-left:25px; padding-bottom:5px }
.singlebar { background:#fafafa; width:998px; height:20px }


/* index */
.postcontain { float:left; background:#f7f7f7; width:562px; height:auto; margin-top:30px; border-bottom:#e9e9e9 1px solid }
.postcontain p { padding:0 10px 10px 10px }
h2.posttitle { font-size:18px; margin-top:13px; margin-left:10px }
h2.posttitle a { color:#3f3f3f; font-weight:lighter }
img.fthumb { float:left; width:auto; height:auto; margin-left:10px; margin-top:15px; margin-right:10px; border:#000 1px solid; padding:2px }
ul.comments { background:#005837; width:540px; height:20px; font-size:9px; padding-right:10px; text-align:right; border-left:#78afa1 12px solid }
ul.comments li { display:inline; }
ul.comments li a { color:#78afa1 }
ul.postauthor { font-size:10px; color:#326bad; margin-left:10px }
ul.postauthor li { display:inline }
ul.postauthor li a { color:#326bad }


/* sidebar */
.sidebar { float:right; width:250px; height:auto; min-height:100px; background:#f7f7f7; margin-right:15px; margin-top:30px }
.sidebar2 { float:right; width:145px; height:auto; min-height:100px; background:#f7f7f7; margin-top:350px; border-bottom:#e9e9e9 1px solid }
ul.cats { margin-top:5px; padding-bottom:10px; margin-top:10px; border-bottom:#e9e9e9 1px solid }
ul.cats li { display:block; background:url('ico/arrow.png') no-repeat; background-position:5px 4px; font-size:10px; padding-left:35px }
ul.cats li:hover { background:#fff url('ico/arrow2.png') no-repeat; background-position:3px 4px }
ul.cats li a { color:#999 }
ul.title { background:#78afa1; width:240px; height:20px; font-size:12px; font-weight: bold; padding-right:10px; text-align:right; border-bottom:#666666 1px solid }
ul.title li { display:inline; color:#ffffff }
ul.title-roadto {background:#ff0000; width:240px; height:20px; font-size:12px; font-weight: bold; padding-right:10px; text-align:right }
ul.title-roadto li { display:inline; color:#ffffff }
ul.title2 { background:#78afa1; width:135px; height:20px; font-size:12px; font-weight: bold; padding-right:10px; text-align:right; border-bottom:#666666 1px solid }
ul.title2 li { display:inline; color:#ffffff }
.sidespace { width:250px; height:30px; background:#fff }
ul.widget { }
ul.widget li { }
ul.rss { margin-top:5px; padding-bottom:10px; padding-left:20px; margin-top:10px; border-bottom:#e9e9e9 1px solid }
ul.rss a { color:#999 }
ul.about { margin:10px; }
#medals { background: url('img/medal-back.jpg') no-repeat; border-top:#f7f7f7 1px solid; height:300px; width:355px; padding: 0 0 20px 55px; }

/* single */
.singlecontain { float:left; width:562px; height:auto; margin-top:30px }
h1.singletitle { margin-top:20px; padding-bottom:15px }
h1.singlesearch { margin-top:5px }
h2.singletitle { margin-top:20px; padding-bottom:10px }
h2.searchh2 { margin-top:20px; font-size:14px }
ul.follow { margin-top:10px; margin-bottom:40px; font-size:9px }
ul.follow li { display:inline }
ul.follow li a { color:#df3434 }
ul.follow2 { float:right; margin:-20px 10px 10px 0; font-size:9px }
ul.follow2 li { display:inline }
ul.follow2 li a { color:#df3434 }
ul.results { margin-top:5px; font-size:10px; padding-bottom:30px }
ul.results li { display:inline }
img.alignleft { float:left; width:auto; height:auto; border:#000 1px solid; padding:2px }

/* comments */
#comment { width:550px; height:200px; background:#fff; color:#000; border:#a7a4c3 1px solid }
div#respond { width:550px; height:auto; margin-top:30px; padding-top:30px; border-top:#ccc 1px solid }
ul.commentlist { }
ul.commentlist li img.avatar { float:left; padding:2px; border:#ccd2dc 1px solid; margin-right:5px }
ul.commentlist a { color:#344d68 }
ul.commentlist li { background:#fafafa; border:#e9e9e9 1px solid; color:#000; padding:6px; font-size:11px; font-family:Arial, sans-serif; line-height:170%; margin-top:30px }
input#url { background:#caf6eb; color:#000; border:#000 1px solid }
input#email { background:#caf6eb; color:#000; border:#000 1px solid }
input#author { background:#caf6eb; color:#000; border:#000 1px solid }
h4#comments { margin-top:45px; color:#000; padding-bottom:5px; border-bottom:#e0e0e0 1px solid; text-align:right }
.comment-meta { font-size:10px; text-indent:0 }
.comment-author { text-indent:0 }


/* searchform */
li.search { display:inline; padding:0 }
ul.usearch { float:right; margin-right:23px }
input.tops { float:left; background:#eaeaea; border:#ddd 1px solid; width:145px; height:16px; color:#000; margin-top:25px; font-weight:700 }
input.srch { width:65px; height:20px; margin-left:10px; margin-top:25px }
form#searchform { float:left; height:22px; padding:0; margin:0 }

input.tops2 { float:left; background:#eaeaea; border:#ddd 1px solid; width:145px; height:16px; color:#000; margin-top:15px; font-weight:700 }
input.srch2 { width:65px; height:20px; margin-left:10px; margin-top:15px }


/* footer */
.footer { background:#005837; width:998px; height:24px; margin-top:50px }
ul.footernotes { padding-top:3px; font-size:11px; color:#fff; font-weight:bold; text-align:center }
ul.footernotes a { color:#e0e0e0 }
ul.footernotes li { display:inline }


/* twitter */
.twitter-message { background-color:#ffffff; color:#000000; border:#000000 1px dotted; font-size:12px; padding:10px; }
.twitter-timestamp { color:#000000; }


/* searchform */
.search-form { float:right }
.search-form input { float:right; width:140px; margin:-20px 10px 0 0; }