/* General */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}

#page {
width: 990px;
margin: 10px auto;
border: none;
}

body {
background-color: #fff;
font-family: Arial, sans-serif;
font-size: 14px;
}

body, p, div, li, td {
color: #333;
}

a {
color: #1010DD;
text-decoration: none;
}

a:visited {
color: #551A8B;
}

a:hover {
text-decoration: underline;
}

.accessibility-links {
display:none;
}

.highlighted {
color: #900;
}

.fl {
float:left;
padding-right:10px;
border:0;
}

.fr {
float:right;
padding-left:10px;
border:0;
}

#header-09 #nav li ul li {
border-right: 1px solid #888;
}

#radar #header-09 #header {
height: 80px;
position: relative;
}

#radar  #header-09 #logo {
background: transparent url(http://cdn.oreilly.com/images/oreilly/radar_logo.gif) no-repeat scroll 0 0;
float: left;
font-size: 0;
margin: 0;
padding: 0;
width: 264px;
height: 61px;
position: absolute;
left: 10px;
top: 10px;
text-indent: -9999px;
z-index: 0;
}

#radar  #header-09 #logo a {
display:block;
height:61px;
width:264px;
}

#radar  #header-09 #tagline {
color: #888888;
font-size: 12px;
left: 270px;
position: absolute;
bottom: 16px;
width: 390px;
}

#radar .suggest {
float: right;
}

#radar #subnav .chicklets {
float: right;
margin-right: 7px;
}

#radar #subnav .chicklets li {
border:none;
float:left;
list-style:none outside none;
height: 20px;
}

#radar #subnav .chicklets li a {
margin: 3px;
height: 14px;
width: 14px;
display: block;
float: left;
padding: 0;
}

#header-09 #subnav .chicklets a.youtube {
background: transparent url(http://cdn.oreilly.com/radar/images/chicklets/chicklets.jpg) no-repeat scroll 0 0;
}

#header-09 #subnav .chicklets a.facebook {
background: transparent url(http://cdn.oreilly.com/radar/images/chicklets/chicklets.jpg) no-repeat scroll -20px 0;
}

#header-09 #subnav .chicklets a.twitter {
background: transparent url(http://cdn.oreilly.com/radar/images/chicklets/chicklets.jpg) no-repeat scroll -40px 0;
}

#header-09 #subnav .chicklets a.plancast {
background: transparent url(http://cdn.oreilly.com/radar/images/chicklets/chicklets.jpg) no-repeat scroll -60px 0;
}

#header-09 #subnav .chicklets a.rss {
background: transparent url(http://cdn.oreilly.com/radar/images/chicklets/chicklets.jpg) no-repeat scroll -80px 0;
}

#radar #subnav .chicklets li a:hover {
background-color: #fff;
}

#radar #subnav .chicklets li a.about {
padding-top: 0;
width: auto;
line-height: 17px;
}

#radar #subnav .chicklets li a.about:hover {
text-decoration: underline;
}
/* Alpha - Left and Center */

#alpha {
float: left;
margin: 24px 18px 12px 16px;
width: 620px;
overflow: hidden;
}

.ie7 #alpha {
margin-right: 18px;
}

#community #alpha {
width: 747px;
}

.page-content p{
margin-bottom: 10px;
line-height: 1.5em;
}

#breadcrumb {
margin: 10px 0 0 10px;
font-size: 11px;
}

.header, .header2 {
text-transform: uppercase;
font-weight: normal;
margin-bottom: 10px;
padding-bottom: 1px;
font-size: 22px;
color: #666;
}

.header2 {
border-bottom: 1px solid #900;
margin-bottom: 16px;
}

.header-home {
text-transform: uppercase;
font-weight: normal;
margin-bottom: 10px;
padding-bottom: 1px;
font-size: 22px;
color: #990000;
}

.adspace {
margin:10px 16px 0px 16px;
}

.m-top-bottom {
margin:10px 0 10px 0;
}

.m-bottom {
margin: 0 0 20px 0;
}
#slider {
width: 618px;
border: 1px solid #ccc;
border-bottom: 5px solid #ccc;
margin-bottom: 20px;
padding:0;
height: 233px;
overflow: hidden;
position: relative;
}



#slider .left {
background: transparent url(http://oreilly.com/images/title-scroll/item-list-left-bg.png) 0 0 repeat-y;
height:100%;
position:absolute;
width:28px;
z-index:9;
}

