/* 

   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', '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 : #9e9e55;

  font-size : 100%;

  text-decoration : underline; 

}



a:hover, a:focus, a:active { 

  color : #000;

  text-decoration : none; 

}



a:focus, a:active { 

  background-color : #fff; 

}



small {

  color : #669900;

}



acronym, abbr, dfn { 

  cursor : help; 

  border-bottom : 1px dotted #d3d3a7; 

  font-style : normal;

}



.commentrules dfn {

  border : 0;

}



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 #669900; 

  border-left : 1px dotted #669900; 

  color : #666;

  text-indent : 5px;

}



blockquote cite { 

  padding-top : 10px;

  text-align : right;

  color : #669900;

}



.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 #9e9e55;

  width : 99%;

  height : auto;

  padding : 4px;

  margin : 10px 2px 10px 2px;

  max-height : 200px;

  overflow : auto;

}



em, strong {

  color : #669900;

}



/* 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 {

  position : absolute;

  top : -9000px;

  left : -9000px;

  z-index : 9;

}



ul.offset a:focus, ul.offset a:active {

  background : #669900; 

  color : #fff;

  padding : 2px;

  border : 1px solid #000;

}



/* 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 { 

  border : 2px solid #d3d3a7; 

  margin-bottom : 5px;

}



a:hover img.border, a:focus img.border, a:active img.border { 

  border: 2px solid #9e9e55; 

}



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 : #d3d3a7;

  color : #222;

  white-space : nowrap;

}



.older a:hover, .older a:focus, .older a:active {

  color : #fff;

  background-color : #669900;

}



.older a:focus, .older a:active {

  background-color : #666;

  border : 2px inset #333;

}



p.continue, .nocomments, .postmetadata, p.edit {

  color : #669900;

  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 : #669900;

}



/* does not work in IE */

p.edit:after {

  content : " ]"; 

  color : #669900;

}



.postmeta {

  text-align : center;

  color : #669900;

  font-size : 0.8em;

}



p.postmetadata {

  text-align : center;

  color : #669900;

  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 : 90%;

  margin : 15px 2px;

  text-align : center;

  background-color : #d3d3a7;

}



#headerimg small {

  font-size : 70%;

}



#headerimg h1 a {

  cursor : pointer;

  color : #669900;  

  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 {

  font-weight : normal;

  color : #666;

}



h2 a { 

  text-decoration : none;

  width : 99%;

  display : block;

  font-size : 0.9em;

  color : #9e9e55;

  text-align : center;

}



h2 a:hover { 

  color : #333;

}



h2 a:focus, h2 a:active { 

  color : #000;

}



#content h2 { 

  background-color : #fafafa;

  color : #669900;

  text-align : center;

}



h2.mainhead {

  background-color : #fafafa;

  padding-bottom : 15px;

  text-align : center;

}



#content h2.error {

  color : #cc0000;

  text-align : center;

}



#sidebar h2 { 

  background-image : none;

  color : #669900;

  font-size : 1em; 

  text-align : center;

}



h3 { 

  font-size : 1.1em;

  padding-top : 5px;

  margin-top : 5px;

  margin-bottom : 10px;

  color : #669900;

}



h4, h5, h6 {

  font-size : 1.1em;

  margin : 10px 0 10px 0;

  color : #669900;

}



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 : #d3d3a7;

  padding : 10px 0 5px 0;

  margin-bottom : 4px;

  height : auto;

  color : #333;

  font-weight : bold;

  font-style : normal;

  display : block;

  text-decoration : none;

}



ul.btn a.rss {

  background : #d3d3a7 url(images/bb_rss.jpg) no-repeat 2px 2px;

}



ul.btn a.rssfb {

  background : #d3d3a7 url(images/bb_rssfb.jpg) no-repeat 2px 2px;

}



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 : #669900;

  color : #fff;

}



ul.btn a.rss:hover, ul.btn a.rss:focus, ul.btn a.rss:active {

  background : #669900 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 : #669900 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 : #9e9e55;   

  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 {  

  background-color : #f6f6ed;

  border : 1px solid #9e9e55;

}



.tla {

  border-left : 1px dotted #669900; 

  border-right : 1px dotted #669900;

}



#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 ol li {

  margin-left : 5px;

}



ol li li {

  list-style-type : lower-alpha;

}



#content dl {

  margin-left : 2px;

}



#content dt {

  font-weight : bold;

  color : #669900;

}



#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 : #669900;  

  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 {

  border : 1px solid #ccc;

  margin : 0 auto;

}



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 {

  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 : #669900;

}



label { 

  color : #9e9e55; 

  margin-top : 5px;

  margin-left : 0;

}



input.short, input.med, select.med, textarea.textbox, textarea { 

  font : 0.9em 'century gothic', 'trebuchet ms', arial, sans-serif; 

  color : #333; 

  padding : 1px; 

  border : 1px solid #999;

  background-color : #f6f6ed;

  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 : #9e9e55;

  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 : #669900;

  border : 0;

  color : #fff;

  padding : 1px;

  font-size : 1em;

}



/* form elements end (partial) */

/* End of HANDHELD.CSS */