* {
padding: 0;
margin: 0;
}

body {
font: 13px arial, serif; 

color:#333333; 
line-height: 1.6; 
text-align:left;

}

#topnav, #footer{
background-color: #0872B1;
text-align:center;
font-family: arial, verdana, sans-serif;
color:#fff;
width:100%;
float:left;
clear:both;
}

#breadcrumbs{
background-color: #0872B1;
font-family: arial, verdana, sans-serif;
color:#fff;
width:100%;
float:left;
clear:both;
margin:0px;
padding:0px;
}

#breadcrumbs li {
display:inline;
padding-right:4px;
}
 
#breadcrumbs a {
padding-right: 20px;
background: transparent url(../images/rarr.gif) right bottom no-repeat;
}
 
#topnav li, #footer li {
display:inline;
padding-left:8px;
background: transparent url(../images/pipe.gif) left bottom no-repeat;
}



#topnav li:first-child, #footer li:first-child , #topnav li.about, #footer li.about{
background: none;
}

#topnav a, #breadcrumbs a, #footer a{
color:#fff;
text-decoration: none;
}

#topnav a, #footer a{
font-weight: bold;
}

#breadcrumbs a {
text-align:left;
font-weight:normal
}

#breadcrumbs li {
font-weight: bold;
text-align:left;
text-transform: lowercase;
}

#sectHome #top, #top {
background-color:#CEEFCD;
} 

q, .quotesource {
color: #0872B1;
vertical-align:33%;
margin-left: 20px;
}

#container {
width: 100%;
/* background: transparent url(../images/bg.gif) repeat-y; */
}

#content { 
border: 0px solid orange;
float: left; 
width: 74%;
}

#menu { 
border: 0px solid red;
float: left;
width:170px;
padding: 0px;
margin-right: 10px;
font-weight:bold; 
margin-top:1px;
}

#menu ul {
padding: 0;
margin: 0;
width:170px;
}

#menu a {
text-decoration:none;
}

.textism{ 
float: left; 
border: 0px solid blue;
width: 60%; 
min-width: 8em;
margin: 0em; 
padding: 1em;
font-family: arial, serif;
}

.textism p {
margin: 0.5em 0em;
}

#top {
padding:0px;
margin:0px;
}

h1{
display:inline;
background-color: #CEEFCD;
margin-bottom: 0px;
padding-bottom: 0px;
}

h1 img {
margin-top: 1px;
margin-bottom: 0px;
padding-bottom: 0px;
}

h2,h3,h4,h5, 
dt, #menu, #googlesearch {
font-family: Arial, verdana, sans-serif;
background-color:  #fff;

}

h2, dt
{
color: #0872B1;
}

h3{
color:#4F9AC7;
}

h4{
color:#72AED2;
}

#sectSqualor dt{
font-size: 150%;
font-weight: bold;
margin-top: 1em;
}

#sectCommunity dt {
padding-left: 2em;
font-weight: bold;
margin-top: 1em;
}

#sectCommunity dd {
display: inline;

margin-top: 1em;
}

#sectJunkDrawer pre, #sectYourself pre  {
font-family: arial, "Times New Roman", serif;
}

.degrees dl {
margin-bottom: 1em;
}

.hidden {
display:none;
}
        
.seealso, .illustration, #googlesearch { 
float: left; 
width: 220px;
min-width: 8em;
margin: 0em; 
padding: 0.5em;
margin-top:1px;
border: 1px solid white;
}


.seealso h4{
background-color: #0872B1;
color: #fff;
padding-left:.5em;
}

.sources, .related, .furthereading {
background-color: #E0EDFF;
padding: 0;
font-family: Arial, sans-serif;
}

.illustration img {
padding: 6px;
border: 1px solid black;
}

.illustration p {
font-style: italic
}

.illustration p i {
font-style: normal
}

.seealso li, #pagenav li, .sitemapalphabet li{
list-style:none;
margin:3px;
}

.textism ul, .textism ol {
padding-left: 24px;
}

.textism ul {
list-style-type: circle;
}

.contributed {
background-color:#DCEBF4;
padding: 1em;
}

li.zip  {
background: transparent url(../images/iconzip.gif) no-repeat;
list-style-type:none;
padding-left:20px;
}

