/********** =defaults **********/
body {
  background: #efefef;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 10;
}

hr {
  display:none;
}

a {
  color:#06c;
  text-decoration:underline;  
}

a:hover {
  text-decoration:none;
}

p, li, blockquote, dd, dt {
  line-height:130%;
}

blockquote {
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 20px 25px;
  padding: 10px;
}

blockquote p {
  color:#333;
  font-style:italic;
  line-height:140%;
  margin:0;
}

p {
  margin:0 0 15px 0;
  color:#000;
}

ul, ul li {
  list-style-type:disc;
  margin:0 0 3px 8px;
  padding:0 0 0 13px;
  color:#000;
}

code {
  background: #f0f0f0 url(../images/Code_BG.gif) left top repeat-y;
  border: 1px solid #ccc;
  color:#333;
  display:block;
  margin: 20px 25px;
  padding: 10px 10px 10px 21px;
  white-space:pre;
}

h1, h2, h3 {
  letter-spacing:-1px;
  margin:15px 0 0 0;
}

h1 {
  color:#87C900;
  font-size:2.3em;
}

h2 {
  color:#87C900;
  margin-bottom:3px;
}

h3 {
  color:#333;
  margin-bottom:3px;
}

h1 a, h2 a {
  color:#87C900;
  text-decoration:none;
}

h1 a:hover, h2 a:hover {
  color:#87C900;
  text-decoration:underline;
}

dt {
  font-weight:bold;
}

dd {
  margin:3px 0 10px 0;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.margin8px { 
    margin: 8px; 
}


/********** =layout **********/
/* primary is the top half of the page, the white part */
#primary {
  /* This line appears irrelevant, but forces the div to expand fully. */
  border-top: 1px solid #fff;
  background:#fff url(../images/BottomShadow.gif) left bottom repeat-x;
}

#primary div.container {
  margin:0 auto;
}

/* main_content is the most important area of the primary div */
#main_content {
  display:inline;
  float:left;
  margin:0 30px 0 0;
  width:510px;
}


/* secondary is the bottom half of the page, the grey part */
#secondary {
  clear:both;
}

#secondary div.container {
  margin:0 auto;
}

/********** =accessibility **********/
#accessibility {
  border-bottom:1px solid #ccc;
  background:transparent;
  margin: 0;
  padding: 3px 0;
}

#accessibility p {
  color:#999;
  margin:0 auto;
  padding:0;
}

#accessibility p a {
  text-decoration:underline;
  color:#999;
}

#accessibility p a:hover {
  color:#06c;
}

/********** =header **********/

#header {
  padding: 50px 0 40px 0;
}

#logostuff {
  display:inline;
  float:left;
  margin-right:30px;
  padding: 3px 0 0 0;
  width:447px;
}

span.logo {
  background:url(../images/Logo.gif) left bottom no-repeat;
	display:block;
	text-decoration: none;
  text-indent: -9999px;
	position:relative;
	width:457px;
	height:24px;
}

span.description {
  background:url(../images/About.gif) left top no-repeat;
	display:block;
	text-decoration: none;
  text-indent: -9999px;
  width:426px;
  height:19px;
}

span.logo a {
  display:block;
  position: absolute;
  text-decoration: none;
  text-indent: -9999px;
}

span.logo a.aboutlink {
  background:url(../images/Logo.gif) -150px -1px no-repeat;
	right:160px;
	top:-1px;
	width:146px;
	height:24px;
}

span.logo a.aboutlink:hover {
	background:url(../images/Logo.gif) -150px -27px no-repeat;
}

span.logo a.homelink {
  background:url(../images/Logo.gif) -353px -1px no-repeat;
	right:46px;
	top:-1px;
	width:57px;
	height:24px;
}

span.logo a.homelink:hover {
	background:url(../images/Logo.gif) -353px -27px no-repeat;
}

#home span.logo a.homelink {
	display:none;
}

#about span.logo a.aboutlink {
	display:none;
}

/********** =main_content **********/
#main_content span.posted {
  color:#666;
  display:block;
  font-size:1.3em;
	font-weight:bold;
  font-style:italic;
  letter-spacing:-1px;
  margin:-2px 0 1em 0;
}

#main_content ul {
    margin: 0 0 15px 0;
}

#main_content ul li {
  background:url(../images/Bullet.gif) 0 4px no-repeat;
  margin:0 0 3px 8px;
  padding:0 0 0 13px;
}

#main_content ul li a {
  display:block;
}


/********** =buttons **********/
/* These are the buttons at the bottom of each entry. */
#main_content #buttons li {
    background:none!important;
    margin:0;
    padding:0;
}


#buttons { 
  background:url(../images/Or.gif) 135px 25px no-repeat;
  display:block;
  list-style:none;
  margin: 30px 0 15px 0;
  padding:0;
	position:relative;
	height:54px;
}	
	
