/*
Theme Name: pbxer
Description: The pbxer.com theme
Version: 1.1	
Author: Jason Moore
Author URI: http://www.pbxer.com/
*/

* { margin:0; padding:0; }

body 
{
	background-color: rgb(33,37,44);
	color: #fff;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12.5px;
	margin: 0;
	padding: 0;
}

p { line-height: 1.6em; margin: 1.2em 0; }

a:link {
/*  color: #459045;*/
  /*color: rgb(23,103,57);*/ /* dark green */
  /*color: rgb(48,72,119);*/ /*dark dark blue*/
  /*color: rgb(157,142,62);*/ /*beige*/
  /*color: rgb(92,103,123);*/ /*dark blue*/
  color: rgb(128,169,129); /*light green*/
	text-decoration: none;
	border-bottom: none;
}

a:visited {
  color: rgb(92,103,123); /*dark blue*/
  /*color: rgb(70,106,108);*/ /* lighter dark blue*/
  text-decoration:none;
/*  border-bottom:none;*/
}


a:hover, a:active {
	text-decoration:none;
	border-bottom: 1px solid;
}

fieldset {
	border:none;
}

code {
	background-color:#eee;
	border:1px solid #ccc;
	padding:5px;
}

h1,h2,h3,h4,h5,h6 {
/*  font-family:Georgia, Tahoma, Arial, Serif;
  font-weight:normal;
*/
	font-family: Helvetica;
  line-height:1.6em;
}

h2 { text-transform: uppercase; color: rgb(157,142,62); }

h2, h3 {
font-size:1.6em;
margin:10px 0;
}

h4 {
font-size:1.3em;
}

ul {
/*  list-style-image:url(images/arrow.gif);*/
	margin:5px 10px 5px 4px;
	padding:1em;
}

li {
	line-height:1.6em;
	margin-bottom:0.5em;
}

#sidebar li.current_page_item { list-style-type: circle; }

#topul { margin-top: 0; padding-top: 0; }

img.alignleft { float: left; margin-right: 16px; }
img.alignright { float: right; margin-left: 16px; }

a img {
  border: none;
}

img.right 
{
	float: right;
	margin:10px 0 0 10px;	
}

img.left 
{
	float: left; 
	margin:0 10px 10px 0;
}

#wrap 
{
	overflow:hidden;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	width:900px;
	margin:0 auto;
}



#header 
{
/*  background:url(images/top.gif) top repeat-x;*/
	height:145px;
	margin:0;
	padding:0;
	width:100%;
}
#logo 
{
	height:100px;
	width:900px;
	margin:0 auto;
}

#blogname 
{
	height:30px;
	padding-left:12px;
	padding-top:28px;
	text-align:left;
}

h1#blogname a 
{
	color:#ddd;
	font-size:1.3em;	
}
h1#blogname a:hover 
{
	color:#fff;	
	text-decoration:none;
	border:0;
}

.description 
{
	color:#CAE972;
	font-size:1em;
	padding-left:12px;
	text-align:left;
	margin:10px 0 0;
}

#main {
	float: left;
	width: 580px;
	margin: 0 0 0 30px; 
	padding: 0;
}

#sidebar {
	float: left;
	width: 180px;
	margin: 0 0 0 30px;
	font-size: 11.5px;
}

#sidebar ul#feed li {
	list-style:none;
	margin:0;
	padding:5px 20px;
	background:url(images/feed-icon.png) no-repeat left ;
}

#sidebar h2 {
	font-size: 18px;
	color: rgb(128,169,129);
	margin: 0;
	padding: 5px 0 0 0;
}

#sidebar p {
	margin: 10px 0;
	line-height: 1.5em;
	color: #eee;
}

#sidebar ul, #sidebar form {
	margin:2px 0;
  padding:5px 10px;
}

#sidebar ul ul ul {
	margin:2px 0;
	padding:0 0 0 10px;
}

#sidebar li.sidebox {
	margin:0 0 2em 0;
	padding:0;
}

#sidebar li {
	margin:3px 0;
	line-height:1.8em;
	list-style:none;
}

#sidebar ul li a {
	color:#516F86;
}

#sidebar ul#topul { margin-top: 0; padding-top: 0; }

/* 'punchy' box */
div.punchbox {
  background: #fff url('images/bg13.gif') top left;
  padding: 6px;
/*  border: solid 1px #c8e7de;*/
/*  border: solid 1px #ccc;*/
}


div.share { margin: 0 0 6px 0; }
div.share a:hover { border: none; }

#footer {
  background: rgb(129,143,169);
  height: 330px;
	clear: both;
  color: rgb(68,121,113);
}

