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

/* "High Gloss" theme styles
   $Id: theme.css 3233 2008-08-21 12:47:26Z josh $
---------------------------------------------------------------- */

.popup body {
    margin: 0px;
    font-family: verdana, "trebuchet ms", trebuchet, arial,
                 helvetica, sans-serif;
    font-size:85%;
    color: #fff;
}

a,
a:visited {
     color: #fff;
  /* color: #009; */
}
a:hover {
     
    color: #ed1c24;
  /*  color: #f00; */

}

/* FONT SIZES
------------------------------------------------------------------------- */
.footer,
.bmc_caption,
.notes,
.sidebar,
p.bmw_tags,
div.bmw_breadcrumbs,
div.bmw_byline,
div.bmw_pagetools,
.bmc_comment_timestamp {
    font-size: 88%;
    line-height: 1.2em;
}

blockquote.bmc_bigPullquote {
    font-size: 140%;
}

/* headings */
h1 { font-size: 170%; }
h2 { font-size:150%; }
h3 { font-size: 130%; }
h1,h2,h3 {
    font-weight: normal;
}
h4, h5 { font-size: 100%; }
h1,h2,h3,h4,h5 {
/*  color: #303; */
    color: #fff;
    margin: 0em 0em .5em;
}
div.mainContent h1,
div.mainContent h2,
div.mainContent h3,
div.mainContent h4,
div.mainContent h5 {
    margin-top: 1.5em;
}

/* PAGE/COLUMN STRUCTURE
------------------------------------------------------------------------- */

.container {
 position: absolute;

      width: 800px;
/*    border:1px solid #336;
      background-color: #003;  */
    padding: 5px;
    margin: 0px 10px 10px 190px;
    overflow:hidden;

}

.pageFrame {

    padding: 30px 0px 10px 10px;
    width:800px; /* ie6 needs specific width to display background */
    overflow:hidden;
}

/* container for the three columns */
.canvas {
    clear:both;
    width:800px;
    overflow:hidden;
}

/* common for all columns */
.column {
    margin-right: 10px;
    overflow:hidden;
    padding-bottom: 5px;
    padding-top: 5px;
}

/* left-column nav, tips, etc */
.utility {
    float: left;
    width: 100px;
    overflow: visible; /*for dropdowns*/
}

/* center-column content */
.mainContent {
    float: left;
    width:670px;
    line-height: 1.4em;
overflow:hidden;
}

.opening {
float: left;
width:540px;
line-height: 1.6em;
overflow:hidden;
}

.amazon {
float: right;
width:100px;
overflow:hidden;
}

/* right-column sidebar */
.sidebar {
    width: 520px; /* 270 should work, but ie6 doesn't like it */
    padding-top: 5px;
    line-height:1.4em;
}

.footer {
    clear:both;
    padding-top:20px;
    padding-left:145px;
}




/* GLOSS EFFECTS
------------------------------------------------------------------------- */


/* .glossbox,
div.bmn_vnav { */
.glossbox {
    /* background: #fff url(bm.theme/glossbox-bg.png) no-repeat; */
    background: #000;
    background-position: right top;
   /* border: 1px solid #ddf; */
    margin-bottom:2em;
}
.glossbox { padding:4px; }

/* bottom of page */
/*.reflection {
    height: 60px;
    margin: 0px auto;
    width: 864px;
    background-image: url(bm.theme/bottom-reflect.png);
    background-repeat: no-repeat;
*/
}


/* SITE TITLE/LOGO
------------------------------------------------------------------------- */
h1.bmw_sitelogo {
    margin: 0;
    padding-bottom: 10px;
    float:left;
    width: 545px;
    padding-left: 5px;
    color:#000;
font-size:25%;
}
h1.bmw_sitelogo a {
    text-decoration: none;
    font-size:25%;
color:#000;
}
h1.bmw_sitelogo a:hover {
    text-decoration: none;
color:#000;
}

