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

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

* {
  margin : 0;
  padding : 0;
}

body {  
  font : 90% verdana, 'palatino sans',  helvetica, tahoma, arial, sans-serif;
  background-color : #c9b584;
  color : #000;
  text-align : center;
}

#page { 
  margin : auto;
  width : 195px;
  text-align : center; 
  overflow : hidden;
  padding : 5px;
  background-color : #ddd6ba;
  border-left : 1px solid #666;
  border-right : 1px solid #666;
}

#sidebar { 
  margin-top : 10px;
  padding : 0px 0 5px 0;
  font-size : 0.9em; 
  text-align : center;
  background-color : #7c934f;
} 

#footer { 
  background-color : #7c934f;
  margin : auto;
  clear : both;
}

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

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

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

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

small {
  color : #6b3d00;
}

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

.commentrules dfn {
  border : 0;
}

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

blockquote { 
  margin : 10px 5px;
  padding : 0 10px;
  color : #666600;
  font-style : italic;
}

blockquote cite { 
  padding-top : 15px;
  text-align : right;
  color : #8f6103;
}

.ex-pullquote, .pullquote { 
  float : right; 
  width : 35%; 
  color : #666600;
  font-family : georgia, palatino, 'times new roman', serif; 
  font-size : 105%;  
  margin : -5px 10px 15px 5px;
}

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

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

/* global elements and classes end */
/* offsets begin =========================================================== */

ul.offset {
  margin-top : 6px;
}

ul.offset a {
  font-size : 0.8em;
  list-style-type : none;
  display : block;
  width : 205px;
  padding : 2px 0;
  height : auto; 
  text-decoration : none;
  border : 1px solid #993300;
  background-color : #7c934f; 
  color : #ddd6ba;
  margin : 2px auto;
}

p.offset, img.offset, span.offset, h2.offset {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 9;
}

div.offset {
  display : none;
}

ul.offset a:hover, ul.offset a:focus, ul.offset a:active {
  background : #666600; 
  color : #fff;
  outline : 0;
}

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

img, a img {
  text-decoration : none;
  text-align : center;
  border : 0;
}

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, img.border { 
  border : 2px solid #7c934f; 
}

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


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

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

div.older a {
  padding : 3px 20px 2px 20px;
  border : 2px outset #895600;
  text-decoration : none;
  background-color : #895600;
  color : #ddd6ba;
  white-space : nowrap;
}

div.older a:hover, div.older a:focus, div.older a:active {
  color : #fff;
  background-color : #666600;
  border : 2px outset #666600;
}

div.older a:focus, div.older a:active {
  padding : 2px 21px 3px 19px;
  background-color : #6b3d00;
  border : 2px inset #6b3d00;
  color : #c9b584;
  outline : 0;
}

p.continue, .nocomments, .postmetadata, p.edit {
  color : #666600;
  font-size : 0.85em;
  margin : 2px;
}

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

p.continue span {
  color : #6b3d00;
}

p.cont {
  font : 0.8em verdana, 'palatino sans', tahoma, helvetica, arial, sans-serif;
  font-weight : bold;
  text-transform : uppercase;
  line-height : 2em;
}

p.cont span.pag-on {
  padding : 1px 5px;
  border : 2px outset #000;
  color : #fff;
  background-color : #666600;
  text-decoration : none;
  font-size : 90%;
  cursor : default;
}

p.cont a {
  padding : 1px 5px;
  border : 2px outset #895600;
  color : #fff;
  background-color : #895600;
  text-decoration : none;
}

p.cont a:hover {
  border : 2px outset #993300;
  color : #ddd6ba;
  background-color : #993300;
}

p.cont a:focus, p.cont a:active {
  padding : 0px 11px 2px 9px;
  border : 2px inset #6b3d00;
  color : #c9b584;
  background-color : #6b3d00;
  outline : 0;
}

