/*   
Theme Name: BeastBlog
Theme URI: http://green-beast.com/beastblog/
Description: Clean and simple, highly usable and priority 2 accessible. Strictly coded. [<a href="http://green-beast.com/beastblog/">Theme Help</a>]
Author: Mike Cherim
Author URI: http://green-beast.com/
Version: v.2.0BB
Copyright 2004-2007 Mike Cherim. Some rights reserved. Leave footer statement intact please.
*/

/* body and layout begin =================================================== */

* {
  margin : 0;
  padding : 0;
}

body {  
  font : 100.1% 'trebuchet ms', 'lucida sans', 'lucida grande', 'century gothic', 'palatino sans', helvetica, arial, sans-serif;
  background : #fafafa url(images/bb_background.jpg) no-repeat bottom left;
  background-attachment : fixed;
  color : #444;
  text-align : center;
}

#page { 
  margin : auto;
  width : 760px;
  text-align : left; 
}

.narrowcolumn { 
  float : left;
  width : 520px; 
  display : inline;
}

.widecolumn { 
  width : 720px; 
}

.widebody { 
  width : 100%; 
}

#sidebar { 
  padding : 5px 0 50px 0;
  display : inline;
  float : right;
  overflow : hidden;
  width : 200px; 
  font-size : 0.9em; 
} 

#footer { 
  margin : auto;
  width : 760px;
  height : 6em;
  clear : both;
  background : url(images/bb_footer.gif) no-repeat bottom center; 
}

/* body and layout end */
/* global elements and classes begin ======================================= */

a { 
  color : #666;
  font-size : 100%;
  text-decoration : underline; 
}

a:hover, a:focus, a:active { 
  color : #000;
  text-decoration : none; 
}

a:focus, a:active { 
  background-color : #ffffdd; 
}

small {
  color : #669900;
}

acronym, abbr, dfn { 
  cursor : help; 
  border-bottom : 1px dotted #99cc66; 
  font-style : normal;
}

.commentrules dfn {
  border : 0;
}

code, kbd {  
  font : 1em 'courier new', courier, monospace; 
  color : #000;
  background : #fff;
}

blockquote { 
  background : url(images/bb_quotes.gif) no-repeat top left;
  margin : 15px 0 0 5px;
  padding : 5px 20px 0 25px;
  border-right : 1px dotted #99cc66; 
  border-left : 1px dotted #99cc66; 
  color : #666;
  text-indent : 30px;
}

blockquote cite {
  background : url(images/bb_quotes_end.gif) no-repeat top right; 
  display : block; 
  padding-top : 20px;
  padding-right : 50px;
  text-align : right;
  color : #669900;
  font-weight : bold;
}

.ex-pullquote, .pullquote { 
  float : right; 
  width : 210px; 
  border : 0; 
  color : #669900;
  font-family : georgia, palatino, 'times new roman', serif; 
  font-size : 110%; 
  font-weight : bold; 
  font-style : italic; 
  margin : -5px 0 15px 10px;
}

.pullquote {
  width : 250px;
  margin : -25px 0 20px 15px;
}

blockquote.ex-pullquote em, blockquote.pullquote em {
  color : #666;
}

.left { 
  text-align : left; 
}

.center { 
  text-align : center; 
}

.right { 
  text-align : right; 
}

.bold {
  font-weight : bold;
}

.italic {
  font-style : italic;
}

div.hr {
  background : transparent url(images/bb_hr.jpg) no-repeat scroll center;
  height : 40px;
  border : 0;
  margin : 10px;
}

hr {
  display : none;
}

.error {
  color : #cc0000;
}

pre {
  background : #fff url(images/bb_pre.jpg) repeat; 
  font : 1em 'courier new', courier, monospace; 
  color : #000;
  border : 2px inset #99cc66;
  width : 99%;
  height : auto;
  padding : 4px;
  margin : 10px 2px 10px 2px;
  max-height : 500px;
  overflow : auto;
}

pre:focus {
  border : 2px inset #cc3300;
}

pre code {
  color : #cd7000;
  font-weight : bold;
  background : transparent;
}