#slider .right {
background: transparent url(http://oreilly.com/images/title-scroll/item-list-right-bg.png) 0 0 repeat-y;
height:100%;
position:absolute;
right:0;
width:28px;
z-index:9;
}

#slider .left a {
background:url("http://oreilly.com/images/title-scroll/item-list-left-arrow.png") no-repeat scroll 9px -52px transparent;
display:block;
height:26px;
margin:95px 0 0;
width:28px;
}

#slider .left a.hidden {
display: none;
}

#slider .left a.clickable {
background-position: 9px 0px;
}

#slider .right a {
background:url("http://oreilly.com/images/title-scroll/item-list-right-arrow.png") no-repeat scroll 9px -52px transparent;
display:block;
height:26px;
margin:95px 0 0;
width:28px;
}

#slider .right a.hidden {
display: none;
}

#slider .right a.clickable {
background-position: 9px 0px;
}

#slider ul {
height: 213px;
width: 100%;
position: absolute;
top: 10px;
left: 28px;
overflow: hidden;
}

#slider ul li {
display: block;
float: left;
width: 175px;
height: 211px;
border: 1px solid #ccc;
margin-right: 15px;
overflow: hidden;
background-color: #fff;
}

#slider .container {
display: block;
width: 148px;
height: 98px;
overflow: hidden;
margin: 8px auto 5px;
text-align: center;
border: 1px solid #ccc;
}

#slider li img {
width: 148px;
}

#slider h2 {
font-size: 13px;
margin: 5px 12px 0 12px;
}

#slider h3 {
font-weight: normal;
font-size: 12px;
margin: 0px 12px 0 12px;
}

.au-photo {
float: left;
margin: 0 10px 10px 0;
width: 57px;
}

.entry-list .entry {
border-bottom: 1px solid #ccc;
margin: 0 0 22px 0;
padding-bottom: 12px;
overflow: auto;
}

.entry-list .entry.toplist {
background-color:#f0f0f0;
padding:10px 10px 0 10px;
border-bottom:none;
}

.entry-list .title {
font-size: 22px;
padding-bottom: 5px;
line-height: 23px;
}

.entry-list .subhead {
font-size: 14px;
line-height: 17px;
}

.post_block .asset-meta, .post_block p.asset-meta, .asset-meta, p.asset-meta {
margin: 4px 0 8px;
line-height: 17px;
font-size: 12px;
color: #666;
}

.entry-list img.thumb {
float: right;
margin: 0 0 10px 10px;
width: 148px;
}

.entry-blurb {
clear: left;
margin: 10px 0;
line-height: 18px;
}

.entry-blurb p{
padding-bottom:5px;
}

.entry-blurb .highlights h3{
margin-top: 10px;
}

.entry-blurb ol {
list-style: decimal outside none;
margin: 0;
padding: 0;
}

.entry-blurb ul {
list-style: disc outside none;
margin: 0;
padding: 0;
}

.entry-blurb li {
list-style-position: outside;
margin: 10px 0 10px 20px;
padding: 0;
}

.post-asset-meta {
line-height: 25px;
/*margin: 4px 158px 4px 0;*/
font-size: 11px;
}

.social-counters {
position: relative;
height: 25px;
top:6px;
display: inline-block;
margin-left: 5px;
}

.social-counters .retweet, .plus, .like {
position: relative;
margin:0;
}

.post_block .social-counters .retweet, .post_block .social-counters .like, .post_block .social-counters .plus {
top: 0;
display:inline-block;
}

.post_block p.entry-footer {
margin: 12px 0;
clear: both;
font-size: 12px;
}

p.entry-footer span {
display: block;
clear: both;
height: 20px;
}

/* Search result styles */
#search-results h1 {
text-transform: uppercase;
font-weight: normal;
border-bottom: 1px solid #900;
margin-bottom: 16px;
padding-bottom: 1px;
font-size: 22px;
color: #666;
}

hr {
color: #CCC;
height: 1px;
margin-top: 12px;
margin-bottom: 12px;
}

/* Archive styles */
.archive {
margin: 10px 0;
}

.author_bio {
overflow: auto;
margin-bottom: 14px;
}

.author_bio img {
float: left;
margin: 0 10px 10px 0;
}

.author_bio p {
font-size: 15px;
color: #555;
margin-bottom: 11px;
}

.content-nav {
margin: 20px 0 22px;
font-size: 12px;
}

.content-nav a {
font-weight: bold;
}

/* Beta - Sidebar */

#beta {
width: 320px;
float: left;
margin: 24px 16px 12px 0;
font-size: 12px;
}

#community #beta {
width: 196px;
}

