/*
    City of Vancouver Print Stylesheet
    Latest update 20140709 (after 20130121)
*/
@charset "utf-8";
@page {margin: 1.2em 2em;}
body { background: none !important;}
/* font size may not apply due to responsive.css */
body { font-size: 62.5%; /*9.5pt*/ line-height: 1.3; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
/* standardize font size between browsers */
/* IE */
body { font-size: 66%\9; }
html body { padding-top: 0; }

/* Chrome, Safari, Opera */
@media print and (-webkit-min-device-pixel-ratio:0) {
    @page { margin-right: .5cm; }
    body { font-size: 66%; }
}
#doc {border: none;border-width: 0 0 0 0;}
#slider, #header, #menuHolder, .crumbNav, #leftRail, #neighbourhoodMap, #footer, #addThisDiv, .ieShadow {  display: none;}
#doc, #doc2 { margin: 0 0 0 0; padding:0 0 0 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
 }
#doc, #doc2 { text-align: left; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;margin-left:0;}
#contentContainer { padding: 1em 0 0 0; position: relative;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
#content {width: 38em; padding: 0; margin: 0 0;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;overflow:hidden;}
.modContainer { padding:0 0; width: 38.5em; /*36.5em;*/ }
html body #mobile-header { display: none; }
#rightRail { position: absolute; right: 0; top: 1em; width: 12.5em; padding: 1em 0; background: #fff; }
.lastModified { float: left; width: 95%;text-align: left;font-size: .9em; height: 12pt;margin:.5em 0; padding: .5em 0;margin-right: 0;}
#content #landingBanner { padding: 0 0 0 0; max-width: 100%;margin-bottom: 6pt; }
#feature, #featurevid { display: block; margin: 0 0 1em .8em; padding: 0; width: 18em; }
#content .imgallpadding{ margin-top: 1em; margin-bottom: 1em; clear: none; /* clear: both;*/}
#content p { margin-top: 4pt; margin-bottom: 6pt; }
#content ul { width: 90%; }
h1,h2,h3,h4,h5,h6,h7, .modHeader, table th {   
    font-weight: normal;
    color: #524641;
}
h1 {font-size: 1.7em; /*18pt;*/} 
h2 {font-size: 1.5em ;/*12pt;*/} 
h3 {font-size: 1.3em /*10pt;*/} /* changed from 1.1em */
h4,h5,h6,h7 {font-size: 1em; /*9.5pt;*/ font-weight: bold; }
#contentContainer p, #contentContainer li { font-size: 1em;line-height: 1.3;  }
.basicBox h1, .basicBox h2, .basicBox h3, .basicBox h4, .basicBox h5, .basicBox h6 { margin-left: 4pt; margin-right: 4pt;}

