/* header */
#page {
background-color:#ffffff;
text-align:left; /* to override text-align:center on body element for IE */
margin:0px auto;
width:800px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;

}


#headerblock {
background: url(http://digitalmedia.oreilly.com/dmt_images/header_bg.gif) repeat-x bottom;
background-color:#FFFFFF;
width: 800px;
height:90px;
}

.hlogo {

border: 0;
margin-top: 20px;
margin-left: 15px;
height: 65px;
width: 187px;
float: left;

}

#toplinks {
font-size:12px;
text-align:right;
margin:0px;
color: #525252;
font-family: Arial, Helvetica, sans-serif;
float: right;
top: 0;
height: 14px;
margin-top: 20px;
overflow: hidden;
}
a:hover.headlink {color:#7e950a;text-decoration: none; padding-left: 10px; padding-top: 10px; padding-right: 10px;}
a.headlink {color:#7b7b7b;text-decoration: none; padding-left: 10px; padding-top: 10px; padding-right: 10px;}

/* PHOTOGRAPHY MENU */
#dmtnav_p {
width: 451px;
height: 36px;
background: url(http://digitalmedia.oreilly.com/dmt_images/section_menu_p.gif) no-repeat;
margin: 0;
padding: 0;
position: relative;
margin-top: 0px;
top: 20px;
float: right;

}
#dmtnav_p li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#dmtnav_p li,
#dmtnav_p a {height: 36px; display: block;}


/* ALL MENU ACTION */

#photo {left: 0; width: 131px;}
#audio {left: 132px; width: 78px;}
#mac {left: 211px; width: 79px;}
#web {left: 291px; width: 65px;}
#design {left: 357px; width: 94px;}


#photo a:hover {background: transparent url(http://digitalmedia.oreilly.com/dmt_images/section_menu.gif) 0 -36px no-repeat;}
#audio a:hover {background: transparent url(http://digitalmedia.oreilly.com/dmt_images/section_menu.gif) -132px -36px no-repeat;}
#mac a:hover {background: transparent url(http://digitalmedia.oreilly.com/dmt_images/section_menu.gif) -211px -36px no-repeat;}
#web a:hover {background: transparent url(http://digitalmedia.oreilly.com/dmt_images/section_menu.gif) -291px -36px no-repeat;}
#design a:hover {background: transparent url(http://digitalmedia.oreilly.com/dmt_images/section_menu.gif) -357px -36px no-repeat;}


.hcontainer {
padding-bottom:0px;
height:26px;
}
.hcontainer2 {
padding-bottom: 0px;
height: 26px;
float:left;
}
.hrcontainer {
margin: 0px;
padding: 0px;
}
.hlcontainer {
padding: 0px;
}

.contentblock1 {
text-align:right;
}


/* AD FORMATTING */
.adbox {

background-color: #eeeeee;
background-image: url(http://digitalmedia.oreilly.com/dmt_images/icon_advertisement.gif);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 25px;
clear: left;
padding-top: 2px;
padding-bottom: 2px;


}
.ad{
text-align:left; /* to override text-align:center on body element for IE */
margin:0px auto;
width: 336px;
}


/* Lightroom header */
#lightroom-heading {
width:800px;
height:117px;
background-image:url(http://digitalmedia.oreilly.com/dmt_images/lightroom/lightroom-header.jpg);
background-repeat: no-repeat;
background-position: bottom;
position:relative;
margin:0px auto;
border-left: thin solid #d6d6d6;
border-right: thin solid #d6d6d6;
}


#lightroom-head h1
{
display: none;
}
#right-nav {

padding-top:78px;

margin-left:400px;

text-align:left;

font-size:10px;

font-weight:bold;

}



#right-nav a {

color:#333;

text-decoration:none;

line-height:1.7em;

padding:0 5px;

}



#right-nav a:hover, #right-nav a.current {

color:#cc0000;

}
#footer-content {
margin-left: 20px;
margin-right: 20px;
}
/* inline tags */
.entry-tags ul, .entry-tags li {
display: inline;
margin: 0;
padding: 0;
font-weight: bold;
}
.entry-tags li a {
margin-left: 12px;
}

/* author pic formatting for class left */
.left {
float:left;
margin:0 1em 1em 0;
}

