/*   
Theme Name: Beast-Blog
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.0
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% 'lucida sans','century gothic', futura, 'trebuchet ms', arial, sans-serif;
  background : #fafafa url(images/bb_background.jpg) no-repeat bottom left;
  background-attachment : fixed;
  color : #333;
  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 : #339999;
  font-size : 100%;
  text-decoration : underline; 
}

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

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

small {
  color : #cc6633;
}

.abbr, abbr, acronym, dfn { 
  font-style : normal;
  border : 0;
}

abbr span, span abbr, .abbr, a.gloss, a abbr, a.abbr, a acronym, a dfn {
  text-decoration : none;
  border-bottom : 1px dotted #999;
  cursor : help;
}

a.gloss:hover, a.gloss:focus, a.gloss:active,  
a:hover abbr, a:hover acronym, a:hover dfn, 
a:focus abbr, a:focus acronym, a:focus dfn, 
a:active.abbr, a:active abbr, a:active acronym, a:active dfn {
  border-bottom : 1px dotted #000;
}

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 #339999; 
  border-left : 1px dotted #339999; 
  color : #666;
  text-indent : 30px;
}

blockquote li, blockquote dd, blockquote h3, blockquote h2 {
  text-indent : 1px;
}

.ex-pullquote, .pullquote { 
  float : right; 
  width : 210px; 
  border : 0; 
  color : #339999;
  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 : -15px 0 10px 15px;
  padding-bottom : 0;
}

#content blockquote ul, #content blockquote dl {
  margin-left : 25px;
}

#content blockquote ol {
  margin-left : 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 : #cc6633;
}

.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 0 15px 0;
}

hr {
  display : none;
}

.error {
  color : #cc0000;
}

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

.widebody pre {
  width : 96%;
}

em, strong {
  color : #cc6633;
}

#footnote {
  font-size : 0.8em;
  text-align : center;
}

#content #footnote dl, #content #footnote dt, #content #footnote dd {
  margin : 0;
  padding : 0;
}

/* global elements and classes end */
/* special advertising classes begin ======================================= */

.ad160 {
  display : block;
  height : 160px;
  width : 160px;
  border : 1px solid #ccc;
  background-color : #fff;
  margin : 5px auto;
}

.ad600 {
  display : block;
  height : 600px;
  width : 160px;
  border : 1px solid #ccc;
  background-color : #fff;
  margin : 5px auto;
}

.ad468 {
  display : block;
  height : 60px;
  width : 468px;
  border : 1px solid #ccc;
  background-color : #fff;
  margin : -15px auto 20px;
}

.ad728 {
  display : block;
  height : 90px;
  width : 728px;
  border : 1px solid #ccc;
  background-color : #fff;
  margin : 5px auto;
  margin : -15px auto 20px;
}

/* 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-color : #339999; 
  color : #fff;
  padding : 5px;
  font-weight : bold;
  border : 2px solid #000;
  width : 6em;
  z-index : 9;
}

/* dark blue : 0d7373 */

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

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

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

img.right, .right { 
  margin : 0 0 5px 15px;
  float : right; 
}

img.left, .left { 
  margin : 0 15px 5px 0;
  float : left; 
}

a img.border { 
  border : 2px solid #cc6633; 
  margin-bottom : 5px;
}

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

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


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

.older {
  width : 60%;
  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 : #fbeadf;
  color : #222;
  white-space : nowrap;
}

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

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

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

p.continue {
  font-weight : bold;
  clear : both;
}

p.author {
  margin : 0 0 0 10px;
}

p.edit {
  font-style : normal;
}

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

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

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

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

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

#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 : #339999;  
  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 : #399;
  padding-left : 25px;
  margin-left : -20px;
  font-weight : bold;
}
#content h2.star {
  background : transparent url(images/bb_dot.gif) no-repeat 0 0;
  margin-left : -15px;
}	

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

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

#content h2 { 
  color : #cc6633;
  padding-left : 25px;
  margin-left : -20px;
  font-weight : normal;
}

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

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

#content h2.error {
  color : #cc0000;
  font-weight : bold;
}

#sidebar h2 { 
  background-image : none;
  color : #cc6633;
  font-size : 1em; 
  margin-top : 15px;
}

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

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

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 : #eee url(images/bb_link.jpg) repeat-y top center;  
  padding : 10px 10px 2px 10px;
  margin-bottom : 6px;
  width : 175px;
  height : auto;
  color : #333;
  font-weight : bold;
  font-style : normal;
  display : block;
  text-decoration : none;
}