/* SEARCH
------------------------------------------------------------------------- */
form.bmw_search {
    float:right;
    width:230px;
    margin:0;
    padding-top: 15px;
 /*   padding-top: 0.1em; */
    padding-right:10px;
    text-align:left;
    font-size: 100%;
    line-height:150%;
}

form.bmw_search input {
    width:160px;
    border:1px solid #69c;
    background: #fff;
    font-size: 88%;
    padding: 2px;
    margin:0;
    vertical-align: bottom;
}

form.bmw_search button {
    font-size: 88%;
    border: 1px solid;
    border-color: #fff #333 #333 #fff;
/*    background: #704c70 repeat-x; */
    background: #ff3333 repeat-x;
    padding: 1px 3px;
    vertical-align: bottom;
    margin:0px 0px 2px 2px;
    text-align:center;
    color: #fff;
}

div.bmw_search_results form.bmw_search {
    float:none;
    width:auto;
}


/* MAIN NAVIGATION
   (Intended for use with Big Medium's dropdown menus)
------------------------------------------------------------------------- */
div.bmn_vnav {
    /* these styles in addition to gloss effects above */
    padding-top:1.2em;
}

/*background color/border of dropdown menus */
div.bmn_vnav li {
    background-color: transparent;
    border: none;
}
div.bmn_vnav li ul li {
   /* background: #ddf; */
   /* border-bottom: 1px solid #dee; */
}

/* rollover background color */
div.bmn_vnav li:hover, div.bmn_vnav li.bmn_hover {
   background-color: #333;
}

/* navigation links */
div.bmn_vnav li a {
    padding: .3em 4px;
    /* text-transform: uppercase; */
    
    text-decoration: none;
}

/* active/hover links */
div.bmn_vnav li a:hover,
div.bmn_vnav li.bmn_active a,
div.bmn_vnav li.bmn_active a:visited {
    /* text-decoration: underline; */
 /*   color:#000;  */
color: #ed1c24;
}

/* subnav links */
div.bmn_vnav li li a,
div.bmn_vnav li.bmn_active li a,
div.bmn_vnav li.bmn_active li a:visited {
    text-transform: none;
    text-decoration: none;
/* color: #ed1c24; */
 background-color: #333;
}
div.bmn_vnav li li:hover, div.bmn_vnav li li.bmn_hover {
   background-color: #333;
}

/* dropdown border
div.bmn_vnav ul ul {
    border-right: 1px solid #c9f;
    border-bottom: 1px solid #c9f;
}
 */

/* BREADCRUMB NAVIGATION
------------------------------------------------------------------------- */
.bmw_breadcrumbs {
    padding-left: 5px;
    padding-bottom: .3em;
    border-bottom:1px solid #ddf;
    margin-bottom:1.5em;
    color: #333;
    clear:both;

    /* ie6 needs this or the top margin goes nuts */
    float:left;
    width: 825px;
}


/* LEFT-COLUMN STYLES (below navigation)
------------------------------------------------------------------------- */
.notes {
    padding: 5px;
    width:120px;
    overflow:hidden;
}

div.bmw_tips {
    margin-bottom: 3em;
}


/* MAIN CONTENT STYLES
------------------------------------------------------------------------- */
h2.bmw_headline,
div.mainContent h2.bmw_headline {
    margin: 0em 0em 0.5em;
    line-height: 1.2em;
}

.sidebar h3 {
    line-height: 1.6em;
}

/* RELATED LINKS
------------------------------------------------------------------------- */
div.bmw_related ul,
div.bmw_related li,
div.bma_related ul,
div.bma_related li {
    margin: 0em 0em 0em 0.6em;
    padding: 0;
}


/* CONTENT PAGE: PULLQUOTES, DOCUMENTS, CODE BLOCKS, AUTHOR BLURBS
------------------------------------------------------------------------- */

/* misc boxes */
div.bmw_authorblurb,
div.bmc_download,
div.bmc_document,
pre {
    background: #fff;
    border:1px solid #ddf;
    padding: 1em;
}

