/* CSS Document */
/************************************** page header ***********************************************/
#page_header{ clear:both; width:790px; height:50px; background:url(../images/header_whatson_landing.gif) no-repeat; }

/************************************** page body *************************************************/
#body_container{ clear:both; width:790px; height:auto; background:#fff; color:#000; }

/************************************** left column ***********************************************/
#left_col{ float:left; width:158px; height:auto; padding-top: 0px;}
div#top_left {background-color:#b08345; width:158px; height: 235px; } 

#left_col_boxes_2{ clear:both; float:left; display:inline; margin:0px 0 25px 0px; width:143px; height:auto;
background: url(../images/1px_dot_vert.gif) right repeat-y;  }

/************************************** main content **********************************************/
/*
overall width 632
*/

#main_content { float:left; margin:0 0 15px 0; width:632px; background:url(../images/1px_dot_vert.gif) left repeat-y; min-height:700px; }



/************************************** feature container ******************************************/
div.feature_container{ width:632px; height:235px; color:#000; background:#BC9B69; border-bottom:1px solid #D7C3A5; }

/************************************** feature=************************************************/

#feature_left {width: 300px; float: left;}
#feature_right {width: 325px; float: right; padding-top: 10px;}

img.pic_whatson_feature { display: block; margin: 0; border: 3px solid #FFF;}

.whatson_feature_shadow {
float:left; margin: 17px 0 0 17px; display:inline;
background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
background: url(../images/shadow.gif) no-repeat bottom right; }

p.white_text {margin: 10px 0px 10px 0px; color: #fff; font-weight:bold; }
p.event_text {margin: 10px 15px 10px 0px;}

img.btn_more_brown {margin: 5px 0 0 0px; border: 0;}



/************************************** event details=************************************************/

#eventdetails { margin: 15px; padding: 0px; } 
#eventdetails h1 {color: #ff0000; margin: 5px 0; font-size: 12px; font-weight:normal;}
#eventdetails h2.red {color: #ff0000; margin: 35px 0 0 0; font-size: 12px; font-weight:normal; line-height:125%;}

#eventdetails p{color: #000; margin-top: 10px; line-height: 125%;}


p.body_text {color: #000; margin-top: 10px; line-height: 125%;}


img.header_sp_presents_brown {margin: 17px 0 0 0px;}
img.header_events {margin: 5px 0 5px 0px;}


img.sp_presents {margin-bottom: 5px;}
img.eventdetailsphoto {margin-right: 15px; }





/* PAGINATION -- referenced in whatson_archive.php
****************************************************************************************************************/
#whatson_archive_pagination { float: right; text-align: right; margin: 10px 10px; width:632px; }
a.navInactive { text-decoration:none; color:#D0D0D0; cursor:default; }
a.navActive { text-decoration:none; color:#333333; }
a.hover.navActive { text-decoration:underline; }
a.pageActive { text-decoration:none; color:#FF0000; font-weight:bold; }
a.hover.pageActive { text-decoration:underline; }
a.pageInactive { text-decoration:none; color:#333333; }
a.hover.pageInactive { text-decoration:underline; }

/* ARCHIVE LISTINGS -- referenced in whatson_archive.php
****************************************************************************************************************/


.whatson_archive_month {margin: 0px 0 0 15px; padding-bottom: 15px; background: url(http://www.cshof.ca/images/1px_dot_horz.gif) repeat-x bottom;}

.whatson_archive_section { margin: 10px 0px 15px 0px; }

p.title {font-weight: bold; font-size: 11px; color: #ff0000;}
p.title a{font-weight:bold; color: #ff0000; text-decoration: none;}
p.title a:hover {font-weight:bold; color: #541212; text-decoration: underline;}


p.copy {font-weight:normal; font-size:11px; color: #000; margin: 0 10px 5px 0; line-height:125%;}
p.copy a{font-weight:normal; font-size:11px; color: #ff0000; text-decoration: none;}
p.copy a:hover {font-weight:normal; font-size:11px; color: #541212; text-decoration: underline;}

img.whatson_archive_photo {margin: 0 15px; border: 1px solid #000;}

#main_content h1.pr_date {text-transform: uppercase; margin: 15px; font-size: 14px; color: #541212;}



#main_content h1.whatson_archive_date {text-transform: uppercase; margin: 15px; font-size: 14px; color: #541212;}
#main_content h2.whatson_archive_date, #main_content h2.whatson_archive_title {font-weight: normal; margin: 5px; font-size: 14px; color: #ff0000;}



p.body_copy_pr{ padding:5px 20px 0 15px; line-height:1.3em; }
img.btn_more_whatson_archive{display: inline; border:0; }