body {
	font-family:sans-serif;
	padding:0;
	margin:0 10px;
	font-family:Verdana,sans-serif;
	display: inline;
}

body, p, div, li, td {
    font-size:11px;
    color:#2A5378;
}

div {
    margin:0;
    padding:0;
}
a, a:visited {
    text-decoration:none;
}

a {
    color:#00f;
}

a:visited {
    color:#551a8b;
}

a:hover {
    text-decoration:underline;
}
img[align=left] {
    margin-right:0.5em;
}

img[align=right] {
    margin-left:0.5em;
}

hr {
    border:none;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    width:100%;
    clear:both;
}
#page #leaderboard #page-content #article #LeftCol #diarypage hr {
	color: #E4D199;
}
#page #leaderboard #page-content #article #RightCol #diarypage hr {
	color: #E4D199;
}


hr.divider {
    color:#333;
    background-color:#999;
}

#page {
	width:90em; /* was 72em */
	margin:0 auto 1em;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	background-color: #FFFFFF;
}
/* header settings
------------------ */
#header {
	height:75px;
	width:90em;
	background-repeat: no-repeat;
	background-color: #2e567c;
}

#header h1 {
    float:left;
    width:228px;
    height:67px;
    margin:0;
    padding:0;
    /*background:url(/images/oreilly/oreilly.gif) no-repeat 0 0;
    font-size:0;
    text-indent:-9999px;*/
}

#header ul {
    width:266px;
    float:right;
    list-style:none;
    margin:36px 0 0 0;
    padding:0;
}


#header ul li {
    font-size:0;
    text-indent:-9999px;
    float:left;
    display:inline-table; /* css 2.0 won't stack the <li>s, so we add display property */
}

#header a {
	display:block;
	padding:0;
	height:46px;
	text-decoration:none;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#header a.sign {
    width:54px;
    background:url(/images/oreilly/button_sign.gif) no-repeat 0 0;
}

#header a.signout {
    width:65px;
    background:url(/images/oreilly/button_signout.gif) no-repeat 0 0;
}

#header a.acct {
    width:86px;
    background:url(/images/oreilly/button_acct.gif) no-repeat 0 0;
}

#header a.cart {
    width:100px;
    background:url(/images/oreilly/button_cart.gif) no-repeat 0 0;
}

#header a.sign:hover, #header a.acct:hover, #header a.cart:hover, #header a.help:hover {
	background-position: 0;
	background-color: #97C024;
}


/* navigation - main
-------------------- */
#nav {
	margin:0;
	padding:0;
	width:90em;
	background-color: #2A5378;
	background-repeat: repeat-x;
	background-position: 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#nav ul, #subnav ul {
    list-style:none;
    margin:0;
    padding:0;
    overflow:auto;
}

/* this is new, replacing the below */
#nav ul li{
      float:left;
      display:block;
}
/* removing this as it breaks the nav on FFox 1.7
#nav ul li {
    float:left;
    display:inline-table;
} */

#nav ul li a {
    display:block;
    line-height:30px;
    padding:0 1em;
    text-decoration:none;
    font-size:12px;
    color:#fff;
    float:left;
    border-right:1px solid #000;
    margin:2px 0;
}

#nav ul li.searchbox {
    padding-right:2em;
    float:right;
}   
    
#nav ul li input {
    margin:8px 0 0 2px;
    padding:0;
    vertical-align:middle;
    font-size:95%;
    color:#666;
}   
    
#nav form {    margin:0;
    padding:0;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#nav ul li a {
    float:none;
}
/* End IE5-Mac hack */

#nav ul li a:hover {
	color:#97C024;
	background-color: #2A5378;
	background-repeat: repeat-x;
	background-position: 0 0;
}

#nav .nav_selected a, #nav .nav_selected a:hover {
    line-height:34px !important;
    margin:0 !important;
    background: #990000 !important;
    background-image:none !important;
}
#Diary {
	width: 250px;
}
#Diary #MonthName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #C3C3DD;
	padding: 3px;
	color: #0000b1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #0000B1;
}
#Diary #Day {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	background-color: #d6e797;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#Diary #Day #expand {
	float: right;
	height: 15px;
	width: 15px;
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	margin-top: -16px;
}
#Diary #Day #expand a {
	color: #000000;
	text-decoration: none;
}