pre {
    width: 94%;
    padding: 2%;
    overflow: auto;
    zoom:1;
}
pre,
div.bmw_authorblurb {
    margin: 1em auto;
}
div.bmw_authorblurb {
    background: #fff url(bm.theme/glossbox-bg.png) no-repeat;
    background-position: right top;
}

/* pullquotes */
blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote {
    width: 170px;
    background:#fff url(bm.theme/pquote-bg.gif) no-repeat;
    border-top:1px solid #ddf;
    border-bottom:1px solid #ddf;
    color:#704c70;
    padding:15px 10px 10px 60px;
    line-height: 1.3em;
}

/* document downloads */
div.bmc_aboveContent div.bmc_document,
div.bmc_belowContent div.bmc_document,
div.bmc_centerDocument,
div.bmc_download {
    text-align:center;
    margin: 0em auto 1em;
    width: auto;
}

/* byline */
div.bmw_byline {
    border-top: 1px #ccc dotted;
    border-bottom: 1px #ccc dotted;
    margin-bottom:1em;
}

/* container for email/print links */
div.bmw_pagetools {
    padding:3px;
    margin-bottom: 0.5em;
}
div.bmw_pagetools img {
    vertical-align: text-bottom;
}

/* document and image captions */
div.bmc_caption {
    color: #666;
    line-height: 1.3em;
}

/* IMAGES
------------------------------------------------------------------------- */

/* misc images */
div.bmc_image {
    padding:10px;
    border-top:1px solid #ddf;
    border-bottom: 1px solid #ddf;
    background: #fff url(bm.theme/glossbox-bg.png) no-repeat;
    background-position: right top;
}

div.bmc_centerContentImage {
    margin-bottom: 1em;
}


/* image gallery */
div.bmw_gallery div.bmc_image {
    padding: 3px;
    margin-bottom: 0.5em;
    border: 1px solid #ddf;
}
div.bmw_gallery h3 {
    margin-top: 0;
}


/* FORMS
------------------------------------------------------------------------- */
form.bmf_form {
    border: 1px solid #ddf;
    background-color: #fff;
    padding:.5em;
    font-size:100%;
}

input, button, textarea {
    color: #333;
    font-family: "trebuchet ms", trebuchet, verdana, arial,
                 helvetica, sans-serif;
    font-size: 100%;
}


/* COMMENTS
------------------------------------------------------------------------- */

/*light border for comments */
.bmc_comment {
    background-color: #fff;
    border:1px solid #ddf;
    padding:4px;
}

/* gloss header bar for each comment */
.bmc_comment_meta {
    background: #fff url(bm.theme/glossbox-bg.png) no-repeat right top;
    border:1px solid #ddf;
    padding: 2px 4px;
}
.bmc_comment_date,
.bmc_comment_time {
    border-right: 1px solid #333;
}

/* bolder header/border for staff comments */
.bmc_comment_staff {
    border-color: #303;
}
.bmc_comment_staff .bmc_comment_meta {
    background-image: none;
    border: none;
    background-color: #303;
    color: #fff;
}
.bmc_comment_staff .bmc_comment_meta a,
.bmc_comment_staff .bmc_comment_meta a:visited {
    color: #fff;
}
.bmc_comment_staff .bmc_comment_date,
.bmc_comment_staff .bmc_comment_time {
    border-right: 1px solid #fff;
}

/* NEWS FEED LIST
------------------------------------------------------------------------- */
div.bmw_sectionfeeds {
    margin-top: 1.5em;
}

div.bmw_sectionfeeds ul,
div.bmw_sectionfeeds ul li {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    list-style: none;
}

div.bmw_newsgadget {
    margin: .8em 0em;
}


/* FOOTER
------------------------------------------------------------------------- */

a.bmw_bigmedium {
    margin: 10px 0px;
}

.bmw_footer a ,
.bmw_footer a:hover {
text-decoration: none;
}