p.author { margin : 0; }
p.author small { color : #666600; }

p.author span { 
  color : #6b3d00; 
  font-style : italic;
}

p.edit { font-style : normal; }

p.author small {
  color : #333;
  font-size : .5em;
}

p.edit {
  font-style : normal;
}

p.postmetadata {
  text-align : center;
  color : #666600;
  font-size : 0.8em;
  padding : 5px;
  line-height : 1em;
  margin-right : 10px;
  clear : both;
}

p.postmetadata span { color : #660000; }
p.postmetadata.trade-post { color : #333; }
p.postmetadata.trade-post strong { color : #666600; }

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

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

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

#headerimg {
  margin : auto;
  overflow : hidden;
  font-size : 80%;
  text-align : center; 
  border : 1px solid #6b3d00;
  background : #7c934f url(images/hh_masthead.jpg) no-repeat;
  padding : 0;
  display : block;
  width : 99%;
  height : auto;
  padding : 15px 0;
}

#headerimg small {
  font-size : 65%;
  color : #000;
}

#headerimg h1 a {
  color : #ddd6ba; 
  height : auto;
  display : block;
  text-decoration : none;
}

#headerimg h1 a:hover, #headerimg h1 a:focus, #headerimg h1 a:active {
  color : #fff;
  background : transparent;
  outline : 0;
}

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

h1 {
  color : #fff;
  font-size : 150%;
}

h2 { font-size : 130%; }
h3 { font-size : 120%; }
h4 { font-size : 110%; }
h5 { font-size : 105%; }
h6 { font-size : 100%; }

#content h2 a {
  background-color : #ddd6ba;
}

#content h2.main { 
  color : #666600;
  display : block;
  padding : 5px 0px 6px;
  margin-top : 10px;
}

#content h2 a, #content h3.title { 
  text-decoration : none;
  width : 99%;
  display : block;
  font-size : 85%;
  color : #666600;
  text-align : center;
}

#content h2 a {
  margin-top : 30px;
}

#content h3.title {
  font-size : 1.1em;
}

#content h2 a:hover, #content h2 a:focus, #content h2 a:active, #content h3.title { 
  color : #000;
  background-color : #ddd6ba;
  outline : 0;
}

#content h2.main.error {
  color : #bb0000
}

#sidebar h3 { 
  color : #000;
  font-size : 1em; 
  margin-top : 15px;
}

h3 { 
  padding-top : 5px;
  margin-top : 5px;
  margin-bottom : 10px;
  color : #666600;
}

h4, h5, h6 {
  margin : 10px 0 10px 0;
  color : #6b3d00;
}


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

ul.btn {    
  list-style-type : none;
  text-align : center;
  margin-top : 0;
  margin-bottom : 0;
  padding-bottom : 0;
}

ul.btn a, ul a.rss {
  background-color : #895600;
  padding : 2px 3px 2px 3px;
  margin-bottom : 2px;
  width : 185px;
  height : auto;
  color : #f0d1a9;
  font-weight : bold;
  font-style : normal;
  display : block;
  font-size : 85%;
  text-decoration : none;
  border : 2px outset #895600;
}

ul.btn a.stuffincart {
  color : #ffff00;
}

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

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

ul.btn a.stuffincart:hover, ul.btn a:hover {
  background-color : #a27416;
  border : 2px outset #a27416;
  color : #fff;
}

ul.btn a.stuffincart:focus, ul.btn a:focus, 
ul.btn a.stuffincart:active, ul.btn a:active {
  background-color : #6b3d00;
  border : 2px inset #6b3d00;
  padding : 1px 4px 3px 2px;
  color : #ddd6ba;
  outline : 0;
}

ul.btn a.rss {
  background-color : #6b3d00;
  border : 2px outset #6b3d00;
}

ul.btn a.rss:hover, ul.btn a.rss:focus, ul.btn a.rss:active {
  background-color : #cc3300;
  border : 2px outset #cc3300;
  color : #000;
  outline : 0;
}