#Diary #Day #Events {
	background-color: #FFFFFF;
	border: 1px dotted #000000;
	margin-left: 20px;
	padding: 3px;
	margin-top: 5px;
}
#Diary #DayAlt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	background-color: #D0D0D0;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#Diary #DayAlt #expand {

	float: right;
	height: 15px;
	width: 15px;
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	margin-top: -16px;
}
#Diary #DayAlt #expand a {

	color: #000000;
	text-decoration: none;
}
.DiaryHeadings {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	background-color: #FFFFCC;
}
.DiaryPages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.sidebar-item {
    padding:0;
    margin:0 0 20px 0;
}
.sidebar-item h3 {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	line-height:2em;
	font-size:11px !important;
	text-align:center;
	background-color:#eee;
	margin:0 !important;
	background-image: url(/images/box-item-header.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.sidebar-item-content {
    border: 1px solid #999;
    margin:0;
    padding:10px;
}
/* content - main
----------------- */
#content {
    width:68em;
    float:right;
    margin:0;
    padding:2em 2em 2em 0;
}

#upsell {
    width:18em;
    margin:0;
    padding:0;
    float:right;
} 

#fullcontent {
    width:86em;
    margin:2em;
}

#content h3 {
    font-weight:bold;
    color:#000;
    margin:0.5em 0 1em 0;
    font-size:14px;
}

#content h4 {
    margin:0 0 0.5em 0;
    padding:0;
    font-size:12px;
}
/* footer
-------------------- */
#footer {
    width:90em;
    border-top:1px solid #ccc;
    padding:1em 0 2em 0;
    clear:both;
}

#footer p {
    text-align:center;
    line-height:1.2em;
}

#footer p.footer-links {
    font-size:12px;
}

#footer img {
    vertical-align:bottom;
    border:1px solid #000;
}

.aleft {
    float:left;
    margin:0 0.5em 0 0.3em;
}

.aright {
    float:right;
    margin:0.5em 0 0 0.5em;
}




h1 {
    padding: 0;
    margin: 0;
}

#page {min-width:810px;}
#page-content {
    position:relative;
    width:100%;
}

.sidebar-item {
    padding:0;
    margin-bottom:20px;
}

.sidebar-item h3 {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    line-height:1em;
    font-size:11px !important;
    text-align:center;
    background-color:#eee;
    background:url(/images/box-item-header.gif) no-repeat 0 0;
    margin:0 !important;
    padding:5px;
    position: relative;
}

.sidebar-item-content {
    border: 1px solid #999;
    margin:0;
    padding:10px;
    font-size:95%;
    position:relative;
}

.sidebar-item-content ul {
    margin:0 0 0 1.2em;
    padding:0;
    font-size:105%;
}

.sidebar-item-content ul li {
    padding-top:5px;
}

.more {
    text-align:left;
    padding-left: 11px;
    background-image: url(/images/icons/arrow.gif);
    background-repeat: no-repeat;
    background-position: center left;
}

.clear, hr.clear {
    font-size:0;
    clear:left;
    width:100%;
    height:0;
    margin:0;
    padding:0;
    background:transparent;
    border:none;
    color:#fff;
}

.aleft {
    float:left;
    margin:0 0.5em 0 0.3em;
}

.tabcontainer {
 width:176px;
 padding:0 10px 10px 10px;
 border-bottom:1px solid #999;
 background-color:#FFFAE6;
}

.tabcontainer ul {
  display:inline;
  margin:0;
  padding:0;
}

.tabcontainer li {
  display: inline;
  margin-right: 6px;
  line-height:1.2em;
}

.tabbertab {
  padding-left:10px;
  padding-right:10px;
  width:176px;
  margin:0;
}

ul.tabbernav li a {
 text-decoration:none;
}

ul.tabbernav li.tabberactive a {
 font-style: italic;
 color:#000;
}

.tabberlive .tabbertabhide {
 display:none;
}

.tabberlive .tabbertab h2 {
 display:none;
}

.tags {
 padding:0 0 10px 0;
}

.addtags {
 padding:10px 10px 6px 10px;
 margin:0;
 background-color:#FFFAE6;
}

.tagcount {
 color:#666;
 font-size:95%;
}

#article {
	margin-right:210px;
	min-height:100ex;
	height:auto 
!important;
	height:100ex;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	width: auto;
}
#article h2 {margin-top:0;display:block;}

#article table.adtag {
  clear:right;
}

#colored-bar-ad *{
   color: #fff;
   padding:0;
}

div#colored-bar-ad {
   height:30px; 
}

#related {width:198px;position:absolute;top:10px;right:10px;}

/*#sponsors {width:160px;position:absolute;top:10px;right:10px;}
#sponsors iframe {border:none; margin-bottom:1em;}*/
#footer {height:auto !important;}
#footer {margin-right:210px !important;}

/* article actions */
/* listen2 is for the ORN articles */
.listen, .listen2, .print, .discuss, .subscribe, .intellitxt {
   width: 160px; 
   text-align:right;
   padding-right:22px;
   display: block;
   line-height:1.5em;
   font-size:95%;
   text-decoration:none;
}

.listen {
   background: url(/images/icon_listen_big.gif) no-repeat top right;
}

.listen2 {
   background: url(/images/icon_listen_big.gif) no-repeat top right;
}

