/*  
Theme Name: Offshoot
Theme URI: http://blog.offshootinc.com/
Description: 
Version: 1.0
Author: Neil Hamilton
Author URI: http://offshootinc.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* - - - styles - - - */

body {
	font-size:12px;
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
	color:#CFCFCF;
	font-weight:normal;
	line-height:150%;
}

#comment_post_section p {
	margin-bottom:10px;
}

#sidebar {
  /*font-size:12px;*/
  line-height:120%;
  
}

p {
  padding:0;
  margin:0;
}

a img {
  border:none;
}

ul {
  padding:0;
  margin:0;
  list-style-type:none;
  text-indent:0;
  font-size:12px;
}

pre {
  font-family:courier;
  font-size:8px;
  background-color:#1F1F1F;
  width:545px;
  overflow:auto;
  margin:10px 0;
  padding:10px;
}

a {
  text-decoration:none;
}

a:hover {
  text-decoration:none;
}

input {
  font-size:11px;
}


/* - - - headers - - - */

.post h2 {
  font-size:17px;
  font-weight:bold;
  background:url(images/common/comment_div.gif) repeat-x bottom;
  padding-bottom:3px;
  margin-bottom:4px;
}

.pagetitle {
  font-size:14px;
  font-weight:bold;
}

.post h2 a, #comment_section .post_a_comment, #comment_post h3 {
  color:#98C801;
}

.post h2 a:hover {
  color:#737373;
}

.post .about_page {
  margin-bottom:15px;
}

.post h3 a {
  color:#FFFFFF;
}

.post h3 a:hover {
  color:#ef5001;
}

.post h3 {
	font-size:10px;
	color:#939393;
	padding-bottom:10px;
}

.list_title, .recent_blog_title {
  color:#9FD200;
  font-size:12px;
}

#comment_section h3 {
  font-weight:normal;
}


/* - - - content - - - */

.post p {
  color:#BFBFBF;
}

.postmetadata a, .entry a, .login a {
  color:#EF5001;
}

.postmetadata a:hover, .entry a:hover, .login a:hover {
  color:#737373;
  text-decoration:none;
}


#footer p {
  font-size:9px;
  color:#FFFFFF;
}

.post .about {
}

.post .about_ul {
}

.post .about {
  color:#98C801;
  font-size:11px;
}

#comment_post_section a {
  color:#EF5001;
}

#comment_post_section a:hover {
  color:#737373;
}

#comment_post_section h4 a {
  color:#98C801;
}

#comment_post_section h4 a:hover {
  color:#737373;
}


/* - - - lists - - - */

#sidebar, #sidebar a, .post .bulleted a {
  color:#9F9F9F;
}

#sidebar a:hover, .post .bulleted a:hover {
  color:#737373;
}

.bulleted {
  padding:0;
}

.bulleted li {
  background:url(images/common/bullet_arrow.gif) no-repeat 0 7px;
  padding:0 0 0 15px;
}

#sidebar ul.recent_blogs a.blog_reg {
  color:#BFBFBF;
  background-color:#343434;
}

#sidebar ul.recent_blogs a.blog_important {
  color:#FFFFFF;
  font-size:1.5em;
  background-color:#474747;
}

#sidebar ul.recent_blogs a.blog_important:hover {
  color:#9F9F9F;
}

#sidebar ul.recent_blogs a.blog_reg:hover {
  color:#6F6F6F;
}



/* - - - comments - - - */
.form_style {
  background-color:#1F1F1F;
  color:#FFFFFF;
}

#comment_section h2 {
  font-size:15px;
  font-weight:normal;
}

#comment_section h3 {
  font-size:13px;
  color:#98C801;
}

#comment_section h4, h4 a {
  color:#98C801;
  font-size:11px;
}

#comment_section h4 a:hover {
  color:#737373;
}

#comment_section h5 {
	font-size:10px;
	color:#9f9f9f;
}

p.waiting {
  font-weight:bold;
  font-style:italic;
}

#comment_section .background {
  background-color:#1F1F1F;
}


/* - - - layout - - - */
body {
	margin:0 0 20px 0;
	padding:0;
	background:#000000;
}

h1, h2, h3, h4, h5 {
  margin:0;
  padding:0;
}

.post h3 {
  margin-bottom:10px;
}

.pagetitle {
  margin-bottom:20px;
}

#wrapper {
  width:900px;
  margin:auto;
  background:url(images/common/main_background.jpg) center top no-repeat;
}
	
#container {
  width:832px;
  margin-left:37px;
}

#header {
	background:transparent;
	height:146px;
	width:900px;
	/*margin-left:128px;*/
}

#header img {
  position:relative;
  top:43px;
}

#gradient_background {
  width:596px;
  background:url(images/common/content_grad.jpg) repeat-x;
  float:left;
  margin-top:2px;
}

#content {
  width:596px;
  margin-top:23px;
  padding-top:20px;
  background: url(images/common/content_div_loop.gif) repeat-y right;
}

.post {
	text-align:left;
	width:565px;
	margin-bottom:60px;
}

.post li {
  margin-left:13px;
}

.post p {
  margin-bottom:10px;
}

.postmetadata_comments img {
  margin-right:3px;
}

.postmetadata_comments {
  padding-top:10px;
}

.comment_sep {
  width:565px;
  height:1px;
  background:url(images/common/comment_div.gif) repeat-x;
  margin:3px 0;
}

