/*
Theme Name: Beast-Blog
Theme URI: http://green-beast.com/blog/?page_id=58
Description: Clean and simple, highly usable and Section 508 accessible. Strictly coded.
Author: Mike Cherim
Author URI: http://green-beast.com/
Version: v.1.1
Copyright 2005 Mike Cherim. Some rights reserved. Leave footer statement intact please.
*/


/* body begin ======================================================== */

body {
font-size: 62.5%;
font-family: 'Trebuchet MS', Arial, Sans-Serif;
background: #fafafa url(images/bb_background.jpg) no-repeat top left;
background-attachment: fixed;
color: #666;
text-align: left;
margin-bottom: 0;
margin: 0;
padding: 0;
}

/* body end */
/* offsets begin ======================================================= */

div.offset a {
position : absolute;
top : -1000px;
left : -1000px;
padding : 5px;
font-weight : bold;
font-size : 110%;
}

div.offset a:focus, div.offset a:active {
position : absolute;
background : #99cc66;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
border : 1px solid #000;
color : #fff;
top : 25px;
left : 2%;
z-index : 5;
}

/* offsets end */
/* page  begin =========================================================== */

#page {
background: transparent;
margin: 0 auto;
padding: 0;
width: 760px;
text-align: left;
}

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

#headerimg h1 {
width : 750px;
height : 200px;
margin : 0 auto;
}

#headerimg h1 a {
position : absolute;
width : 750px;
height : 200px;
display : block;
cursor : pointer;
font-weight : normal;
font-size : 1.8em;
color : #99cc66;    /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
padding : 0;
text-decoration : none;
border : none;
}

#headerimg h1 a:hover {
color : #000;
border : none;
}

#headerimg h1 a span {
position : absolute;
display : block;
width : 750px;
height : 200px;
background : url(images/bb_banner.jpg) no-repeat top center;
border : none;
}

/* banner end */
/* header and links begin ================================================ */

h1, h1 a, h1 a:hover, .description {
text-decoration: none;
color: #99cc66;      /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
font-size: 200%;
font-weight : normal;
padding-left: 2px;
}

h2, h2 a {
background : transparent;
font-size: 1.2em;
margin: 20px 0 0;
width: 100%;
text-decoration: none;
color: #666;
margin-left : -25px;
}

* html h2 a {
margin-left : 0;
}

h2.pagetitle {
font-size: 1.2em;
text-align: left;
}

#sidebar h2 {
font-size: 1.2em;
}

h3.dot {
background : transparent;
padding-left : 0;
font-size : 1.2em;
margin-top : 2px;
margin-bottom : 10px;
margin-left : -25px;
color : #999;
}

h3, h3 a, #sidebar h2 {
color: #99cc66;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
text-decoration: none;
}

h3 a {
color : #666;
}

h2 {
margin: 10px 0 0;
}

h2.pagetitle {
background : transparent url(images/bb_dot.gif) no-repeat 0 0;
padding-left : 30px;
margin-left: -30px;
margin-top: 30px;
margin-bottom : 20px;
text-align: left;
font-size : 150%;
}

h3 {
padding: 0;
margin: 20px 0 0;
}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}

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

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

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

#sidebar h2 {
background : transparent;
font-style : italic;
}

/* header and links end */
/* nav list begin ======================================================= */

ul.btn {                          /* This is for optional navigation menu */
list-style-type : none;
text-align : right;
width : 92%;
}

html > body ul.btn {
width : 100%;
margin-top : -15px;
}

ul.btn li a, ul.btn li a {
background : #ccc;
padding : 15px 5px 2px 10px;
margin-bottom : 10px;
width : 100%;
color : #666;
font-weight : bold;
font-style : normal;
display : block;
text-decoration : none;
font-size : 110%;
}

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

html > body ul.btn a {
width : auto;
}

ul.btn li a:hover, ul.btn li a:focus, ul.btn li a:active {
background : #99cc66;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
color : #fff;
margin-bottom : 10px;
}

ul.btn li a.on, ul.btn li a.on, ul.btn li a.on {
background : #99cc66;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
color : #fff;
text-align : left;
font-weight : bold;
margin-bottom : 10px;
}

ul.btn li a.on:hover, ul.btn li a.on:focus, ul.btn li a.on:active {
background : #666;
color : #99cc66;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
margin-bottom : 10px;
}

/* nav list end */
/* sidebar begin ============================================================= */

#sidebar {
padding: 15px 0 50px 0;
margin-top: 0px;
margin-left: 555px;
width : 200px;
font-size: 1.2em;
}

* html #sidebar {
padding-top : 15px;
margin-left: 550px;
}

#sidebar form {
margin: 0;
}

#sidebar ul, #sidebar ul ul, #sidebar ul ol {
margin: 0;
padding: 0;
list-style-type: none;
font-size : 110%;
font-style : italic;
margin-bottom : 20px;
}

.entry ul li:before, #sidebar ul ul li:before {
background : transparent;
content: "\00BB \0020";
}

#sidebar ul ul li, #sidebar ul ol li {
list-style-type : none;
color: #fafafa;
margin-left : 0;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

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

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0 0;
padding: 0;
}

#sidebar ul li h2 {
margin: 5px 0 0;
padding: 0;
font-size : 120%;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

#linkicons {
padding-left : 20px;
}

* html #linkicons {
padding-left : 10px;
}

/* sidebar end */
/* content begin ===================================================== */

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

small, .nocomments, .postmetadata, blockquote, strike {
color: #99cc66;       /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
font-style: italic;
}