.widebody pre {
  width : 96%;
}

em, strong {
  color : #333;
}

.lead {
  font-variant : small-caps;
}

/* global elements and classes end */
/* ADDED CSS ============================================================= */
#newbox {   
  z-index : 8; 
  background-color : #fafafa; 
  position : absolute; 
  top : 0;
  left : 0;
  width : 100px;
  height : 100px;
  display : block;
  width : 100px;
  height : 100px;
  overflow : hidden;
}

/* ADDED CSS*/
#newbox img, #newbox a img, #newbox a:focus img { 
  z-index : 9; 
  background-color : #fafafa;
}


/* special advertising classes end */
/* offsets begin =========================================================== */

ul.offset, .offset {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 9;
}

ul.offset a:focus, ul.offset a:active {
  position : absolute;
  top : 9010px;
  left : 9010px;
  background : #669900; 
  color : #fff;
  padding : 5px;
  font-weight : bold;
  border : 2px solid #000;
  width : 6em;
  z-index : 9;
}

/* offsets end */
/* image styles begin ============================================== */

img, a img {
  text-decoration : none;
  text-align : center;
  border : 0;
  font-size : 80%;
}

img.center { 
  display : block;
  margin : auto;
}

img.right, .right { 
  margin : 0 0 4px 12px;
  float : right; 
}

img.left, .left { 
  margin : 0 12px 4px 0;
  float : left; 
}

a img.border, img.border { 
  border : 2px solid #99cc66; 
}

a:hover img.border, a:focus img.border, a:active img.border { 
  border: 2px solid #666; 
}

img.author_pic { 
  margin : 5px;
  float : right; 
}


/* image styles end */
/* page stuff begin ======================================================== */

.older {
  width : 90%;
  padding : 20px;
  margin : 30px auto;
  text-align : center;
  font-size : 0.9em;
}

.older a {
  padding : 2px 20px 2px 20px;
  border : 2px outset #999;
  text-decoration : none;
  background-color : #99cc66;
  color : #222;
  white-space : nowrap;
}

.older a:hover, .older a:focus, .older a:active {
  color : #fff;
  background-color : #666;
}

.older a:focus, .older a:active {
  background-color : #333;
  border : 2px inset #111;
}

p.continue, .nocomments, .postmetadata, p.edit {
  color : #669900;
  font-style : italic; 
  font-size : 0.85em;
  margin : 10px;
}

p.continue {
  font-weight : bold;
}

p.author {
  margin : 0 0 0 10px;
  font-style : italic;
  background : transparent;
}

p.edit {
  font-style : normal;
}

/* does not work in IE */
p.edit:before {
  content : "[ "; 
  color : #99cc66;
}

/* does not work in IE */
p.edit:after {
  content : " ]"; 
  color : #99cc66;
}

.postmeta {
  text-align : right;
  color : #669900;
  font-size : 0.8em;
  font-style : italic;
}

p.postmetadata {
  text-align : center;
  color : #669900;
  font-size : 0.8em;
  padding : 5px;
  line-height : 1em;
  width : 100%;
}

#content dl.related {
  font-size : 0.9em;
  text-align : center;
  width : 101%;
  padding : 2px;
  margin-left : 0;
}

#content dl.related dt {
  color : #669900;
}

#content dl.related dd {
  display : inline;
  font-size : 0.85em;
  margin : 0 5px; 
}

/* page stuff end */
/* banner begin ============================================================ */

#headerimg {
  width : 760px;
  height : 200px;
  margin : auto;
  overflow : hidden;
  font-size : 90%;
  margin-bottom : 20px;
}

#headerimg small {
  font-size : 70%;
}

#headerimg h1 a {
  position : absolute;
  width : 760px;
  height : 200px;
  display : block;
  cursor : pointer;
  color : #666;  
  text-decoration : none;
}

#headerimg h1 a:hover, #headerimg h1 a:focus, #headerimg h1 a:active {
  color : #000;
}

#headerimg h1 a span, #headerimg span {
  position : absolute;
  display : block;
  width : 760px;
  height : 200px;
  background : url(images/bb_masthead.jpg) no-repeat top center;
  z-index : 4;
}