#beta h2 {
font-size: 14px;
}

.sidebar-item {
margin-bottom: 20px;
width: 320px;
}

.sidebar-item .sidebar-title, .sidebar-item .sidebar-title2 {
text-transform: uppercase;
color: #900;
font-weight: bold;
font-size: 13px;
border-bottom: 1px solid #ccc;
width: 100%;
margin-bottom: 10px;
padding-bottom: 1px;
}

.sidebar-item .sidebar-title2 {
border-bottom: none;
margin-bottom: 4px;
}

.sidebar-item .sub-head {
font-weight: bold;
margin: 12px 0 8px;
}

.sidebar-item ul {
margin-bottom: 10px;
}

.sidebar-item li {
margin: 0 0 10px 0;
list-style: none;
}


.sidebar-item .event-tile ul li {
margin: 0 0 15px 0;
clear: both;
}


.sidebar-item .event-tile ul li img{
float: left;
display:block;
padding: 0 10px 0 0;
}

.sidebar-item .event-tile ul li  h3 {
font-size:13px;
padding: 0 0 2px 0;
}

.sidebar-item .event-tile ul li  p {
font-size:11px;
}

.sidebar-item .sidebar-subscribe ul li {
margin: 0 0 12px 0;
font-size:13px;
line-height: 22px;
}

.sidebar-item .sidebar-subscribe ul li img{
float: left;
display:block;
padding: 0 10px 0 0;
}

.sidebar-item .sidebar-subscribe ul li a{
font-weight:bold;
}

a.bold {
font-weight:bold;
font-size:13px;
line-height: 22px;
}

p.intro {
font-size: 13px;
line-height: 18px;
}

/* Twitter */
#twtr-widget-1 {
border: 1px solid #ccc;
}

.twtr-hd {
display: none;
}

.twtr-ft {
border-top: 1px solid #ccc;
background: #eee;
}

.more {
font-size: 11px;
font-weight: bold;
}

/* active-posts and books-videos*/

.tab-box {
border-left: 1px solid #ccc;
float: left;
}

.tab-box .title a {
background-color: #eee;
border: 1px solid #ccc;
border-left: none;
float: left;
list-style: none;
margin: -1px 0 0 0;
font-weight: normal;
display: block;
text-decoration: none;
color: #333;
padding: 5px 7px;
position: relative;
bottom: -1px;
text-transform: uppercase;
}

.tab-box p.selected a {
border-bottom: 1px solid #fff;
background: #fff;
color: #900;
}

.tab-box2 a.title2 {
margin: 0 4px 10px 0;
font-size: 10px;
}

.tab-box2 a.selected {
color: #222;
text-decoration: none;
}

.tab-box2 a.title2:hover {
color: #222;
}

.tab-box p.title a:hover {
color: #900;
}

.tab-box .content {
background-image: url(http://cdn.oreilly.com/images/oreilly/ccc-line.gif); 
background-repeat: repeat-x;
background-position: top right;
float: left;
clear: left;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 12px;
width: 294px;
font-weight: bold;
}

.tab-box2 .content2 {
margin-top: 6px;
}

.content li {
list-style: none;
margin-left: 0;
margin-bottom: 7px;
line-height: 13px;
}

.recent-comments li {
list-style: none;
float:left;
clear: left;
margin-left: 0;
list-style: disc;
margin-left: 12px;
margin-bottom: 5px;
line-height: 13px;
}

.recent-comments li img.commenter-photo {
float: left;
margin: 2px 5px 2px 0;
width: 35px;
}

.recent-comments li img.comments {
margin-bottom: -5px;
}

/* active-posts*/

.active-popular {
margin-bottom: 20px;
}


.post_block {
line-height: 18px;
border-bottom:1px solid #888888;
margin-bottom: 20px;
padding: bottom: 10px;
}

.post_block #title {
font-size: 22px;
line-height: 23px;
letter-spacing: 0.75px;
margin: 0 86px 8px 0;
padding: 0;
}

.post_block #title a {
color: #444;
}

.post_block #title a:hover {
text-decoration: none;
}

.post_block .subhead {
margin: 0 0 10px 0;
}

.post_block ul, .post_block ol, .post_block dl {
margin-bottom: 18px;
}

.post_block p, .post_block li {
margin-bottom: 14px;
}

.post_block li {
margin-left: 24px;
}

.post_block li ul {
padding-left: 15px;
}

.post_block h1 {
margin: 18px 0 10px;
font-size: 20px;
line-height: 22px;
}

