/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
VERSION: 1.0
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:0; font-size: 62.5%; color: #000;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

a:link,
a:visited {
	color: #000;
	text-decoration: none;
}

a:hover{
	color: #e99003;
	text-decoration: none;
}

em {
	font-style: italic;
}

/* --------------
SITE STRUCTURE

210 24 210 24 210 24 162
----------------- */

body {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 864px;
	border-top: 4px solid #000;
}

#header{
	margin: 40px 0 0 0;
	height: 115px;
}

#container{
	clear: both;
	width: 678px;
	float: left;
}

.sidebar{
	width: 162px;
	margin-left: 702px;
}

#search{
	margin-left: 702px;
}

#footer {
	clear: both;
	padding: 62px 0 74px 0;
	background: url(./images/footerBorder.gif) no-repeat 0 44px;
}

/* --------------
HEADER
----------------- */

#header h1{
	width: 210px;
	float: left;
}

#header h1 a{
	display: block;
	width: 210px;
	height: 115px;
	float: left;
	background: url(./images/logo.gif) 7px 0 no-repeat;
	font-size: 2px;
	text-indent: -9999em;
	outline: none;
	text-decoration: none;
}

#main-nav{
	width: 300px;
	float: left;
	margin-left: 168px;
}

/*
65
175
235
295
*/

#main-nav ul li{
	list-style-type: none;
	float: left;
}

#main-nav ul li{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	text-transform: uppercase;
}

#main-nav ul li em{
	font-style: normal;
}

.sIFR-active #main-nav ul li em{
	visibility: hidden;
	font-size: 30px;
	line-height: .5em;
}

#main-nav ul li#main-nav-articles{
	width: 75px;
}
#main-nav ul li#main-nav-observations{
	width: 110px;
}
#main-nav ul li#main-nav-about{
	width: 60px;
}
#main-nav ul li#main-nav-gallery{
	width: 55px;
}



/* USING IMAGES AS TEXT INSTEAD of SIFR:

#main-nav ul li a{
	font-size: 2px;
	color: #FFF;
	text-indent: -9999em;
	outline: none;
	display: block;
	height: 14px;
	background: url(./images/mainNav.gif) 0 0 no-repeat;
}

#main-nav ul li#main-nav-articles a{
	width: 65px;
	background-position: 0 0;
}
#main-nav ul li#main-nav-articles a:hover{
	background-position: 0 -30px;
}
#main-nav ul li#main-nav-observations a{
	width: 115px;
	background-position: -65px 0;
}
#main-nav ul li#main-nav-observations a:hover{
	background-position: -65px -30px;
}
#main-nav ul li#main-nav-about a{
	width: 60px;
	background-position: -175px 0;
}
#main-nav ul li#main-nav-about a:hover{
	background-position: -175px -30px;
}
#main-nav ul li#main-nav-gallery a{
	width: 60px;
	background-position: -235px 0;
}
#main-nav ul li#main-nav-gallery a:hover{
	background-position: -235px -30px;
}

*/

#search input#s{
	width: 110px;
}

/* --------------
MAIN
----------------- */
div.more-link {
	font-weight: bold;	
	display: inline;
}

h2#description{
	height: 115px;
	border-top: 1px solid #686969;
	padding: 8px 0 0 4px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
}

.sIFR-active h2#description {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 15px;
}

#articles h2,
#observations h2{
	border-top: 1px solid #686969;
	padding: 8px 0 32px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
}

.sIFR-active #articles h2,
.sIFR-active #observations h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 15px;
  padding-bottom: 18px;
}

/* --------------
HOME ARTICLES
----------------- */

div#articles {
	width: 444px;
	float: right;
}

div#observations {
	width: 210px;
}

div#recent1,
div#recent2{
	width: 210px;
	float:left;
}

div#recent1{
	margin-right: 24px;
}

div#articles div.post{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(./images/dottedBorder.gif) repeat-x left bottom;
}

div#articles div.post:last-child{
	background: none;
}

div#articles h3.entry-title{
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 2px;
}

div#articles div.entry-date{
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-bottom: 6px;
}

div#articles div.entry-content{
	font-size: 1.1em;
	line-height: 1.55em;
}

div#articles div.entry-content .imageThumb{
	float: left;
	padding: 4px 12px 4px 0;
}

/* --------------
HOME FEATURE
----------------- */
div#feature{
	margin-bottom: 24px;
}
div#feature .featuredImage {
	margin-bottom: 24px;
}
div#feature .featuredImage img {
	height: 104px;
	width: 442px;
}

div#feature div.post{
	margin: 0;
	padding: 0;
	background: none;
}