li.txt  {
background: transparent url(../images/icontxt.gif) no-repeat;
list-style-type:none;
padding-left:20px;
}

li.doc  {
background: transparent url(../images/icondoc.gif) no-repeat;
list-style-type:none;
padding-left:20px;
}

li.pdf  {
background: transparent url(../images/iconpdf.gif) no-repeat;
list-style-type:none;
padding-left:20px;
}

li.wav  {
background: transparent url(../images/iconwav.gif) no-repeat;
list-style-type:none;
padding-left:20px;
}

div.zip  {
background: transparent url(../images/iconzip.jpg) no-repeat;
height: 40px;
}

div.doc  {
background: transparent url(../images/doc.gif) no-repeat;
height: 40px;
}

div.pdf  {
background: transparent url(../images/pdf.gif) no-repeat;
height: 40px;
}

#menu ul li ul,  #sectResources .books  ul {
display: none;
}

#sectSqualor #gmKimmy, 
#sectSqualor #gmPatkortcam, 
#sectSqualor #gmPetra,
#sectSqualor #gmSuedonym,
#sectSqualor #gmJoe,
#sectSqualor #gmYourself, 
#sectSqualor #gmYourhouse, 
#sectSqualor #gmSpecialareas, 
#sectStories #gmKimmy, 
#sectStories #gmPatkortcam, 
#sectStories #gmPetra, 
#sectStories #gmSuedonym,
#sectStories #gmJoe,
#sectStories #gmYourself, 
#sectStories #gmYourhouse , 
#sectStories #gmSpecialareas ,
/*  #sectPhotos #gmYourself , 
 #sectPhotos #gmYourhouse , 
 #sectPhotos #gmSpecialareas , */
#sectPhotos #gmKimmy li, 
#sectPhotos #gmPatkortcam li,
#sectPhotos #gmPetra  li,
#sectPhotos #gmSuedonym li ,
#sectPhotos #gmJoe  li , 
#sectOvercoming #gmYourself li, 
#sectOvercoming #gmYourhouse  li, 
#sectOvercoming #gmSpecialareas  li, 
#sectYourself gmKimmy, 
#sectKimmy #gmYourself,
#sectKimmy #gmYourhouse,
#sectKimmy #gmSpecialareas,
#sectPatkortcam #gmYourself,
#sectPatkortcam #gmYourhouse,
#sectPatkortcam #gmSpecialareas,
#sectPetra #gmYourself,
#sectPetra #gmYourhouse,
#sectPetra #gmSpecialareas,
#sectSuedonym #gmYourself,
#sectSuedonym #gmYourhouse,
#sectSuedonym #gmSpecialareas, 
#sectJoe #gmYourself,
#sectJoe #gmYourhouse,
#sectJoe #gmSpecialareas, 
#sectYourself #gmKimmy,
#sectYourself #gmPatkortcam,
#sectYourself #gmPetra,
#sectYourself #gmSuedonym,
#sectYourself #gmJoe, 
#sectYourhouse #gmKimmy,
#sectYourhouse #gmPatkortcam,
#sectYourhouse #gmPetra,
#sectYourhouse #gmSuedonym,
#sectYourhouse #gmJoe,
#sectSpecialareas #gmKimmy,
#sectSpecialareas #gmPatkortcam,
#sectSpecialareas #gmPetra,
#sectSpecialareas #gmSuedonym,
#sectSpecialareas #gmJoe {
background-color:yellow;
display: none;
}

/*In the Squalor section, we don't want to see the pages inside Stories, Overcoming, Resources or Junk Drawer, or Supporters*/

#sectSqualor #gmStories ul li,
#sectSqualor #gmPhotos ul li,
#sectSqualor #gmCommunity ul li,
#sectSqualor #gmOvercoming ul li,
#sectSqualor #gmJunkDrawer ul li,
#sectSqualor #gmResources ul li,
#sectSqualor #gmSupporters ul li
{
display:none;
}

/*In the Stories section, we don't want to see the pages inside Squalor, Overcoming, Resources or Junk Drawer*/