.listen .button {
display: inline;
font-size:12px;
margin-right: 20px;
float: right;
list-style: none;
margin-bottom: 20px;
}
hr {

margin-top: 2px;
margin-bottom: 20px;
border:0;
height:1px;
background-color:#555555;
color:#555555;
}

/* picture formatting */
.ap_r_front {
border: 1px #cccccc solid;
padding: 0;
float: right;
clear: right;
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
width: 148px;
}
.ap_r {
border: 1px #cccccc solid;
padding: 0;
float: right;
clear: right;
margin-top: 15px;
margin-left: 15px;
margin-right: 0px;
margin-bottom: 15px;
width: 148px;
}
.ap_l {
border: 1px #cccccc solid;
padding: 0;
float: left;
/* clear: right; */
margin-top: 15px;
margin-left: 0px;
margin-right: 15px;
margin-bottom: 15px;
width: 148px;
}

.ap_c {
border: 1px #cccccc solid;
padding: 0;
clear: right;
margin-top: 15px;
width: 400px;
display:block;
clear:both;
margin:0 auto 1em; }


.apcaption {
background-color: #FFFFFF;
font-style: italic;
font-size: 12px;
text-align: left;
padding: 8px 8px 8px 8px;
}

.acode {
border: 1px #cccccc solid;
padding: 0;
clear: right;
margin-top: 15px;
width: 500px;
display:block;
clear:both;
margin:0 auto 1em;
text-align: left;
background-color: #FFFFFF;
}

/* highslide formatting */



/* highslide pic */

.highslide {
cursor: url(http://digitalmedia.oreilly.com/scripts/highslide/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide img {
border: 1px solid #cc0000;
}
.highslide:hover img {
border: 1px solid #e80202;
}

.highslide-image {
border: 1px solid #d7d7d7;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;

border: 2px solid #d7d7d7;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: #e4e4e4;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.highslide-loading {
display: block;
color: #d7d7d7;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
background-color: #e4e4e4;
/*
padding-left: 22px;
background-image: url(highslide/graphics/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
*/
}
/* HIGHSLIDE HTML */
.highslide-html {
background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
position: absolute;
display: none;
width: 120px;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;

/*padding-left: 22px;
background-image: url(highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;*/
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}

.control {
float: right;
display: block;
/*position: relative;*/
margin: 0 5px;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #999;
}
.control:hover {
color: black !important;
}
.highslide-move {
cursor: move;
}
/* to fix old body styles */
body#lightroom {
width: 800px;
text-align: center;
margin-top: 0px;
   color:#333;
   padding:0;
   font: 12px arial,helvetica,sans-serif;
}
#page-content {
margin: 0px auto;
text-align: left;
background-color: #FFFFFF;

}
#lightroom #page-content {
   color:#333;
   padding:0;
   margin:0px auto;
   width:800px !important;
   font: 12px arial,helvetica,sans-serif;
}

/* new section */


/* CSS Document */

#lightroom #page-content {
   color:#333;
   padding:5px 0 0 0;
   margin:0;
   width:800px !important;
   font: 12px arial,helvetica,sans-serif;
}

#lightroom #leaderboard {
    margin:6px 0 0 0 !important;
    padding:18px 0 0 0;
    text-align:left;
}

#lightroom #page-content a {
    color:#cc0000;
	text-decoration:none;
}

#lightroom #page-content a:visited  {
    color:#cc0000;
	text-decoration:none;
}

#lightroom #page-content a:hover {
	text-decoration:underline;
}

#lightroom-heading {
	height:117px;
	background-image:url(http://digitalmedia.oreilly.com/dmt_images/lightroom/lightroom-header.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
    position:relative;
	border: none;
}   
    
#lightroom-head {
    position: absolute;
    top: 0; 
    left: 0;
    width: 400px;
    height: 112px;
}

#lightroom-head h1
{
    display: none;
}

#lightroom #commentarea {
   color:#000;
   background-color:#b8b8b8;
   border: 1px solid #484848;
   padding:0 10px 10px 10px;
}

#right-nav {
    padding-top:78px;
    margin-left:420px;
    text-align:left;
    font-size:10px;
    font-weight:bold;
}

#right-nav a {
    color:#333;
	text-decoration:none;
	line-height:1.7em;
    padding:0 5px;
}