#rightRail .basicBox {margin-bottom: 8pt; margin-right: 0; }
#rightRail .basicBox p { margin: 3pt 0 0; line-height: 1.2 /*12pt*/;}
#rightRail a.lnkArrowRight {color: #5d79a1;margin: 6pt;text-align: left;padding-right: 14pt;}
a.lnkArrowRight { color: #5d79a1; margin: 6pt; text-align: left;padding-right: 10pt;}
.modContainer .largeIconFeature { width: 47%; height: auto; float: left;}
.modContainer .largeIconFeature .icon { width: 100%; }
.modContainer .largeIconFeature h2.modHeader { font-size: 1.1em /*11pt*/;}
.modContainer .largeIconFeature h3 {
    margin-bottom: 0; font-size: 1em; /*9.5pt*/
    padding: 2pt 4pt;
}
.modContainer h2.modHeader {background: #d3ddd6; color: #524641; border-color: #93958b;}
.modContainer .unstyledTextBlock { width: 98%;clear: both; }
.modContainer .simpleList,
.modContainer .imageList,
.modContainer .smallIconList,
.modContainer .mediumIconList,
.modContainer .basicBox,
.modContainer .googleMap,
.modContainer .youTube, .modContainer .googleEvents,.modContainer .googleInitiatives,
.modContainer .googleNews {width: 98%; clear: both;} 
.modContainer .imageList .listItem { margin: .5em 0 .5em 0; overflow: visible; clear: both; page-break-inside: avoid;}
/* .modContainer .imageList .listItem img { min-height: 82px; } */
.googleInitiatives .initiative { width: 50%; margin-bottom: 4pt; }
.googleInitiatives .item, .googleInitiatives .noitem { padding: 8pt 0;margin-bottom: 2pt;}
.item, .noItem { padding: 3pt 0;}
.modContainer h2.modHeader, .day h2 {padding: 2pt 4pt;margin: 0;border-bottom: 1px #93958b solid;}
.modContainer .smallList {width: 47%; }
.half-right { width: 47%; }
.results { width: 100%; clear:both;}
div.day { width: 32%; }
#contentContainer .modContainer .googleEvents .day h2 {font-size: .85em /*8pt*/; }
#contentContainer .modContainer .googleEvents .item, .noItem { padding: 3pt 0; font-size: .85em /*8pt*/; }
#contentContainer .modContainer .googleEvents .dayView .navigation,
#contentContainer .modContainer .googleEvents .datePicker a { float: left; }

#rightRail h2.modHeader {background: #deddd6; color: #524641;border-color: #93958b;}
#rightRail h3, #rightRail h4, #rightRail h5, #rightRail h6 { }
#rightRail .listItem {border-bottom: none;clear: none; overflow:visible;}
.listItem h3 {margin: 6pt 0 0 5pt; padding: 0;}
.smallIconList .listItem a {padding-left: 0; background-position: 0px 1px; background-repeat: no-repeat;display:block;}
.listItem p, .largeIconFeature p, .content .basicBox p,
.flickrphoto .caption,
.flickrphoto .morephotos,
#rightRail .basicBox p,
.youTube p {margin: 4pt 5pt 6pt; }
p a {word-wrap: break-word;}
a {color: #000;}
img { border: none; }
.mediumIconList .listItem a {
    display: block;
    min-height: auto;    
}
.mediumIconList .listItem {
    min-height: 0;
}
#contentContainer .modContainer .googleInitiatives .item, #contentContainer .modContainer .googleInitiatives .noitem { border: solid 1px transparent; padding: 4pt 0; margin-bottom: 4pt;}
.googleInitiatives .item { margin-bottom: 10pt; }
.googleInitiatives .item img { margin-right: 10pt; margin-bottom: 15pt; padding:0; }
.googleInitiatives .item .initiative { margin-left: 5pt; padding:0; border: solid 1px transparent;font-size: .8em /*8pt*/;}
.googleInitiatives .item .details { width: 15%; margin: 0; padding:0; font-size: .8em /*8pt*/; border: solid 1px transparent; }
 
/* tabbed modules */
.tabSection #btn_tab1, .tabSection #btn_tab2, .tabSection #btn_tab3, .tabSection #btn_tab4 {
    margin: 0; padding: 4pt 0;
    height: auto; width: auto;
    border: 1px #93958b solid;
    font-size: .95em /*9pt*/; 
}
.tabSection .nav ul li {height: auto; max-width: 23% !important; }
.tabSection #tab1, .tabSection #tab2, .tabSection #tab3, .tabSection #tab4 {
    padding: 0 6pt 6pt;
    border: 1px #93958b solid;
}
#doc2 .tabSection .nav li a {background-color: #f1f0eb; color: #93958b;  }
#doc2 .tabSection .nav li a.selected {background-color: #fff; color: #524641; font-weight: bold;}
#doc2 .tabSection .nav li a:after { content: ""; }
/* hide fluid surveys as they don't print anyway */
#doc2 .tabDetail iframe[src*=fluidsurveys] { display: none; }

.tabSection #tab1 h2, .tabSection #tab2 h2, .tabSection #tab3 h2, .tabSection #tab4 h2 { font-size: 1.5em /*11pt*/;}
.tabSection #tab1 h3, .tabSection #tab2 h3, .tabSection #tab3 h3, .tabSection #tab4 h3 { font-size: 1.3em /*10pt*/;}
.modContainer .tabSection .tabDetail { margin-top: 0; border: none; padding: 16px 8px; }
.tabDetail table th, .tabDetail table td { padding: 3pt 4pt; vertical-align: middle; }

table, table td, table th { font-size: .9em /*9pt*/;}
#content table th, .tabDetail table th, .modContainer table th, #rightRail table th  { font-size: .9em /*9pt*/; }
 
/*********************** home page ***************************/
#siteAlert {display: none;}
.home #rightRail { display: none; }
#homeContent .largeIconFeature { width: 31.25%; float: left; }
#homeContent .imageList {width: 39.5em;}
#homeContent .rounded-corners h3 { margin: 4pt 0; }
#homeContent .basicBox h3 {margin-left: 5pt; }
#homeContent .basicBox h3, #homeContent .basicBox h3 a { padding: 0; }
#homeContent .rounded-corners p {margin: 5pt;}
#homeContent h2.modHeader {background: #deddd6; color: #524641; border-color: #93958b;}

/** ask, tell, connect **/
#basicBox9898 { display: none; }