#sectStories #gmSqualor ul li,
#sectStories #gmPhotos ul li,
#sectStories #gmCommunity ul li,
#sectStories #gmOvercoming ul li,
#sectStories #gmJunkDrawer ul li,
#sectStories #gmResources ul li,
#sectStories #gmSupporters ul li
{
display:none;
}

/*In the Photos section, we don't want to see the pages inside Squalor, Stories, Overcoming, Resources, or the JunkDrawer */
#sectPhotos #gmSqualor ul li,
#sectPhotos #gmStories ul li,
#sectPhotos #gmOvercoming ul li,
#sectPhotos #gmCommunity ul li,
#sectPhotos #gmResources ul li,
#sectPhotos #gmJunkDrawer ul li,
#sectPhotos #gmSupporters ul li,
#sectKimmy #gmSqualor ul li,
#sectKimmy #gmStories ul li,
#sectKimmy #gmOvercoming ul li,
#sectKimmy #gmCommunity ul li,
#sectKimmy #gmResources ul li,
#sectKimmy #gmJunkDrawer ul li,
#sectKimmy #gmSupporters ul li,
#sectPatkortcam #gmSqualor ul li,
#sectPatkortcam #gmStories ul li,
#sectPatkortcam #gmOvercoming ul li,
#sectPatkortcam #gmCommunity ul li,
#sectPatkortcam #gmResources ul li,
#sectPatkortcam #gmJunkDrawer ul li,
#sectPatkortcam #gmSupporters ul li,
#sectPetra #gmSqualor ul li,
#sectPetra #gmStories ul li,
#sectPetra #gmOvercoming ul li,
#sectPetra #gmCommunity ul li,
#sectPetra #gmResources ul li,
#sectPetra #gmJunkDrawer ul li,
#sectPetra #gmSupporters ul li,
#sectSuedonym #gmSqualor ul li,
#sectSuedonym #gmStories ul li,
#sectSuedonym #gmOvercoming ul li,
#sectSuedonym #gmCommunity ul li,
#sectSuedonym #gmResources ul li,
#sectSuedonym #gmJunkDrawer ul li,
#sectSuedonym #gmSupporters ul li,
#sectJoe #gmSqualor ul li,
#sectJoe #gmStories ul li,
#sectJoe #gmOvercoming ul li,
#sectJoe #gmCommunity ul li,
#sectJoe #gmResources ul li,
#sectJoe #gmJunkDrawer ul li,
#sectJoe #gmSupporters ul li
{
display:none;
}

/*In the Overcoming section, we don't want to see the pages inside Squalor, Stories, Overcoming, Resources, or the JunkDrawer */
#sectOvercoming #gmSqualor ul li,
#sectOvercoming #gmStories ul li,
#sectOvercoming #gmPhotos ul li,
#sectOvercoming #gmCommunity ul li,
#sectOvercoming #gmResources ul li,
#sectOvercoming #gmJunkDrawer ul li,
#sectOvercoming #gmSupporters ul li,
#sectYourself #gmSqualor ul li,
#sectYourself #gmStories ul li,
#sectYourself #gmPhotos ul li,
#sectYourself #gmCommunity ul li,
#sectYourself #gmResources ul li,
#sectYourself #gmJunkDrawer ul li,
#sectYourself #gmSupporters ul li,
#sectYourhouse #gmSqualor ul li,
#sectYourhouse #gmStories ul li,
#sectYourhouse #gmPhotos ul li,
#sectYourhouse #gmCommunity ul li,
#sectYourhouse #gmResources ul li,
#sectYourhouse #gmJunkDrawer ul li,
#sectYourhouse #gmSupporters ul li,
#sectSpecialareas #gmSqualor ul li,
#sectSpecialareas #gmStories ul li,
#sectSpecialareas #gmPhotos ul li,
#sectSpecialareas #gmCommunity ul li,
#sectSpecialareas #gmResources ul li,
#sectSpecialareas #gmJunkDrawer ul li,
#sectSpecialareas #gmSupporters ul li
{
display:none;
}

/*In the Resources section, we don't want to see the pages inside Squalor, Stories, Overcoming,  or the JunkDrawer */
#sectResources #gmSqualor ul li,
#sectResources #gmStories ul li,
#sectResources #gmPhotos ul li,
#sectResources #gmCommunity ul li,
#sectResources #gmOvercoming ul li,
#sectResources #gmJunkDrawer ul li,
#sectResources #gmSupporters ul li
{
display:none;
}

