/*   
Theme Name: Beast-Blog, altered by Kc Morris for Websmitten
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 ======================================================== */
#left {
background:url(images/bb_background.gif) no-repeat top left;
float:left;
display:block;
height:500px;
width:200px;
padding:5px 15px 4px 6px;
.padding-left: 0px; /*for IE*/
text-decoration:none;
font-weight:bold;
color:#765;
}



body {  

font-size: 62.5%; 

font-family: 'Trebuchet MS', Arial, Sans-Serif;

/*background: #fafafa url(images/bb_background.jpg) no-repeat top left;*/

background: #fafafa url(images/comicpixels.gif) repeat;

background-attachment: fixed;

color: #000;

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 : #ff0000;     /* 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: 10px;
.margin-left:10px; /*for IE*/
.margin-top:10px; /*for IE*/
padding: 0;
/*width: 850px;*/
text-align: left; 
top:10px;
left:10px;
position: absolute; 
z-index: 1; 
visibility: show;
}

/* page end */

/* banner begin ========================================================== */



#header  {

/*width : 750px;*/

height : 200px;

margin : 10px /*auto*/;

text-align: left;

}



#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 : #ff0000;    /* 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;

left:10px;

display : block;

width : 750px;

height : 200px;

background : url(images/bb_banner.gif) no-repeat top left;

border : none;

}















/* banner end */







/* header and links begin ================================================ */














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

h2, h2 a {   
background : transparent;
font-size: 1.2em;
margin: 20px 0 0;
width: 100%; 
/*text-decoration:underline;*/
color: #000;
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: #ff0000;     /* 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: #009999;
font-size : 100%;
text-decoration: underline; 
font-weight: bold;
}

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







padding : 15px 5px 2px 10px;







    margin-bottom: -10px;



    .margin-bottom: 10px; /* affects both IE6 & IE7 */



    _margin-bottom: 10px; /* reapply first rule to IE6 */







width : 100%;







color : #3399ff;







font-weight : bold;







font-style : normal;







display : block;







text-decoration : none;







font-size : 110%;







}



















ul.btn li {







    margin-bottom: -10px;



    .margin-bottom: 10px; /* affects both IE6 & IE7 */



    _margin-bottom: 10px; /* reapply first rule to IE6 */







}















html > body ul.btn a {







width : auto;







}















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







background : #ff0000;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */







color : #fff;







    margin-bottom: -10px;



    .margin-bottom: 10px; /* affects both IE6 & IE7 */



    _margin-bottom: 10px; /* reapply first rule to IE6 */







font-style : italic;







}















ul.btn li a.on, ul.btn li a.on, ul.btn li a.on {







background : #ff0000;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */







color : #fff;







text-align : left;







font-weight : bold;







    margin-bottom: -10px;



    .margin-bottom: 10px; /* affects both IE6 & IE7 */



    _margin-bottom: 10px; /* reapply first rule to IE6 */











}















ul.btn li a.on:hover, ul.btn li a.on:focus, ul.btn li a.on:active {







background : #3399ff;







color : #ff0000;     /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */







    margin-bottom: -10px;



    .margin-bottom: 10px; /* affects both IE6 & IE7 */



    _margin-bottom: 10px; /* reapply first rule to IE6 */







}















/* 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; /* for IE */







padding: 0; 







}















#sidebar ul li h2 { 







margin: 5px 0 0;







padding: 0; 







font-size : 120%;



text-align:left;







}















.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: #ff0000;       /* 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%;



margin-left: 15px;



.margin-left: 0px; /* affects both IE6 & IE7 */



_margin-left: 0px; /* reapply first rule to IE6 */







}















.alt {  







background-color: #f7f7f7;







border: 1px solid #ddd;







margin: 0;







padding: 10px; 







}















.tla {







border-left: 1px dotted #ff0000;    /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */







border-right: 1px dotted #ff0000;    /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */







}















.description { 
color: #ff0000;
font-size: 1em;
position: absolute;
text-align: left;
width:450px;
margin-top: -170px; 
margin-left: 12px;
}















.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 : #ff0000;   /* 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 25px;







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; 



margin-left: 150px;







}















.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: 3px;







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







}















/* 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 #ff0000;   /* 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;



	padding-left: 45px;



	/*border-left: 3px solid #fd5757;  */ /* CHANGE THIS COLOR TO YOUR HIGHLIGHT COLOR */



	color : #990000;



	margin-top: 15px;



	margin-right: 30px;



	margin-bottom: 0;



	margin-left: 10px;



}















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 : #3399ff;







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 : #3399ff;  







background : #ffff99; 







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







padding : 3px;







}















.button:hover, .button:focus {







cursor : pointer;







background : #ff0000;   /* 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/ */







/* Kc additions*/







outlinebox { 







/*outline-width: 0.5em; */



	border: thin solid #999999;







}







/* End Kc additions*/