/*   This stylesheet manages text formatting in both print and screen environments. 
 *    It should only contain things that work in both Netscape 4 and OmniWeb or are overwritten elsewhere.
 *   Redundant styles are permitted, but all efforts should be made to avoid hacks around browser bugs */
 
/*  universal styles */

 body
{
	font-family: 'Lucida Grande',LucidaGrande, 'Lucida Sans', 'Lucida Sans Unicode', Geneva, Arial, sans-serif;
}

div, td, th,p,a, h1, h2, h3,h4, h5, h6, address 
{ font-family: 'Lucida Grande',LucidaGrande, 'Lucida Sans', 'Lucida Sans Unicode', Geneva, Arial, sans-serif; }
/* redundant selectors for NN4. blech! */

h1, h2, h3, h4, h5, h6
{
	margin-top: 0.1em;
	margin-bottom: 0.2em;
 }


a, a:link  { color: #077; }
a:visited  {color:#033;}


a:hover
{
	color: #06b;
	background-color: #feb;
}

/*    basic styling of areas that is safe for all browsers  */

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

/*   conditional text formatting that is safe for all browsers  */

div.story h2
{
	color: #602;
	margin-top: 0.2em;
	padding: 0px;
	font-size:1.5em;
}

div.story h3 { color: #033; }
.date { color: #033; }

div.story .date
{
	font-size: 85%;
	font-weight: bold;
}
div.story .storyleadin {font-size:115%;}

div.post {background-color: #dee;
border: 1px solid #9aa;
padding:1em;
}

.SBbaratt
{
	font-size: 0.85em;
	text-align: right;
}

p.ad {padding:0.5em;
margin-top:0.5em;
margin-bottom:0.5em;
margin-left:0px;
margin-right:0px;
background-color:#dee;
background-image:none;
color:#022;
border: 1px dotted #9aa;
font-size:90%;

}

p.ad strong {color:#022;
}


div.mainareaF h2,div.mainareaF h3 { color: #602; }
div.mainareaF form table h3 { margin-top: 0px; }


#sidebar dd a span.date { color: #044; }
#sidebar dd a strong { color: #602; }
#sidebar dd a, #sidebar dd a:link, #sidebar dd a:visited { text-decoration: none; }
#sidebar h4 a, #sidebar h4 a:link, #sidebar h4 a:visited {color: #602;  text-decoration: none;}

/*   Various callout styles */
.callout, .calloutwider, div.calloutpic, div.rightcalloutpic 
{
	font-size: 85%;
	border: none;	/* sop to NN4  - overridden in me_soph.css */
	background-image: none;	/* sop to NN4 */
	padding: 0.5em;
}


.callout, .calloutwider {
	width: 25%;
	float: right;
	clear: right;
	background-color: #feb;
}
.calloutwider
{
	width: 35%;
}
div.calloutpic, div.rightcalloutpic 
{ 	text-align:center;
	width: 35%;
	border: none;	/* sop to NN4  - overridden in me_soph.css */
	background-color: #dee;
}

.callout ul, .calloutwider ul {margin-left:0px;padding-left:1.1em;}
.callout li, .calloutwider li {margin-left:0px;padding-left:0.3em;}

.rightcalloutpic 
{	
	float:right;
	clear:right;
}

.calloutpic {float:left;clear:left;}

img.calloutpic , img.rightcalloutpic {
	border:1px solid #9aa;
}

/*  Pro News specific formatting - controlled by class on BODY  */

.pronews blockquote {
    font-size: 95%;
    font-family: Courier, 'Courier New', Monaco, monospace;
    
}
.pronews blockquote p {
    margin-bottom:5px;
    margin-top:5px;
    font-family: Courier, 'Courier New', Monaco, monospace;
}
.pronews blockquote td,  .pronews blockquote th, .pronews blockquote table, .pronewsblockquote tr
 {font-family: Courier, 'Courier New', Monaco, monospace; vertical-align:top;
  }
 
  .pronews blockquote li, .pronews blockquote ul, .pronews blockquote ol,
  .pronews blockquote dl, .pronews blockquote dt, .pronews blockquote dd
{
font-family: Courier, 'Courier New', Monaco, monospace;
}/* redundant selectors sop to Netscape 4.x */


/* bizdir specific formatting - controlled by setting class on BODY */

.bizdir .story ul {border-top: 2px solid #9aa; 
	padding-left:1.3em;
	margin-left:1em;
	margin-right:1em;}

.bizdir .story form {margin-left:1em;
	margin-right:1em;}
.bizdir .story h2 {margin-left:0.66em;} /* 1.5em fontsize * 0.66 own ems margin ~= 1em of base text size margin */
.bizdir .story th {text-align:left;}


/* For tables of results - saves marking it up in the HTML */
table.results
{
	border-top: 1px solid #9aa;
	font-size: 0.9em;
}

table.results td
{
	background-image: none;
	/* sop to NN4 */
	text-align: right;
	border-bottom: 1px solid #9aa;
	padding: 4px 1em 4px 4px;
	vertical-align: top;
}

table.results th
{
	background-color: #dee;
	background-image: none;	/* sop to NN4 */
	text-align: center;
	border-bottom: 1px solid #9aa;
	font-weight: bold;
	padding: 4px;
	vertical-align: top;
	
}



/* for interviews */
.qu {color:#033;}

.ans {margin-left:2em;}

/* things with definitions in the title */

.def {
	border-bottom:1px dotted #999999;
	cursor: help;
}
/* override Safari's default presentation */
abbr, acronym {
    border-bottom:1px dotted #999999;
    font-style:normal;
}


/* for use in technical articles */
.api {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: Monaco,'Andale Mono','Lucida Console',monospace;
}

.path {
	font-style: italic;
	font-variant: normal;
	font-weight: lighter;
	font-family: Monaco,'Andale Mono','Lucida Console',monospace;
}

.cmd, .fn, .application { font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-family: Courier, 'Courier New', monospace;
}
p code.cmd { font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-family: Courier, 'Courier New', monospace;
}
.comment {
	color:#06b;font-family:inherit;
}

div.codeexample {
	margin:1em;
	padding:1em;
	background:#dee;
	border:1px outset #9aa;
	font-family: Monaco,'Andale Mono','Lucida Console',monospace;
	white-space: pre;
	clear:both;
	
	}
div.codeexample p {margin:0px 0px 0.2em 5em;text-indent:-4em;
font-size:0.95em;font-family: Monaco,'Andale Mono','Lucida Console',monospace;}


div.codeexample .highlight {font-weight:bold; background-color:#feb;
font-family:inherit;}

div.codeexample pre {
    margin:0px;
}


div.codeexample h5 {margin:0px;padding:0px;
	font-size:1em;
	font-family: Monaco,'Andale Mono','Lucida Console',monospace;
	font-weight:bold;}

/*  special formatting for index pages */
 
.indexpage li {
    margin-bottom:0.2em;
    margin-top:0px;
}

.indexpage dt {
    margin-top:0.2em;
    margin-bottom:0px;
}

.indexpage h1 {
    color:#602;margin-top:0px;
    
}

.indexpage .topiclist
{
    font-size:85%;
}


.cleared {
  clear:both;height:0px;line-height:0px;
}

/*    */

.pnstories {font-size:90%;color:#602;}