ul.btn a.rss:focus, ul.btn a.rss:active {
  background-color : #8f6103;
  border : 2px inset #8f6103;
  padding : 1px 4px 3px 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 : #666600;   
  border : 2px outset #666600;
  color : #fff;
  cursor : default;
  outline : 0;
}

ul.btn li.error a, 
ul.btn li.error a:hover, 
ul.btn li.error a:focus, 
ul.btn li.error a:active {  
  background-color : #bb0000;   
  border : 2px outset #bb0000;
  color : #fff;
  outline : 0;
}

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

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

.post { 
  margin-left: 2px;
}

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

.entry p, .entrytext p {
  margin : 10px 2px;
  font-size : 90%;
}

.entry ul, .entry ol, .entry dl, .entrytext ul, .entrytext ol, .entrytext dl {
  font-size : 90%;
}

.alt, .tla {
  margin : 8px auto;
  padding : 8px; 
  background-color : #efefe5;
  border : 1px solid #666600;
}

.alt p, .tla p {
  font-size : 90%;
}

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

.alt.post-author, .tla.post-author {  
  border : 1px solid #000;
  background-color : #e9ede1;
}

#links {
  margin : 5px 2px;
}

#links ul ul {
  margin-top : 0;
  margin-bottom : 10px;
}

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

#content ol {
  margin : 5px 15px;
}

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

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

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

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

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

#content dd em {
  color : #666600;
}

/* posts and content end */
/* trading post ============================================================ */

div.trader {
  padding : 8px 13px 0;
}

div.trader h4 {
  color : #666600;
  margin : 0;
}

div.trader h4 a {
  text-decoration : none;
}

div.trader p {
  margin-top : 5px;
  padding-top : 0;
}

div.trader p.author {
  padding : 0;
  margin-bottom  : 10px;
  margin-top : 0;
  line-height : 1em;
}

/* trading post end */
/* shop elements =========================================================== */

div.orderform input.button {
  margin-right : 2px;
  text-align : center;
  padding : 0 5px;
}

table {
  background-color : #ddd6ba;
  font-size : 85%;
  width : 100%;
}

tr:hover, tr.hover {
  background-color : #e1ead0;
  color : #000;
}

th {
  background-color : #7c934f;
  color : #fff;
  text-align : left;
  padding : 4px;
  padding-left : 6px;
  border : 2px solid #ddd6ba;
  border-left : 1px solid #ddd6ba;
}

td {
  vertical-align : text-top;
  color : #000;
  padding : 2px;
  border : 2px solid #ddd6ba;
}

td.l {
  width : 15%;
  text-align : right;
  vertical-align : text-top;
  background-color : #7c934f;
  font-weight : bold;
  color : #fff;
  padding : 0 6px;
}

tr:hover td.l:hover, tr.hover td.l.hover  {
  background-color : #7c934f;
}

table a {
  color : #ddd6ba;
}

table a:hover {
  color : #fff;
}

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

caption span {
  position : absolute;
  top : -9000px;
  left : -9000px;
}

th.left {
  border : 0;
  background : transparent;
  text-align : right;
  width : 97%;
  font-size : 1.2em;
  color : #7c934f;
  vertical-align : text-top;
  padding : 0;
}

table.cart td.left {
  vertical-align : text-top;
  padding : 0 5px;
}

table.cart td.lb {
  border-left : 3px solid #ddd6ba;
}

table.cart td.center.stotal, table.cart td.center.lb {
  font-weight : bold;
  background-color : #e9ede1;
}

table.cart {
  border : 4px solid #ddd6ba;
}

table.cart th.nb {
  border-top : 0;
  border-left : 0;
}

table.cart th.bt {
  border-top : 0;
}

table.cart th.btbr {
  border-top : 0;
  border-right : 0;
}

th dfn {
  border-bottom : 1px dotted #666600;
}