#buttons a {
	border:none;
}

#commentLink a {
  background:url(../images/Comment.gif) left top no-repeat;
	display:block;
	position:relative;
	text-indent:-9999px;
	text-decoration: none;
	width:118px;
	height:54px;
}

#commentLink a span {
  color:#f60;
  display:block;
  font-family:helvetica, arial, sans-serif;       
  font-weight:bold;       
  font-size:1.1em;
  letter-spacing:-2px;
  line-height:140%;
  position:absolute;
  text-align:center;
  text-indent:0px;
  right:21px;
  top:1px;
  width:14px;
}

#archivesLink a {
  background:url(../images/ViewArchives.gif) left top no-repeat;
	display:block;
  position:absolute;
  top:0px;
  right:115px;
	text-indent:-9999px;
	text-decoration: none;
	width:155px;
	height:50px;
}

#rssLink a {
	background:url(../images/RSS.gif) left top no-repeat;
	display:block;
	position:absolute;
	top:0px;
  right:0px;
	text-indent:-9999px;
	text-decoration: none;
	width:107px;
	height:50px;
}

#subscriptionCount a {
	bottom:3px;
	left:399px;
	display:block;
	position:absolute;
	text-decoration: none;
}

/********** =results **********/
#results {
  width:100%;
}

div.result {
  margin: 0 0 35px 0;
}

div.result span.posted {
  font-size:1.1em!important;
  margin:0!important;
  padding:0;
}

div.result p {
  color:#666;
  margin:5px 0;
  padding:0;
}

/********** =note **********/
/* This is for the notes that are displayed at the beginning of entries.  They are created using TXP excertpts. */
#note {
  background: url(../images/Clipboard_24.gif) 8px 8px no-repeat;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  color:#333;
  font-style:italic;
  margin:0 0 10px 0;
  padding:14px 14px 12px 36px;
}

#note strong {
  text-transform:uppercase;
}

#note p {
  display:inline;
}

/********** =comments **********/
#commentstuff {
  border-top:1px solid #fff;
  clear:both;
}

#fields {
  float:left;
  width:450px;
}

#comments {
  width:510px;
}

div.comment  {
	line-height: 1.4em;
}

div.comment {
	background: url(../images/Quote.gif) no-repeat left top;
	margin: 15px 0 35px 0;
  min-height:45px;
	padding: 0 0 0 70px;
}

div.author div.comment {
 	background:#f0f0f0;
	border: 1px solid #ccc;
  margin-left:70px;
	padding: 10px 10px 10px 10px;
}

div.comment span.author {
  background:url(../images/Commenter.gif) left bottom no-repeat;
  color: #06c;
  display: block;
  font-size: 1.4em;
  font-style: italic;
  font-weight: bold;
  padding: 11px 0 4px 35px;
  margin: .5em 0 0 0;
}


/********** =notifications **********/

#commentsclosed { 
  background: #f0f0f0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin: 30px 0;
  padding: 20px 20px 20px;
}

#commentsclosed p {
  color:#666;
  font-weight:bold;
  margin:0;
}

#confirmation {
  background:url(../images/Confirmation_BG.gif) left top;
  border:1px solid #BCCA5D;
  margin: 15px 0;
  padding:15px 15px 10px 15px;
}

#confirmation p {
  background:url(../images/Checkmark_BG.gif) left top no-repeat;
  margin:0;
  padding:0 0 0 40px;
}

#cpreview { 
  background:url(../images/Warning_BG.gif) left top;
  border:1px solid #eee;
  margin:30px 0 0 0;
  padding:15px 15px 10px 15px;
}

#cpreview p, #confirmation p {
  margin:0;
  padding:0 0 0 40px;
}

#confirmation p {
  background:url(../images/Checkmark_BG.gif) left top no-repeat;
}

#cpreview p {
  background:url(../images/DownArrow_BG.gif) left top no-repeat;
}

#comments_error { 
  background:url(../images/Warning_BG.gif) left top;
  border:1px solid #ccc;
  margin:0 0 20px 0;
  padding:15px 15px 10px 15px;
}

#comments_error ul.comments_error li {
  color:#f00;
}

/********** =vCard **********/
div.vcard {
  background: #f0f0f0 url(../images/Contact.gif) 174px 10px no-repeat;;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  line-height:140%;
  margin: 10px 0 30px;
  padding: 10px;
}


/********** =forms **********/
#webform {
  background: #f0f0f0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin: 30px 0;
  padding: 20px 20px 20px;
}

div.field label {
  color: #666;
  font-weight: bold;
}

div.radiobutton label {
  color:#666;
  display:inline;
  font-weight:bold;
}

