/*   
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 : #A2CD5A;    /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
padding : 0;
text-decoration : none;
border : none;
}

#headerimg h1 a:hover {
color : #ccc;
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: #A2CD5A;      /* 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: #A2CD5A;     /* 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 : #A2CD5A;     /* 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 : #A2CD5A;     /* 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 : #A2CD5A;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */
margin-bottom : 10px;
}

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

#sidebar { 
padding: 15px 0 50px 0;
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: #A2CD5A;       /* 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: absolute;
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 : #A2CD5A;   /* 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 #A2CD5A;   /* 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 #A2CD5A;   /* 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 : #A2CD5A;   /* 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/ */