/*  
Theme Name: SeaBeast
Theme URI: http://green-beast.com/seabeast/
Description: Another accessible WordPress web log theme artfully crafted by <a href="http://green-beast.com/seabeast/">Mike Cherim</a>.
Version: v.1.2
Author: Mike Cherim
Author URI: http://green-beast.com/
*/

/* body begin ======================================================== */
* { padding : 0; margin : 0; }
body {
  font-size: 100.1%; 
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; 
  background: #fffffa url(images/sb_background.jpg) no-repeat bottom right;
  background-attachment: fixed;
  color: #333;
  text-align: center;
}
/* body end */
/* offsets begin ======================================================= */
span.blk { color : #000; }
ul.offset li { list-style-type : none; }
ul.offset {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 9;
}
ul.offset a:focus, ul.offset a:active {
  position : absolute;
  top : 9146px;  
  left : 9011px;
  background-color : #cc9900;
  border : 1px solid #000;
  display : block;
  width :  20em;
  font-size : 0.8em;
  font-weight : bold;
  padding : 1px 4px 1px 0;
  color : #fff;
  z-index : 9;
}
/* offsets end */
/* logo_center begin ==================================================== */
#center_logo, #center_logo a {
  width : 160px;
  height : 160px;
  display : block;
  border : 0;
  overflow : hidden;
  text-decoration : none;
}
#center_logo { margin-top : -4px; }
#center_logo a:hover, #center_logo a:focus, #center_logo a:active { text-decoration : none; }
/* logo_center end */
/* page begin ============================================================ */
#page { 
  background : transparent;
  width : 97%;
  text-align : left; 
  font-size : 0.75em;
  margin-right : 1%;
  margin-left : 1%
}
/* page end */
/* banner begin ========================================================== */
#headerimg h1 { height : 160px; }
#headerimg h1 a {
  background : transparent;
  position : absolute;
  height : 160px;
  display : block;
  cursor : pointer;
  font-weight : normal;
  font-size : 1.4em;
  padding : 0;
  text-decoration : none;
  font-variant : small-caps;
  border : 0;
  color : #669900;
  overflow : hidden;
  width : 600px;
  margin-left : -2px;
}
#headerimg h1 a:hover { color : #000; border : none; }
#headerimg h1 a span {
  position : absolute;
  display : block;
  height : 160px;
  width : 600px;
  background : transparent url(images/sb_banner.jpg) no-repeat top left;
  border : none;
}
#headerimg h1 a:focus, #headerimg h1 a:active, #headerimg h1 a:focus span, #headerimg h1 a:active span, #headerimg h1 a span:focus, #headerimg h1 a span:active{background : transparent url(images/sb_banner_on.jpg) no-repeat top left;}
h1 a small { font-size : 0.6em; }
/* banner end */
/* header and links begin ================================================ */
h1, h1 a, h1 a:hover {
  text-decoration : none;
  font-size : 1.6em; 
  font-weight : normal;
  padding-left : 2px;
}
h2 { border-bottom : 1px solid #ccc; }
h2, h2 a, h2.pagetitle, h2.dot, h2.dot2 {  
  background : transparent;
  font-size : 1.2em;
  margin : 5px 5px 5px 0;
  display : block;
  text-decoration : none; 
  color : #669900; 
  text-align : right;
  width : 100%;
  clear : both;
}
h2.pagetitle, h2.dot2 { font-size : 1.4em; }
h2 a { background : url(images/sb_read_stat.gif) no-repeat top left; }
h2 a:hover { background : url(images/sb_read.gif) no-repeat top left; }
h2 a:focus, h2 a:active { background : url(images/sb_read_on.gif) no-repeat top left; }
h3.dot, h3, h4, h5, h6 { 
  border-bottom : 1px solid #ccc;
  background : transparent;
  padding-left : 0;
  font-size : 1.2em;
  margin-top : 15px;
  margin-bottom : 5px;
  color : #999;
}
h3, h3 a, #sidebar h2, #farbar h2 {
  color : #669900;     
  text-decoration : none; 
  text-align : right;
  display : block;
  width : 100%;
}
h3 a { background : url(images/sb_readsml_stat.gif) no-repeat top left; }
h3 a:hover { background : url(images/sb_readsml.gif) no-repeat top left; }
h3 a:focus, h3 a:active { background : url(images/sb_readsml_on.gif) no-repeat top left; }
h3 { text-align : left; }
#sidebar h3, #farbar h3 { text-align : right; font-size : 1.1em; }
h4 { font-size : 0.95em; }
h5, h6 { font-size : 0.9em; }
a {
  color : #777; 
  font-size : 100%;
  text-decoration : underline; 
}
a:hover, a:focus, a:active { color: #000; text-decoration: none; }
a:focus, a:active { background-color : #ffffdd; }
h2 a:hover, h2 a:focus, h2 a:active, h3 a:hover, h3 a:focus, h3 a:active { text-decoration: none; }
#sidebar h2, #farbar h2 { font-size : 1.2em; }
/* header and links end */
/* content begin ===================================================== */
.postmetadata ul, .postmetadata li { 
  display : inline;
  list-style-type : none;
  list-style-image : none; 
}
small, .nocomments, .postmetadata, blockquote, ins, del { color : #cc9900; }
.postmetadata { font-size : 90%; text-align : right; }
#content { 
  line-height : 175%;
  letter-spacing : 0.04em;
  padding-bottom : 20px;
}
#content p { margin : 10px 0 15px 0; }
#content p.dialog { margin : 0; padding : 0; text-indent : 15px; }
.alt {  
  background-color: #ffffee;
  border : 1px solid #ddd;
  margin : 0;
  padding : 10px; 
}
.tla {
  border-left : 1px dotted #669900; 
  border-right : 1px dotted #669900; 
}
.commentmetadata, .commentmetadata a { 
  font-weight : normal; 
  text-decoration : none;
}
.post { text-align : left; }
#commentform p { margin : 5px 0; }
.nocomments { font-weight : bold; text-align : center; color : #669900; }
.commentmetadata { margin: 0; display: block; }
#content ul, #content ul li {
  list-style-type : none;
  font-size : 1em;
  color : #669900;
}
p.postedby small { color : #669900; }
span.postedbyb { font-weight : bold; color : #cc9900; }
/* content end */
/* content lists begin =============================================== */
.commentlist { width : 100%; margin-left : 0px; }
.commentlist li, #commentform input, #commentform textarea { font-size : 1em; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { 
  font-style : italic;
  font-size: 0.95em; 
  color : #669900;
  text-decoration : none;
}
.commentlist p { 
  font-weight: normal;
  line-height: 1.7em;
  text-transform: none; 
}
.entry ul { margin : 15px; margin-left : 35px; }
.entry ol { padding : 0 0 0 35px; margin : 15px; }
ol li li { list-style-type : lower-alpha; margin-left : 15px; }
.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 { margin : 15px; }
dt { font-weight : bold; color : #cc9900; margin-left : 10px; }
dd { margin-left : 20px; }
.entrytext ol, .entrytext ul { margin : 15px; margin-left : 35px; }
.entrytext ol li { margin-left : 20px; }
/* content lists end */
/* column begin ========================================================== */
.narrowcolumn { 
  display : inline;
  float : left;
  padding : 15px;
  margin : 0px 0 0;
  width : 44%;
}
.narrowcolumn .entry { line-height: 1.7em; letter-spacing : 0.04em; }
.postmetadata { 
  text-align: justify; 
  margin : 15px 0 15px 0;
  letter-spacing : 0.01em;
}
.narrowcolumn .postmetadata { padding-top: 5px; }
/*column end */
/* sidebar begin =========================================================== */
#sidebar { 
  float : left;
  display : inline;
  padding : 15px 10px 15px 10px;
  width : 162px; 
  border : 1px solid #999;
  margin-left : 2%;
}
* html #sidebar { margin-left : 2px; }
#sidebar form, #farbar form { margin : 0; }
#sidebar ul, #sidebar ul ul, #sidebar ul ol, #farbar ul, #farbar ul ul, #farbar ul ol { list-style-type : none; margin-bottom : 20px; }
#sidebar ul ul li, #sidebar ul ol li, #farbar ul ul li, #farbar ul ol li { list-style-type : none; margin-left : 0; }
#sidebar ul p, #sidebar ul select, #farbar ul p, #farbar ul select { margin : 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol, #farbar ul ul, #farbar ul ol { margin : 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol, #farbar ul ul ul, #farbar ul ol { margin : 0 0 10px; }
#sidebar ul li h2, #farbar ul li h2 { margin-top : 20px; }
ol li, #sidebar ul ol li, #farbar ul ol li { list-style : decimal outside; }
#sidebar ul ul li, #sidebar ul ol li, #farbar ul ul li, #farbar ul ol li { margin : 3px 0 0 0; padding : 0; }
#sidebar p, #farbar p {
  margin : 10px 0 10px 0;
  line-height : 1.7em; 
  letter-spacing : 0.04em;
  font-size : 0.9em;
}
.navigation { 
  display : block;
  text-align : center;
  margin-top : 10px;
  margin-bottom: 30px; 
}
p.little {
  margin-bottom : 20px;
  padding-bottom : 10px;
  font-size : 0.8em;
}
p.little a { display : inline; } /* just in case someting blocks a link */
span.contact_link {
  float : right; 
  margin-top : 5px; 
  padding-bottom : 5px; 
  clear : both;
}
span.contact_link a {
  background : #ffffdd;
  border : 2px outset #666;
  text-transform : uppercase;
  text-decoration : none;
  padding : 2px;
}
span.contact_link a:hover { background : #ccc; }
span.contact_link a:focus, span.contact_link a:active {
  background : #ccc;
  border-style : inset;
}
#sidebar h2, #farbar h2 { background : transparent; }
#sidebar h2#contact_options { padding-top:10px; }
#sidebar p strong, #farbar p strong { color : #cc9900; }
/* sidebar end */
/* farbar begin ====================================================== */
#farbar { 
  float : left;
  display : inline;
  padding : 15px 10px 15px 10px;
  width : 19%; 
  margin-left : 2%;
}
* html #farbar { width : 17%; }
* html #sidebar { margin-left : 2px; } 
#feedsbox ul li h2.feed_lift { margin-top : 6px; }
* html #feedsbox ul li h2.feed_lift { margin-top : -6px; }
#feedsbox { background : transparent url(images/sb_feedback.gif) no-repeat bottom right; }
div#icons_box ul { text-align : center; }
div#icons_box ul li ul { margin-top : 11px; }
div#icons_box ul li ul li { margin-left : -10px; }
div#icons_box a { text-decoration : none; }
div#link_cats { width : 100%; overflow : hidden; }
/* farbar end */
/* footer begin ========================================================== */

#footer { 
  width : 600px;
  padding : 0;
  clear : both;
  background : url(images/sb_footer.jpg) no-repeat bottom left; 
  border : 0; 
  height : 9em;
}
#footer p { 
  margin : 0;
  font-size : 0.85em;
  padding : 15px;
  text-align : center; 
}
/* footer end */
/* image styles begin ============================================== */
p img { padding: 0; max-width: 100%; }
img.center { display : block; margin-left : auto; margin-right : auto; text-align : center; }
img.right { margin : 0 0 2px 7px; float : right; }
img.left { padding: 4px; margin: 0 7px 2px 0; float : left; }
.alignright { float : right; display : inline; }
.alignleft { float : left; display : inline; }
a img.left, a img.right, a img.center, p.center a img { text-decoration : none; }
a img { border : 0; margin-bottom : 5px; text-decoration : none; }
#preloader, .strip { position : absolute; margin-top : -9000px; margin-left : -9000px; }
/* image style end */
/* other stuff ===================================================== */
acronym, abbr, span.abbr, dfn { 
  cursor : help; 
  border-bottom : 1px dotted #669900;
  font-style : normal;
}
dfn { font-style : normal; }
.hide { display : none; }
.show { } /* referred to but not used, long story */
small { font-size: 0.85em; line-height: 1.6em; }
small.dfnclass, small.dfnclass dfn {
  font-size : 0.85em;
  border : none;
  font-style : normal;
  border : 0;
}
blockquote { 
  background : url(images/sb_quotes.gif) no-repeat top left; 
  margin: 15px 30px 10px 10px;
  padding-left: 20px;
  text-indent : 30px;
  font-style : italic;
  border-left: 3px solid #669900;
  color : #999;
}
blockquote cite { 
  background : transparent url(images/sb_end_quotes.gif) no-repeat top right;
  margin-top : -10px;
  margin-right : -10px;
  padding-right : 30px;
  padding-top : 30px;
  display : block; 
  text-align : right;
  font-style : italic;
  color : #cc9900;
}
#content ol li cite, #content ol li cite a { 
  background : transparent;
  font-style : normal; 
  font-size : 1em;
}
.small-caps { font-variant : small-caps; }
.right { text-align : right }
.justify { text-align : justify } 
.center { text-align : center; } 
.italic { font-style : italic; }
.bold { font-weight : bold; }
strong { color : #999; }
.serif { font-family : Georgia, serif; }
.normal { 
  font-weight : normal;
  font-style : normal;
  text-decoration : none;
}
div.hr {
  background : transparent url(images/sb_hr.png) no-repeat scroll center;
  height : 30px;
  border : 0;
}
div.hr hr, hr { display : none; }
span.highlight, highlight { color : #669900; }
span.highlight2, highlight2 { color : #cc9900; }
code, kbd, pre, pre code {  
  font-family : 'Courier New', Courier, Fixed, monospace;
  font-size : 1em; 
  font-weight : bold;
  color : #000;
  background : transparent;
}
kbd { cursor : help; }

pre {

  background : #fff url(images/sb_preback.jpg) repeat 0 0;
  border : 1px solid #999;
  padding : 2px;
  margin : 10px 0 10px 0;
  width : 98.4%;
  height : auto;
  overflow : auto;
}
/* other stuff end */
/* form elements begin ================================================== */
* html form { width : 103%; }
fieldset { margin : 0; padding : 0; border : none; } 
legend { font-weight : bold; color : #cc9900; margin-left : -5px; }
#sidebar legend { color : #999; }
label { color : #669900; font-size : 95%; padding-top : 20px; font-weight : normal; }
input, textarea, select { font-family : Verdana, Tahoma, Arial, san-serif;
  color : #333;  
  background-color : #fffffc; 
  border : 1px solid #ccc;
  padding : 1px;
  cursor : text;
  font-size : 1.1em;
  height : 1.9em;
}
select, select:hover, select.hover, select:focus, select.focus { width : 75%;   height : 1.9em; }
* html select 
* html select:hover { height : auto; }
* html select.hover { height : auto; }
* html select:focus { height : auto; }
* html select.focus { height : auto; }
#s { margin : 0; width : 115px;
}
#sidebar fieldset {
  background-color : #ffffee;
  margin-bottom : 20px;
  padding-bottom : 10px;
  border-top : 1px solid #ccc;
  border-bottom : 1px solid #ccc;
}
input {
  font-size : 1.1em; 
  width : 50%;
  height : 1.9em;
  border : 1px solid #ccc;
  padding : 1px;
  cursor : text;
}
#contactform textarea {
  font-size : 1.1em;
  margin-top : 8px;
  width : 98%;
  height : 15em;
  padding : 1px;
}
#commentform textarea {
  font-size : 1.1em;
  margin-top : 8px;
  width : 98%;
  height : 15em;
  padding : 1px;
}
input:focus, textarea:focus, input.focus, textarea.focus, input:hover, textarea:hover, input.hover, textarea.hover, select:hover, select.hover, select:focus, select.focus {
  color : #333;
  height : 1.9em;
  background-color : #fafafa;
  border : 1px inset #cd9900;
  cursor : text;
}
textarea:focus, textarea.focus, textarea:hover, textarea.hover {
  width : 98%;
  height : 15em;
  cursor : text;
}
input.button {
  height : 1.9em;
  color : #333;
  font-weight : bold;
  border : 2px outset #999;
  background : #ccc;
  padding : 2px;
}
.button:hover, .button:focus {
  cursor : pointer;
  background-color : #669900;
  color : #fff;
  height : 1.9em;
  border : 2px outset #666;
}
input.button.hover, input.button.focus {
  cursor : pointer;
  background-color : #fff;
  color : #666;
  height : 1.9em;
  border : 2px outset #666;
}
.button:focus, input.button.focus, .button:focus {
  color : #fff;
  border-style : inset;
  background-color : #666;
  height : 1.9em;
}
.error, h2.pagetitle.error, h2.dot2.error { color : #cd0000; }
.success { color : #cc9900; }
/* 
Because IE 6 will never die. You may want to fiddle with thse if you mod new colors. Sorry about that. These are for IE 6.2 and older only.
*/
* html .button { background-color : #fff; color : #666; }
* html .button:hover { background-color : #fffffe; color : #666; }
* html input.button.hover { background-color : #fffffa; color : #000; }
* html .button:focus { background-color : #fffffa; color : #000; }
* html input.button.focus { background-color : #fffffa; color : #000; }
* html .button:focus { background-color : #fffffa; color : #000; }
/* form elements end */
/* End of SeaBeast CSS by Mike Cherim http://green-beast.com/ */