.post_block h2 {
margin: 16px 0 10px;
font-size: 18px;
line-height: 20px;
}

.post_block h3 {
margin: 12px 0 10px;
font-size: 14px;
line-height: 16px;
}

.post_block h4 {
margin: 12px 0 10px;
font-size: 13px;
line-height: 14px;
}

.post_block h5 {
margin: 12px 0 10px;
font-size: 12px;
line-height: 14px;
}

.post_block h6 {
margin: 11px 0 10px;
font-size: 10px;
line-height: 13px;
}

.post_block blockquote {
margin: 0 0 18px 0;
padding: 0 14px 0 28px;
display: block;
background: transparent url(http://radar.oreilly.com/images/quotes.gif) left 3px no-repeat;
line-height: ;
}

.entry-tools {
float: right;
text-align: right;
margin: 2px 0 14px 20px;
list-style: none;
font-size: 12px;
}

.entry-tools li {
margin-bottom: 0;
margin-left: 12px;
}

.entry-tools li img {
margin-left: 3px;
}

.entry-tools .tool-block {
display: block;
float: left;
}

.entry-tools .listen img {
padding: 5px 3px 1px 3px;
}

.entry-body {
line-height: 18px;
clear: both;
margin-top: 18px;
padding: 1px;
}

#comments p.comment-head {
margin: 0 0 14px;
}

#comments p.comment-head a {
color: #666
}

#comments p.comment-head .author a {
color: #1010DD;
}

.comment_block .author, .comment_op_block .author {
font-size: 16px;
margin-right: 2px;
}

.comment_block, .comment_op_block {
margin-bottom: 20px;
border-left: 5px solid #eee;
padding: 2px 0 2px 15px;
}

.comment_op_block {
border-left: 5px solid #DCEDFE;
}


#comments .header {
border-bottom: none;
margin: 0 0 14px;
}

#comments .content {
line-height: 18px;
}

#comments p {
margin-top: 14px;
}

#comments-open-challenge label {
color: #900;
}

.comment_block blockquote {
background:url("http://radar.oreilly.com/images/quotes.gif") no-repeat scroll left 3px transparent; 
display:block; 
margin:0 0 10px;
padding:0 10px 0 28px;
}

#comments-open-footer input {
margin: 14px 0 0 0;
}

#radar .sidebar-item img.left {
float: left;
margin: 0 12px 12px 0;
}

#radar .sidebar-item .right-now, #radar .sidebar-item #radar-bloggers, #radar .sidebar-item .popular-stories {
list-style: none;
clear: left;
width: 100%;
}

#radar .sidebar-item .right-now li, #radar .sidebar-item #radar-bloggers li, #radar .sidebar-item .popular-stories li {
clear: left;
float: left;
margin: 0 0 12px 0;
width: 100%;
}

.sidebar-item .headline {
font-size: 12px;
font-weight: bold;
display: block;
margin-bottom: 1px;
}

.grey-box {
border: 4px solid #ddd;
padding: 1px;
float: left;
margin-bottom: 20px;
}

.grey-box .sidebar-item {
border: 3px solid #ddd;
padding: 12px;
margin-bottom: 0;
width: 276px;
float: left;
}

.grey-box .sidebar-item .sidebar-title {
border-bottom: none;
text-transform: none;
font-size: 16px;
}

.more-right {
text-align: right;
font-weight: bold;
font-size: 10px;
margin-top: 8px;
}


.more-right a {
color: #900;
}

#alpha .category-entry h2, #beta .category-entry h2, #alpha .quote-asset h2, #beta .quote-asset h2 {
font-size: 12px;
}

p.green_tech, p.geo, p.open_government, p.open_source, p.web_2, p.future_of_media, p.mobile, p.quote, p.big_data, p.smart_devices, p.programming {
color: #fff;
text-transform: uppercase;
font-size: 8px;
float: left;
margin-right: 5px;
line-height: 12px;
padding: 0 3px 1px;
}

p.green_tech a, p.geo a, p.open_government a, p.open_source a, p.web_2 a, p.future_of_media a, p.mobile a, p.quote a, p.big_data a, p.smart_devices a, p.programming a {
color: #fff;
}

p.green_tech a:hover, p.geo a:hover, p.open_government a:hover, p.open_source a:hover, p.web_2 a:hover, p.future_of_media a:hover, p.mobile a:hover, p.quote a:hover, p.big_data a:hover, p.smart_devices a:hover, p.programming a {
color: #fff;
}

p.programming {
background-color: #228d11;
}