/*In the JunkDrawer section, we don't want to see the pages inside Squalor, Stories, Overcoming,  or Resources */
#sectJunkDrawer #gmSqualor ul li,
#sectJunkDrawer #gmStories ul li,
#sectJunkDrawer #gmPhotos ul li,
#sectJunkDrawer #gmCommunity ul li,
#sectJunkDrawer #gmOvercoming ul li,
#sectJunkDrawer #gmResources ul li,
#sectJunkDrawer #gmSupporters ul li
{
display:none;
}

/*In the Supporters section, we don't want to see the pages inside Squalor, Stories, Overcoming, Resources or Junk Drawer*/
#sectSupporters #gmSqualor ul li,
#sectSupporters #gmStories ul li,
#sectSupporters #gmPhotos ul li,
#sectSupporters #gmCommunity ul li,
#sectSupporters #gmOvercoming ul li,
#sectSupporters #gmJunkDrawer ul li,
#sectSupporters #gmResources ul li
{
display:none;
}

/*In the Site section, we don't want to see the pages inside Squalor, Stories, Overcoming, Resources or Junk Drawer*/
#sectSite #menu #gmSqualor ul li,
#sectSite #menu #gmStories ul li,
#sectSite #menu #gmPhotos ul li,
#sectSite #menu #gmCommunity ul li,
#sectSite #menu #gmOvercoming ul li,
#sectSite #menu #gmJunkDrawer ul li,
#sectSite #menu #gmResources ul li,
#sectSite #menu #gmSupporters ul li
{
display:none;
}



/* following style colours whole menu */
#menu li {
list-style-type: none;
padding-left: 10px;
width:100%;
clear: left;
float: left;
display: inline;
border-bottom: 1px solid #ebfbea;
background-color: #ceefcd;
}

/* this style colours pages in sub-section */
#menu li li {
padding: 0px 0px 0px 3px;
background-color:#fff;
border-bottom: 1px solid #ebfbea;
/* background: url(../images/bl2.gif) no-repeat 10px .6em; */
}


#menu span.content, #menu #gmSite {
display:none;
}

.seealso dt {
background: url(../images/arrow.gif) no-repeat 0px .6em;
padding-left: 10px;
}


#sectSqualor #gmSqualor ul,
#sectStories #gmStories ul,
#sectPhotos #gmPhotos ul,
#sectKimmy #gmKimmy ul,
#sectPatkortcam #gmPatkortcam ul,
#sectPetra #gmPetra ul,
#sectSuedonym #gmSuedonym ul,
#sectJoe #gmJoe ul,
#sectYourself #gmYourself ul,
#sectYourhouse #gmYourhouse ul,
#sectSpecialareas #gmSpecialareas ul,
#sectOvercoming #gmOvercoming ul,
#sectCommunity #gmCommunity ul,
#sectResources #gmResources ul,
#sectJunkDrawer #gmJunkDrawer ul 
{
display: block;
text-decoration: none; 	
	margin: 0px;
	padding: 0px;
	color: #999;
	font-weight: normal;

}

#sectSqualor #gmSqualor li,
#sectStories #gmStories li,
#sectPhotos #gmPhotos li,
#sectKimmy #gmKimmy li,
#sectPatkortcam #gmPatkortcam li,
#sectPetra #gmPetra li,
#sectSuedonym #gmSuedonym li,
#sectJoe #gmJoe li,
#sectYourhouse #gmYourhouseli,
#sectYourself #gmYourself li,
#sectSpecialareas #gmSpecialareas li,
#sectOvercoming #gmOvercoming li,
#sectCommunity #gmCommunity li,
#sectResources #gmResources li,
#sectJunkDrawer #gmJunkDrawer li 
{ 	
	margin-left: -3px;
}

#sectSupporters #gmSupporters ul li {
background-color: #FFFFFF
} 

#sectResources #gmBooks ul, 
#sectResources #gmSoftware ul
{
display:none;
}