#footer a:link { color: rgb(48,72,119); /*dark dark blue*/
/*color: rgb(92,103,123);*/ /*dark blue - looks more grey */ }


#footer div.col h2 {  }

#footer h2 { margin-top: 30px; margin-bottom: 0; color: rgb(33,37,44); }
#footer div.col ul { margin-top: 0; margin-bottom: 0; padding-top: 4px; }

#footer div.content { width: 850px; margin: 0px auto 0 auto; text-align: left; }
#footer div.col { float: left; width: 210px; }
#footer div.first { margin-left: 20px; width: 220px; }
#footer div.last { width: 190px; }

#footer div.col div.line { width: 139px; background: transparent url(images/dot-lightbg.gif) 0 0 repeat-x; }

div.clear { clear: left; } /* for giving height to an element with only floats! */


#toolbar { margin: 0; padding: 0; }
#toolbar li a { float: left; text-decoration: none; height: 60px; overflow: hidden; text-indent: -999em; margin: 0; color:#fff; }
#toolbar li { display: block; float: left; list-style-type: none; margin: 0; padding: 0; }
#toolbar li a:hover, #toolbar li a:active { border: none; outline: none; } /* remove dotted outline */
#toolbar li a.on { outline: none; } /* no dotted outline */

div.page { width: 850px; margin: 0px auto 0px auto; }
  
/*  levels - 143  223  303 */
/*div#head { background: #fff url(images/header-150pc.png) 0 0; height: 180px; width: 850px; margin: 0; outline: none; }*/

div#head a { display: block; background: #fff url(images/header2-150pc.png) 0 0; height: 180px; width: 850px; margin: 0; outline: none; }
div#head a:hover { border: none; }


div.date { width: 100px; float: right; text-align: right; color: rgb(51,60,63); }

h3.category, h4.category, div.date { text-transform: uppercase; font-size: 10px; font-weight: normal; letter-spacing: 0.3em;
  font-family: Helvetica, sans-serif; }
h3.category, h4.category a { color: rgb(199,82,49); }


ol#commentlist {
	list-style:none;
	margin:5px 0;
	padding:0;
}

.commentname {
	color:#4b5ba2;
}

.commentname a {
	color:rgb(128,168,129);
	font:bold 110% "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	text-decoration:underline;
}

.commenttext {
	margin:5px 0 0 0;
	background: rgb(92,103,123);
}

/* alternate comment colour */
.alt .commenttext {
	background: rgb(79,89,106);
}

* html .commenttext {
	height:90px;
	overflow:visible;
}

input.textbox {
	border: #ccc 1px solid;
	background: rgb(92,103,123);
	color: #fff;
	font: 1em Verdana, sans-serif;
	padding: 2px 5px;
	width: 150px;
}

input#submit { margin: 4px 0 4px 0; }

textarea {
	width: 90%;
	padding: 5px;
	height: 10em;
	border: 1px solid #ccc;	
	background: rgb(92,103,123);
	color: #fff;
	font: 1em Verdana, sans-serif;
}

textarea#cp_message { width: 400px; height: 60px; }

input.textbox:focus, textarea:focus {
	border:#999 1px solid;
}

.commentp {
	padding:20px 12px 10px 10px;
}

.commenttext p {
	margin:0 0 10px;
	padding:0;
}

#commentblock ol li {
	margin-bottom:30px;
}

#commentblock {
	margin-left:4px;
}

.gravatar {
	background:url(images/grav.png) no-repeat;
	display:inline;
	float:left;
	height:32px;
	width:32px;
	margin:20px 0 0 10px;
	padding:8px;
}

#commentsform p {
	margin-bottom:5px;
	margin-top:5px;
}

h3.title {
	margin: 2px 0 4px 0;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 30px;
	color: rgb(129,143,169);
	line-height: 1em;
}

h3.title a:link, h3.title a:visited, h3.title a:hover, h3.title a:active {
  outline: none;
  color: rgb(129,143,169);
}

h3.title a:hover { 
  /*color: rgb(199,82,49);*/ /* pink */
  color: rgb(128,169,129);
  border-bottom: none; }

/* make bold stand out a bit more */
p b { background-color: rgb(43,47,54); padding: 1px; font-weight: normal; }

.entry {
  /* add space to bottom... */
	margin: 0 0 20px 0;
	padding: 0;
/*  border-bottom: #eed 3px double;*/
}

div.entry div.body {
	margin: 1em 0;
	padding: 0;
}

div.entry div.body a:link, div.entry div.body a:visited {
	border-bottom: 1px dashed;
}