* html .comment_sep {
  margin-bottom:-9px;
}

.comment_sep_index {
  width:565px;
  height:1px;
  background:url(images/common/comment_div.gif) repeat-x;
  padding:0;
}

#content_end {
  height:100px;
  /*background:url(images/common/fadeout.png) no-repeat right;*/
  margin-top:15px;
  position:relative;
}

#content_end #fadeout {
  position:absolute;
  right:0;
}

#sidebar {
  width:236px;
  float:right;
  background:url(images/common/content_grad.jpg) repeat-x;
  margin-top:2px;
  padding-top:43px;
}

html>body #sidebar {
  *padding-top:53px;
}

#sidebar_list {
  width:216px;
  margin:0 0 0 20px;
}

.list_title, .recent_blog_title {
  margin-bottom:5px;
}

.list_title {
  margin:10px 0 5px 0;
}

#footer {
  width:596px;
  background:transparent;
}

#footer img {
  margin-bottom:6px;
}

/* - - - sidebar - - - */
#sidebar li {
  margin-left:15px;
}

#sidebar ul.recent_blogs li {
  margin-left:0;
}

#sidebar br {
  clear:both;
}

#recent_img {
  position:relative;
  top:-5px;
  float:left;
}

a.blog_important {
  display:block;
  float:left;
  padding:6% 5% 5.5% 5%;
  margin-bottom:1px;
}

a.blog_reg {
  padding:2.5% 5% 2.5% 4%;
  display:block;
  float:left;
  margin-bottom:1px;
}

h2.recent_blog_title {
  display:block;
  float:left;
  margin-right:6px;
}

.bulleted, #recent_blogs_div {
  margin:0 0 10px 0;
}


#searchform {
  padding:0;
  margin-top:10px;
}

.search_form {
  background-color:#1F1F1F;
  border:1px solid #2F2F2F;
  color:#FFFFFF;
  float:left;
  margin-bottom:60px;
}

.search_form input {
  width:110px;
  font-size:11px;
}

.searchsubmit {
  background:transparent;
  border:none;
  float:left;
  position:relative;
  top:-3px;
}

/* - - - comments section - - - */
#comment_section {
}

.form_style {
  border:1px solid #2F2F2F;
  background-color:#1F1F1F;
}

#comment_post {
  width:565px;
}

.label {
  vertical-align:top;
  position:relative;
  left:6px;
  top:4px;
}

.post_comment {
  border:none;
  background:transparent;
  position:relative;
  left:-10px;  
}

h3.comments {
  padding:0;
  margin:0;
}

#comment_section h4 {
  padding:0;
  margin:0 5px 0 0;
  display:block;
  float:left;
}

#comment_section h5 {
  margin-bottom:6px;
}

#comment_section .background, #comment_section .no_background {
  padding:3% 3%;
}

#comment_section .post_a_comment {
  margin:40px 30px 0 0;
  background:url(images/common/comment_div.gif) repeat-x bottom;
}

#comment_form {
  margin:20px 0;
}

#comment_form p {
  margin-bottom:6px;
  padding:0;
}

#comment_form input {
  font-size:11px;
  font-family: Verdana, Sans-Serif;
}

#comment_form p {
  
}

#comment_post_section {
  margin:25px 0;
}

/* spam security */

#secureimgdiv {
  margin-bottom:10px;
  color:#98C801;
}

#secureimgdiv span, #secureimgdiv label {
  display:none;
}

#secureimgdiv small {
  margin:-20px 0 -17px 0;
  display:block;
}

#secureimgdiv input {
  width:204px;
  margin-top:47px;
  border:1px solid #2F2F2F;
  background-color:#1F1F1F;
  color:#fff;
  font-size:11px;
  font-family: Verdana, Sans-Serif;
}

#secureimgdiv img {
  position:relative;
  left:-208px;
  background:#fff;
}


/* - - - headers - - - */

h3.search_posts {
  font-size:12px;
}

/* - - - various classes - - - */

a img {
	border: none;
}
	
.pic_border {
  border:3px solid #FFFFFF;
}

.mugshot {
  margin:10px 0;
}

.clear {
  clear:both;
}

.grey {
  color:#474747;
  padding:0 4px;
  font-size:12px;
}

.orange {
  color:#EF5001;
}

.align_left {
	float:left;
}

.align_right {
	float:right;
}

.entry p strong {
	color:#9FD200;
}




.btn {
	background:none;
	border:none;
	width:auto;
	overflow:visible;
	font:bold 11px arial;
	cursor:pointer;
	margin:0 0px 0 0;
	padding:0;
	white-space:nowrap;
	position:relative;
	z-index:2;
}

.btn:hover {
	text-decoration:none;
	border:none;
}

	.btn span {
		height:22px;
		float:left;
		padding:0 0 0 9px;
	}

		.btn span span {
			height:17px;
			padding:5px 15px 0 6px;
		}

.update span {
	background:transparent url(images/common/blog_btn_L.gif) no-repeat top left;
}

	.update span span {
		background:transparent url(images/common/blog_btn_R.gif) no-repeat top right;
		font-weight: bold;
		color:#666666;
	}
	
.navigation {
	margin-right:32px;
}

#tag-cloud {
	line-height:180%;
}

.navigation a {
color:#EF5001;
}