/* @override https://www.macobserver.com/css/styles.css */

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #fff;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 69%;
	min-width: 720px;
}

/* because IE/win can't resize, we hide the real font size from it. */
html>body
{
	font-size: 12px;
}


/* some browsers never heard of inheritance! */
table, tr, td, div, p, blockquote, ol, ul, dl, li, dt, dd
{
	font-size: 100%;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Geneva, sans-serif;
}

table
{
	position: relative;
}

p
{
	margin: 0em 0em 1em 0em;
	padding: 0em;
}

a
{
	color: #004276;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


h1, h2, h3, h4, h5, h6
{
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	clear:both;
}

h1, h2, h3
{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

acronym
{
	font: inherit;
}

p.highlight 
	{
		background: #d6e2e8 url(highlight_bl.gif) top right no-repeat;
		padding:5px 3px 5px 5px;
		font-weight: bold;
		border:1px solid #BBBBDD;
	}

/* fun with floats: these lay out the big elements in the page. */
div#topbanner
{
	
	position: relative;
	padding: 9px 0px 13px 10px;
	background: #8ab url(//www.macobserver.com/images/site2004/powerbacker_partial.gif) top right no-repeat;
	border-top: 4px solid #689;
	color: #123;
	font-weight: bold;
	font-size: 10px;
	height: 90px;
}

p#whammy
{
	position: absolute;
	bottom: 13px;
	left: 240px;
	padding: 0px;
	margin: 0px;
	font-size: 1.3em;
}

p#topbanneradvert
{
	position: absolute;
	bottom: 13px;
	left: 210px;
	padding: 0px;
	margin: 0px;
	font-size: 1.3em;
}

div.navcontainer
{
	clear: both;
	margin-top: 0px;
	padding: 4px 10px;
	background: #eed;
	border-bottom: 2px solid #ccb;
	font-size: 10px;
	height: 15px;
}



div#news
{
	/* note that margin-right is minimum 315px.  Extra 10 for whitespace */
	margin-left: 15px;
	text-align: left;
	line-height: 150%;
	position: relative; 
}


#sidebarz
{
	text-align: left;
	position: relative; 
}

div#footer
{
	clear: both;
	display: block;
	background: #eed;
	border-top: 3px solid #ccb;
	padding: 5px 20px;
	font-size: 10px;
	z-index: 100;
}


#mainstuff
{

	margin-top:0.6em;
}


div.rightbox {
	background: transparent;
	margin: 0em 0em 2em 0em;
}

div.rightbox p, form {
	background:#f4f4f4;
	padding: 0.3em 1em 0.3em 1em;
	margin: 0em 0em;
}

#stock-list {
 background: #f1f1f1;
 list-style-type: none;
 padding: 0 10px 0 12px;
 margin: 0;
}

#stock-list li {
 background-repeat: no-repeat;
 background-position: 110px 3px;
 padding: 3px 12px 3px 3px;
 text-align: left;
}

div#sidebarz #stock-list {
	margin-bottom: 16px;
	border: 1px solid #689;
	line-height: 130%;
	margin: 0em 1em 0em 1em;
	padding: 10px;
}

div#sidebarz .rightfloat {

}

div#sidebarz .specials {
	margin: 0em 1em 0em 1em;
}


.sideadvert {
	background: transparent url(/images/site2004/adpop.gif) top center no-repeat;
	padding-top: 10px;
	margin-top: 15px;
	text-align: center;
}

.sidebyside {
	padding: 10px;
}

.tilead 
{
	width: 125px;
	height: 125px;
	float: left;
	margin: 7px;
	display: inline;
}


div#sidebarz ul {
	list-style:none;
	text-align:left;
	margin: 0em;
	padding: 1.8em 0em 0em 0em;
}

div#sidebarz .specials ul {
	padding-top: 0em;
}

div#sidebarz li {
	padding: 0em 0em 0.2em 0.5em;
}

div#sidebarz .rightbox li {
	padding: 0em 0em 0.0em 0em;
	font-size:95%;
	line-height: normal;
}