div.cartopt p {
  text-align : center;
}

p label input.button, p label input.button:hover, p label input.button:focus,
input.button.submit2, input.button.submit2:hover, input.button.submit2:focus {
  text-align : center;
  padding : 0px 5px;
}

/* shop elements end */
/* comments begin ========================================================== */

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

small.commentmeta {
  font-size : 0.75em;
  color : #666600;
}

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

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

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

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

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

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

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

#content .commentlist li.alt, #content .commentlist li.tla {
  width : 94%;
}

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

p.noprint {
  font-size : 90%;
}

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

#linklists ul li, #linklists ul ul li { 
  list-style-type : none;
  margin-left : 0;
  margin-top : 0;
  padding-top : 0;
}

#linklists a {
  color : #ddd6ba;
  line-height : 1.5em;
}

#linklists a:hover {
  color : #fff;
}

#linklists a:focus, #linklists a:active {
  background-color : #a27416;
  color : #fff;
  outline : 0;
}

#sideback {
  display : block;
  width : 164px;
  height : 228px;
  margin : auto;
  margin-top : 15px;
}

.side-ad a img {
  display : block;
  width : 144px;
  height : 210px;
  padding : 8px;
  background-color : #666600;
  border : 2px outset #666600;
  margin : auto;
}

.side-ad a:hover img {
  background-color : #895600;
  border : 2px outset #895600;
}

.side-ad a:focus img, .side-ad a:active img {
  background-color : #6b3d00;
  border : 2px inset #6b3d00;
  padding : 7px 9px 9px 7px;
}

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

#footer p { 
  font-size : 0.7em;
  padding : 40px 5px 5px 5px;
  color : #e6a858;
  line-height : 1.8em;
}

#footer p small a, p.edit a {
  margin-right : 3px;
  color : #000;
  text-decoration : none;
  padding : 1px 4px;
  border : 1px solid #666600;
  background-color : #ddd6ba;
  font-weight : normal;
  white-space : nowrap;
}

p.edit {
  text-align : center;
}

#footer p small a:hover, #footer p small a:focus, #footer p small a:active,
p.edit a:hover, p.edit a:focus, p.edit a:active {
  color : #fff;
  border : 1px solid #000;
  background-color : #7c934f;
  outline : 0;
}

#footer p span.tel {
  font-size : 1.1em;
  font-weight : bold;
  color : #000;
}

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

fieldset.searchclear {
  clear : both; 
}

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

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

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

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

fieldset.push { }

/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP FIXED width
       TCA.CSS made by Mike Cherim - http://green-beast.com 
    Designed and built to work with the TCA v2 WordPress theme
===================================================================== */

#gb_form_div { 
  text-align : left;
  margin-right : 10px;
}

#gb_form_div p {
  margin-left : 12px;
}

#gb_form {
  text-align : left;
  background : transparent;
}

#gb_form_div a {
  color : #999;
  text-decoration : underline;
}

#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active {
  color : #111;
  text-decoration : none;
  background-color : #fff;
}

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

#gb_form legend, #gb_form dt { 
  font-weight : bold; 
  color : #666600;
}

#gb_form legend {
  margin-left : -10px;
  padding-top : 5px;
}

* html #gb_form legend {
  margin-left : -5px;
}

#gb_form legend#mainlegend, legend#mainlegend { 
  font-size : 1.2em;
  color : #666600;
  margin-left : -10px;
}

#content div.custdetails legend#mainlegend, #content div.custdetails legend, #content legend {
  font-weight : bold;
  color : #895600;
}

#content div.custdetails legend, #content legend {
  color : #666600;
}

#gb_form legend#mainlegend span {
  position : absolute;
  left : -9999px;
}

#gb_form legend#mainlegend small { 
  font-size : .7em;
  text-transform : uppercase;
}