#webform div.field textarea, #webform div.field input {
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;
  color:#999;
  font-family: Helvetica, Arial, sans-serif;
  font-size:1em;
  font-weight:normal;
  padding: 3px 3px 1px 3px;
}

#webform div.field textarea {
  width:98%!important;
}

#webform div.field input {
  width:40%!important;
}

div.field input:focus, div.field textarea:focus {
  background:#ffc;
  color:#000!important;
}

textarea {
  border-top:1px solid #000;
  border-left:1px solid #000;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  font-family: Helvetica, Arial, sans-serif;
  height:170px;
  width:100%;
}

div.field {
  margin: 0 0 10px;
  text-align:left;
}
label.checkbox {
  display: inline;
  font-weight: normal;
}

fieldset {
  background:#f5f5f5;
  border:solid 1px #ccc;
  margin:0 0 20px 0;
  padding: 15px;
}

fieldset legend {
  color:#333;
  font-size:1.6em;
  font-weight:bold;
}

/********** =preferences **********/
#multicolumn {
  background:url(../images/MultiColumn.gif) 22px 0 no-repeat;
  height:70px;
}

#onecolumn {
  background:url(../images/OneColumn.gif) 22px 0 no-repeat;
  height:50px;
  margin:0 0 15px 0;
}

#multicolumn label, #onecolumn label {
  padding:0 0 0 53px;
}

#onecolumn p {
  color:#999;
  line-height:100%;
  padding:3px 0 0 73px;
}


/********** =helptext **********/

span.helptext {
  color:#999;
  font-size:.8em;
  font-weight:normal;
}

span.helptext a {
  color:#06c;
}

span.helptext a:hover {
  background:#06c;
  color:#fff;
  text-decoration:none;
}

/********** =commentform **********/
#rememberinfo {
  display:inline;
}

#rememberinfo label {
  color: #666;
  display:inline;
  font-size:1.0em;
  font-weight:normal;
}

/********** =textilehelp **********/

#textilehelp {
  color:#666;
  float:right;
  width:190px;
}

#textilehelp p {
  color:#666;
  font-weight:bold;
}

#textilehelp ul li {
  margin: 8px 0 0 0;
}


/********** =rss **********/
p.rsslink {
  margin: 10px 0 0 0;
}

p.rsslink a {
  background: url(../images/XML.gif) left top no-repeat;
  border:none;
  color:#f60;
  padding: 2px 0 0 40px;
}


/********** =related content headings **********/
#elsewhere h2, #related h2, #recently h2, #categories h2, #flickr_badge_uber_wrapper h2, #map h2 {
  color:#333;
  font-size:1.1em;
}

/********** =map **********/
#map a img {
  border:1px solid #ccc;
}

/********** =elsewhere **********/
#elsewhere ul li {
  color:#666;
  display:block;
  margin:14px 0 0 0;
}

#elsewhere ul li p {
  color:#666;
  margin:0;
}

/********** =recently **********/
#recently ul li {
  margin:14px 0 0 0;
}

#recently ul li a {
  display:block;
  font-weight:bold;
}

#recently ul li span.posted {
  color:#666;
  display:block;
  font-style:italic;
  margin:0;
}

/********** =related **********/
#related ul li {
  margin:14px 0 0 0;
}

#related ul li a {
  display:block;
  font-weight:bold;
}

/********** =categories **********/
#categories ul {
  margin:14px 0 0 0;
}

#categories ul li {
  background: url(../images/Folder.gif) left top no-repeat;
  margin: 3px 0 0 0;
  padding: 1px 0 0 19px;
}

#categories ul li a {
  font-weight:bold;
}

/********** =big_buttons **********/
#big_buttons {
  text-indent:-9999px;
  margin: 10px 0 0 0;
}

#big_buttons a, #big_buttons a:hover {
  text-decoration:none;
}

#resourceslink, #readinglink, #pictureslink, #webcamlink, #geographylink {
  display:block;
  text-indent:-9999px;
  width:210px;
  height:90px;
}

#resourceslink {
  background: url(../images/bigbuttons/Resources.gif) left top no-repeat;
}

#readinglink {
  background: url(../images/bigbuttons/Reading.gif) left top no-repeat;
}

#pictureslink {
  background: url(../images/bigbuttons/Pictures.gif) left top no-repeat;
}

#webcamlink {
  background: url(../images/bigbuttons/Webcam.gif) left top no-repeat;
}

#geographylink {
  background: url(../images/bigbuttons/Geography.gif) left top no-repeat;
}

/********** =switcheroo **********/
#switcheroo {
  clear:left;
  display:inline;
  float:left;
}

#switcheroo {
  background:url(../images/justforfun/JustForFun_BG.gif) left top repeat-y;
  margin: 10px 0 0 0;
}