#headerimg h1 a:hover span, #headerimg h1 a:focus span, #headerimg h1 a:active span {
  background : url(images/bb_masthead_on.jpg) no-repeat top center;
}

/* extra head div */
#wp-head { }

/* banner end */
/* headings begin ========================================================== */

h1 {
  font-weight : normal;
  color : #666;
}

h2 a { 
  background : transparent url(images/bb_dot.gif) no-repeat 0 0;
  text-decoration : none;
  width : 99%;
  display : block;
  font-size : 0.9em;
  color : #666;
  padding-left : 25px;
  margin-left : -20px;
}

h2 a:hover { 
  background : transparent url(images/bb_dot_on.gif) no-repeat 0 0;
  color : #000;
}

h2 a:focus, h2 a:active { 
  background : #fff url(images/bb_dot_on.gif) no-repeat 0 0;
  color : #000;
}

#content h2 { 
  color : #669900;
  padding-left : 25px;
  margin-left : -20px;
}

h2.mainhead {
  padding-bottom : 15px;
}

h3.biglink a {
  width : 98%;
  padding : 20px 0;
  margin : 10px 0;
  display : block;
  text-align : center;
  color : #111;
  background-color : #99cc66;
  text-decoration : none;
  border : 2px outset #99cc66;
}

h3.biglink a:hover {
  color : #fff;
  background-color : #999;
  text-decoration : none;
  border : 2px outset #999;
}

h3.biglink a:focus, h3.biglink a:active {
  color : #eee;
  background-color : #666;
  text-decoration : none;
  border : 2px inset #666;
}

.widebody h2.mainhead {
  padding-bottom : 0px;
}

#content h2.error {
  color : #cc0000;
}

#sidebar h2, #sidebar h3 { 
  background-image : none;
  color : #669900;
  font-size : 1em; 
  margin-top : 10px;
}

h3 { 
  font-size : 1.1em;
  padding-top : 5px;
  margin-top : 2px;
  margin-bottom : 10px;
  color : #669900;
}

h4, h5, h6 {
  font-size : 1em;
  margin : 10px 0 10px 0;
  color : #666;
}

h5, h6 {
  font-size : .95em;
}

h6 {
  font-size : .9em;
}

h3#respond, h3#comments {
  margin-left : 20px;
}

/* headings end */
/* nav list begin ======================================================= */

ul.btn {    
  list-style-type : none;
  text-align : right;
}

ul.btn a, ul.btn a.rss, ul.btn a.rssfb {
  background-color : #ccc;
  padding : 15px 5px 2px 10px;
  margin-bottom : 10px;
  width : 180px;
  height : auto;
  color : #333;
  font-weight : bold;
  font-style : normal;
  display : block;
  text-decoration : none;
}

ul.btn a.rss {
  background : #ccc url(images/bb_rss.jpg) no-repeat 2px 2px;
}

ul.btn a.rssfb {
  background : #ccc url(images/bb_rssfb.jpg) no-repeat 2px 2px;
}

ul.btn li {
  margin-bottom : 10px;
}

ul.btn li {
  margin-left : 0;
}

ul.btn a:hover, ul.btn a:focus, ul.btn a:active {
  background-color : #99cc66;
  color : #fff;
}

ul.btn a.rss:hover, ul.btn a.rss:focus, ul.btn a.rss:active {
  background : #99cc66 url(images/bb_rss_on.jpg) no-repeat 2px 2px;
}

ul.btn a.rssfb:hover, ul.btn a.rssfb:focus, ul.btn a.rssfb:active {
  background : #99cc66 url(images/bb_rssfb_on.jpg) no-repeat 2px 2px;
}

ul.btn li.current_page_item a, ul.btn li.current_page_item a:hover, ul.btn li.current_page_item a:focus, ul.btn li.current_page_item a:active {
  background-color : #99cc66;   
  color : #fff;
  cursor : default;
  text-align : left;
}

/* nav list end */
/* posts and content begin ================================================= */