div#feature h3.entry-title{
	font-size: 2.6em;
	font-weight: bold;
	line-height: 1.1em;
}

div#feature div.entry-date{
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-bottom: 10px;
}

div#feature div.entry-content{
	font-size: 1.3em;
	line-height: 1.55em;
}

/* --------------
HOME OBSERVATIONS
----------------- */

div#observations div.post{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(./images/dottedBorder.gif) repeat-x left bottom;
}
div#observations div.post:last-child{
	background: none;
}
div#observations h3.entry-title{
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 2px;
}

div#observations div.entry-date{
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-bottom: 6px;
}

div#observations div.entry-content{
	font-size: 1.1em;
	line-height: 1.55em;
}

/* --------------
SINGLE
----------------- */

#breadcrumb{
	border-top: 1px solid #686969;
	padding: 8px 0 32px 0;
	line-height: 1em;
}

#breadcrumb a{
	font-weight: bold;
}

#languageSwitcher{
	float: left;
}

#languageSwitcher span{
	font-size: 1.1em;
	padding-right: 1em;
}

.category-observations .post,
.single .post{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(./images/dottedBorder.gif) repeat-x left bottom;
}
.category-observations .post:last-child,
.single .post:last-child{
	background: none;
}
.single .featuredImage{
	margin: 0 0 12px 0;
}
.category-observations .entry-title,
.single .entry-title{
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.1em;
}
.single .entry-title{
	clear: both;
}
.category-observations .entry-date,
.single .entry-date{
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-bottom: 21px;
}
.category-observations .entry-excerpt,
.single .entry-excerpt{
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 21px;
}
.category-observations .entry-content p,
.single .entry-content p{
	font-size: 1.3em;
	line-height: 1.6em;
	margin-bottom: 21px;
}
.category-observations .entry-content h3,
.single .entry-content h3{
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 12px;
}
.category-observations .entry-content h4,
.single .entry-content h4{
	font-size: 1.3em;
	line-height: 1.6em;
	margin-bottom: 12px;
	font-weight: bold;
	font-style: italic;
}
.category-observations .entry-content p a,
.single .entry-content p a{
	text-decoration: underline;
}
.category-observations .entry-content img,
.single .entry-content img {
	clear: left;
	float: left;
	padding: 6px 21px 21px 0;
}
.archive .category-observations .entry-content img,
.date .category-observations .entry-content img{
	clear: none;
}

.category-observations .entry-meta{
	clear: both;
}
.single.s-category-articles .entry-meta-date{
	text-transform: uppercase;
	letter-spacing: .2em;
}

.category-observations .entry-meta-date,
.single.s-category-observations .entry-meta-date{
	font-size: 1.1em;
}
.category-observations .entry-meta-date a,
.single.s-category-observations .entry-meta-date a{
	font-weight: bold;
}

.comments-link{
	display: block;
	float: right;
}

.comments-link .metasep{
	padding-right: 5px;
}

.comments-link a{
	padding-left: 15px;
	background: url(./images/comments.gif) no-repeat 0 0;
}

.category-observations div.sharethiswidget,
.single div.sharethiswidget{
	float: right;
	margin-bottom: 30px;
}
.category-observations div.sharethiswidget .stico_default,
.single div.sharethiswidget .stico_default{
	background: none !important;
	padding: 0 5px 0 0 !important;
}
.category-observations div.sharethiswidget .stbuttontext,
.single div.sharethiswidget .stbuttontext {
	font-size: 1.1em;
}
.category-observations div.sharethiswidget .sharecomments,
.single div.sharethiswidget .sharecomments{
	background: url(./images/comments.gif) no-repeat 5px 0;
	padding: 0 0 0 20px !important;
}


/* --------------
ARTICLE ARCHIVE
----------------- */

#most-recent-articles {
	width: 674px;
	float: left;
}

#most-recent-articles .col1 {
	width: 210px;
	float: left;
}

#most-recent-articles .col2 {
	width: 210px;
	float: left;
	margin-left:24px;
}

#most-recent-articles .col3 {
	width: 210px;
	margin-left: 468px;
}

#featured-articles {
	width: 210px;
	margin-left: 464px;
}

#most-recent-articles h2,
#featured-articles h2{
	border-top: 1px solid #686969;
	padding: 8px 0 32px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
}

.sIFR-active #most-recent-articles h2,
.sIFR-active #featured-articles h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 15px;
  padding-bottom: 18px;
}

.category-articles div.post{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(./images/dottedBorder.gif) repeat-x left bottom;
}
.category-articles div.post:last-child{
	background: none;
}
.category-articles h3.entry-title{
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 2px;
}