legend, label, div.custdetails form legend {
  font : 90% verdana, 'palatino sans', tahoma, helvetica, arial, sans-serif;
}

#gb_form_div .formhead small a {
  font-size : .7em;
  background-image : none;
  display : inline;
  padding : 0;
  margin : 0;
}

#gb_form_div .main_formhead, #gb_form_div .formhead {
  font-size : 1.2em;
  color : #666600;
  width : 97%;
}

#gb_form_div .main_formhead {
  margin-left : -35px;
}

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

input.short, input.med, select.med, textarea.textbox, textarea { 
  font : 80% verdana, 'palatino sans', tahoma, helvetica, arial, sans-serif;
  color : #222; 
  padding : 1px; 
  border : 1px solid #666600;
  background-color : #e9ede1;
  width : 90%;
  font-size : 0.9em;
  height : auto;
}

input.short {
  width : 40%;
}

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

select.med {
  width : 75%;
}

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

input.button:hover, input.button:focus, 
input.button.hover, input.button.focus {
  background-color : #895600;
  border : 0;
  cursor : pointer;
  color : #fff;
  padding : 0 20px;
  border : 1px outset #895600;
}

input.button:focus, input.button.focus {
  background-color : #6b3d00;
  border : 1px inset #6b3d00;
}

/* NOTE: .hover and .focus classes IE JS */
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:hover, textarea.hover, 
textarea:focus, textarea.focus,
textarea.textbox:hover, textarea.textbox.hover, 
textarea.textbox:focus, textarea.textbox.focus { 
  color : #000;  
  padding : 1px; 
  border : 1px inset #000;
  background-color : #fff;
  cursor : text;
}

input.button {
  font : 90% verdana, 'palatino sans', tahoma, helvetica, arial, sans-serif;
  cursor : pointer;
  background-color : #666600;
  border : 0;
  color : #fff;
  padding : 0 20px;
  font-size : 1em;
  border : 1px outset #666600;
}

#content #gb_form input.button {
  margin : 15px 5px 25px 5px;
  padding : 2px 15px 2px 15px;
}

* html #content #gb_form input.button {
  margin-left : -5px;
}

span.error, span.success, #gb_form_div dt { 
  color : #bb0000;  
  font-weight : bold; 
}

#gb_form_div dt small, #gb_form_div .formhead span.success, span.success, dl#result_dl_blockq dt {
  color : #6b3d00;
}

#gb_form small.whythis { 
  font-size : .85em; 
  color : #666;
}

#gb_form small.whythis a { 
  text-decoration : none;
}

#gb_form small.whythis a span { 
  color : #ddd6ba;
  border : 1px solid #ddd6ba;
  padding : 0 4px;
  white-space : nowrap;
}

#gb_form small.whythis a { 
  color : #000;
}

#gb_form small.whythis a span:hover, #gb_form small.whythis a:hover span, #gb_form small.whythis a span:focus, #gb_form small.whythis a:focus span, #gb_form small.whythis a span:active, #gb_form small.whythis a:active span { 
  background-color : #a27416;
  color : #fff;
  border : 1px solid #666600;
}

#gb_form small.whythis a:hover, #gb_form small.whythis a:focus, #gb_form small.whythis a:active {
  background-color : #ddd6ba;
}

p.creditline small {
  clear : both; 
  display : block;
  text-align : right;
  margin : 0;
  padding : 25px 0 15px 0;
  font-size : 0.75em;
  letter-spacing : .0001em;
  color : #777;
}

dl#result_dl_blockq blockquote {
  margin-left : 0;
}

dl#result_dl_blockq blockquote p cite {
  display : block;
  text-align : right;
}

#gb_form_div span.items {
  font-weight : bold;
  color : #666600;
}

#gb_form_div ul {
  margin : 10px 10px 20px 10px;
}

#gb_form_div ul li {
  list-style-type : none;
  margin : 0 10px 0 20px;
}

/* End of HANDHELD.CSS */