/* Purpose: My Account, Style Sheet Site: www. Author: Mark Rowlands, (c) Fusion Advertising & Design Ltd 2008 Version: 0.01 (4th October 2008) */ .news h1.categoryTitle { text-transform:uppercase; padding:3px 0px 15px 0px; margin:0px; font-size:1.4em; color:#666; clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; } .news h2 { color:#666666; font-size:1.45em; font-weight:normal; line-height:1.25em; margin:4px 0px 8px 0px;} .news h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#4a4a4a; font-size:1.6em; } .news h4 { font-family:Georgia, "Times New Roman", Times, serif; color:#4a4a4a; font-size:1.4em; font-weight:normal; } .news p { font-family:Verdana, Geneva, sans-serif; font-size:1.1em; line-height:1.5em; margin-bottom:15px; } .news a.more { background-color:#0098DB; color:#FFF; display:block; float:left; padding:3px 5px 3px 5px; background-image:none;} .news a.more span { font-size:1.4em; } .news a.moreArchive { background-color:#0098DB; color:#FFF; padding:3px 5px 3px 5px; background-image:none;} /* Main feature arctile - styling for the large news include ---------------------------------------------------------------------------------------*/ .news .mainFeaturePhotoContainer { margin:0px 15px 0px 0px; float:left; width:290px; } .news .mainFeatureHeadlineContainer { width:280px; float:left;} .news .mainFeatureHeadlineContainer p { font-size:1.1em;} .news .mainFeatureHeadlineContainer h2 { font-size:3em; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; margin:0px; font-weight:normal; line-height:1.2em; padding:0px 0px 10px 0px; } .news .mainFeatureHeadlineContainer h2 a { color:#4a4a4a; } .news .mainFeatureHeadlineContainer h1 { font-size:3em; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; margin:0px; font-weight:normal; line-height:1.2em; padding:0px 0px 10px 0px; } .news .mainFeatureHeadlineContainer h1 a { color:#4a4a4a; } /* news options - used to style the other news stories under main news item ---------------------------------------------------------------------------------------*/ .news .featureArticle { float:left; margin:15px 0px 10px 0px; padding:0px;} .news .featureArticle li { float:left; background-image:none; width:292px; border-top:1px dashed #cccccc; height:108px; padding:0px 0px 10px 0px;} .news .featureArticle li.even { padding:0px 0px 10px 12px; width:280px;} .news .featureArticle li a.surround { display:block; float:left; border:1px solid #cccccc; padding:0px 0px 0px 0px; margin:7px 10px 15px 0px; } .news .featureArticle li a.surround:hover { border:1px solid #00adef;} .news .featureArticle li img { float:left; width:93px; height:93px; margin:0px; padding:3px; } .news .featureArticle li h3 { font-size:1.2em; margin:0px; padding:10px 0px 0px 0px; font-family:Georgia, "Times New Roman", Times, serif; } .news .featureArticle li p { padding:3px 0px 0px 0px; font-size:1em; margin:0px; line-height:1.3em; font-family:Arial, Helvetica, sans-serif;} /* archive - used on the archive news section ------------------------------------------------------------------------------------*/ .news #archive { float:left; width:585px;} .news #archive li { float:left; padding:0px 0px 9px 0px; margin:0px; border-bottom:1px solid #7c8698; width:585px; margin:0px 0px 15px 0px; } .news #archive li h2 { font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; color:#148cba; margin:0px 0px 5px 0px;} .news #archive li p.title { float:left; margin:0px; padding:0px 0px 7px 0px; font-size:1em; display:block;} .news #archive li p.archiveText { float:left; padding:0px 0px 7px 0px; margin:0px; display:block; width:370px; font-size:1.1em; line-height:1.3em; float:left; font-family:Arial, Helvetica, sans-serif;} .news #archive li a.link{ background-image:url(/resources/images/bg_bullet_point.gif); background-repeat:no-repeat; background-position:0px 2px; padding:0px 0px 0px 10px;} .news #archive li a.link:hover { background-position:0px 2px;} .news #archive a.border { border:1px solid #cccccc; padding:3px; display:block; width:185px;} .news #archive a.border:hover { border:1px solid #0098DB;} /*.news #archive li a { background-image:none; padding:0px; margin:0px;} .news #archive li a:hover { background-image:none;} .news #archive li a.more { float:left; display:block; padding:3px 6px 3px 10px; background-image:url(/resources/images/bg_bullet_point.gif); background-position:0px 4px; background-repeat:no-repeat; margin:0px;} .news #archive li a.more:hover { float:left; display:block; padding:3px 6px 3px 10px; background-image:url(/resources/images/bg_bullet_point.gif); background-position:0px 4px; background-repeat:no-repeat; } */ .news .archiveLink { float:left; margin:0px 5px 15px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;} /* archive navigation */ .news #newsNav { float:left; padding:10px 0px 10px 0px; width:585px;} .news #newsNav li { float:right; width:292px; text-align:right;} .news #newsNav li.back { text-align:left;} .news #newsNav li a.next { float:right; display:block; padding:3px 15px 3px 6px; width:22px; height:15px; background-color:#0098DB; color:#FFFFFF; background-image:url(/resources/images/blue_arrow_next.gif); background-position:31px 7px; background-repeat:no-repeat; } .news #newsNav li a.back { display:block; padding:3px 7px 3px 15px; width:40px; height:15px; background-color:#0098DB; color:#FFFFFF; background-image:url(/resources/images/blue_arrow_back.gif); background-position:4px 7px; background-repeat:no-repeat;} /* override tags for the archive page list*/ #content .spanTwoArchive { width:385px; padding:0px; margin:0px;} #content .newsList { padding:0px;} /* Overrides from global and main archive tags ------------------------------------------------------------------------------*/ .news #archive .relatedTags { width:585px; margin:10px 0px 0px 0px;} .news #archive .relatedTags li { border:none; padding:0px 5px 0px 0px; width:auto; font-size:1em; margin:0px;} .news #archive .categories { width:585px; margin:0px 0px 0px 0px;} .news #archive .categories li { border:none; padding:0px 5px 0px 0px; font-size:1em; float:left; width:auto; margin:0px;} /* overides for the tags and filed in -----------------------------------------------------------------------------*/ .news ul.relatedTags li { font-size:1.1em; } .news ul.relatedTags li span { font-size:0.8em; } .news ul.categories li { font-size:1.1em; } .news ul.categories li span { font-size:0.8em; } /* additional photos - styling for the additionl photos on the main news article page -------------------------------------------------------------------------------------*/ .news #additionalPhotos { float:left; width:385px; margin:5px 0px 0px 0px;} .news #additionalPhotos li { float:left; width:71px; padding:0px 7px 8px 0px; margin:0px;} .news #additionalPhotos li a { display:block; border:1px solid #cccccc; margin:0px; padding:3px;} .news #additionalPhotos li a:hover { border:1px solid #0098DB; text-decoration:none;} .news #additionalPhotos li.none { padding:0px 0px 5px 0px; margin:0px;} /* photo - styling for the main article photos and caption text -----------------------------------------------------------------------------------*/ .news .photoContainer { float:left; padding:0px 0px 0px 0px; width:auto; margin:0px 0px 10px 0px; } .news .photo { width:auto; background-color:#cccccc;} .news .photo .newsContainer { height:37px; clear:both; width:auto; } .news .photo .newsContainer .photos { float:right; padding:10px 10px 0px 18px; background-image:url(/resources/images/ico_camera.gif); background-repeat:no-repeat; background-position:0 11px;} .news .photo .newsContainer .caption { float:left; padding:10px 0px 0px 10px; color:#666666;} /*bottom News */ .news .bottomNews li.news { padding:0px 0px 5px 10px; background-image:url(../images/bg_bullet_point.gif); background-position:0 0; background-repeat:no-repeat;} /*############################## poss deprechated styles #######################################*/ /* used on top 10 article page and defunked catergory [ needs to be restyled ]*/ .news #navigate a.next { background-image:url(/resources/images/next_circle.gif); display:block; height:19px; width:19px;} .news #navigate a.next:hover { background-position:0 -19px;} .news #navigate a.back { background-image:url(/resources/images/back_circle.gif); background-position:0 0; height:19px; width:19px; display:block;} .news #navigate a.back:hover { background-position:0 -19px;} .news #navigate .pageNumber { color:#333333; float:right; line-height:1.55em; text-align:right; padding:0px 4px 0px 4px; font-size:1.2em;} /* bottom news - used to style additional storied at the bottom of the page ------------------------------------------------------------------------------------- .news #bottomNews { float:left; padding:15px 0px 0px 0px;} .news #bottomNews h3 {} .news #bottomNews ul { float:left; width:585px;} .news #bottomNews ul li { clear:both; width:585px; } .news #bottomNews ul li a { float:left; display:block; background-image:url(/resources/images/bg_bullet_point.gif); background-position:0 7px; background-repeat:no-repeat; padding:5px 0px 0px 10px;} .news #bottomNews ul li .date { display:block; float:right; color:#676767;}*/