.category-articles div.entry-date{
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-bottom: 6px;
}

.category-articles div.entry-content{
	font-size: 1.1em;
	line-height: 1.55em;
}

.category-articles div.entry-content .imageThumb{
	float: left;
	padding: 4px 12px 4px 0;
}



/* --------------
ARCHIVES, SEARCH
----------------- */

.archive.category h2.page-title,
.archive.date h2.page-title,
.search h2.page-title{
	border-top: 1px solid #686969;
	padding: 8px 0 32px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
}

.sIFR-active .archive.category h2.page-title,
.sIFR-active .archive.date h2.page-title,
.sIFR-active .search h2.page-title{
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 15px;
  padding-bottom: 18px;
}

.archiveCol1{
	float: left;
	width: 210px;
}
.archiveCol2{
	float: left;
	width: 210px;
	margin-left: 24px;
}
.archiveCol3{
	margin-left: 468px;
	width: 210px;
}

.archiveCol1 .post,
.archiveCol2 .post,
.archiveCol3 .post{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(./images/dottedBorder.gif) repeat-x left bottom;
}
.archiveCol1 .post:last-child,
.archiveCol2 .post:last-child,
.archiveCol3 .post:last-child{
	background: none;
}
.archiveCol1 .post h3.entry-title ,
.archiveCol2 .post h3.entry-title ,
.archiveCol3 .post h3.entry-title {
	font-size:1.6em !important;
	font-weight:bold;
	line-height:1.1em;
	margin-bottom:2px;
}
.archiveCol1 .category-observations div.entry-content,
.archiveCol2 .category-observations div.entry-content,
.archiveCol3 .category-observations div.entry-content {
	font-size:1.1em;
	line-height:1.55em;
}
div#nav-above {
	margin-bottom: 24px;
}

div#nav-below {
	clear: left;
	padding-top: 24px;
}

/* --------------
COMMENTS
----------------- */

#comments-list h3 {
	font-size: 1.1em;
	line-height: 1.1em;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-bottom: 45px;
}

#comments-list h3 span{
	font-size: 2.7em;
	font-weight: bold;
}

#comments-list ol, #trackbacks-list ol {
	float: left;
	width: 326px;
}

#comments-list ol li, #trackbacks-list ol li{
	margin-bottom: 40px;
	list-style-type: none;
	font-size: 1.3em;
	line-height: 1.6em;
}

#comments-list ol li p, #trackbacks-list ol li p{
	margin-bottom: 11px;
}
#comments-list ol li .comment-author, #trackbacks-list ol li .comment-author{
	font-weight: bold;
	float: left;
	padding-right: .4em;

}
#comments-list ol li .comment-author, #comments-list ol li .comment-meta{
	font-size: .85em;
}

#comments span.unapproved {
	font-style: italic;
	color: #666;
	font-size: .9em;
	letter-spacing: .1em;
}

#comments #respond {
	width: 326px;
	background: #f4f4f4;
	margin-left: 346px;
}

#comments #respond h3{
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 12px 0 18px 12px;
	font-weight: bold;
}

#comments div.formcontainer{
	padding: 0 10px 10px 10px;
}
#comments div.formcontainer p#login{
	font-size: 1.1em;
}
#comments div.formcontainer p#login .loggedin a{
	font-weight: bold;
}
#comments div.formcontainer p#comment-notes{
	font-size: 1.1em;
}

#comments div.formcontainer .form-input input {
	width: 170px;
}

#comments div.formcontainer .form-textarea textarea {
	width: 300px;
	height: 150px;
}

#comments div.formcontainer .form-label {
	float: right;
	text-align: left;
	width: 125px;
	margin-top: 8px;
	font-size: 1.1em;
}

#comments div.formcontainer .form-label-textarea {
	float: none;
	width: 125px;
	margin-top: 16px;
}

#comments div.formcontainer .form-input {
	margin-top: 8px;
}

#comments div.formcontainer .form-submit {
	margin-top: 8px;
}

#recaptcha_widget_div{
	margin-left: -5px;
}


/* --------------
SIDEBAR
----------------- */

.page div.sidebar{
	border-top: 1px solid #686969;
	padding-top: 123px;
}

div.sidebar div#find h3,
div.sidebar div#observationCategories h3{
	border-top: 1px solid #686969;
	padding: 8px 0 6px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
}

.sIFR-active div.sidebar div#find h3,
.sIFR-active div.sidebar div#observationCategories h3{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 0;
}

div.sidebar div#find h4{
	font-family: Helvetica, Arial, sans-serif;
	padding: 16px 0 6px 0;
	font-size: 1.3em;
	line-height: 1em;
	text-transform: uppercase;
}

