CSS CODE


/* 
___________________________________________________________________________
THE FIRST SET OF STYLES RELAT TO SECTIONS OF THE WEB PAGE
___________________________________________________________________________
*/


#container
{max-width: 1018px; min-height: 500px; min-width: 900px;margin: 0.1px auto;background-color: #ffffff;color: #333;border: 1px solid gray; fontline-height: 130%; overflow: hidden;}


#fontrelated
{font-weight: normal;font-size: 105%;color: #555555;font-family: helvetica, sans serif;text-decoration: none;}

#top
{padding: 0.4em;color: #ddeedd;border-bottom: 1px solid gray;background: white url(http://www.trophywords.com/backgroundflowers.bmp) no-repeat top left;width: 100%;}


h1
{font-size: 350%;padding: 0;margin: 0;}


#leftnav
{float: left;width: 160px;text-align: right;margin: 0;padding: 1em;}

#leftstrap
{font-size: 120%}





/*  160 IS THE WIDTH OF AN ADSENSE 160 X 600 SKYSCRAPER */


#content
{margin-left: 180px;
max-width: 600px;
min-width: 280px;
border-left: 1px solid gray;
border-right: 1px solid gray;
padding-top: 0em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 4em;
background-color: #f4f3f4;
}

/*  200 IS THE WIDTH OF AN ADSENSE 200 X 200 IMAGE AD */



/*  THIS NEXT SECTION IS THE LINKS TO GREAT SITES BOX */
/*  THIS IS NESTED INTO THE CONTENT DIV */


#linkstogreatsites
{
border-top: 0px solid gray;
border-left: 0px solid gray;
border-right: 0px solid gray;
border-bottom: 0px solid gray;
padding: 0.1em;
padding-top: 0.0em;
max-width: 500px;
font-weight: normal;
background-color: #fff;
}


#interestingtitle
{
font-weight: normal;
font-size: 130%;
color: #333;
font-weight:bold;
background-color: #deddda;
padding: 0.2em;
}

#othersites
{
border-top: 0px solid gray;
border-left: 0px solid gray;
border-right: 0px solid gray;
border-bottom: 0px solid gray;
padding: 0.0em;
padding-top: 0.0em;
font-weight: normal;
background-color: #fff;
}

#biggerfont
{
font-size: 115%;
line-height: 120%;
}


#footer
{
clear: both;
margin: 0;
padding: 3em;
color: #333;
background-color: #ddd;
font-size: 80%;
border-top: 1px solid gray;
}


/* 
___________________________________________________________________________
THIS SECTION RELATES TO STYLES OF HTML TAGS + MINOR CODING STUFF
___________________________________________________________________________
*/




#content h2 { margin: 0 0 .5em 0; }


h2
{font-size:100%;padding: 0; margin:0;}


font.head
{font-style: normal;color: #ddffdd}

font.smallcom
{font-size: 70%;font-style: normal;color: white}

font.sidecom
{font-size: 78%;font-style: normal;color: #aaaaaa}



ul
{float:left;width:100%;padding: 0;margin: 0;list-style-type:none;}









a:link    
{color: #666666;font-size: 100%;text-decoration: none;font-weight: none;}
a:active 
{color: #666666;font-size: 100%;text-decoration: none;}
a:visited 
{color: #666666;font-size: 100%;text-decoration: none;}



table
{
empty-cells: show; font-size: 110%; border-spacing: 0.3em;
}


tr.heading
{text-decoration: underline}

tr.foot
{font-style: italic; font-size: 80%}

td
{text-align: right;}

td.url
{text-align: left;}

td.urlcolored
{text-align: left;}


/* 
___________________________________________________________________________
BELOW THIS LINE IS A DRAFT AREA FOR WORK IN PROGRESS WHICH IS COMMENTED OUT
___________________________________________________________________________



HERE IS ANOTHER FOR MAKING THE FIRST LETTER BIGGER

P:first-letter { font-size: 300%; float: left }

  PASTE A COMMENT  */