div#footer img {
	float: right;
}

ul.items
{
	list-style: none;
	margin: 0em;
	padding: 0em;
}

ul.items li
{
	background: #f1f1f1;
	border-top:3px solid #fff;
	padding: 0.6em 1em 0.6em 1.3em;
	margin: 0em 0em;
	color: #333;
}

ul.items li.odd
{
	background: #f8f8f8;
	border-top:3px solid #fff;
	padding: 0.6em 1em 0.6em 1.3em;
	margin: 0em 0em;
	color: #333;
}

ul.items a
{
	display: inline;
}


.headlines
{
	margin-left: 15px;
	text-align: left;
	line-height: 150%;
	padding-bottom: 2em;
	position: relative; 
}

.extras
{
	position: relative; 
	text-align: justify;
}

/* spacer divs and extra bumpers make for friction-free floats and footers that stay where they're told. */
div.spacia
{
	clear: both;
}

div#headlines .spacia {
	margin:50em;
	clear:both;
}

div.padder
{
	/* padding the REAL container div can cause issues with the math */
	margin-bottom: 24px;
	line-height: 150%;
}



#news div.padder
{
	padding-right: 0em;
}

div.padder, .dotw
{
	margin: 2px 6px;
}

div.extras p 
{
	margin: 0em;
}

.extras div.padder {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}


/* these are the header styles; i'm still trying to figure out why IE won't paint text */
div#topbanner h1
{
	width: 220px;
	text-align: left;
}

form#tmosearch
{
	margin: 0px 0px 5px 0px;
	padding: 0em;
}

p.topmostads
{
	margin: 0px 0px 5px 0px;
}

p.topmostads a
{
	color: #234;
	white-space: nowrap;
}

/* homepage listings of today's headlines, etc */
dl.headlinelist, dl.featureslist
/* the container that holds a set of headlines. */
{

	line-height: 150%;
}

dl.headlinelist dt
{
	font-size: 1.1em;
	font-weight: bold;
}

dl.headlinelist dt, dl.featureslist dt
{
	color: #777;
	text-align: left;
	padding-top: 8px;
}

dl.shortheadline{
min-width:400px;
max-width:660px;
}

dl.headlinelist dd, dl.featureslist dd
{
	margin: 0em 0em 1.5em 0em;
}

dl.shortheadline dt 
{
	width:14%;
	min-width:60px;
	font-size:10px;
	float: left;
	color: #333;
	text-align: right;
	padding-top: 0px;
}

.shortheadline dl
{
	padding-bottom:5em;
	clear:both;
}

dl.shortheadline dd
{
	width:80%;
	float:left;
	text-align: left;
	margin: 0em 0em 0.5em 0em;
	padding: 0em 0em 0em 0.8em;
}

dl.featureslist dt, dl.featureslist dd
{
}

dl.featureslist dt
{
	border 1px solid black;
	padding: 0.5em 1em 0em 1em;
}

dl.featureslist dd
{
	padding: 0em 1em 0.5em 1em;
}

.featureslist img {
	height: auto;
	max-width: 128px;	
}

.headlinelist img {
	height: auto;
	max-width: 80px; 
}


dl.headlinelist dt strong
{
	padding-top: 2px;
	padding-bottom: 2px;
	/* hide from IE mac \*/
	padding-left: 18px;	
	background: transparent url(/images/site2004/breakingnews.gif) no-repeat center left;
	/* end hiding from IE5 mac */
	color: #357;
}

/* generic stuff */
.claude
{
	/* this is our 'hidden text' style */
	position: absolute;
	top: -1000em;
	left: -1000em;
}

p.bombshelter, p.textad
{
	padding: 0em 0.8em;
}

p.bombshelter
{
	padding: 0.8em 3.2em 0.8em 0.8em;
	background: #ccb url(/images/site2004/deathknellbacker.gif) bottom right no-repeat;
}

p.tmostore, p.textad
{
	padding: 0em 0.8em;
}