#right-nav a:hover, #right-nav a.current {
    color:#cc0000;
}

#breadcrumb {
    padding-bottom:15px;
    padding-left:10px;
	color:#333;
    font-size:11px;
}

#breadcrumb a {
    color:#cc0000;
	text-decoration:none;
}

#right-column {
    width:226px;
	float:right;
    padding:0;
    margin:0;
    margin-left:16px;
}

#right-column ul.tabbernav li.tabberactive a {
 padding-bottom:7px;
 color:#333 !important;
 background-image: url(/images/icons/line_arrow_gray.gif);
}

#right-column ul.tabbernav li a:hover {
 text-decoration:none !important;
}

#right-column ul.tabbernav {
 margin: 0;
 padding: 0 0 7px 0;
} 

ul.tabbernav li a, #right-column ul.tabbernav li a
{
 padding: 0 18px 1px 14px;
 text-transform:none;
 font-size:100%;
 font-weight:normal;
}

.sidebar-item-content .tabberlive .tabcontainer {
 width:206px;
 padding:0;
 margin:0;
 border-bottom:none;
 background-color:#fff;
 	border: none;
}

.sidebar-item-content .tabberlive .tabcontainer ul {
  display:inline;
  margin:0;
  padding:0;
  	border: none;
}

.sidebar-item-content .tabberlive .tabcontainer li {
  display: inline;
  margin-right: 6px;
  line-height:1.2em;
  	border: none;
}

.sidebar-item-content .tabberlive .tabbertab {
  padding-left:10px;
  padding-right:0;
  width:183px;
  margin:0;
  	border: none;
}

.sidebar-item-content .tabberlive .tabcontainer ul.tabbernav li.tabberactive a {
 font-style: normal;
 color:#333;
 	border: none;
}


#lightroom .sidebar-item {
   background-image:none;
   background:#fff url(/images/digitalmedia/lightroom/bucket_top.gif) left top no-repeat; 
   margin:10px 0 !important;
   padding:0;
   border: none;
}

#lightroom .sidebar-item h3 {
    font:normal 13px Arial, Helvetica, sans-serif;
    text-align:left;
    text-transform:uppercase;
    padding:9px 0 0 18px;
    margin:0 !important;
    background-image:none;
    color:#333 !important;
	border: none;
}
 
#lightroom .sidebar-item-content {
   background:transparent url(/images/digitalmedia/lightroom/bucket_mid.gif) left top repeat-y;
   color:#333 !important;
   padding:10px 18px 0 18px;
   margin:0 !important;
   	border: none;
}

#lightroom .sidebar-item-content .morelink {
   font-size:.9em;
   clear:left;
   padding:10px 0 0 0;
   margin:0;
   	border: none;
}

#lightroom .sidebar-item-footer {
   background:transparent url(/images/digitalmedia/lightroom/bucket_bot.gif) left bottom no-repeat;
   padding-right:0;
   margin-right:0;
   width:226px;
   	border: none;
}

#lightroom #article {
     padding-left:10px;
     color:#333;
     line-height:1.3em;
}

#blog {
     line-height:1.3em;
     padding-left:10px;
     color:#333;
}

/* content specific */
ul
{
    list-style-type:disc;
    padding:0;
	margin:.2em 0 0 1.2em;
}

li 
{
    padding-bottom:.3em;
}

#left-column {
    margin:0;
    padding:0;
}

#left-column p {
    line-height:1.3em;
	color:#333;
	padding:0;
	margin:0;
	padding-bottom:1.5em;
}

#left-column h2, h3, h2.post-title a, h2.archive {
    padding:0;
	margin:0;
	padding-bottom:.2em;
    font-weight:normal;
}

#left-column h2, h2.archive {
    font-size:22px;
    line-height:22px;
    padding-bottom:.4em;
    color:#333;
}

h2.archive {
    padding-bottom:1em;
}

#left-column h3 {
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
    padding:5px 0 20px 10px;
}

#left-column .divider {
   background: url(/images/digitalmedia/lightroom/content_divider.jpg) left top no-repeat;
}

#left-column .divider_left {
   width:250px;
   float:left;
   padding-right:14px;
   background: url(/images/digitalmedia/lightroom/content_divider_left.jpg) left top no-repeat;
}

