/* Start of CMSMS style sheet 'VPSN Layout' */
body {
font-size:62.5%; /* for IE/Win */
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
line-height:1.8em;
} 

html>body {
font-size:10px
} /* for everything else */

div.bulletmenu {
font-size:1.3em;
}

div#content {
font-size:1.3em;
}

div#content h1 {
font-size:2em;
}

div#content h2 {
font-size:1.6em;
}

div#content h3 {
font-size:1.4em;
}

input, select, th, td {
font-size: 1em;
}

li {
font-size: 1em;
}

li li, 
li p, 
td p, 
blockquote p {
font-size:1em;
}



body {
background: white url(uploads/images/vpsn-bg.png) top left repeat-x;
text-align:center;
margin:0;
}

div#wrapper {
margin:0 auto;
padding:0 1.7em;
text-align:left;
/*
max-width:600px;
min-width:600px;
*/
width:650px;
border-right:0px solid #999;
border-left:0px solid #999;
border-top:0px solid #fff;
}

div#header h1 {
margin:0;
}

div#header h1 a {
margin:0;
border-style:none;
display: block;
text-indent:-400em;
position:relative; 
top:25px;
height:100px;
width:156px;
background: url(images/vpsn-logo-lg.gif) top left no-repeat;
}

div#header {
height:150px;
border:0px solid pink;
}

div#breadcrumbs {
margin-top:1em;
font-size:85%;
}
div#breadcrumbs a {
color:#666;
text-decoration:none;
}
div#breadcrumbs a:hover {
text-decoration:underline;
}
div#breadcrumbs strong {
font-weight:normal;
}

div#feature {
height:185px;
border:0px solid silver;
}

div#feature ul {
margin:0;
padding:0;
display:inline;
}

div#feature ul li {
display:block;
width:30%;
margin:1em 0;
font-weight:bold;
font-size:1.25em;
line-height:1.3;
}

div#feature ul li.firstitem {
float:left;
color:#963;
}

div#feature ul li.seconditem {
float:left;
color:#269;
margin-left:5%;
}

div#feature ul li.thirditem {
float:right;
color:#392;
}



div#content h1 {
color:#a60010;
font-family:'gill sans', 'trebuchet ms', verdana, sans-serif;
text-transform:uppercase;
letter-spacing:4px;
margin:1em 0 1em 0;
line-height:1.1em;
}

div#content h2 {
font-family:'gill sans', 'trebuchet ms', verdana, sans-serif;
font-weight:bold;
letter-spacing:1px;
color:#128310;
margin:1em 0 .7em 0;
}

div#content h3 {
font-family:'gill sans', 'trebuchet ms', verdana, sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#444;
margin:2em 0 0 0;
}

div#callout {
width:40%;
float:right;
border:2px solid silver;
margin:0 0 0 1em;
padding:1em;
font-size: .95em;
background-color:#cfc;
line-height:1.5;
}

div#callout h1 {
margin:0;
padding:0;
font-size:1.9em;
letter-spacing:1px;
font-weight:normal;
color:#963;
}

div#callout h2 {
margin:0;
color:#933;
letter-spacing:0;
}

div#callout ul {
padding:0 1.3em;
}
div#callout ul li {
padding-bottom:.4em;
}

div#content img.head-img {
border:8px solid silver;
float:right;
margin:0 0 1em 4em;
}

/* CLEARING */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}

div.content-img img {
border: 5px solid silver;
margin:1em 0;
}

div#content img.right-side {
float:right;
border:7px solid silver;
margin:1.3em 0 1em 1.3em;
}

div#feature {
padding-top:10px;
}

div#feature ul {
margin-left: 0;
padding-left: 0;
display: inline;
} 

div#feature ul li {
margin-left: 0;
margin-bottom: 0;
padding: 0;
list-style: none;
display: inline;
float: left;
width: 210px;
text-align: center;
}
	
div#feature ul li h2 {
font-size: 80%;
margin:0;
padding:0;
font-weight:normal;
letter-spacing:0px;
}

div#feature ul li img {
border: 6px solid #ccc;
}

div#feature ul li h2 a {
color:#333;
text-decoration:none;
border-bottom:1px dotted #0c0;
}

div#feature ul li h2 a:hover {
color:#000;
border-bottom:1px solid #0c0;
}

div#feature ul li a:hover img {
border:6px solid #aaa;
}

div#footer {
font-size:90%;
padding:3em 0 2em 0;
text-align:center;
}

/* News items */

div.NewsSummary {
margin:2em 0;
}

div.NewsSummary .NewsSummaryLink {
font-size: 160%;
line-height:1.3;
font-weight: bold;
}

div.NewsSummary .NewsSummaryLink a {
text-decoration: none;
color: #963;
border-bottom: 1px dotted #63c;
}

div.NewsSummary .NewsSummaryLink a:hover {
color: #333;
border-bottom: 1px solid #933;
}

