@charset "UTF-8";
/* CSS Document */


body {
margin: 0;
padding: 0;
background-color: #dddddd;
font-family: Arial, Helvetica, sans-serif;
color: white;
font-size: small;
}

a {
color: #33aaff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
border: 0;
}


p {
margin: 10px 0 0 0;
padding: 0;
line-height: 1.35em;
}

h2 {
margin: 26px 0 0 0;
padding: 0;
font-size: 2.34em;
font-weight: normal;
}

h3 {
margin: 22px 0 0 0;
padding: 0;
font-size: 1.45em;
font-weight: bold;
}


#frame {
width: 800px;
margin: 0 auto 10px auto;
}

#page {
padding: 0 0 0 0;
background: #222 url(http://digitalmedia.oreilly.com/dmt_images/iphone/heading_1.jpg) top left no-repeat;
}

#header {
height: 110px;
}


#nav {
padding: 41px 20px 0 0;
margin: 0 0 0 496px;
text-align: center;
font-size: 1.1em;
line-height: 1em;
}

#nav a {
color: #fff;
}

#nav a:hover {
color: #ccc;
text-decoration: none;
}

#nav a.active {
color: #aaaaaa;
}

#right_col {
float: right;
width: 236px;
text-align: left;
padding-bottom: 26px;
}

#right_col #first_bucket {
width: 180px;
height: 77px;
margin: 3px 0 0 0;
padding: 14px 18px 0 18px;
background: transparent url(http://digitalmedia.oreilly.com/dmt_images/iphone/first_box_1.jpg) top left no-repeat;
}

#right_col form input {
margin: 5px 0 0 0;
padding: 0;
}

#right_col form #src {
width: 140px;
}

#right_col .bucket {
width: 216px;
margin: 10px 0 0 0;
background: #333 url(http://digitalmedia.oreilly.com/dmt_images/iphone/box_top.jpg) top left no-repeat;
}

#right_col .inside div div { 
    margin-left: 5px; 
}

#right_col .bucket .inside {
padding: 12px 18px 14px 18px;
background: transparent url(http://digitalmedia.oreilly.com/dmt_images/iphone/box_bot.jpg) bottom left no-repeat;
}

#right_col .inside .title {
margin: 0 0 15px 0;
font-size: 1.2em;
text-align: center;
}


#left_col {
margin: 0 236px 0 0;
padding: 0 20px;
text-align: left;
}


#left_col .breadcrumb {
display: block;
padding: 0 0 0 56px;
margin: 0;
line-height: 1.4em;
}



#left_col h2.home_title {
margin-bottom: 22px;
}


#left_col .intro {
font-size: 1.15em;
color: #ccc;
}

#left_col .asset-name {
font-size: 1.15em;
font-weight: bold;
}
/* was .title now asset-name */

#left_col .entry-asset {
padding:11px 0px 18px 0px;
}
/* was article_sect is now entry-asset */

#left_col .entry-asset p {
margin-top: 5px;
}
/* was article_sect is now entry-asset */

#left_col .entry-asset .asset-body p {
margin-top: 16px;
}

#left_col .entry-asset .asset-meta .byline p {
margin-top: 15px;
}

#left_col .entry-tags {
margin-top: 15px;
}

#left_col .comment {
margin-top: 15px;
}

#left_col .bookmark-button {
margin-top: 15px;
margin-bottom: 15px;
}

.content-nav {
padding-bottom: 12px;
}

#footer {
padding: 10px 20px;
font-size: 9px;
line-height: 12px;
color: #333;
background-color: #FFFFFF;
}

#footer a {
color: #1289DE;
}

#footer table tr td {
font-size: 11px;
line-height: 12px;
color: #333;
}


.clear {
display: block;
clear: both;
font-size: 0;
line-height: 0;
}

.bold {
font-weight: bold;
}

/* STANDALONE DM HEADER */
#page2 {
background-color:#d6d6d6;
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;
}

#logo_box {
float: left;
height: 70px;
width: 310px;	
}

#logo_link {
display: block;
margin: 25px 0 0 70px;
height: 45px;
width: 240px;
}

#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;}
/* MAC MENU */

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

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

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


/*GLOBAL DM STYLES */

/* 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;}

#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;}

.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;
}
.hlogo {

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

}


/* AD FORMATTING */