.print {
   background: url(/images/icons/print_18.gif) no-repeat top right;
}

.discuss {
   background: url(/images/icons/discuss_18.gif) no-repeat top right;
}

.subscribe {
   background: url(/images/icons/rss_18.gif) no-repeat top right;
}

.intellitxt {
   background: url(/images/icons/intellitxt_18.gif) no-repeat top right;
}

.delicious {
   text-decoration:none;
   background-image:none;
}



#header ul {
    width:196px;
}

#about #animal, #tim #animal {
    float:left;
    width:100px;
    height:67px;
    margin:0;
    padding:0;
    background:url(/images/oreilly/about_polar_bear.jpg) no-repeat 0 0;
    font-size:0;
    text-indent:-9999px;
}

#about h2 {
    font-family: Verdana,helvetica,arial,sans-serif;
    font-size:30px;
    font-weight:normal;
    color:#990000;
    display:inline;
    float:left;
    margin:0;
    clear:right;
}

#about h2.global_header {
    font-size:38px;
}

p.tagline /*h2 + p*/ {
    font-family: Verdana,helvetica,arial,sans-serif;
    display:block;
    width:20em;
    font-size:13px;
    color:#333;
    text-align:right;
    margin:0.8em 0 0;
    float:right;
    clear:none;
}

a.nav3, a.nav3:visited, a.nav3:hover, a.navtab,a.navtab:visited,a.navtab:hover {
    color: white;
    text-decoration:none;
}

.clear, hr.clear {
    height:0 !important;
}

#content ul { 
    margin:0 0 0 1em;
    padding:0 0 0 1em;
   list-style-image: url('/images/icons/arrow.gif');
    line-height:1.5em;
}

#content li {
    padding:0;
    margin: 0;
}

#article ul {
    list-style-image:none; 
}

#article .headline {
    font-size: 12px;
    font-weight:bold;
}
    
ul.sellingpoints {
    color:#666;
    font-weight:bold;
    line-height:1.7em;
    list-style-position: inside;
}

/* middle and right content used for ug pages */
#middle_content {
    width:46em; 
    float:left;
}

#middle_content h3 {
    color:#333;
    font-size:16px;
    font-weight:normal;
    line-height:1.2em;
} 

#right_content {
    width:18em;
    float:right;
    margin-left:1em;
}

.article-heading {
    clear:left;
    font-size:13px;
    font-weight:bold;
}

#article {
	float:left;
	width: 600px;
	margin: 10px;
}

#adspace {
    width:16em;
    float:right;
    margin-left:1em;
} 

body {
    background-color:#eee;
}

/*added  for article formatting of email newsletters --cp 04/21/06*/
div.newsletter{
    white-space: pre;
} 
.intelliTxt h2 {
    color:#000;
    display:block;
    font-size:24px;
}
/* Calendar for most recent entries */
#calendar {
	padding: 0;
	margin: 0;
	border-left: 1px solid #a2adbc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 2A5378;
	text-align: center;
	background-color: #ffffff;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	width: 100%;
	height: 100%;
}
#calendar .nav, #calendar .nav a {
	color: 2A5378;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
#calendar caption {
	margin: 0;
	padding: 0;
	width: 200px;
	color: #2A5378;
	text-align: center;
	background-color: #a9aaac;
	background-image: url(images/box-item-header.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
#calendar th { font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #616b76; background: #e5e5e5; border-right: 1px solid #a2adbc; border-bottom: 1px solid #a2adbc; border-top: 1px solid #a2adbc; }
#calendar td { border-right: 1px solid #a2adbc; border-bottom: 1px solid #a2adbc; width: 25px; height: 25px; text-align: center; }
#calendar td.today { background: #a9aaac; }
#cal {
	margin:0;
	padding:0px;
	width: 200px;
	background-position: center;
}