p.tmostore
{
	padding: 0.8em 9.3em 0.8em 0.8em;
	border: 1px solid #bbd;
	background: #fff url(/images/site2004/shirt2.gif) bottom right no-repeat;
}

/* i'll name these little guys properly one day */
.extras h3, .headlines h2, #sidebarz h2, h2.forums, .sidebarz h3
{
	margin: 0px 0px 10px 06px;
	padding: 4px 0px 3px 0px;
	text-transform: lowercase;
	color: #333;
	border-bottom: 2px solid #ccb;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.headlines h2 
{
	margin-left: 0px;
}

h2.todays, h2.headline, h3.headline
{
	background: transparent url(/images/site2004/news.gif) center left no-repeat;
	padding-left: 18px;
}

h2.column, h2.headline, h3.thespin, h3.comments
{
	color: #333;
	font-size: 1.2em;
}

.dotmac h2
{
	margin-left: 6px;
}

h3.features, h2.column
{
	background: transparent url(/images/site2004/features.gif) center left no-repeat;
	padding-left: 18px;
	margin-top: 0.6em;
}

h3.dotmac
{
	background: transparent url(/images/site2004/dotmac.gif) center left no-repeat;
	padding-left: 18px;
}


h3.dealsontheweb
{
	background: transparent url(/images/site2004/deals.gif) center left no-repeat;
	padding-left: 18px;
}

h3.stockquote
{
	background: transparent url(/images/site2004/dollars.gif) center left no-repeat;
	padding-left: 18px;
}

h3.thespin
{
	background: transparent url(/images/site2004/thespin.gif) center left no-repeat;
	padding-left: 18px;
}

div#sidebarz h3
{
	padding-top: 15px;
}

h3.topics, h3.comments, h3.forums, h2.forums
{
	background: transparent url(/images/site2004/hotstuff.gif) center left no-repeat;
	padding-left: 18px;
}

.timestamp
{
	margin-right: 0.5em;
	color: #444;
	font-weight: bold;
}

div#footer img
{
	margin: 4px;
}

p.storylink
{
	text-align: center;
}

p.abouttheauthor
{
	margin-left: 5em;
	margin-right: 5em;
	padding: 1.5em;
	border-top: 1px solid #cca;
	font-style: italic;
}

div.comment
{
	border: 1px solid #ccb;
	margin: 0.5em 0em 1em 0em;
	max-width: 60em;
}

p.commentdetail
{
	border-bottom: 1px solid #ccb;
	padding: 0.4em 0.8em;
	margin: 0em;
	background: #eed;
}

div.commentbody
{
	padding: 0.8em;
	background: #fff;
}

div.comment form
{
	margin: 0.4em 0.8em;
}

/* Navigation area styles. */

div.navcontainer p
{
	margin: 0px;
	padding: 1px 0px;
	float: right;
	text-align: right;
	width: 20%;
	display: inline;
	white-space: nowrap;
}


div.navcontainer p img 
{
	vertical-align: middle;
}

ul.navlist
{
	margin: 0px;
	padding: 1px 0px;
	text-transform: lowercase;
	display: inline;
	float: left;
	width: 77%;
}

ul.footernavlist
{
	margin: 0px 0px 6px 0px;
	padding: 1px 0px;
	text-transform: lowercase;
	display: inline;
	float: left;
	width: 100%;
}

div#footer ul.footernavlist
{
	text-align: center;
}

ul.navlist li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

ul.footernavlist li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

div.macproducts
{
	text-align: left;
	width: 135px;
	margin: auto;
	margin-top:10px;
}

div.macproducts h3
{
	background: #eee;
	padding: 0.4em;
	border-bottom: 1px solid #999;
}

div.macproducts dl
{
	margin: 0.5em 1em;
	padding: 0em;
}

div.macproducts dt
{
	font-weight: bold;
}

div.macproducts dd
{
	margin: 0em 0em 1em 0em;
	padding: 0em;
}

.navlist a:link, .navlist a:visited
{
	/* line-height: 14px; */
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: #234;
	white-space: nowrap;
}

.navlist a:link#current, .navlist a:visited#current, .navlist a:hover
{
	color: #000;
}

.navlist a:hover
{
	color: #000;
}

.footernavlist a:link, .footernavlist a:visited
{
	/* line-height: 14px; */
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: #234;
	white-space: nowrap;
}

.footernavlist a:link#current, .footernavlist a:visited#current, .footernavlist a:hover
{
	color: #000;
}

.footernavlist a:hover
{
	color: #000;
}


/* Styles to control the ad. */
/* places the 'advertisement' graphic above ads */
.advert, div.storytile
{
	background: transparent url(/images/site2004/adpop.gif) top center no-repeat;
	padding-top: 10px;
	margin-top: 5px;
}

/* the tile in the right of articles */
div.storytile
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 310px;
}