.sIFR-active div.sidebar div#find h4{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 13px;
	padding-bottom: 0;
}

div.sidebar div#find select{
	width: 160px;
}

div.sidebar div#find div#findSubmit{
	float: right;
	padding: 20px 0;
}
div.sidebar div#observationCategories ul{
	margin-top: 4px;
	list-style-type: none;
	font-size: 1.1em;
}
div.sidebar div#subscribe h3{
	clear: right;
	margin: 20px 0 0 0;
	border-top: 1px solid #686969;
	padding: 8px 0 6px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
}

.sIFR-active div.sidebar div#subscribe h3{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 15px;
}

div.sidebar div#subscribe li{
	font-size: 1.1em;
	line-height: 1em;
	list-style-type: none;
}

div.sidebar div#subscribe li a{
	display: block;
	padding: 3px 0 6px 26px;
	background-position: 0 2px;
	background-repeat: no-repeat;
}

div.sidebar div#subscribe li.rss a{
	background-image: url(./images/iconRSS.gif);
}

div.sidebar div#subscribe li.email a{
	background-image: url(./images/iconEmail.gif);
}

div.sidebar div#sponsors h3{
	margin: 20px 0 0 0;
	border-top: 1px solid #686969;
	padding: 8px 0 6px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
}

.sIFR-active div.sidebar div#sponsors h3{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 15px;
}

div.sidebar div#contact,
div.sidebar div#downloads,
div.sidebar div#clients{
	background: url(./images/dottedBorder.gif) repeat-x left bottom;
	padding-bottom: 20px;
}
div.sidebar div#clients{
	background: none;
}
div.sidebar div#contact{
	border-top: 1px solid #686969;
	padding-top: 20px;
}

div.sidebar div#contact h3,
div.sidebar div#downloads h3,
div.sidebar div#clients h3{
	margin: 20px 0 0 0;
	padding: 8px 0 6px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
}

.sIFR-active div.sidebar div#contact h3,
.sIFR-active div.sidebar div#downloads h3,
.sIFR-active div.sidebar div#clients h3{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 15px;
}

div.sidebar div#contact ul li,
div.sidebar div#downloads ul li,
div.sidebar div#clients ul li{
	list-style-type: none;
	font-size: 1.1em;
	line-height: 1.8em;
}

div.sidebar div#downloads ul li.pdf{
	background: url(./images/iconPDF.gif) 0 2px no-repeat;
	padding: 0 0 10px 20px;
}


/* --------------
ABOUT PAGE
----------------- */

div#aboutImgCol{
	width: 210px;
	float: left;
	font-size: 1.2em;
}

div#aboutImgCol p{
	margin-top: 6px;
}

div#aboutTxtCol{
	width: 444px;
	margin-left: 234px;
}

div#aboutTxtCol p{
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 10px;
}

div#aboutTxtCol h3{
	font-size: 1.1em;
	line-height: 1em;
	letter-spacing: .2em;
	margin-bottom: 10px;

}

/* --------------
GALLERY PAGE
----------------- */

#galleryThumbsCol{
	float: left;
	width: 140px;
}

#galleryThumbsCol img{
	float: left;
	border: 3px solid #FFF;
	height:62px;
	width:62px;
}

#galleryMainCol{
	width: 528px;
	margin-left: 150px;	
}

#galleryMainCol img{
	border: 1px solid #dadadc;
}

#galleryMainCol h3{
	font-weight: bold;
	font-size: 1.3em;
	margin: 24px 0 10px 0;
}

#galleryMainCol p.text{
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#galleryMainCol p.credit{
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: .2em;
}

#aboutTheGallery h3{
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: .2em;
	border-top: 1px solid #686969;
	padding-top: 47px;
	margin-bottom: 10px;
}

#aboutTheGallery p{
	font-size: 1.2em;
	line-height: 1.5em;
}

/* --------------
404
----------------- */

.four04 .entry-content p{
	font-size: 1.3em;
	margin: 0 0 12px 0;
}

.four04 p.archiveLink a{
	font-weight: bold;
	font-size: 1.5em;
}


/* --------------
FOOTER
----------------- */

div#footer div#footerLogo{
	float: left;
	width: 72px;
	height: 72px;
	background: url(./images/logoFooter.gif) no-repeat 0 5px;
}

div#footer p{
	width: 606px;
	margin-left: 72px;
	line-height: 1.4em;
}

div#footer div#backtotop{
	margin: -38px 0 21px 702px;
	font-weight: bold;
	letter-spacing: .2em;
}