#switcheroo h3 {
  background:url(../images/justforfun/1_Heading.gif) left top no-repeat;
  height:72px;
  margin:0;
  text-indent:-9999px;
}

#switcheroo p {
  background:url(../images/justforfun/JustForFun_Bottom.gif) left bottom no-repeat;
  margin:0;
  padding: 0 8px 10px 11px;
}

#switcheroo p a {
  background:url(../images/justforfun/1_Button.gif) left top no-repeat;
  border:none;
  display:block;
  margin:8px auto 4px;
  text-decoration:none;
  text-indent:-9999px;
  width:176px;
  height:49px;
}

/********** =reading **********/
#book_purchase {
  margin: 70px 0 0 0;
}

#book_purchase a {
  background:url(../images/Buy.jpg) center bottom no-repeat;
  display:block;
  padding:0 0 75px 0;
  text-align:center;
}

#book_purchase a img {
  border:1px solid #ccc;
  padding:3px;
}

div.book a img {
  border:1px solid #ccc;
  display:inline;
  float:left;
  margin: 0 10px 10px 0;
  padding:3px;
}

/********** =resource **********/
div.resource p.excerpt {
  margin:0;
}

div#downloads {
  background:#f0f0f0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin:15px 0 0 0;
}

div#downloads h2 {
  background:url(../images/Download.gif) right top no-repeat;
  height:32px;
  margin:0;
  padding:8px 36px 0 0;
}

div#downloads h3 {
  margin:10px 0 0 0;
}

div#downloads div.inner {
  padding:15px;
} 

div#downloads ul li {
  margin:6px 0 0 0;
}

div#downloads ul li a {
  display:block;
  padding: 2px 0 2px 20px;
}

li.ogtemplate a { 
  background: url(../images/documenticons/OgTemplate.gif) left top no-repeat;
}

li.ogstencil a {
  background: url(../images/documenticons/OgStencil.gif) left top no-repeat;
}

li.visiotemplate a { 
  background: url(../images/documenticons/VisioTemplate.gif) left top no-repeat;
}

li.visiostencil a {
  background: url(../images/documenticons/VisioStencil.gif) left top no-repeat;
}

li.zip a {
  background: url(../images/documenticons/Zip.gif) left top no-repeat;
  padding-left: 18px!important;
}

/********** =license **********/
#license {
  border-top:solid 1px #ccc;
  color:#666;
  margin:25px 0 0 0;
  padding:10px 0 0 0;
  text-align:center;
}

/********** =footer **********/
#footer {
  border-top:1px solid #ccc;
  display:block;
  clear:both;
  color:#666;
  font-size:.85em;
  margin:30px auto 0 auto;
  padding:10px 0 0 0;
  text-align:center;
}

#footer ul {
  display:block;
  float:left;
}

#footer ul li {
  display:block;
  float:left;
  padding:0 10px 0 0;  
}

#footer p {
  float:right;
  color:#666;
}

#ninerules {
  background:url(../images/9rules.gif) left top no-repeat;
  clear:both;
  display:block;
  text-decoration:none;
  text-indent:-9999px;
  width:75px;
  height:75px;
  margin:0 auto 15px auto;
}

/********** =feature **********/
#feature {
  background:url(../images/features/Feature_BG.gif) left top repeat-y;
}

#feature h2 {
  margin:0;
}

#feature h2 a {
  background:url(../images/features/1.gif) left top no-repeat;
  display:block;
  margin:0;
  text-decoration:none;
  text-indent:-9999px;
  height:157px;
}

#feature p {
  background:url(../images/features/Feature_Bottom.gif) left bottom no-repeat;
  margin:0;
  padding: 0 8px 10px 11px;
}

#feature p a span {
  display:block;
  text-indent:-9999px;
  width:0;
  height:0;
}

/********** =resources **********/
#downloads {
  background:#f0f0f0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin-bottom: 15px;
}

#downloads div.inner {
  padding-bottom: 0;
}

#license {
  padding:8px;
}

div.resourceexample {
  clear:left;
}

div.resourceexample img {
  border:1px solid #ccc;
  float:left;
  padding:3px;
  margin:0 15px 15px 0;
}

#relatedresourcelinks {
  clear:both;
  padding:15px 0 0 0;
}


/********** =miscellaneous **********/
span.highlight {
  background:#ffc;
}

div.clear {
  clear:both;
}

img.photo {
  border:1px solid #ccc;
  padding:3px;
}

/********** =custom **********/
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
.flickr_badge_image {
  border: 1px solid #ccc !important;
  float:left;
  display:inline;
  margin:0 20px 20px 0;
  padding:3px 3px 1px 3px;
}

.flickr_badge_image img {
  border:none;
  display:inline;
}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}