#content { 
  font-size : 0.9em; 
  letter-spacing : 0.03em;
  line-height : 150%;
  text-align : left; 
}

.post { 
  margin-left: 20px;
}

.entry, .entrytext {
  margin : 10px;
} 

.entry p, .entrytext p {
  margin : 15px 0 15px 0;
}

.entry dl, .entrytext dl {
  padding-bottom : 15px;
}

/* ADDED CSS*/
.alt pre, .tla pre {
  width : 97.5%;
}

.alt, .tla {
  width : 98%;
  margin : 0 auto;
  padding : 10px; 
}

.alt {  
  background-color : #f7fbf3;
  border : 1px solid #99cc66;
}

.alt code {
  background-color : #eee;
}

.tla {
  border-left : 1px dotted #ccc; 
  border-right : 1px dotted #ccc;
}

.alt.post-author {  
  border : 1px solid #cc6500;
  background-color : #fffff5;
}

.tla.post-author {  
  border-left : 1px dotted #cc6500; 
  border-right : 1px dotted #cc6500;
  background-color : #fffff5;
}

.exam {
  font-weight : bold;
  color : #cc9900;
  text-align : center;
}

.exam p {
  margin : 2px 5px;
  padding : 2px 5px;
}

#links {
  margin : 15px;
}

#content #links li {
  list-style-type : none;
  margin : 0;
}

#content ul, #content ol {
  margin : 15px 10px;
}

#content ul {
  margin-left : 0;
}

#content ul li {
  margin-left : 15px;
  padding-left : 25px;
  list-style-type : none;
  background : url(images/bb_li.jpg) no-repeat 5px 0;
}

#content.widecolumn #links ul li, #content.widecolumn #links ul ul li {
  background-image : none;
  list-style-type : none;
  margin-left : 10px;
  padding : 0;
}

#content ul ul li, #content ol ul li {
  margin-left : 10px;
}

#content ol li {
  margin-left : 30px;
}

ol li li {
  list-style-type : lower-alpha;
}

#content dl {
  margin-left : 15px;
  margin-bottom : 15px;
}

#content dt {
  font-weight : bold;
  color : #669900;
}

#content dd {
  margin-left : 20px;
}

/* posts and content end */
/* comments begin ========================================================== */

#content ol.commentlist { 
  width : 95%; 
  margin-left : 0; 
  list-style : none; 
}

small.commentmeta {
  font-size : 0.75em;
  font-style : italic;
}

cite.commenter, cite.commenter a { 
  font-weight : bold;
  font-style : normal;
  font-size : 0.9em; 
  padding : 0;
}

cite.commenter a {
  color : #669900;  
  font-size : 1em;
  text-decoration : none;
}

.post-author cite.commenter a, .post-author cite.commenter a {
  color : #cc6500;
}

cite.commenter a:hover, cite.commenter a:focus, cite.commenter a:active {
  color : #000;  
  font-size : 1em;
  text-decoration : underline;
}

.commentlist p { 
  margin-top : 10px;
}

.commentlist p.citation {
  margin : 0;
  padding : 0;
  line-height : 1em;
}

#content .commentrules ul {
  margin-left : 15px;
}

#content .commentrules ul li  {
  font-size : 0.85em;
  padding-left : 22px;
  list-style-type : none;
  background : url(images/bb_li.jpg) no-repeat 5px 0;
}

/* comments end */
/* sidebar begin =========================================================== */

div.box {
  border : 1px solid #99cc66;
  background-color : #f7fbf3;
  width : 193px;
  margin : 0;
}

div.box h2, div#sidebarmisc h2 {
  padding : 0 0 0 9px;
}

/* for sidebar plugins if needed - wp_sidebar() */
#wp-sidebar {
  width : 193px;
}

div#sidebarmisc {
  width : 193px;
}
 
#sidebar p {
  margin : 8px;
  font-size : 0.9em;
}

#linklists ul li, #linklists ul ul li { 
  list-style-type : none;
  margin-left : 10px;
}

#linklists {
  margin-top : 10px;
}

#sideback {
  background : url(images/bb_sideback.jpg) no-repeat bottom right;
  display : block;
  width : 180px;
  height : 180px;
}

