/*  
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.x.x
Author: Mike Cherim
Author URI: http://green-beast.com/
*/

/* body begin ======================================================== */
* { padding : 0; margin : 0; }
body {
  font-size: medium; 
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; 
  background: #fff;
  color: #000;
  text-align: center;
}
/* body end */
/* offsets begin ======================================================= */
ul.offset {
	display: none;
}

#page { 
  background : transparent;
  width : 97%;
  text-align : left; 
  font-size : 0.75em;
  margin-right : 1%;
  margin-left : 1%
}

#headerimg h1 a {
	text-decoration: none;
	padding-left: 15px;
}

#headerimg h1 a small {
	display: none;
}

#header h2 {
	display: none;
}

#mainnav {
	display: none;
}

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; 
  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;
}
h3.byline {
	margin: -5px 0 10px 0;
	border-bottom: none;
	text-align: right;
	font-weight: normal;
	font-size: 1.1em;
}
h3.byline a {
	display: inline;
	text-decoration: underline;
}
h3.byline a:hover {
	color: #000;
}
/*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 : 0 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;
}
#commentform p { margin : 5px 0; }
.nocomments { font-weight : bold; text-align : center; color : #669900; }
.commentmetadata { margin: 0; display: block; }
#content ul {

}

#content p.postedby, #content p.postmetadata {
	margin: -5px 0 5px 0;
}

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 : 84%;
}
.narrowcolumn .entry { line-height: 1.7em; }
.postmetadata { 
  text-align: justify; 
  margin: 0;
  letter-spacing : 0.01em;
}
/*column end */
/* sidebar begin =========================================================== */
#sidebar { 
	display: none;
}
* 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;
	height: 2em;
  text-align : center;
  margin-top : 10px;
}
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 solid #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 { 
	display: none;
}
* 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;
  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 {
  height : 45px;
  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 { display: none;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;
}
#s { margin : 0; width : 100px;
}
#sidebar fieldset {
  margin-bottom : 20px;
  padding-bottom : 10px;
}
.contactform input {
  width: 300px !important;
	width: 250px;
}
.contactform select {
	width: 300px !important;
	width: 250px;
}
.contactform .checkboxline {
	clear: left;
	margin-bottom: 10px;
	padding-left: 25px;
}
.contactform .checkboxline input {
	float: left;
	margin: 5px 0 0 -25px;
	width: auto !important;
	height: auto !important;
}
#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, select:focus, select.focus {
  color : #333;
  height : 1.9em;
  background-color : #fafafa;
  border : 1px inset #cd9900;
  cursor : text;
}
textarea:focus, textarea.focus {
  width : 98%;
  height : 15em;
  cursor : text;
}
input.button {
  height : 1.9em;
	margin-bottom: -2px;
  padding : 2px;
  border : 1px solid #ccc;
  font-weight : bold;
  color : #333;
}
.button:focus {
  cursor : pointer;
  background-color : #669900;
  color : #fff;
  height : 1.9em;
  border : 2px solid #666;
}
input.button.focus {
  cursor : pointer;
  background-color : #fff;
  color : #666;
  height : 1.9em;
  border : 2px solid #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; }

/* New classes */

#sidebar li ul.catlist li.cat3, #sidebar li ul.catlist li.cat6, #sidebar li ul.catlist li.cat7, #sidebar li ul.catlist li.cat13 {
	margin-bottom: 18px;
}

#farbar li.partners h3 {
	margin: 5px 0;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	color: #666;
}

#farbar li.partners img {
	margin-bottom: 8px;
}

table.bllined {
	border: solid #000;
	border-width: 0 0 1px 1px;
}

table.bllined caption {
	font-weight: bold;
}

table.bllined th, table.bllined td {
	padding: 3px;
	text-align: center;
	border: solid #000;
	border-width: 1px 1px 0 0;
}

table.bllined td.left {
	text-align: left;
}

ul.yearlyarchives h4 {
	border-bottom: none;
}

ul.yearlyarchives li {
	text-transform: capitalize;
}

#link_cats h2 a {
	background: none;
	font-size: 1.1em;
}

#wpcfm-form p {
	margin-bottom: -5px;
}

.tags a {
	margin-right: 10px;
}

.chaire {
	display: none;
}


