/*
Theme Name: Beast-Blog
Theme URI: http://green-beast.com/blog/?page_id=58
Description: Clean, simple, usable and accessible design by <a href="http://green-beast.com/">Mike Cherim</a>. Strictly coded.
Author: Mike Cherim
Author URI: http://green-beast.com/
Version: v.1.1
*/

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

body {  
font-size: 62.5%; 
font-family: 'Trebuchet MS', Arial, Sans-Serif;
background: #fafafa url(images/background.jpg) no-repeat top left;
background-attachment: fixed;
color: #333;
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%;
z-index : 9;
}

div.offset a:focus, div.offset a:active {
position : absolute;
background : #669900;
border : 1px solid #000;
color : #fff;
top : 25px;
left : 2%;
z-index : 9;
}

/* 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;
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/header.jpg) no-repeat top center;
border : none;
}

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

h1, h1 a, h1 a:hover, .description {
text-decoration: none;
color: #669900;
font-size: 200%; 
font-weight : normal;
padding-left: 2px;
}

h1 a:focus, h1 a:active {
background : transparent;
}

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; 
}

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

h3, h3 a, #sidebar h2 {
color: #669900; 
text-decoration: none; 
}

h3 a {
color : #666;
}

h2 {    
margin: 10px 0 0; 
}

h2.pagetitle { 
background : transparent url(images/h3_dot.gif) no-repeat 0 0; 
padding-left : 30px;
margin-left: -30px;
margin-top: 20px;                 /* modified */
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: #666;
font-size : 100%;
text-decoration: underline; 
}

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

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

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 */
/* content begin ===================================================== */

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

small, .nocomments, .postmetadata, blockquote { 
color: #669900;
font-style: italic; 
}

.postmetadata {
font-size : 85%;
}

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

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

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

.dot {
background : transparent url(images/h3_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/h3_dot.gif) no-repeat 0 0; 
padding-left : 25px;
margin-left: -25px;
font-size : 150%;
z-index : 5;
}

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

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


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; 
}

dl dt {
font-weight : bold;
}

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

.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%;
}

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

.widecolumn { 
line-height: 1.6em; 
}

.postmetadata { 
text-align: right; 
}

.widecolumn .post { 
margin: 0; 
}

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

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

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

#footer p { 
margin: 0;
font-size : 1.3em;
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 #99cc66; 
}

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

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

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

pre { 
font: 1.1em 'Courier New', Courier, Fixed, monospace; 
color: #000;
background : #fff url(images/preback.jpg) repeat-y top left;
width : 90.5%;
overflow : auto;
height : 50px;
min-height : 50px;
height : auto;
border : 1px solid #99cc66;
padding : 0 20px 0 30px;
}

b { color : #cd0000; }

acronym, abbr, dfn, .abbr, span.caps { 
cursor: help; 
border-bottom: 1px dotted #99cc66; 
}

dfn { font-style : normal; }

.aae {
  font-size : 85%;
  color : #cd7000;
  cursor : help;
  letter-spacing : 0.3em;
}

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

blockquote { 
background : url(images/quotes.jpg) no-repeat top left;
margin: 15px 30px 0 10px;
padding-left: 20px;

border-left: 3px solid #99cc66; 
color : #999;
}

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

.center { 
text-align: center; 
}

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

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

.error {
color : #cd0000;
}

/* other stuff end */

dl dt {
font-weight : bold;
}

/* page nav */

.older a {
  padding : 2px 20px 2px 20px;
  border : 2px outset #ccc;
  margin : auto;
  text-decoration : none;
  color : #666;
}

.older a:hover, .older a:focus, .older a:active {
  color : #fff;
  background-color : #99cc66;
}

.older a:focus, .older a:active {
  background-color : #999;
  border : 2px inset #333;
}

#sidebar ul li ul li { 
  color: #99cc66;
}
  


/* end */