#sectStories #gmStories a,
#sectStories #gmStories a,
#sectPhotos #gmPhotos a,
#sectKimmy #gmKimmy a,
#sectPatkortcam #gmPatkortcam a,
#sectPetra #gmPetra a,
#sectSuedonym #gmSuedonym a,
#sectJoe #gmJoe a,
#sectYourself #gmYourself a,
#sectYourhouse #gmYourhouse a,
#sectSpecialaras #gmSpecialareas a,
#sectOvercoming #gmOvercoming a,
#sectCommunity #gmCommunity a,
#sectResources #gmResources a,
#sectJunkDrawer #gmJunkDrawer a
{
display: block;
padding-left: 1px;
margin: 0px;
text-decoration: none;
}

/* .specialareas #gmSpecialareas, 
.stories #gmStories, 
.angelinahedgehog #angelinahedgehog, 
.celeste #celeste, 
.cleanwannabe #cleanwannabe, 
.craptacular #craptacular, 
.fiercebadbunny #fiercebadbunny, 
.justtired #justtired, 
.melissaann #melissaann, 
.missjean #missjean, 
.lisa #lisa, 
.pigpen #pigpen, 
.princesspiggy #princesspiggy, 
.trashman #trashman, 
.famous #famous, 
.fictional #fictional, 
.recipes #recipes, 
.family #family, 
.pets #pets, 
.paperandfinances #paperandfinances {
background: white url(../images/arrow.gif) no-repeat;
padding-left:3px;
} */

blockquote {
  background: transparent url(../images/leftquotesbl.gif) left top no-repeat;
  margin: 1em 0;
  padding: 1em 0;
}

blockquote div {
  padding: 0px 34px 0px 40px;
  background: transparent url(../images/rightquotesbl.gif) right bottom no-repeat;
}

blockquote.bananas  {
  background: transparent url(../images/leftbananaquotes.gif) left top no-repeat;
  margin: 1em 0;
  padding: 1em 0;
}

 blockquote.bananas div {
  padding: 0px 34px 0px 40px;
  background: transparent url(../images/rightbananaquotes.gif) right bottom no-repeat;
}

blockquote.celery  {
  background: transparent url(../images/leftceleryquotes.gif) left top no-repeat;
  margin: 1em 0;
  padding: 1em 0;
}

 blockquote.celery div {
  padding: 0px 34px 0px 40px;
  background: transparent url(../images/rightceleryquotes.gif) right bottom no-repeat;
}

blockquote div strong {display:block}

.about {
list-style-image:none;
}

#left, #right{
width: 50%;
float: left;
color: #fff;

}

#left pre, #right pre {
font-family: BellGothic, "Old Century Schoolbook", serif;
font-size:medium;
}

.copyright {
font-size: 11px;
}

.indent {
margin-left: 20px;
}

form {
margin-left: 20px;
border: 1px solid white;
}

form p {
  clear: both;
  padding-top: 5px;
  }

label {
font-weight: bold;
float: left;
width: 150px;
text-align: right;
}

input.text, textarea {
float: right;
width: 335px;
text-align: left;
} 
  
textarea {
margin-bottom: 20px;
}

input.button2 {
margin-left: 160px;
clear: both;
}

li p {
color: #0872B1;
font-size: 11px;
margin-left:10px;
}

#breadcrumbs strong {
margin-left:10px;
}

item, link, title, description, author {
display:block;
}

item {
border: 1px solid orange;
}

author {
font-weight:bold;
}

a.external span
{
/* position: absolute;
left: -5000px;
width: 4000px;
*/
display:none;
}


a.external:link
{
background: url(../images/icon.gif) no-repeat 100% 0;
padding: 0 20px 0 0;
}

a.external:visited
{
color: purple;
background: url(../images/purpleicon.gif) no-repeat 100% 0;
padding: 0 20px 0 0;
}

a.external:hover
{
color: red;
background: url(../images/redicon.gif) no-repeat 100% 0;
padding: 0 20px 0 0;
}

#legend {
border: 1px solid #0872B1;
padding-top: 250px;
}

#legend li {
background: none;
}

dt.reviewed {
padding-left:24px;
background: url(../smilies/geek.gif) no-repeat 0;
}