#left-column .divider_middle {
   width:250px;
   float:left;
   padding-right:14px;
   background: url(/images/digitalmedia/lightroom/content_divider_middle.jpg) left top no-repeat;
}

#left-column .divider_right {
   width:250px;
   float:left;
   background: url(/images/digitalmedia/lightroom/content_divider_right.jpg) left top no-repeat;
}

#left-column .divider-more {
   float:right;
   text-align:right;
   width:120px;
   font-size:.9em;
   padding-top:8px;
   padding-right:20px;
}

#left-column .blogpost {
   padding-left:10px;
}

#left-column h4 {
   margin-bottom:0;
   font-size:17px;
   font-weight:normal;
}

h3.comments-open-header {
    padding-top:10px;
}

div.commenttext ul li {
    list-style-image: none;
    list-style-type: disc;
}

#footer {
clear:both;
padding: 10px;
border-top: 1px solid #CCCCCC;
}

#footer a {
color:#CC0000;
text-decoration:none;
}

#footer a:hover {
text-decoration: underline;
}


/* tag cloud */
.cloud {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
padding-bottom: 10px;
}

.cloud li{
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
}

.cloudtag1{
 font-size:8px;
}
.cloudtag2 {
 font-size:10px;
 font-weight:200;
 }
.cloudtag3 {
 font-size:12px;
 font-weight:300;
}

.cloudtag4 {
 font-size:14px;
 font-weight:300;
}

.cloudtag5 {
 font-size:16px;
 font-weight:300;
}

.cloudtag6 {
 font-size:18px;
 font-weight:400;
}

.cloudtag7 {
 font-size:20px;
 font-weight:400;
}

.cloudtag8 {
 font-size:22px;
 font-weight:500;
}

.cloudtag9 {
 font-size:24px;
 font-weight:500;
}

.cloudtag10 {
 font-size:26px;
 font-weight:900;
}


img.info {
float: left;
text-align: left;
padding: 2px;
border: none;
}

/* COMMENTS */
.rbox {        
 color:#000;       
 background-color:#ccc;        
 line-height:14px;        
 padding-top:0;        
 margin-top:2em;
}
.rbcontent {        
 margin: 0 6px;        
 background-color: #ccc;        
 color: #000;
}
.rboxtop { 
 background: url(http://www.oreillynet.com/images/gray_tr.gif) no-repeat top right; 
}
.rboxtop div { 
 background: url(http://www.oreillynet.com/images/gray_tl.gif) no-repeat top left; 
}
.rboxbot { 
 background: url(http://www.oreillynet.com/images/gray_br.gif) no-repeat top right; 
}
.rboxbot div { 
 background: url(http://www.oreillynet.com/images/gray_bl.gif) no-repeat top left; 
}
.rboxtop, .rboxtop div, .rboxbot, .rboxbot div {
        height: 6px;
        font-size: 1px;
        margin: 0;
        padding: 0;
}
.tb_left {
        width: 30%;
        height: 20px;
        float: left;
        margin-top:0.5em;
}
.tb_right {
        text-align: right;
        width: 60%;
        height: 20px;
        float: right;
        margin-top:0.5em;
} 
div.feedback { margin-top: 1em; }
.feedback ul {
        margin: 0 0 0 1em;
        padding: 0 0 0 1em;
}
.feedback li {
        list-style-image: url(http://www.oreillynet.com/images/bullet-post.gif);
        margin-left: 0px;
        padding: 0 0 1em 0;
}
.feedback ul ul li {
        list-style-image: url(http://www.oreillynet.com/images/bullet-reply.gif);
        margin-left: 0px;
        padding: 0 0 1em 0;
}
.aleft {
    float:left;
    margin:0 0.5em 0 0.3em;
}

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

/* PRE to prevent code from disappearing off the page */
.post-content pre, .feedback pre {
    clear: both;
    overflow-x: auto; /*for IE, so it doesn't display the vertical scrollbar */
    background-color: #efefef;
    width: 520px; /*for IE, which doesn't obey !important or width:100% on pre */
    padding-bottom: 0 !important;
    padding-bottom: 1.5em; /* for IE which doesn't make room at the bottom of the pre for a horizontal scrollbar */
}

.feedback ul ul li pre {
    width:400px;
}
/* ignored by IE */
html>body .post-content pre, html>body .feedback pre {
    overflow:auto;
}