/* 
   BEASTBLOG-V2 SPECIAL HANDHELD STYLE SHEET
   by Mike Cherim - http://green-beast.com/
*/

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

* {
  margin : 0;
  padding : 0;
}

body {  
  font : 100.1% 'century gothic', futura, 'trebuchet ms', arial, sans-serif;
  background-color : #fafafa;
  color : #333;
  text-align : center;
}

#page { 
  margin : auto;
  width : 205px;
  text-align : center; 
  overflow : hidden;
  padding : 5px;
}

.narrowcolumn { }

.widecolumn { }

.widebody { }

#sidebar { 
  padding : 5px 0 5px 0;
  font-size : 0.9em; 
  text-align : center;
} 

#footer { 
  margin : auto;
  clear : both;
}

/* 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 { 
  margin : 5px 0 5px 0;
  padding : 5px 0 5px 0;
  border-right : 1px dotted #339999; 
  border-left : 1px dotted #339999; 
  color : #666;
  text-indent : 5px;
}

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

.ex-pullquote, .pullquote { 
  float : right; 
  width : 40%; 
  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;
}

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

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

blockquote cite { 
  padding-top : 10px;
  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;
}

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 #9e9e55;
  width : 99%;
  height : auto;
  padding : 4px;
  margin : 10px 2px 10px 2px;
  max-height : 200px;
  overflow : auto;
}

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 : 230px;
  border : 1px solid #ccc;
  background-color : #fff;
  margin : 5px auto 5px;
}

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

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

ul.offset { 
  font-size : 0.8em;
  list-style-type : none;
}

p.offset, div.offset, img.offset, #sidebar ul li.offset, span.offset {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 9;
}

ul.offset a:focus, ul.offset a:active {
  background : #339999; 
  color : #fff;
  padding : 2px;
  border : 1px solid #000;
}

/* 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 4px 2px;
  float : right; 
}

img.left, .left { 
  margin : 0 4px 0 2px;
  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 : 3px;
  float : right; 
}


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

.older {
  width : auto;
  padding : 10px 3px;
  margin : 1px auto;
  text-align : center;
  font-size : 0.75em;
}

.older a {
  padding : 2px;
  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 : 2px;
}

p.continue {
  font-weight : bold;
  text-align : center;
}

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

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 : center;
  color : #cc6633;
  font-size : 0.8em;
}

p.postmetadata {
  text-align : center;
  color : #cc6633;
  font-size : 0.8em;
  padding : 2px;
  line-height : 1em;
}

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

#content dl.related dd {
  font-size : 0.8em;
  margin : 0 2px; 
}

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

#headerimg {
  margin : auto;
  overflow : hidden;
  font-size : 60%;
  margin : 15px 2px;
  padding : 20px;
  text-align : center;
  background : #faf3ee url(images/bb_masthead-hh.jpg) no-repeat top center;
  border : 1px solid #666;
}

#headerimg small {
  font-size : 60%;
  font-weight : normal;
}

#headerimg h1 a {
  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 { }

#headerimg h1 a:hover span, #headerimg h1 a:focus span, #headerimg h1 a:active span { }

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

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

h1 {
  color : #339999;
}

h2 a { 
  text-decoration : none;
  width : 99%;
  display : block;
  font-size : 0.9em;
  color : #339999;
  text-align : center;
}

h2 a:hover { 
  color : #333;
}

h2 a:focus, h2 a:active { 
  color : #000;
}

#content h2 { 
  color : #cc6633;
  text-align : center;
}

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

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

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

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

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

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

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

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

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

ul.btn a.rss {
  background-color : #eee;
}

ul.btn a.rssfb {
  background-color : #eee;
}

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

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

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

ul.btn a.rss:hover, ul.btn a.rss:focus, ul.btn a.rss:active {
  background-color : #339999;
}

ul.btn a.rssfb:hover, ul.btn a.rssfb:focus, ul.btn a.rssfb:active {
  background-color : #339999;
}

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 : #339999;   
  color : #fff;
  cursor : default;
}

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

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

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

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

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

.alt, .tla {
  margin : 0 auto;
  padding : 3px; 
}

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

.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 : 5px 2px;
}

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

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

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

#content ul li {
  margin-left : 5px;
  list-style-type : square;
}

#content.widecolumn ul li, #content.widecolumn ul ul li {
  margin-left : 0;
}

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

#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 ol li {
  margin-left : 5px;
}

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

#content dl {
  margin-left : 2px;
}

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

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

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

#content ol.commentlist { 
  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 : 5px;
}

#content .commentrules ul li  {
  font-size : 0.85em;
  padding-left : 5px;
  list-style-type : none;
}

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

div.box {
  background-color : #faf3ee; 
  border : 1px solid #ccc;
  text-align : left;
  margin : 0 auto;
  padding : 3px;
}

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

/* for sidebar plugins if needed - wp_sidebar() */
#wp-sidebar { }

div#sidebarmisc { }
 
#sidebar p {
  margin : 2px auto;
  font-size : 0.9em;
}

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

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

#sideback { }

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

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

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

/* 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 : -5px;
  text-align: center; 
}

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

fieldset.searchclear {
  clear : both; 
}

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

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

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

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

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

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

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

/* 
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 : 80%;
  font-size : 0.9em;
  height : auto;
}

input.short {
  width : 50%;
}

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

select.med {
  width : 85%;
}

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 : #339999;
  border : 0;
  cursor : pointer;
  color : #fff;
}

input.short:hover, input.short:hover, 
input.med:hover, input.med:focus, 
select.med:hover, select.med:focus, 
textarea.textbox:hover, textarea.textbox:focus, 
textarea:hover, textarea:focus, 
input.short.hover, input.short.focus,
input.med.hover, input.med.focus,  
select.med.hover, select.med.focus, 
textarea.textbox.hover, textarea.textbox.focus,
textarea.hover, 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 : 10px;
  margin : 0 10px;
  padding : 0;
}

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

/* other stuff end */
/* End of HANDHELD.CSS */