/*
#page #leaderboard #page-content #article #LeftCol {
	width: 48%;
	float: left;
}
#page #leaderboard #page-content #article #RightCol {
	float: right;
	width: 48%;
}
#page #leaderboard #page-content #article #LeftCol #diarypage {
	background-color: #FFF3D2;
	border: 1px solid #2A5378;
}
#page #leaderboard #page-content #article #LeftCol #diarypage #Top {
	color: #FFFFFF;
	background-color: #2A5378;
	padding: 5px;
}
#page #leaderboard #page-content #article #LeftCol #diarypage #Paper {
	padding: 5px;
}
#page #leaderboard #page-content #article #RightCol #diarypage {

	background-color: #FFF3D2;
	border: 1px solid #2A5378;
}
#page #leaderboard #page-content #article #RightCol #diarypage #Top {

	color: #FFFFFF;
	background-color: #2A5378;
	padding: 5px;
}
#page #leaderboard #page-content #article #RightCol #diarypage #Paper {
	padding: 4px;
}
#page #leaderboard #page-content #article #CentreCol {

	float: left;
	width: 98%;
}
#page #leaderboard #page-content #article #diarypage #CentreCol {

	background-color: #FFF3D2;
	border: 1px solid #2A5378;
}
#page #leaderboard #page-content #article #diarypage #CentreCol #Top {

	color: #FFFFFF;
	background-color: #2A5378;
	padding: 5px;
}
#page #leaderboard #page-content #article #diarypage #CentreCol #Paper {

	padding: 5px;
}
#page #footer #footer-links ul {
	display: block;
	text-align: center;
	list-style-type: none;
	list-style-image: none;
	float: none;
	margin: 0px;
	padding: 0px;
}
form { margin: 0 }
H4 {
	color: #FFFFFF;
	background-color: #2A5378;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
#page #leaderboard #page-content #article #CentreCol #diarypage {

	background-color: #FFF3D2;
	border: 1px solid #2A5378;
}
#page #leaderboard #page-content #article #CentreCol #diarypage #Top {
	color: #FFFFFF;
	background-color: #2A5378;
	padding: 5px;
	width: 125px;
	text-align: center;
	display: block;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #29557B;
	border-right-color: #29557B;
	border-bottom-color: #29557B;
	border-left-color: #29557B;
}
#page #leaderboard #page-content #article #CentreCol #diarypage #Paper {
	padding: 5px;
	float: left;
}
#page #leaderboard #page-content #article #CentreCol #diarypage #Next {
	color: #29557B;
	background-color: #CCCCCC;
	padding: 5px;
	width: 100px;
	display: block;
	float: left;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #29557B;
	border-right-color: #29557B;
	border-bottom-color: #29557B;
	border-left-color: #29557B;
}
#page #leaderboard #page-content #article #CentreCol #diarypage #Print {
	color: #29557B;
	padding: 5px;
	width: 100px;
	display: block;
	float: right;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #29557B;
	border-right-color: #29557B;
	border-bottom-color: #29557B;
	border-left-color: #29557B;
}
#page #leaderboard #page-content #article #CentreCol #diarypage #Blank {

	color: #29557B;
	padding: 5px;
	width: 100px;
	display: block;
	float: left;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* navigation - main
-------------------- */
#page #leaderboard #page-content #article #CentreCol #diarypage #nav {
	margin:0;
	padding:0;
	width:100%;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	background-position: 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #2A5378;
	border-right-color: #2A5378;
	border-bottom-color: #2A5378;
	border-left-color: #2A5378;
}

#page #leaderboard #page-content #article #CentreCol #diarypage #nav ul, #subnav ul {
    list-style:none;
    margin:0;
    padding:0;
    overflow:auto;
}

/* this is new, replacing the below */
#page #leaderboard #page-content #article #CentreCol #diarypage #nav ul li{
      float:left;
      display:block;
}
/* removing this as it breaks the nav on FFox 1.7
#nav ul li {
    float:left;
    display:inline-table;
} */

#page #leaderboard #page-content #article #CentreCol #diarypage #nav ul li a {
    display:block;
    line-height:30px;
    padding:0 1em;
    text-decoration:none;
    font-size:12px;
    color:#2A5378;
    float:left;
    border-right:1px solid #000;
    margin:2px 0;
}

#page #leaderboard #page-content #article #CentreCol #diarypage #nav ul li.searchbox {
    padding-right:2em;
    float:right;
}   
    
#page #leaderboard #page-content #article #CentreCol #diarypage #nav ul li input {
    margin:8px 0 0 2px;
    padding:0;
    vertical-align:middle;
    font-size:95%;
    color:#666;
}   
    
#page #leaderboard #page-content #article #CentreCol #diarypage #nav form {    margin:0;
    padding:0;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#page #leaderboard #page-content #article #CentreCol #diarypage #nav ul li a {
    float:none;
}
/* End IE5-Mac hack */

#page #leaderboard #page-content #article #CentreCol #diarypage #nav ul li a:hover {
	color:#97C024;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	background-position: 0 0;
}

#page #leaderboard #page-content #article #CentreCol #diarypage #nav .nav_selected a, #nav .nav_selected a:hover {
    line-height:34px !important;
    margin:0 !important;
    background: #990000 !important;
    background-image:none !important;
}
#page #leaderboard #page-content #article #CentreCol #diarypage #nav #selected {

	margin:0;
	padding:0;
	width:100%;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	background-position: 0 0;
}
#page #leaderboard #page-content #article #CentreCol #diarypage #WeekPaperTitle {
	width: 99%;
	padding: 5px;
	height: 12px;
	color: #FFFFFF;
	background-color: #29517B;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#page #leaderboard #page-content #article #CentreCol #diarypage #WeekPaper {

	padding: 5px;
	width: 98%;
}