.advert img
{
	margin-bottom: 14px;
	display: block;
}

div#banneradvert {
	text-align: center;
	padding:0px 0px 10px 0px;
	margin:11px 0px;
}

div#banneradvert img {
	border:1px solid #eee;
}


/* .specials controls the Reader Specials and DOTW boxen */
div.specials
{
	margin-bottom: 16px;
	border: 1px solid #689;
	font-size: 0.9em;
	line-height: 130%;
}

div.specials h3
{
	background: #8ab;
	border-bottom: 1px solid #689;
	color: #123;
	padding: 0.4em;
}

div.specials ul
{
	list-style: none;
	padding: 0em;
	margin: 0.8em;
}

div.specials ul li
{
	margin: 0em 0em 0.4em 0em;
	padding: 0.4em;
	background: #ddd;
}

.reader
{
	float: left;
	width: 58%;
}

.deals
{
	float: right;
}

div.dotmac {
	text-align: left;
}

#dotmac-list {
 background: #f1f1f1;
 list-style-type: none;
 padding: 0 12px 0 12px;
 margin: 0;
 }

#dotmac-list li {
 background-repeat: no-repeat;
 background-position: 110px 3px;
 padding: 5px;
 }

h3.dotmac-history
{
	background: transparent url(/images/site2004/dotmac.gif) center left no-repeat;
	padding-left: 18px;
}
 
#dotmac-history {
 background: #f1f1f1;
 list-style-type: none;
 padding: 0 0 0 12px;
 margin: 0;
}
 
 #dotmac-history li {
 background-repeat: no-repeat;
 background-position: 110px 3px;
 padding: 3px 12px 3px 3px;
 }

#sidebarz ul
{
	list-style-type: none;
	text-align: left;
	margin: 0em 0.5em 1em 0.5em;
	padding: 0em;
}

div#colophon {
	padding-top: 1em;
}

div#colophon img {
	float: right;
}

div#colophon p {
	float: left;
	display:block;
	clear: both;
}

div#sponsors {
	float: right;
}

/* forumthings */

table#forumwrapper {
border-style: solid;
border-color: #ccb;
border-width: 1px 1px 4px 1px;
}

table#forumwrapper th {
text-align: left;
}

ul.forummenu, p.greeting {
margin: 0em;
padding: 0em;
}

ul.forummenu li {
display: inline;
list-style-type: none;
padding: 0em 1.5em 0em 0em;
}

/* new things from Gavin */

ul.navlist li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}


li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
    
	font-weight: normal;
	padding: 0.5em 0 1em 0;
	
}

li>ul {
	top: auto;
	left: auto;
}


li:hover ul {
   
	display: block;
	 
}

 li.over ul {
	display: block;
	margin-top:-8px;
	
}
li.over-mac ul {
    
    margin-left: -55px;
    display: block;
   
}

.dropdown-div {
line-height:15px;
 background-color: #eed;
    border: solid 1px #ccb;
    padding: 5px;
    width:150px;
}

.dropdown-div a hover {
 background-color: #ffffff;
}



.KonaBody .teas_thumb
{
position: relative;
text-align: center;
margin-left: 15px;
margin-right: 15px;
border: none;
clear: both;
}

.headlinelist .teas_thumb
{
float: right;
margin-left: 7px;
margin-bottom: 7px;
border: none;
padding: 2px;
}