p.smart_devices {
background-color: #888;
}

p.big_data {
background-color: #888;
}

p.green_tech {
background-color: #228d11;
}

p.geo {
background-color: #228d11;
}

p.open_government {
background-color: #243cc9;
}

p.open_source {
background-color: #900;
}

p.web_2 {
background-color: #aa3ed8;
}

p.future_of_media {
background-color: #900;
}

p.mobile {
background-color: #e34f1f;
}

p.quote {
background-color: #900;
}

p.image-box-580 {
width: 580px; 
height: auto; 
padding: 10px; 
margin: 15px 0 15px 0; 
border: 1px solid #ddd; 
font-style: italic; 
text-align: left;
}

p.image-box-550 {
width: 550px; 
height: auto; 
padding: 10px; 
margin: 15px 0 15px 0; 
border: 1px solid #ddd; 
font-style: italic; 
text-align: left;
}

p.image-box-500 {
width: 500px; 
height: auto; 
padding: 10px; 
margin: 15px 0 15px 0; 
border: 1px solid #ddd; 
font-style: italic; 
text-align: left;
}

p.image-box-480 {
width: 480px; 
height: auto; 
padding: 10px; 
margin: 15px 0 15px 0; 
border: 1px solid #ddd; 
font-style: italic; 
text-align: left;
}

p.image-box-450 {
width: 450px; 
height: auto; 
padding: 10px; 
margin: 15px 0 15px 0; 
border: 1px solid #ddd; 
font-style: italic; 
text-align: left;
}

p.image-box-400 {
width: 400px; 
height: auto; 
padding: 10px; 
margin: 15px 0 15px 0; 
border: 1px solid #ddd; 
font-style: italic; 
text-align: left;
}

p.image-box-390 {
width: 390px; 
height: auto; 
padding: 10px; 
margin: 15px 0 15px 0; 
border: 1px solid #ddd; 
font-style: italic; 
text-align: left;
}

p.image-box-380 {
width: 380px; 
height: auto; 
padding: 10px; 
margin: 15px 0 15px 0; 
border: 1px solid #ddd; 
font-style: italic; 
text-align: left;
}

.contest-text {
padding: 10px 20px 10px 0;
font-size: 85%;
color: #eee;
}

pre {
font-family:'Courier New','Andale Mono',Courier,Monaco,monospace;
color: #222;
width: 580px;
max-height: 600px;
overflow: auto;
margin-bottom: 14px;
border: 1px solid #888;
padding: 10px;
}

code {
font-family:'Courier New','Andale Mono',Courier,Monaco,monospace;
color: #222;
}

.code {
font-family:'Courier New','Andale Mono',Courier,Monaco,monospace;
color: #222;
}

dt {
font-weight: bold;
margin-bottom: 10px;
}

dd {
margin: 0 0 14px 24px;
}

.post_block table {
width: 600px;
border-collapse: collapse;
border: 1px solid #ddd;
}

.post_block th {
padding: 2px 5px;
font-weight: bold;
}

.post_block td {
padding: 2px 5px;
}

.post_block caption {
font-style: italic;
}

.readspeak table {
width: 265px;
}



/* Feed widget */

.feed-widget {
border-bottom: 1px solid #CCC;
}

.feed-widget ul {
height: 120px;
overflow-y: scroll;
margin: 14px 0;
list-style: none;
}

.feed-widget li {
margin: 0 0 5px;
}

.feed-widget .feed-title {
color: #900;
text-transform: uppercase;
}

#footer {
border-top:1px solid #CCCCCC;
clear:both;
padding:10px 0 20px;
width:990px;
font-size: 11px;
font-family: Verdana, sans-serif;
}


#footer td {
	width: 25%;
	padding: 0 20px;
	vertical-align: top; 
}

#footer ul {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

#footer ul li {
	margin:0 0 5px 0;
}

.borders {
border-top: thin gray solid; 
border-bottom: thin gray solid; 
}
.mtb20 {
margin: 20px 0;
}
.tight {
margin-top:-10px;
}
h2.big {
font-size: 30px;
margin: 16px 0;
}
.strong {
font-weight: bold;
}
.big {
font-size: 15px;
}
.center {
display:block;
margin: 0 auto;
}
span.clear {
  display: block;
  clear: both;
  height: 1px;
  line-height: 0px;
  font-size: 0px;
  margin-bottom: -1px;
}
.strike {
text-decoration: line-through;
}

/*OOCSS GRIDS*/
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.size30of3070{width:30%;}
.size70of3070{width:70%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