.adbox {
background-color:#222;
background-image: url(http://digitalmedia.oreilly.com/dmt_images/icon_advertisement_ia.gif);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 10px;
margin-top: 10px;
clear: left;
padding-top: 10px;
padding-bottom: 10px;
border-top: thin solid #3b3b3b;
border-bottom: thin solid #3b3b3b;

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


}
/* ARTICLE PAGE NOS */

.pageno_top {
clear: both;
margin-bottom: 10px;
padding-right: 15px;
text-align: right;
font-size: small;
font-weight: bold;
color: #7b7b7b;
}

.pageno_bottom {
margin-bottom: 25px;
padding-right: 15px;
text-align: right;
font-size: small;
font-weight: bold;
color: #7b7b7b;
}


.authorfooter {
margin-bottom: 2px;
padding-right: 15px;
text-align: left;
font-size: small;
font-style: italic;
border-top: thin #cccccc solid;
color: #7b7b7b;
padding-top: 15px;
}

.byline span {
padding-top: 2px;
}

.tiny {
margin-right:10px;
margin-left: 10px;
}

.page1-header {
margin: 0px 20px 0px 61px;
padding: 0px;
width: 400px;
}

.page1-author {
font-size: 12px;
margin: 0px 20px 2px 61px;
width: 440px;
}

.page1-date {
color: #7b7b7b;
font-size: 12px;
margin: 0px 20px 16px 61px;
width: 440px;
}


.page2-header {
margin: 0px 0px 0px 0px;
width: 440px;
}

.ap_r_front {
border: 1px #cccccc solid;
padding: 0;
float: right;
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 7px; /* compensate for ad */
width: 148px;
}

.ap_r {
border: 1px #cccccc solid;
padding: 0;
float: right;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
width: 148px;
}

.ap_c {
border: 1px #cccccc solid;
padding: 0;
margin: 15px auto 0px auto;
width: 400px;
display:block;
/* clear:both; */ 
}

.apcaption {
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;
}


.toolbar_r {
padding: 0;
line-height: 30px;
text-indent: 16px;
margin-top: 2px;
margin-left: 2px;
margin-right: 10px;
margin-bottom: 2px;
width: 63px;
border: none;
float: right;
background-color: #FFFFFF;
background-image: url(http://digitalmedia.oreilly.com/dmt_images/toolbar_bg.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}

.toollist, .toollist ul, .toollist li{
margin:0;
padding:0;
list-style-type:none;
text-align: left;
}

.toollist li.comment
{
margin-left: 10px;
padding-left: 10px;
text-indent: 10px;
font-weight: bold;
line-height:14px;
background: url(http://digitalmedia.oreilly.com/dmt_images/comment_sm.gif) no-repeat;
}
.toollist li.print
{
margin-left: 10px;
padding-left: 10px;
text-indent: 10px;
font-weight: bold;
line-height:14px;
background: url(http://digitalmedia.oreilly.com/dmt_images/print_sm.gif) no-repeat;
}
.toollist li.listen
{
margin-left: 10px;
padding-left: 10px;
text-indent: 10px;
font-weight: bold;
line-height:14px;
background: url(http://digitalmedia.oreilly.com/dmt_images/listen_sm.gif) no-repeat;
}

.widget-list,

.archive-list {
margin: 0;
padding: 0;
list-style: none;
}

.archive-content {
padding: 12px 0px;
}

.widget-list .widget-list {

margin-left: 15px;

}



.widget-list-item {
margin-top: 5px;
margin-bottom: 5px;
}



.widget-cloud .widget-list {
margin-right: 0;
margin-left: 0;
}

.widget-cloud .widget-list-item {
display: inline;
margin: 0 3px 0 0;
padding: 0;
line-height: 1.1;
background: none;
}

.widget-cloud .rank-1 { font-size: 1.9em; }
.widget-cloud .rank-2 { font-size: 1.5em; }
.widget-cloud .rank-3 { font-size: 0.95em; }
.widget-cloud .rank-4 { font-size: 0.75em; }
.widget-cloud .rank-5 { font-size: 0.85em; display: none;}
.widget-cloud .rank-6 { font-size: 1.25em; display: none;}
.widget-cloud .rank-7 { font-size: 1.125em; display: none; }
.widget-cloud .rank-8 { font-size: 1em; display: none;}
.widget-cloud .rank-9 { font-size: 0.95em; display: none;}
.widget-cloud .rank-10 { font-size: 0.9em; display: none;}
/* 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;
}

/* highslide pic */

.highslide {
cursor: url(http://digitalmedia.oreilly.com/scripts/highslide/graphics/zoomin.cur), pointer;
outline: none;
}

.highslide img {
border: 1px solid #0077dd;
}

.highslide:hover img {
border: 1px solid #0077dd;
}

.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;
}

pre {
font-family: Courier, monospace;
color:  #003366;
background-color:#F6F6F6;
border:1px solid #CCCCCC;
line-height: 14px;
margin:0px;
overflow: auto;
padding: 10px;
}

pre code {
color: #003366;
}

code {
font-family: Courier, monospace;
color: #F6F6F6;
}

/* Aggregate Knowledge */

.ak-object {
margin: 10px 0px;
overflow: auto;
font-size: 11px;
}

#right_col .bucket .inside .ak-title {
font-weight: bold;
margin-left: 0px;
}

#right_col .bucket .inside .ak-description {
margin-left: 0px;
}