#lightgrey 		{color: #d8d8d8}
#grey 			{color: #666666}
#darkgrey 		{color: #333333}
#white 			{color: #ffffff}
#green 			{color: #009966}
#blue 			{color: #003366}
#orange			{color: #ff6633}
#black			{color: #000000}
#red			{color: #FF0000}

/* colors */
.bglilac 		{background: #CC99FF}
.bgskyblue		{background: #99CCFF}
.bgpink			{background: #FFCCCC}
.bgyellow		{background: #E1FF67}
.bglime			{background: #FF9966}
.bgblue			{background: #33CCCC}
.white			{color: #FFFFFF}
.black			{color: #000000}
.teal 			{color: #339999}

/* page attributes */
p 				{ font-size: 10pt; font-family:Verdana, Arial, Helvetica, sans-serif;}
body			{ font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000}

/* link attributes */
a:link 			{ color: #0066FF; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a:visited 		{ color: #0066FF; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a:active 		{ color: #0066FF; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a:hover			{ color: #0066FF; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif}

/* basic styles */
.xxlarge 		{font-size : 18pt; font-family:Verdana, Arial, Helvetica, sans-serif;} 
.xlarge 		{font-size : 13.5pt; font-family:Verdana, Arial, Helvetica, sans-serif;} 
.large 			{font-size : 11.75pt; font-family:Verdana, Arial, Helvetica, sans-serif;} 
.med 			{font-size : 10pt; font-family:Verdana, Arial, Helvetica, sans-serif;} 
.small 			{font-size : 8.5pt; font-family:Verdana, Arial, Helvetica, sans-serif;}
.xsmall			{font-size : 7pt; font-family:Verdana, Arial, Helvetica, sans-serif;}
.verdana 		{font-size : 7pt; font-family:Verdana, Arial, Helvetica, sans-serif;} 
.headers		{font-size : 10pt; font-family:Verdana, Arial, Helvetica, sans-serif;}
.buzzscroll		{font-size : 10pt; font-family:Verdana, Arial, Helvetica, sans-serif;}

.home1-left		{font-size : 10pt; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 10 10 10 0}
.home1			{font-size : 10pt; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 10 10 10 10}
.home2-left		{font-size : 11.75pt; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 10 10 10 0; font-weight: bold}
.home2			{font-size : 11.75pt; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 10 10 10 10; font-weight: bold}
.home3			{font-size : 6.5pt; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 5 5 5 5; font-weight: bold}

/* utility classes */
.indent			{margin-left: 10}
.ulsm			{font-size : 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; list-style: url(/images/site/bullet.gif); margin-left: 18px}  
.ulsm_white		{font-size : 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; list-style: url(/images/site/bullet_white.gif); margin-left: 18px}  
.nographic 		{list-style-type: none; }
.nonimage  		{list-style-type: url(images/spacer.gif);}

/* form elements */
.textbox		{font-size : 7pt; font-family: Verdana, Arial, Helvetica, sans-serif}

/* main nav bar */
.sitedate		{margin-right: 5; color: #FFFFFF}
.sitenav		{color: #FFFFFF}
.sitenavactive	{color: #99FFFF}

/* daily archive pages */
.archivehead	{font-size: 10pt; margin: 0 0 10 10; color: #000000; font-weight: bold}
.archiveitem	{margin: 0 0 10 10; color: #000000}

/* all dailies */
.date			{margin-left: 10; font-weight: bold}

/* strange, forward, radio, useful */
.itemhead		{font-size: 10pt; margin: 3 10; font-weight: bold}
.itemcategory	{margin: 3 10; font-weight: bold}
.itemlink 		{margin: 3 10}
.itembody		{margin-left: 10}

/* daily "most recent" box */
.archivenav		{margin-left: 10; margin-top: 10;margin-bottom:5}
.archivelink	{margin-right: 20; margin-bottom: 10}

/* column and feature filter pages */
.filtertitle	{font-size: 10pt; color: #000000; margin: 5 0 0 0; font-weight: bold}
.filterdate		{margin: 0 0}
.filterauthor	{margin: 0 0}
.filterbody		{margin-top: 5}

/* features */
.featurename	{font-size: 12pt; margin-left: 10; font-weight: bold}
.featuretitle	{font-size: 18pt; margin-left: 10; font-weight: bold}
.featuresubtitle{font-size: 8.5pt; font-weight: normal}
.featuredate	{margin-left: 10; margin-bottom: 0}
.featureauthor	{margin-left: 10; margin-top: 0}
.featuredeck	{margin-left: 10; font-weight: bold}
.featurebody	{margin-left: 10}
.featurenav		{margin-left: 10; margin-top: 20; margin-bottom: 20}
.featureindent	{margin-left: 20}

/* sidebar story nav */
.pagenav		{margin: 2 2}
.activelink		{text-decoration:none;color:#333366;font-weight:normal}

/* columns, nearly identical to the features styles */
.columnname		{font-size: 14pt; margin-left: 10; font-weight: bold}
.columntitle	{font-size: 12pt; margin-left: 10; font-weight: bold}
.columnsubtitle	{font-size: 8.5pt; font-weight: normal}
.columndate		{margin-left: 10; margin-bottom: 0}
.columnauthor	{margin-left: 10; margin-top: 0}
.columndeck		{margin-left: 10; font-weight: bold}
.columnbody		{margin-left: 10; }

/* article (content, columns, features) */

.articlename		{font-size: 14pt; margin-left: 10; font-weight: bold}
.articletitle		{font-size: 12pt; margin-left: 10; font-weight: bold}
.articlesubtitle	{font-size: 8.5pt; font-weight: normal}
.articledate		{margin-left: 10; margin-bottom: 0}
.articleauthor		{margin-left: 10; margin-top: 0}
.articledeck		{margin-left: 10; font-weight: bold}
.articlebody		{margin-left: 10; }

/* buzz daily */
.buzzhighlight	{margin-left: 10; margin-right: 10; padding-top: 10; padding-bottom: 10; line-height: 12pt}
.buzzhead1		{margin-left: 10; margin-bottom: 2; color: #666666; font-weight: bold; }
.buzzhead2		{margin-left: 10; margin-bottom: 0; color: #3399CC; font-weight: bold}
.buzzparaintro	{margin-left: 10; margin-top: 0}
.buzzparabody	{margin-left: 10}
.buzzline		{margin-left: 10; margin-top: 0}

/* freebies daily */
.freebieshead	{margin-left: 10; margin-bottom: 0}
.freebiesline	{margin: 0 0 3 10}
.freebiesitem	{font-size: 10pt; margin: 0 0 3 10; color: #CC9900; font-weight: bold}
.freebiesbody	{margin: 3 10}
.freebieswhere	{margin: 3 10}
.freebiesqual	{margin: 3 0 20 10}

/* toc */
.toc			{color: #660066; line-height: 12pt; font-weight: bold; margin-top: 0; margin-bottom: 15}
.tochead		{margin: 15 0 0 0}
.tocline		{margin: 0 0 5 0}

/* content filter page*/
.contentcategory{font-size: 10pt; margin-left: 15; color: #FFFFFF; font-weight: bold;}
.contentbody	{margin: 0 0 0 5; padding: 10 0 10 0}

/* surf guru page*/
.guruq		 	{margin-left: 10; color: #336633; font-weight: bold}
.gurua		 	{margin-left: 10;}

/* url guides */
.guidesection	{font-size: 12pt; margin: 10 0 0 10; font-weight: bold}
.guidetitle		{margin: 10 0 0 20; font-weight: bold}
.guideurl		{margin: 0 0 0 30}

/* misc */
.fiveptpad 		{margin-left: 5; margin-right: 5; padding-top: 5; padding-bottom: 5;}
.tenptpad 		{margin-left: 10; margin-right: 10; padding-top: 10; padding-bottom: 10;}

/* nav attributes */
.clsMenuHeader {FONT: 9pt Verdana, Arial, Helvetica, Sans-serif; COLOR: white; TEXT-DECORATION: none}
.clsSubMenuItem {FONT: 9pt Verdana, Arial, Helvetica, Sans-serif; CURSOR: hand; COLOR: white; TEXT-DECORATION: none}
A.clsMenuHeader:link {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.clsMenuHeader:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.clsMenuHeader:hover {COLOR: #FFFF66; TEXT-DECORATION: none}
A.clsMenuHeader:active {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.clsSubMenuItem:link {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.clsSubMenuItem:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.clsSubMenuItem:hover {COLOR: #FFFF66; TEXT-DECORATION: none}
A.clsSubMenuItem:active {COLOR: #FFFFFF; TEXT-DECORATION: none}