/* extra sidebar divs */
#sidebar1 { }
#sidebar2 { }
#sidebar3 { }
#sidebar4 { }
#sidebar5 { }
#sidebar6 { }

/* sidebar end */
/* footer begin ===================================================== */

#footer p { 
  font-size : 0.8em;
  padding : 20px 0;
  text-align: right; 
}

/* for footer plugins if needed - wp_footer() */
#wp-foot { }

/* for bad behavior or any p in footer - wp_footer() */
#wp-foot p {
  font-size : 0.65em;
  margin-top : -38px;
  text-align: right; 
}

/* footer end */
/* form elements begin (partial) ============================================ */

fieldset.searchclear {
  clear : both; 
}

form#searchform {
  margin-bottom : 15px;
}

form#searchform fieldset legend {
  padding-left : 10px;
}

form#searchform label, #s {
  width : 65%;
  margin-left : 18px;
}

form#searchform.full input.med {
  width : 83%;
}

textarea.lrg {
  width : 100%;
  margin-bottom : 10px;
}

#content input.button {
  margin : 0 auto;
  padding : 2px 15px 2px 15px;
}

fieldset.push {
  margin-bottom : 50px;
}

/* 
EVERYTHING BELOW THIS POINT IS NOT NEEDED IF THE CONTACT FORM BEASTBLOG-V2.CSS
STYLE SHEET IS ACIVATED
*/

fieldset { 
  border : 0;
  margin-top : 10px;
}

legend { 
  font-weight : bold; 
  color : #669900;
}

label { 
  color : #444; 
  margin-top : 5px;
  margin-left : 0;
}

input.short, input.med, select.med, textarea.textbox, textarea { 
  font : 0.9em 'trebuchet ms', 'lucida sans', 'lucida grande', 'century gothic', 'palatino sans', helvetica, arial, sans-serif;
  color : #333; 
  padding : 1px; 
  border : 1px solid #999;
  background-color : #eee;
  width : 70%;
  font-size : 0.9em;
  height : auto;
}

input.short {
  width : 7%;
}

textarea.textbox, textarea { 
  width : 98%;
  height : 220px;
  line-height : 1.5em;
}

select.med {
  width : 60%;
}

input.checkbox {
  cursor : default;
  background : transparent;
  color : #669900;
  border : 0;
  padding : 0; 
  margin : 0;
  width : 14px;
  height : 14px;
}

input.button:hover, input.button:focus, 
input.button.hover, input.button.focus {
  background-color : #666;
  border : 0;
  cursor : pointer;
  color : #fff;
}

input.short:hover, input.short:hover, 
input.short:focus, input.short.focus,
input.med:hover, input.med.hover, 
input.med:focus, input.med.focus,  
select.med:hover, select.med.hover, 
select.med:focus, select.med.focus,
textarea.textbox:hover, textarea.textbox.hover, 
textarea.textbox:focus, textarea.textbox.focus,
textarea:hover, textarea.hover, 
textarea:focus, textarea.focus { 
  color : #000;  
  padding : 1px; 
  border : 1px inset #333;
  background-color : #fff;
  cursor : text;
}

input.button {
  cursor : pointer;
  background-color : #99cc66;
  border : 0;
  color : #111;
  padding : 1px;
  font-size : 1em;
}

/* form elements end (partial) */

/* ADDED CSS*/
/* paypal form begin ======================================================= */

#paypal h2 {
  margin-top : 7px;
}

#paypal form {
  margin : -10px 0 0 20px;
}

input.border { 
  border : 2px solid #99cc66; 
}

input.border:hover, input.border.hover, input.border:focus, input.border.focus { 
  border: 2px solid #999; 
}

/* paypal form end */
/* dialog begin ============================================================= */

#content p.dialog {
  text-indent : 20px;
  margin : 0 10px;
  padding : 0;
}

div.dialog p, p.dialog {
  text-indent : 20px;
  margin : 0;
  padding : 0;
}


/* dialog end */
/* End of Beast-Blog v.2.0BB CSS by Mike Cherim http://green-beast.com/ */