ul.btn a.rss {
  background : #eee url(images/bb_rss.jpg) repeat-y top center;
}

ul.btn a.rssfb {
  background : #eee url(images/bb_rssfb.jpg) repeat-y top center;
}

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

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

ul.btn a:hover, ul.btn a:focus, ul.btn a:active {
  background : #339999 url(images/bb_link_on.jpg) repeat-y top center;  
}

ul.btn a.rss:hover, ul.btn a.rss:focus, ul.btn a.rss:active, 
ul.btn a.rssfb:hover, ul.btn a.rssfb:focus, ul.btn a.rssfb:active {
  background : #339999 url(images/bb_rssfb_on.jpg) repeat-y top center;
}

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 : #339999 url(images/bb_link_on.jpg) repeat-y top center;   
  color : #fff;
  cursor : default;
  text-align : left;
  text-transform : uppercase;
}

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

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

.post { 
  margin-left: 20px;
  background-color : #fafafa;
}

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

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

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

.alt pre, .tla pre {
  width : 97.5%;
}

.alt {  
  background-color : #f7f7f7;
  border : 1px solid #339999;
}

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

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

.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;
}

#links {
  margin : 15px;
}

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

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

#content ul {
  margin-left : 5px;
}

#content ul li {
  margin-left : 10px;
  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 : 0px;
  padding : 0;
}

#content.widecolumn #links ul li a:visited, #linklists ul ul li a:visited {
  color : #999;
}

#content.widecolumn #links ul li a:visited:hover, #content.widecolumn #links ul li a:visited:focus, #content.widecolumn #links ul li a:visited:active, #content.widecolumn #links ul ul li a:visited:hover, #content.widecolumn #links ul ul li a:visited:focus, #content.widecolumn #links ul ul li a:visited:active {
  color : #000;
}

#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;
  margin-left : 15px;
}

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

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

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

#content dl.glossary { }

/* 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 : #339999;  
  font-size : 1em;
  text-decoration : none;
}

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 {
  background-color : #faf3ee; 
  border : 1px solid #ccc;
  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 ul li a:visited, #linklists ul ul li a:visited {
  color : #999;
}

#linklists ul li a:visited:hover, #linklists ul li a:visited:focus, #linklists ul li a:visited:active, #linklists ul ul li a:visited:hover, #linklists ul ul li a:visited:focus, #linklists ul ul li a:visited:active {
  color : #000;
}

#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 : 82%;
}

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

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

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 : #cc6633;
}

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

input.short, input.med, select.med, textarea.textbox, textarea { 
  font : 0.9em 'century gothic', futura, 'trebuchet ms', arial, sans-serif; 
  color : #333; 
  padding : 1px; 
  border : 1px solid #999;
  background-color : #f4f4f4;
  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 : #cc6633;
  border : 0;
  padding : 0; 
  margin : 0;
  width : 14px;
  height : 14px;
}

input.button:hover, input.button:focus, 
input.button.hover, input.button.focus {
  background-color : #339999;
  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 : #cc6633;
  border : 0;
  color : #fff;
  padding : 1px;
  font-size : 1em;
}

/* form elements end (partial) */
/* font classes begin */

.c {
  font : 100% 'century gothic', futura, sans-serif;
}

.t {
  font : 96% 'trebuchet ms','lucida grande', sans-serif;
}

.h {
  font : 94%  helvetica, arial, sans-serif;
}

.v {
  font : 92% verdana, tahoma, sans-serif;
}

.g {
  font : 102% georgia, palatino, serif;
}

.gs {
  font : 103% 'gill sans', 'gill sans mt', 'palatino sans', sans-serif;
}

.l {
  font : 92% 'lucida grande', 'lucida sans', 'lucida sans unicode', lucida, sans-serif;
}

.a {
  font : 94% arial, 'palatino sans', sans-serif;
}

.ss {
  font : 100% sans-serif;
}

/* font classes end */
/* other stuff begin ======================================================= */

.demodiv {
  padding : 20px;
  background-color : #fff;
  color : #666;
  border : 1px dotted #999;
}

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

div.dialog p, p.dialog {
  text-indent : 20px;
  margin : 0;
  padding : 0;
}
#content p.author_bio {
	color:#CC6633;
	font-size:small;
}


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