@import url('default.css');
/* Global Page Styles */

html, body { margin:0; padding:0; height:100%; /* needed for min-height */ }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; height:100%; background: #f5f5f5 url(../assets/bg-global.jpg) no-repeat fixed center top; }
#header { background-color: #FDB93D; width: 100%; height: 90px; margin: 0px; padding: 0px; }
#wordmark { float: left; }
#header ul { margin: 0px; padding:25px; float: right; }
#header li { list-style-type:none; float: left; padding-right: 4px; }
#header li img { border: none; }
#main { background-color: #fff; margin: 0px; padding: 0px; }
#footer { background-color: #f5f5f5; border-top: 1px solid #ddd; clear: both; font-size: 60%; padding: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; }
#left-banner { width: 200px; float: left; background-image: url(/assets/banners/street/rotator.php); background-repeat: no-repeat; background-position: left top; height:auto !important; /* real browsers */ height:100%; /* IE6: treated as min-height*/ min-height:435px; margin: 0px; padding-top: 435px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#quotes { padding: 12px; font: 80%/1.5em "Segoe UI", Arial, sans-serif; color: #0093D0; }
#twitter ul	{ padding: 0px; margin: 0px; list-style: inside; }
#twitter li	{ margin: 0px; padding: 0px; list-style-type: none;}        

#left-banner #ads { margin-left: 40px; margin-top: 40px; }
#right-banner, #article { width: 682px; padding: 6px; border: 1px solid #eee; float: right; margin-top: 6px; margin-right: 6px; margin-bottom: 0px; margin-left: 6px; }
#right-banner { height: 274px; background-repeat: no-repeat; background-position: left top; background-image: url(/assets/banners/main/rotator.php); }
#left-column-article { width: 624px; float: left; margin: 0px; padding: 0px; }
#left-banner .feature { top: 500px; position: relative; font-size: 60%; }
#left-column, #right-column { background-color: #fff; margin: 0px; padding: 0px; }
#left-column { width: 424px; float: left; }
#right-column { width: 284px; float: right; }

/* Search Bar Styles */

#searchbar { height: 150px; background-color: #F78F1E; padding: 20px; background-image: url(/assets/backgrounds/search_box_bubbles.png); background-repeat: no-repeat; background-position: center bottom; }
#searchbar h1 { font-size: 120%; color: #FFFFFF; }
#searchbar p { text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #FFFFFF; font-weight: normal; padding-top: 0px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; margin: 0px; }
#searchbar input { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 120%; margin: 0px; padding: 0px; }
#searchbar input.submit { font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 95%; background-color: #fff; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; border: 1px solid #FDB93D; }

/* Issues Styles for Marpole Gateway, Cambie Corridor and Marpole Safeway */

.issues { height: 300px; padding: 0px; color: #000; }
.safeway { background: url(../safeway/assets/bg.png) no-repeat bottom; }
.eburne { background: url(/assets/photos/bg_eburne_lands_gateway.png) no-repeat bottom; }
.cambie { background: url(../cambie/assets/photo.jpg) no-repeat bottom; }
.issues h1 { font-size: 120%; margin: 0px; color: #F78F1E; padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; }
.issues h2 { font-size: 90%; font-weight: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; color: #666; padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; }
.issues .headline { background-color: white; }

/* Class Styles */

.headline, .feature, #searchlisting li { padding: 6px; margin: 6px; border: 1px solid #eee; }
#left-column .headline:hover, #searchlisting li { border: 1px solid #ccc; }
#right-column .headline:hover { }
/*.feature {
	background-image: url(../assets/backgrounds/h4-bg.jpg);
	background-repeat: repeat-x;
}*/

.feature:hover { background-color: #fff; border: 1px solid #ccc; }
#box { height: 150px; width: 400px; background-image: url(/assets/bg_feature_gradient.png); }
#box .headline { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#box .headline:hover { background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.column-heading, .breadcrumb { margin: 6px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; color: #0055A5; }
.headline h1, .headline h2, .headline h3, .headline h4, .headline h5, .headline h6 { margin: 0px; padding: 0px; line-height: 1.5em; }
.headline h1, .column-heading h1 { color: #333; font: 115%/1 Arial, Helvetica, sans-serif; }
.column-heading h1 { margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; letter-spacing: -0.06em; }
#right-column .column-heading h1 { font-family: Arial, Helvetica, sans-serif; font-size: 90%; }
#left-column .headline h2, #left-column .column-heading h2 { color: #666; letter-spacing: -0.06em; font: 700 normal 0.85em "Segoe UI", Tahoma, Arial, Helvetica, sans-serif; }
#left-column .headline h3 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; }
#right-column .headline h3 { font-family: Arial, Helvetica, sans-serif; font-size: 60%; letter-spacing: -0.02em; }
#left-column .headline p, #searchlisting li { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 70%; line-height: 1.5em; margin: 0px; padding: 0px; }
#right-column .headline_twitter p { font-size: 100%; }
#right-column .headline p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%; line-height: 1.5em; margin: 0px; padding: 0px; }
#right-column .headline li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; line-height: 1.5em; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: -40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; }
.headline .category { text-align: right; color: #ccc; text-transform: uppercase; }
/* Article Styles */

#article { background-image: url(/assets/bg_feature_gradient.png); background-repeat: repeat-x; }
#article h1, #article h2, #article h3, #article p, #article li { font-family: Verdana, Geneva, sans-serif; color: #333333; }
#article h1 { font-size: 105%; color: #0055A5; }
#article h2 { font-size: 90%; color: #333; font-family: Arial, Helvetica, sans-serif; }
#article h3 { font-size: 80%; }
#article h4 { font-size: 90%; }
#article h5 { font-size: 80%; }
#article h6 { font-size: 70%; }
#article p, #article li { font-size: 70%; line-height: 1.5; list-style-type: square; }
#article td p {font-size: 90%;}
#article th, #article td { padding-bottom: 8px; }
#article th { font-size: 70%; font-weight: normal; text-align: left; text-transform: uppercase; }
#article td { font-size: 65%; color: #666; font-family: Verdana, Geneva, sans-serif; }
#article img { display: block; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#article hr { width: 50%; height: 1px; border-top-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #ddd; text-align: center; margin-top: 12px; margin-bottom: 20px; background-color: #0C3; }
#article #box img { margin-right: 0px; }
#article #box { height: 145px; width: 388px; background-color: transparent; margin: 0px; padding: 0px; }
.left { display: block; padding: 0px; float: left; margin-top: 0px; margin-right: 12px; margin-bottom: 0px; margin-left: 0px; }
.right { display: block; padding: 0px; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
#article .fineprint { font-size: 70%; color: #999; }
.breadcrumb { font-size: 80%; }
#gallery ul { list-style-type: none; margin: 0px; padding: 0px; }
#gallery li { list-style-type: none; margin-bottom: 8px; padding: 0px; margin-right: 8px; height: 244px; width: 325px; }

/* Link Styles */

a:link, a:active, a:visited { text-decoration: none; color: #0093D0; }
a:hover { text-decoration: underline; color: #0055A5; }
#footer #side { float: right; margin-left: 20px; }
#thumbs .smallthumbbox { float: left; margin-right: 3px; }
.clear, .headline { clear: both; }
.fl { float: left; }
.pushdown { margin-top: 20px; }
.small { font-size: 80%; background: #CCC; padding: 0px; margin: 0px; line-height: 1; }