div.NewsSummary .NewsSummaryPostDate {
text-align: center;
width: 5em;
padding: .5em 0;
background: #ddd;
border: 4px solid #ccc;
margin-right: 1.5em;
margin-bottom:5em;
float:  left;
font-size: 90%;
font-weight: bold;
color: #a60010;
}

div.NewsSummary .NewsSummaryPostDate .MonthDay {
font-size: 120%;
}

div.NewsSummary .NewsSummaryPostDate .Time {
font-size: 90%;
font-weight: normal;
letter-spacing: 2px;
}

div.NewsSummary .NewsSummaryCategory {
padding-top: .5em;
}

div.NewsSummary .NewsSummaryCategory,
div.NewsSummary .NewsSummaryAuthor {
font-size: 85%;
}

div.NewsSummary .NewsSummaryAuthor {
margin-bottom:1em;
}

div.NewsSummary .NewsSummaryAuthor {
	
}

div.NewsSummary .NewsItemLabel {
font-size: 90%;
letter-spacing: 1px;
color: #128310;
}

div.NewsSummary .NewsSummarySummary,
div.NewsSummary .NewsSummaryMoreLink,
div.NewsSummary .NewsSummaryContent {
padding-left: 6.5em;	
}

div.NewsSummary .NewsSummaryMoreLink {
	
}

/* End of 'VPSN Layout' */

/* Start of CMSMS style sheet 'VPSN Top Menu' */
/* CSS Rules for the top menu of vancouverpublicspace.ca */

div.bulletmenu {
position:relative;
top:8px;
left:190px;
width:460px;
padding:0;
margin:0;
}

div.bulletmenu ul {
margin: 0;
padding: 0;
display: inline;
}

div.bulletmenu ul li {
list-style: none; 
margin: 0; 
padding: 0 0 0 1.5em; 
display: inline;
}

div.bulletmenu li a:link, 
.bulletmenu li a:visited {
text-decoration:none;
color:#666;
font-size:1.3em;
padding:3px 0;
text-transform:uppercase;
letter-spacing:2px;
}

div.bulletmenu li a:hover {
color:#222;
border-bottom:3px solid #a60010;
}

div.bullet-subnav {
float:right;
border: 4px solid silver;
width: 186px;
/* height: 125px; */
padding: 0.3em;
background:#eee;
}

div.bullet-subnav div.bulletmenu {
position:relative;
top:0;
left:0;
width:auto;
padding:0;
margin:0;
}


div.bullet-subnav div.bulletmenu ul {
margin: 0;
padding: 0;
display: block;
}

div.bullet-subnav div.bulletmenu ul li {
list-style: none; 
margin: 0; 
padding: .2em 0; 
display: block;
}

div.bullet-subnav div.bulletmenu li a:link, 
div.bullet-subnav div.bulletmenu li a:visited {
text-decoration:none;
color:#000;
font-size:.9em;
padding:3px 0;
text-transform:none;
letter-spacing:0px;
}

div.bullet-subnav div.bulletmenu li a:hover {
color:#222;
background:#ddd;
border:none;
}

div.bullet-subnav h3 {
margin:0 ! important;
color:#484 ! important;
font-weight: normal ! important;
letter-spacing:1px ! important;
font-size:1em  ! important;
}

/* End of 'VPSN Top Menu' */

/* Start of CMSMS style sheet 'Calendar' */
/* make all links red */
.calendar tr td a
{
color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
font-weight: bold;
}

/* display the "upcominglist" or "pastlist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
display: inline;
margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
color: red;
font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
margin: 0px;
border-collapse:    collapse;
border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
border: 1px solid black;
padding: 3px;
width: 75px;
}

#big td {
border: 1px solid black;
vertical-align: top;
padding: 3px;
height: 75px;
width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
margin: 0px;
padding: 0px;
padding-left: 5px;
}

#big li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* background colours for #big */
#big td
{
background-color: silver;
}

#big .calendar-day
{
background-color: #80ff80;
}

#big .calendar-today
{
font-weight: normal;
background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
display: none;
}

.calendar-event {
border-bottom:1px dotted #ccc;
padding:1em 0;
margin-bottom:
}

#content .calendar-event h1,
#content .calendar-event h2 {
font-weight:normal;
color: #963;
letter-spacing:0px;
text-transform:none;
margin:.1em 0 .6em 0;
}

.calendar-date-from {
font-size:110%;
font-weight:bold;
color:#a60010;
}

.calendar-morelink,
.calendar-returnlink {
margin:1em 0 1.5em 0;
}

.calendar-morelink a,
.calendar-returnlink a {
font-size:110%;
color:#00f;
padding:.5em;
font-weight:bold;
text-decoration:none;
background:#ddd;
}

.calendar-morelink a:hover,
.calendar-returnlink a:hover {
background:#666;
color:#9f9;
text-decoration:underline;
}

.calendar-prev a,
.calendar-next a {
text-decoration:none;
font-size:110%;
font-weight:bold;
color:#00f;
}

.calendar-prev a:hover,
.calendar-next a:hover {
text-decoration:underline;
}

#content .calendar-event h3 {
font-size:80%;
}
/* End of 'Calendar' */