div.entry div.body a:active, div.entry div.body a:hover {
	border-bottom: 1px solid;
}

.meta {
	margin: 0;
	padding: 0;
}

.meta .comments {
	background:url(images/comments.gif) no-repeat left center;
	padding-left:15px;
}

h2.archives {
  font-size:1.7em;
	color:#fff;
	font-style:italic;
	margin-bottom:25px;
	text-align:center;
}

h2.archives span { 
	border-bottom: dotted 1px #fff;
}

.entrymeta-single {
	color:#333;
	margin-bottom:20px;
	margin-top:3px;
}

div.entry .body ul, div.entry .body ol {
	margin: 10px 0 10px 30px;
}

.entry li {
	line-height:1.6em;
}

table {
  margin:10px;
}

td,th {
  padding:3px;
}

blockquote {
	color:#666;
	margin: 1em;
	padding: 0 78px 10px 40px; /* assuming body text is ~525px */
	background: url(images/blockquote2.gif) no-repeat left top;	
}

div.wisp1 {
/*  width: 82px;*/
width: 100%;
  height: 26px;
  background: transparent url(images/wisp1.gif) top center no-repeat;
  margin: 12px 0 4px 0;
}

pre {
  font-family: Monaco, "Courier New", Courier, monospace;
  font-size: 12px;
  margin-bottom: 22px;
  background: rgb(69,106,76) url(images/linenumbers.gif) 0 -5px no-repeat;
  border: 1px solid #DADADA;
  font-size: 11px;
  line-height: 16px;
  overflow: auto;
  padding: 6px 11px 6px 20px;
}

pre.cmd { background: #51353a url(images/cmdbg2.gif) 0 -5px no-repeat; }
pre.cmd_old { background: #6a454f url(images/cmdbg.gif) 0 -5px no-repeat; }

pre.output { background: none #6a454f; }


div.filename { background: rgb(51,60,63) url(images/file-icon.gif) 0px -2px no-repeat; }
div.excerpt { background: rgb(51,60,63) url(images/file-excerpt-icon.gif) 0px -2px no-repeat; }
div.cmd, div.onlycmd { background: #51353a url(images/cmd-icon.gif) 0px -2px no-repeat; color: #fff; }

div.asteriskcmd, div.onlyasteriskcmd { background: #ac9d59 url(images/asterisk-cmd.gif) 0px -2px no-repeat; color: #fff; }
pre.asteriskoutput { background: none #8a7e47; }


div.filename, div.excerpt, div.cmd, div.onlycmd, div.asteriskcmd, div.onlyasteriskcmd { border: 1px solid #DADADA; border-bottom: none; padding: 1px 0 1px 20px;
  font-family: Monaco, "Courier New", Courier, monospace; font-size: 11px; }
div.filename, div.excerpt { color: rgb(146,180,143); }  
div.onlycmd, div.onlyasteriskcmd { border-bottom: 1px solid #DADADA; } /* normally bottom border is from pre output */
div.asteriskcmd, div.onlyasteriskcmd { padding-left: 70px; }  

#sidebar p.first, p.first { margin-top: 0; }

div.line { width: 100%; height: 4px; background: transparent url(images/dot.gif) top left repeat-x; margin: 2px 0; }
div.shortline { width: 50%px; height: 4px; background: transparent url(images/dot.gif) top left repeat-x; }

div.button { width: 151px; height: 42px; }
div.button a { color: #fff; }
div.button span { margin-left: 35px; width: 100px; font-size: 10px; }
div.button span.one {  padding-top: 15px; display: block; } /* one line */
div.button span.two { padding-top: 8px;  display: block; } /* two lines */
div.gold { background: transparent url(images/button-gold.gif) -3px 0 no-repeat; }
div.blue { background: transparent url(images/button-blue.gif) -3px 0 no-repeat; }
div.green { background: transparent url(images/button-green.gif) -3px 0 no-repeat; }
div.red { background: transparent url(images/button-red.gif) -3px 0 no-repeat; }

div.go { background: transparent url(images/arrow.gif) 0 0 no-repeat; }
div.go a { margin-left: 15px; padding-top: 0px; }
div.goon { background: transparent url(images/continue-to.gif) 0 -2px no-repeat; height: 16px; padding-top: 1px; margin: 40px 0; }
div.goon a { margin-left: 95px; padding-top: 0px; }

div.go a:visited { text-decoration: line-through; }
#sidebar ul.steps li a:hover { color: #fff; text-decoration: none; }
ul.steps li a:visited { text-decoration: line-through; }

span.digit { padding: 1px 4px; border: solid 1px #999; background: #202020; }

.hide { display: none; }

label { font-size: 11px; }