.postmetadata {
font-size : 85%;
}

#content {
font-size: 1.4em;
letter-spacing : 0.03em;
line-height : 150%;
}

.alt {
background-color: #f7f7f7;
border: 1px solid #ddd;
margin: 0;
padding: 10px;
}

.tla {
border-left: 1px dotted #99cc66;    /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
border-right: 1px dotted #99cc66;    /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
}

.description {
font-size: 1.2em;
text-align: center;
position: relative;
text-align: center;
margin-top: -1.5em;
}

.commentmetadata, .commentmetadata a {
font-weight: normal;
text-decoration : none;
}

.post {
margin: 0 0 40px;
text-align: left;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

.dot {
background : transparent url(images/bb_dot.gif) no-repeat 0 0;
padding-left : 50px;
margin-left: -25px;
z-index : 5;
}

* html .dot {
padding-left: 25px;
}

.dot2 {
background : transparent url(images/bb_dot.gif) no-repeat 0 0;
padding-left : 25px;
margin-left: -25px;
font-size : 150%;
z-index : 5;
}

.dot3 {
background : transparent url(images/bb_dot.gif) no-repeat 0 0;
padding-left : 0;
margin-left: -25px;
font-size : 140%;
z-index : 5;
}

/* content end */
/* content lists begin =============================================== */

.commentlist {
width: 100%;
margin-left: 0px;
}

.commentlist li, #commentform input, #commentform textarea {
font-size: 0.9em;
}

.commentlist li {
font-weight: bold;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
color : #99cc66;   /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
text-decoration : none;
}

.commentlist cite a:hover, .commentlist cite a:focus, .commentlist cite a:active {
color : #111;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

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

.commentlist {
padding: 0;
text-align: left;
}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

/* content lists end */
/* columns begin ===================================================== */

.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}

.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 50px;
width: 660px;
}

.widecolumn .entry p {
font-size: 1.05em;
margin-top : 8px;
margin-bottom : 5px;
margin-left : 15px;
letter-spacing : 0.03em;
line-height : 150%;
}

.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
letter-spacing : 0.03em;
line-height : 150%;
}

.widecolumn {
line-height: 1.6em;
}

.narrowcolumn {
text-align: center;
}

.postmetadata {
text-align: right;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 30px 0;
}

/*columns end */
/* footer begin ===================================================== */

#footer {
padding: 0;
margin: 0 auto;
width: 760px;
clear: both;
background: url(images/bb_footer.gif) no-repeat bottom;
border: 0;
}

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

/* footer end */
/* image styles begin ============================================== */

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

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

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

/* image style end */
/* other stuff ===================================================== */

code, kbd {
font: 1.1em 'Courier New', Courier, Fixed, monospace;
color: #000;
background : #fff;
}

acronym, abbr, dfn, span.caps {
cursor: help;
border-bottom: 1px dotted #99cc66;   /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
font-style: normal;
}

small {
font-size: 0.9em;
font-style: italic;
line-height: 1.6em;
}

small.dfnclass, small.dfnclass dfn {
font-size: 90%;
border: none;
border: 0;
font-style: italic;
}

blockquote {
background : url(images/bb_quotes.gif) no-repeat top left;
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 3px solid #99cc66;   /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
color : #999;
}

blockquote cite {
margin: 5px 0 0;
display: block;
text-align : right;
}

.center {
text-align: center;
}

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

div.hr hr, hr {
display : none;
}

/* other stuff end */
/* form elements begin ================================================== */

fieldset {
margin : 0;
padding : 0;
border : none;
}

legend {
font-weight : bold;
color : #666;
margin-left : -5px;
}

label {
font-weight : normal;
font-size : 90%;
padding-top : 20px;
padding-left : 4px;
margin-left : 8px;
}

input, textarea {
font-family : 'Trebuchet MS', Tahoma, Arial, san-serif;
color : #666;
background : #ccc;
border : 1px solid #999;
padding : 4px;
}

#s {
width : 135px;
margin : 0;
margin-left : -10px;
}

input {
font-size : 100%;
width : 45%;
height : 1.6em;
border : 1px solid #999;
padding : 2px;
}

#commentform textarea {
font-size : 1.1em;
margin-top : 8px;
width : 97%;
height : 6em;
padding : 4px;
}

input:focus, textarea:focus, input.focus, textarea.focus, input:hover, textarea:hover, input.hover, textarea.hover {
color : #000;
height : 1.6em;
background : #fafafa;
border : 1px solid #333;
cursor : text;
}

textarea:focus, textarea.focus, textarea:hover, textarea.hover {
width : 97%;
height : 6em;
cursor : text;
}

#commentform textarea:focus, #commentform textarea.focus {
height : 18em;
}

input.button {
width : 52px;
height : 2.1em;
color : #333;
font-weight : bold;
border : 1px solid #999;
background : #ccc;
padding : 3px;
}

.button:hover, .button:focus {
cursor : pointer;
background : #99cc66;   /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
color : #fafafa;
border : 1px solid #333;
}

input.button.hover, input.button.focus {
cursor : pointer;
background : #fafafa;
color : #000;
border : 1px solid #333;
}

/* form elements end */
/* End of Beast-Blog CSS by Mike Cherim http://green-beast.com/ */

.laEstrella {
display : none;
}

#petshop {
margin: 0 0 40px;
padding-left : 95px;
font-size: 1em;
width: 450px;
}

.petshoptable {
width: 500px;
height: 90px;
border-style: solid;
border: 1px;
border-color: #E0E0E0;
background: #EDEDED;
}