/*
///////////////////////////////////////////////////////
Project : Regional Paper Templates
File    : Base CSS File
Contents:
-------------------------------------------------------
1) Import Stylesheet
2) Generic
3) Core Layout
4) Header
4.1) Error
4.2) Register Panel
4.3) Login Panel
4.4) Message Panel
4.5) Submit Message
4.6) Navigational
4.7) Ticker
5) Body
5.1) Layout A
5.2) Layout B
5.3) Site Banner
6) Footer
7) Head Banner
8) --Individual Homepage Component (Layout A + B) --
8.1) News Headline A 
8.2) News Headline B
8.3) News Headline B 
8.4) Secondary News Headline
8.5) News Listing
8.6) Feature Content
8.7) Tabbed News Callouts
8.8) Weather Feeds
8.9) In-page Banners
8.10) Calendar Type A + B
8.11) Poll Widget
8.12) Category Detail A
8.13) Category Detail B
8.14) Minor News Headline
8.15) Supporting List
8.16) Filter Content List
8.17) Multimedia
8.18) Article Informaiton
8.19) Quotation
8.20) Article Comments
8.21) Content Stastics
9) Event
9.1) Event Listing
9.2) Event Detail
10) -- Width Defeiniton Used (Layout A + B) --
11) -- Other Component Used for Layout (Full Width) --
12) Web Form
12.1) Get in touch
12.2) Advanced Search
12.3) Event Search
12.4) Submit Event
12.5) Search Results
12.6) Base Pagination
12.7) Blogger
12.8) Message Board
12.9) Message Comments
12.10) Profile
12.11) Submit Story
13) Image Listing
14) Default Listing
15) No Results
16) Saved Search
17) Rating Stars
18) Blog
18.1) Blog Widget
18.2) Blog Entry
18.3) Blog User Actions
18.4) Blog Views
19) In Page Actions
20) Major News
21) Misc
22) Print Layout
23) Clear Fix
24) Map Publishing Queue Element
///////////////////////////////////////////////////////
*/
/* 
///////////////////////////////////////////////////////
1) Import Style Sheet
///////////////////////////////////////////////////////
*/
@import url("reset.css");
/* 
///////////////////////////////////////////////////////
2) Generic
///////////////////////////////////////////////////////
*/
html 
{
font-size:100%;
line-height:1.125em;
}
body 
{
font-size:0.875em;
}
optgroup
{
font-style:normal;
}
h1
{
margin-top:5px;
font-size:210%;
letter-spacing:-1px;
margin-bottom:14px;
font-weight:normal;
line-height: 1.1em;
}
h2
{
font-size:150%;
margin-top:14px;
margin-bottom:10px;
line-height: 1.2em;
}
h3
{
font-size:110%;
font-weight:bold;
margin-top:0.8em;
margin-bottom:0.8em;
}
h2.inpage 
{
border-top:1px solid;
font-weight:bold;
padding:4px 0 0;
font-size:110%;
line-height:1.5em;
}
h2.inpage a
{
text-decoration: none;
}
.see-all 
{
font-size: 0.8em;
float: right;
}
h2.inpage span 
{
float: right;
text-decoration: underline;
}
textarea
{
font-family:Arial, Helvetica, sans-serif;
}
.editorial p
{
margin:0.8em 0;
}
ul
{
margin-left:15px;
list-style:disc;
}
.header ul,
.footer ul,
form ul,
.layout-b div div ul,
.layout-a div div ul,
.editorial div ul,
ul.saved-searches,
.editorial ul.news-listing
{
margin-left:0;
list-style:none;
}
.layout-b div ul,
.layout-a div ul
{
margin-left:15px;
list-style:disc;
}
ol
{
list-style:decimal;
margin:0.8em 0 0.8em 18px;
}
/* 
///////////////////////////////////////////////////////
3) Core Layout
///////////////////////////////////////////////////////
*/
.structure 
{
text-align:center;
font-size:85%;
}
.header,
.body,
.footer,
.head-banners 
{
width:960px;
margin:auto;
margin-bottom:18px;
}
.header
{
margin-top:110px;
}
.head-banners 
{
position:absolute;
top:10px;
left:50%;
margin-left:-480px;
}
/* 
///////////////////////////////////////////////////////
4) Header
///////////////////////////////////////////////////////
*/
.header .feature-bar
{
border-top:1px solid;
border-bottom:1px solid;
padding:3px 0;
}
.header .feature-bar ul
{
float:right;
}
.header .feature-bar ul li
{
float:left;
padding:0 10px 0 10px;
}
.header .feature-bar ul li.log-in
{
padding-left:21px;
}
.header .feature-bar ul li.register
{
border-left:1px solid #ccc;
}
.header .feature-bar ul li.news-feeds
{
padding-right:0;
}
.header .feature-bar ul li.news-feeds a
{
text-decoration:none;
font-weight:bold;
background:url(/media/images/rss-icon.gif) top right no-repeat;
padding-right:32px;
}
.header form.site-search 
{
float:right;
margin:17px 0 5px;
}
.header form.site-search input
{
float:left;
margin:0;
}
.header form.site-search button
{
margin-left:5px;
}
.header form.site-search input.search-term
{
width:12.3em;
height:1.3em;
}
.header form.site-search p 
{
margin:0;
}
.header form.site-search .btn 
{
border:0;
padding:0 6px;
height:1.85em;
}
/****************************************************** 
4.1) Error
*/
div.errors
{
padding:10px;
margin-bottom:10px;
background:#FFECEC;
margin:-10px -10px 10px;
border-bottom:1px solid;
}
.web-form div.errors
{
margin:0;
}
.login .errors p,
.login .errors ul
{
text-align:left;
margin:auto;
width:360px;
clear:left;
display:block;
}
div.errors p
{
font-weight:bold;
margin:0;
}
div.errors li
{
margin:4px 0;
padding-left:20px;
}
input.error,
select.error,
div.error input,
div.error select,
div.error textarea
{
border:2px solid;
}
/****************************************************** 
4.2) Register Panel
*/
.register-form
{
width:940px;
border-bottom:1px solid;
padding:10px;
text-align:center;
}
.register-form h2
{
line-height:1.2em;
margin-top:0;
margin-bottom:14px;
letter-spacing:-1px;
padding-bottom:7px;
border-bottom:1px solid;
}
.register-form input
{
width:13em;
}
.register-form label,
.register-form h6,
.register-form dl
{
display:block;
width:11em;
float:left;
font-weight:bold;
}
.register-form div
{
padding-bottom:10px;
}
.register-form div div
{
display:block;
width:15em;
float:left;
padding-bottom:0;
}
.register-form .email-password-details,
.register-form .address-details
{
width:323px;
display:block;
float:left;
clear:none;
}
.register-form .email-password-details p
{
width:28em;
font-size:95%;
}
.register-form .personal-details
{
width:293px;
display:block;
float:left;
clear:none;
}
.register-form .personal-details label,
.register-form .personal-details h6,
.register-form .personal-details dl
{
width:8em;
}
.register-form .personal-details ul
{
margin-left:8em;
}
.register-form .personal-details ul li
{
position:relative;
margin-bottom:10px;
clear:both;
}
.register-form .personal-details ul label,
.register-form .personal-details ul input
{
width:auto;
float:none;
font-weight:normal;
}
.register-form .personal-details ul input
{
position:absolute;
top:0;
left:-5px;
}
.register-form .personal-details ul label
{
padding-left:20px;
width:12em;
}
.register-form .actions
{
clear:left;
border-top:1px solid;
padding-top:15px;
padding-bottom:5px;
}
.register-form .actions ul
{
float:left;
}
.register-form .actions li
{
float:left;
border-right:1px solid;
padding-right:8px;
margin-right:8px;
}
.register-form .actions li.last
{
border:0;
}
.register-form .actions li a
{
text-decoration:none;
}
.register-form .actions p
{
padding-left:20px;
margin-left:15px;
float:left;
}
.register-form .actions button
{
float:right;
border:0;
padding:2px 10px;
}
/****************************************************** 
4.3) Login Panel
*/
.login
{
width:940px;
border-bottom:1px solid;
padding:10px;
text-align:center;
}
.login fieldset
{
text-align:left;
margin:auto;
width:360px;
clear:left;
display:block;
padding:5px 0;
}
.login label
{
float:left;
display:block;
width:100px;
font-weight:bold;
position:relative;
top:2px;
}
.login #frm-login-email-address
{
width:250px;
float:left;
}
.login #frm-login-password
{
width:184px;
float:left;
}
.login .btn 
{
border:0;
margin-left:8px;
}
.login fieldset.actions
{
padding-bottom:10px;
}
.login fieldset.actions p
{
width:127px;
float:left;
}
.login fieldset.actions p.password-reminder
{
text-align:right;
}
.login fieldset.actions p.close
{
width:97px;
float:left;
}
.login fieldset.actions p label,
.login fieldset.actions p input
{
display:inline;
float:none;
vertical-align:middle;
position:relative;
top:-1px;
}
.login fieldset.forgotten-password
{
border-top:1px solid;
padding-top:10px;
}
.login fieldset.forgotten-password p
{
padding-bottom:8px;
}
#frm-login-password-reminder
{
width:280px;
}
.login fieldset.activate-account
{
padding:10px 0;
margin:0 auto;
clear:left;
}
.login fieldset.activate-account p
{
padding-left:20px;
padding-bottom:10px;
}
.login fieldset.activate-account input,
.login fieldset.activate-account label
{
display:inline;
float:none;
}
.login fieldset.activate-account label
{
position:relative;
top:-2px;
}
.login fieldset.activate-account button
{
margin-left:200px;
}
/****************************************************** 
4.4) Message Panel
*/
.message-panel
{
width:940px;
border-bottom:1px solid;
padding:30px 10px 20px;
text-align:center;
}
.message-panel h2
{
width:350px;
margin:0 auto 15px;
border-bottom:1px solid;
padding-bottom:10px;
font-size:180%;
letter-spacing:-1px;
}
.message-panel p
{
width:350px;
margin:0 auto 0.8em;
}
.message-panel p a
{
text-decoration:none;
}
/****************************************************** 
4.5) Submit Message
*/
.submit-message h2
{
margin-top:0;
margin-bottom:14px;
font-size:130%;
font-weight:bold;
}
/****************************************************** 
4.6) Navigational
*/
#navigation 
{
clear:right;
border-top:10px solid;
position:relative;
width:957px;
height:2.6em;
}
#navigation.repositioned 
{
height:auto;
}
#navigation li 
{
float:left;
}
#navigation li ul
{
display:none;
}
#navigation li a 
{
display:block;
padding:8px 21px;
border-right:1px solid;
text-decoration:none;
}
#navigation li.last a 
{
padding:8px 23px 8px 23px;
}
#navigation li:hover a,
#navigation li:hover a:hover,
#navigation li.highlight a,
#navigation li.highlight a:hover,
#navigation li.selected a,
#navigation li.selected a:hover,
#navigation li a:hover
{
position:relative;
border-bottom:0;
z-index:999;
}
#navigation li a img 
{
position:absolute;
top:-65px;
left:0;
}
#navigation li.selected ul
{
display:block;
}
#navigation li:hover a,
#navigation li:hover a:hover
{
z-index:10000;
}
/*#navigation li:hover .secondary-navigation
{
display:block;
z-index:9999;
}*/
#navigation .secondary-navigation,
#sub-navigation .secondary-navigation
{
width:948px;
position:absolute;
margin-top:-1px;
height:2.6em;
left:0;
padding-left:9px;
}
/* JS added style */
#navigation .secondary-repositioned,
#sub-navigation .secondary-repositioned
{
clear:left;
position:relative;
top:0;
margin:0;
height:auto;
padding-left:0;
border:0;
}
#navigation .secondary-navigation li,
#sub-navigation .secondary-navigation li
{
float:left;
}
#navigation .secondary-navigation li a,
#sub-navigation .secondary-navigation li a
{
display:block;
padding:6px 12px 5px;
text-decoration:none;
border:0;
}
#navigation li:hover .secondary-navigation li a:hover,
#navigation .selected .secondary-navigation li a:hover,
#sub-navigation .secondary-navigation li a:hover
{
border:0;
}
#navigation .secondary-navigation li.selected a,
#sub-navigation .secondary-navigation li.selected a
{
font-weight:bold;
}
#navigation .secondary-navigation li.selected a:hover,
#sub-navigation .secondary-navigation li.selected a:hover
{
text-decoration:none;
}
#sub-navigation
{
border-top:1px solid;
width:948px;
padding-left:9px;
min-height:2.4em;
position:relative;
top:-1px;
}
/****************************************************** 
4.7) Ticker
*/
#ticker { float: left; }
#tickerList { float: left; }
  ul#tickerList li {
  display:none;
}
ul#tickerList li:first-child {
  display:block;
}

/* 
///////////////////////////////////////////////////////
5) Body
///////////////////////////////////////////////////////
*/
.content-panel
{
width:810px;
float:right;
}
.content-panel .banners 
{
width:135px;
float:right;
padding-left:5px;
}
.content-panel .banners p 
{
width:140px;
text-align:center;
margin:0 0 10px;
padding:0;
}
.content-panel .banners p img
{
margin:auto;
}
.content-panel .editorial
{
float:left;
width:792px;
padding:0 0 0 14px;
}
.editorial .content-a
{
float:left;
width:630px;
}
/****************************************************** 
5.1) Layout A
*/
.content-panel .layout-a
{
/* C border-left:1px solid;*/
/* C border-right:1px solid;*/
padding:0;
width:806px;/* C */
}
.layout-a p
{
margin:0;
}
.content-panel .layout-a .content-a
{
float:left;
width:301px;
padding:0 15px 0 14px;
margin-top:-10px;
}
.content-panel .layout-a .content-b
{
float:left;
width:301px;
padding:0 14px;
margin-top:-10px;
}
/****************************************************** 
5.2) Layout B
*/
.content-panel .layout-b
{
padding:0;
width:806px;/* C */
}
.content-panel .layout-b .content-a
{
float:left;
width:465px;
padding:0 15px 0 14px;
margin-top:-8px;
min-height:1000px;
}
.content-panel .layout-b .mpu
{
float:left;
padding-left:12px;
}
.content-panel .layout-b .content-b /* C */
{
width:136px;
float:left;
margin-top:-8px;
padding:0 20px 0 14px;
}
.content-panel .layout-b .lead
{
font-size:120%;
}
.layout-b .content-a .actions
{
margin:1.6em 0;
}
.layout-b .content-a .actions a
{
text-decoration:none;
}
.layout-b .content-a .actions .navigational
{
float:right;
}
.layout-b .content-stastics,
.layout-b .quotation
{
float:right;
width:170px;
margin-left:10px;
}
.layout-b .web-form
{
width:460px;
margin:0;
}
.layout-b .web-form .large
{
width:300px;
}
.layout-b .web-form fieldset div div
{
width:300px;
}
.layout-b .web-form fieldset .introduction h6
{
width:78px;
}
.layout-b .web-form fieldset h6
{
width:102px;
}
.layout-b .web-form fieldset label
{
width:102px;
}
.layout-b .web-form fieldset div div label
{
width:auto;
}
.layout-b .web-form .action div
{
padding-left:102px;
}
/****************************************************** 
5.3) Site Banner
*/
.site-banners 
{
float:left;
width:143px;
position:relative;
}
.site-banners p 
{
margin:0 0 10px;
}
/* 
///////////////////////////////////////////////////////
6) Footer
///////////////////////////////////////////////////////
*/
.footer 
{
border-top:1px solid;
padding-top:8px;
margin-top:40px;
}
.footer ul
{
float:right;
}
.footer ul li
{
float:left;
padding-left:0.4em;
}
.footer ul li a
{
text-decoration:none;
padding-right:0.1em;
}
/* 
///////////////////////////////////////////////////////
7) Head Banner
///////////////////////////////////////////////////////
*/
.head-banners p 
{
float:left;
margin:0;
}
.head-banners p.first 
{
margin-right:11px;
}
/* 
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
8) Individual Homepage Component (Layout A + B)
*******************************************************
Below are the styles for each component, every element
is stand-alone and can be used anywhere on the site.
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
*/
/****************************************************** 
8.1) News Headline A 
*/
.news-headline-a
{
margin-top:10px;
border-bottom:1px solid;
padding-bottom:15px;
}
.news-headline-a a
{
text-decoration:none;
}
.news-headline-a img,
.news-headline-a div
{
margin-bottom:12px;
}
.news-headline-a h2
{
font-size:180%;
line-height:1.2em;
margin-top:0;
margin-bottom:8px;
letter-spacing:-1px;
}
/****************************************************** 
8.2) News Headline B 
*/
.news-headline-b
{
margin-top:10px;
padding-bottom:15px;
}
.news-headline-b a
{
text-decoration:none;
}
.news-headline-b ul li
{
float:left;
margin-right:10px;
}
.news-headline-b ul li a
{
display:block;
padding-left:24px;
padding-right:10px;
}
.news-headline-b ul li a.audio
{
border-right:1px solid;
}
.news-headline-b h2
{
font-size:180%;
line-height:1em;
margin-top:0;
margin-bottom:8px;
letter-spacing:-1px;
}
.news-headline-b p
{
margin-bottom:8px;
}
/****************************************************** 
8.3) News Headline C
*/
.news-headline-c
{
margin-top:10px;
margin-bottom:15px;
border-bottom:1px solid;
padding-bottom:15px;
min-height:188px;
}
.news-headline-c p.thumb
{
float:left;
padding:0 10px 0 0;
margin:0;
}
.news-headline-c p
{
/*padding-left:235px;*/
margin-top:0.4em;
}
.news-headline-c h2
{
/*padding-left:235px;*/
font-size:180%;
line-height:1em;
margin-bottom:0;
margin-top:0;
letter-spacing:-1px;
}
.news-headline-c a
{
text-decoration:none;
}
/****************************************************** 
8.4) Secondary News Headline
*/
.secondary-news-headline
{
margin-top:12px;
border-bottom:1px solid;
padding-bottom:15px;
}
.secondary-news-headline a
{
text-decoration:none;
}
.secondary-news-headline h2
{
line-height:1.2em;
margin-bottom:8px;
margin-top:-0.3em;
letter-spacing:-1px;
/*padding-left:90px;*/
}
/*.secondary-news-headline p
{
padding-left:90px;
}*/
.secondary-news-headline p.thumb
{
float:left;
padding-left:0;
margin:0.4em 0 0;
padding-right:10px;
}
/****************************************************** 
8.5) News Listing
*/
.news-listing
{
margin-top:10px;
margin-bottom:15px;
}
.news-listing li
{
padding:2px 0 4px;
}
.news-listing li a
{
display:block;
text-decoration:none;
padding-left:10px;
}
/****************************************************** 
8.6) Feature Content
*/
.feature-content
{
margin-top:10px;
border-bottom:1px solid;
padding-bottom:15px;
}
.feature-content a
{
text-decoration:none;
}
.feature-content h2
{
line-height:1.3em;
margin-bottom:8px;
margin-top:0;
letter-spacing:-1px;
/*padding-left:155px;*/
}
/*.feature-content p
{
padding-left:155px;
}*/
.feature-content p.thumb
{
float:left;
padding-left:0;
margin:0;
padding-right:10px;
}
/****************************************************** 
8.7) Tabbed News Callouts
*/
.tabbed-news-callouts
{
margin-top:10px;
border-bottom:1px solid;
padding-bottom:10px;
min-height:12.4em;
margin-bottom:14px;
}
.tabbed-news-callouts .tabs li
{
float:left;
padding:0 0 0 11px;
border-right:1px solid #fff;
}
.tabbed-news-callouts .tabs li.last
{
padding:0 0 0 13px;
border-right:0;
}
.tabbed-news-callouts .tabs li a
{
display:block;
text-decoration:none;
padding:6px 12px 6px 0;
}
.tabbed-news-callouts .articles
{
padding:11px;
}
.tabbed-news-callouts .active
{
display:block;
}
.tabbed-news-callouts .inactive
{
display:none;
}
.tabbed-news-callouts .articles li
{
font-size:100%;
padding:0;
margin:0;
position:relative;
padding:2px 0 4px;
}
.tabbed-news-callouts .articles li:last-child
{
background:none;
}
.tabbed-news-callouts .articles li a
{
text-decoration:none;
padding:0;
margin:0;
display:block;
height:auto;
line-height:1.7em;
}
/* h2's only displayed if JS disabled */
.tabbed-news-callouts h2
{
padding-left:11px;
font-weight:bold;
font-size:inherit;
margin-bottom:-10px;
margin-top:0;
}
.tabbed-news-callouts .show-numbers {list-style: decimal outside;padding-left:25px;}
.tabbed-news-callouts .articles.show-numbers li a {background:none;padding-left:0;}
/****************************************************** 
8.8) Weather Feeds
*/
.weather-feeds
{
margin-top:10px;
margin-bottom:14px;
padding:8px 8px 23px 8px;
}
.weather-feeds .forcast
{
border-right:1px solid;
float:left;
width:126px;
min-height:80px;
padding-right:15px;
}
.weather-feeds .forcast img
{
float:left;
margin-right:10px;
position:relative;
top:0.3em;
}
.weather-feeds .travel
{
float:left;
width:126px;
min-height:80px;
padding-left:15px;
}
.weather-feeds h2
{
font-weight:bold;
font-size:inherit;
margin:0;
}
/****************************************************** 
8.9) In-page Banners
*/
.inpage-banner
{
margin:15px 0;
}
/****************************************************** 
8.10) Calendar Type A + B
*/
.calendar-type-a
{
margin:10px 0;
}
.calendar-type-b .calendar p,
.calendar-type-a .calendar p
{
clear:both;
padding-top:10px;
font-weight:bold;
margin:0;
}
.calendar-type-b .calendar p.event,
.calendar-type-b .calendar p.current-date,
.calendar-type-a .calendar p.event,
.calendar-type-a .calendar p.current-date
{
clear:both;
padding:1px 0 1px 25px;
margin:3px 0;
font-weight:normal;
}
.calendar-type-a .calendar
{
display:none;
float:left;
width:133px;
}
.calendar-type-a select,
.calendar-type-b select
{
display:none;
}
.calendar-type-a .calendar .mainheading a,
.calendar-type-b .calendar .mainheading a
{
display:block;
width:12px;
height:18px;
position:relative;
float:left;
}
.calendar-type-b .calendar .mainheading span,
.calendar-type-a .calendar .mainheading span
{
display:block;
width:109px;
text-align:center;
float:left;
}
.calendar-type-b .calendar .mainheading a span,
.calendar-type-a .calendar .mainheading a span
{
display:none;
}
.calendar-type-b .calendar .caldayheading td,
.calendar-type-a .calendar .caldayheading td
{
width:19px;
height:19px;
font-weight:bold;
text-align:center;
padding-top:5px;
}
.calendar-type-b .calendar .calcells td,
.calendar-type-a .calendar .calcells td
{
text-align:center;
width:19px;
height:19px;
border-bottom:2px solid;
cursor:pointer;
}
.calendar-type-b .calendar #basic-cell-td,
.calendar-type-a .calendar #basic-cell-td
{
width:133px;
}
.calendar-type-a ul
{
float:none;
width:300px;
}
.calendar-type-a ul.active
{
float:right;
width:145px;
}
.calendar-type-a ul li
{
display:inline;
}
.calendar-type-a ul li a
{
display:block;
text-decoration:none;
border-bottom:1px solid;
padding:5px;
}
.calendar-type-b
{
margin:10px 0;
width:133px;
}
.calendar-type-b .calendar
{
display:none;
float:left;
width:133px;
border-bottom:1px solid;
margin-bottom:10px;
}
.calendar-type-b .calendar p
{
padding:0;
}
.calendar-type-b .calendar p.current-date
{
margin-bottom:15px;
}
/****************************************************** 
8.11) Poll Widget
*/
.poll-widget
{
margin-top:10px;
padding:14px 10px 30px;
}
.poll-widget h2
{
font-size:120%;
font-weight:bold;
line-height:1em;
margin-bottom:8px;
margin-top:0;
padding-bottom:8px;
letter-spacing:-1px;
border-bottom:1px solid;
}
.poll-widget label
{
position:relative;
top:-2px;
left:3px;
}
.poll-widget fieldset
{
padding-top:10px;
}
.poll-widget .btn
{
padding-top:10px;
margin-top:10px;
border-top:1px solid;
padding-left:0;
}
.poll-widget .btn button
{
padding:3px 20px;
border:0;
font-size:95%;
}
.poll-widget .results
{
padding:10px 0;
border-bottom:1px solid;
}
.poll-widget .results p
{
padding-bottom:5px;
}
.poll-widget .results strong
{
float:left;
width:auto;
display:block;
font-weight:bold;
}
.poll-widget .results em
{
float:left;
width:3em;
display:block;
font-style:normal;
border-right-style:solid;
clear:left;
}
.poll-widget.in-page
{
margin-top:0;
width:212px;
padding:14px 10px 10px;
float:right;
margin-left:15px;
margin-bottom:0.8em;
}
.poll-widget.in-page h2
{
margin:0;
}
.poll-widget.in-page p
{
margin:0.3em 0;
}
.poll-widget.in-page fieldset
{
padding-top:0;
}
/****************************************************** 
8.12) Category Detail A
*/
.category-detail-a
{
padding-bottom:15px;
}
.category-detail-a h3
{
margin:-5px 0 8px;
font-size:inherit;
}
.category-detail-a a
{
text-decoration:none;
}
.category-detail-a h2
{
margin:0 0 8px 0;
letter-spacing:-1px;
}
.category-detail-a ul
{
padding-top:10px;
clear:both;
}
.category-detail-a ul li
{
border-top:1px solid;
padding:4px 0;
font-weight:bold;
letter-spacing:-1px;
font-size:110%;
}
.category-detail-a ul li.more
{
font-weight:normal;
letter-spacing:0;
text-align:right;
}
.category-detail-a ul.media
{
padding-top:5px;
}
.category-detail-a ul.media li
{
float:left;
margin-right:10px;
border:0;
padding:0;
font-weight:normal;
letter-spacing:0;
}
.category-detail-a ul.media li a
{
display:block;
padding-left:24px;
padding-right:10px;
}
.category-detail-a ul.media li a.audio
{
border-right:1px solid;
}
/****************************************************** 
8.13) Category Detail B
*/
.category-detail-b
{
margin-top:10px;
border-top:1px solid;
padding-top: 8px;
padding-bottom:15px;
}
.category-detail-b p
{
margin-bottom:0.9em;
}
.category-detail-b .thumb
{
float:left;
margin-right:10px;
margin-top:10px;
}
.category-detail-b h3
{
margin:-5px 0 0;
font-size:inherit;
}
.category-detail-b a
{
text-decoration:none;
}
.category-detail-b h2
{
margin:8px 0 4px;
letter-spacing:-1px;
}
.category-detail-b ul
{
margin-top:14px;
clear:left;
}
.category-detail-b ul li
{
border-top:1px solid;
padding:4px 0;
font-weight:bold;
letter-spacing:-1px;
font-size:110%;
}
.category-detail-b ul li.more
{
font-weight:normal;
letter-spacing:0;
text-align:right;
}
/****************************************************** 
8.14) Minor News Headline
*/
.minor-news-headline
{
margin-top:10px;
border-bottom:1px solid;
padding-bottom:15px;
margin-bottom:14px;
}
.minor-news-headline h2
{
margin:0 0 4px;
letter-spacing:-1px;
}
.minor-news-headline a
{
text-decoration:none;
}
.minor-news-headline ul
{
margin-top:5px;
}
.minor-news-headline li
{
float:left;
margin-right:10px;
}
.minor-news-headline ul li a
{
display:block;
padding-left:24px;
padding-right:10px;
}
.minor-news-headline ul li a.audio
{
border-right:1px solid;
}
/****************************************************** 
8.15) Supporting List
*/
.supporting-list
{
margin-top:10px;
border-bottom:1px solid;
padding-bottom:10px;
margin-bottom:14px;
}
.supporting-list h3
{
font-size:130%;
margin-bottom:10px;
margin-top:0;
}
.supporting-list ul li a
{
display:block;
font-weight:bold;
text-decoration:none;
padding:5px 0;
}
/****************************************************** 
8.16) Filter Content List
*/
.filter-content-list
{
margin-top:10px;
border-bottom:1px solid;
padding-bottom:10px;
margin-bottom:14px;
}
.filter-content-list h3
{
margin-bottom:5px;
margin-top:0;
font-size:110%;
font-weight:bold;
}
.filter-content-list ul li
{
margin-bottom:8px;
}
.filter-content-list ul li a
{
display:block;
font-weight:bold;
text-decoration:none;
padding:5px 0;
}
/****************************************************** 
8.17) Multimedia
*/
.multimedia
{
margin-top:10px;
border-bottom:1px solid;
padding-bottom:10px;
margin-bottom:14px;
}
.multimedia h3
{
font-size:130%;
margin-bottom:10px;
margin-top:0;
}
.multimedia p
{
margin:0;
}
.multimedia p a
{
font-weight:bold;
}
.multimedia li
{
margin:0 0 10px;
}
.multimedia p.links a
{
font-weight:normal;
padding-left:20px;
text-decoration:none;
}
/****************************************************** 
8.18) Article Informaiton
*/
.article-information
{
float:right;
width:226px;
}
.content-panel p.details
{
margin-top:-0.5em;
padding-bottom:10px;
border-bottom:1px solid;
}
.content-panel p.details a
{
text-decoration:none;
font-weight:bold;
display:block;
}
.content-panel p.details a.email
{
padding-left:21px;
}
/****************************************************** 
8.19) Quotation
*/
.quotation
{
border-top:1px solid;
border-bottom:1px solid;
padding:8px;
margin-top:5px;
text-align:right;
}
.quotation cite
{
font-size:150%;
font-style:normal;
line-height:1.2em;
text-align:right;
}
.quotation p
{
text-align:right;
}
.quotation a
{
text-decoration:none;
}
.quotation .author
{
border-top:1px solid;
padding-top:8px;
font-size:90%;
}
/****************************************************** 
8.20) Article Comments
*/
.article-comments
{
border-top:1px solid;
margin-top:2em;
}
.article-comments .sign-in
{
font-weight:bold;
float:right;
width:350px;
}
.article-comments .sign-in a
{
text-decoration:none;
}
.article-comments .view-count
{
padding-left:22px;
position:relative;
}
.article-comments ul
{
clear:both;
}
.article-comments ul li
{
border-top:1px solid;
padding:5px 0 0;
margin-top:5px;
}
.article-comments ul li .comment-detail
{
float:right;
width:350px;
}
.article-comments ul li .comment-detail p
{
margin-top:0;
}
.article-comments ul li .comment-data p
{
margin:0;
}
.article-comments ul li .comment-data p.author
{
font-weight:bold;
}
.article-comments ul li .comment-data .rating
{
position:relative;
top:inherit;
right:inherit;
margin-top:10px;
width:8em;
}
.article-comments ul li .comment-data .rating ul
{
clear:none;
margin-left:0;
}
.article-comments ul li .comment-data .rating ul li
{
clear:none;
border-top:0;
}
.layout-b p.preferences,
.layout-b div.new-member
{
padding-left:102px;
}
/****************************************************** 
8.21) Content Stastics
*/
.content-stastics
{
border-top:1px solid;
border-bottom:1px solid;
padding:8px;
margin-top:5px;
}
.content-stastics h3
{
padding:0;
margin:0;
}
.content-stastics p
{
padding:0;
margin:0;
font-size:95%;
}
.content-stastics ul
{
border-top:1px solid;
border-bottom:1px solid;
margin:8px 0;
padding:4px 0 7px;
font-size:95%;
}
.content-stastics ul li
{
padding-left:13px;
}
/* 
///////////////////////////////////////////////////////
9) Event
///////////////////////////////////////////////////////
*/
/****************************************************** 
9.1) Event Listing
*/
.event-listing
{
margin:10px 0;
}
.event-listing h2
{
font-size:130%;
margin-bottom:10px;
margin-top:0;
}
.event-listing ul
{
border-top:1px solid;
}
.event-listing ul li
{
min-height:120px;
border-bottom:1px solid;
padding:10px;
position:relative;
}
.event-listing ul li a
{
text-decoration:none;
}
.event-listing ul li h3,
.event-listing ul li h4,
.event-listing ul li p
{
padding-left:150px;
}
.event-listing ul li h3
{
font-size:150%;
margin-bottom:7px;
margin-top:0;
font-weight:normal;
}
.event-listing ul li h4
{
margin:0 0 3px 1px;
font-weight:bold;
}
.event-listing ul li p
{
margin-top:0;
}
.event-listing ul li p.details
{
line-height:1.4em;
margin-bottom:0;
border:0;
}
.event-listing ul li h3 img
{
position:absolute;
top:12px;
left:10px;
}
/****************************************************** 
9.2) Event Detail
*/
.event-detail
{
border-bottom:1px solid #ccc;
padding-bottom:10px;
}
.event-detail .media
{
width:225px;
float:left;
}
.event-detail .media a
{
text-decoration:none;
}
.event-detail .details
{
width:225px;
float:right;
}
.event-detail .details h2
{
font-size:130%;
font-weight:bold;
margin:0;
}
.event-detail .details strong
{
display:block;
}
.event-detail .media em
{
float:right;
font-style:normal;
}
.event-detail .audio,
.event-detail .audio-stop,
.event-detail .video
{
padding-left:25px;
padding-right:20px;
width:auto;
}
.event-ugc-detail
{padding: 10px 10px 25px 10px; background-color: #f5f4f9; }
.event-ugc-detail li.submitted
{float: left; }
.event-ugc-detail li.report
{float: right;
font-weight: bold;
}
/* 
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
10) Width Defeiniton Used for Layout A + B
*******************************************************
These allow a "Layout A" Component to be used
in "Layout B" by altering the objects original widths
and attributes.
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
*/
.layout-a .event-detail .media
{
width:225px;
float:none;
margin:0.8em 0;
}
.layout-a .event-detail .media img
{
margin:0 0 0.8em;
}
.layout-a .event-detail .details
{
width:auto;
float:none;
}
.layout-a .blog-entry .rating,
.layout-a .blog-views .rating
{
float:none;
}
.layout-a .blog-views .view p,
.layout-a .blog-widget p
{
padding:0;
margin:0;
}
.layout-a .blog-views .view img,
.layout-a .blog-widget img
{
margin:0 14px 14px 0;
}
.layout-a .blog-views .rating
{
position:relative;
margin:0.8em 10px;
}
.layout-a .poll-widget.in-page
{
width:auto;
float:none;
margin:0.8em 0;
}
.layout-a .blog-user-actions ul
{
list-style:none;
margin:0;
padding:0;
}
.layout-a .blog-user-actions ul li
{
margin:0 0 0.5em;
float:none;
width: auto;
padding-left: 10px;
}
.layout-a .blog-user-actions li.views
{
padding-left: 30px;
width: auto;
}
.layout-b .secondary-news-headline
{
width:465px;
}
.layout-b .weather-feeds p
{
margin:0;
}
.layout-b .weather-feeds .travel,
.layout-b .weather-feeds .forcast
{
width: 206px;
}
.layout-b .calendar-type-a ul
{
width: 316px;
}
.layout-b .blog-entry .rating,
.layout-b .blog-views .rating,
.layout-b .blog-entry .stats p
{
float:none;
}
.layout-b .blog-views .rating
{
position:relative;
margin:0.8em 10px;
}
.layout-b .blog-user-actions ul
{
list-style:none;
margin:0;
padding:0;
}
.layout-b .blog-user-actions ul li
{
margin:0 0 0.5em;
float:none;
width: auto;
padding-left: 10px;
}
.layout-b .blog-user-actions li.views
{
padding-left: 30px;
width: auto;
}
.layout-b .message-board-actions
{
padding-bottom:2.5em;
position:relative;
}
.layout-b .message-board-actions .pagination
{
position:absolute;
bottom:0.4em;
left:-14px;
}
/* 
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
11) Other Component Used for Layout (Full Width)
*******************************************************
Below are the styles for each component, every element
is stand-alone and can be used anywhere on the site.
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////
*/
/* 
///////////////////////////////////////////////////////
12) Web Form
///////////////////////////////////////////////////////
*/
.web-form
{
margin-top:24px;
border-top:1px solid;
width:630px;
}
.web-form fieldset
{
padding:14px 10px 0;
border-bottom:1px solid;
}
.web-form input.large
{
width:345px;
margin-right:10px;
}
.web-form textarea.large
{
width:345px;
}
.web-form input.full
{
width:440px;
}
.web-form input.small
{
width:70px;
}
.web-form .existing-value
{
margin:0 10px 0 0;
float:left;
width:29.7em;
}
.btn
{
border:0;
padding:2px 9px 3px;
font-size:95%;
position:relative;
text-decoration:none;
}
.web-form .btn
{
top:-1px;
}
.web-form div
{
padding-bottom:14px;
}
.web-form .action div
{
padding-left:155px;
}
.web-form label,
.web-form h6,
.web-form dl
{
display:block;
width:13em;
float:left;
font-weight:bold;
}
.web-form dl dd
{
padding-right:8px;
}
.web-form dd
{
font-weight:normal;
}
.web-form div div
{
display:block;
width:38em;
float:left;
padding-bottom:0;
}
.web-form div div label
{
display:inline;
width:auto;
float:none;
font-weight:normal;
}
.web-form div div p
{
margin:0.6em 0;
}
.web-form div div p label
{
margin-right:0.6em;
}
.web-form div div p input
{
position:relative;
top:2px;
}
.web-form div div li input
{
position:relative;
top:-1px;
}
.web-form ul li
{
vertical-align:middle;
margin-bottom:2px;
}
.web-form ul li *
{
vertical-align:middle;
}
.web-form ul li input[type='text']
{
position:relative;
top:1px;
}
.date-popup
{
border:1px solid;
padding:8px;
}
.web-form-calendar .mainheading a
{
display:block;
width:12px;
height:18px;
position:relative;
float:left;
}
.web-form-calendar .mainheading span
{
display:block;
width:109px;
text-align:center;
float:left;
}
.web-form-calendar .mainheading a span,
.web-form-calendar .mainheading select
{
display:none;
}
.web-form-calendar .caldayheading td
{
width:19px;
height:19px;
font-weight:bold;
text-align:center;
padding-top:5px;
}
.web-form-calendar .calcells td
{
text-align:center;
width:19px;
height:19px;
border-bottom:2px solid;
cursor:pointer;
}
.web-form-calendar #basic-cell-td
{
width:133px;
}
/****************************************************** 
12.1) Get in touch
*/
.get-in-touch .info p
{
margin-top:0;
}
/****************************************************** 
12.2) Advanced Search
*/
.advanced-search div div p input
{
position:relative;
top:1px;
}
.advanced-search .map
{
margin:10px 0 0;
float:none;
}
/****************************************************** 
12.3) Event Search
*/
.event-search .map
{
float:none;
}
/****************************************************** 
12.4) Submit Event
*/
.submit-event .postcode
{
margin-bottom:10px;
}
/****************************************************** 
12.5) Search Results
*/
.pagination li em
{
font-style:normal;
}
.pagination li a
{
text-decoration:none;
}
.search-result .result-category-links li
{
float:left;
width:200px;
}
.search-result li a
{
text-decoration:none;
}
.search-result .result-actions
{
clear:both;
}
.search-result .result-actions select
{
width:130px;
float:left;
}
.search-result .result-actions .pagination p,
.search-result .result-actions .pagination li
{
float:left;
}
.search-result .result-actions .pagination
{
padding:0;
margin:0;
width:300px;
}
.search-result .result-actions .pagination p
{
padding-left:24px;
position:relative;
top:1px;
padding-right:8px;
margin:0;
}
.search-result .result-actions .pagination li
{
padding:1px 4px 0;
}
.search-result .result-actions .pagination .prev
{
border-right:1px solid;
padding-right:8px;
margin-right:4px;
font-weight:bold;
}
.search-result .result-actions .pagination .next
{
border-left:1px solid;
padding-left:8px;
margin-left:4px;
font-weight:bold;
}
.search-result .result-actions .save-search
{
margin:0;
}
.search-result .result-actions .save-search a
{
display:block;
padding:1px 8px;
text-decoration:none;
float:right;
font-size:95%;
}
.search-result .result-actions div.frm-save-search
{
clear:both;
border-top:1px solid;
width:454px;
padding-left:155px;
margin-top:14px;
}
.search-result .result-actions .frm-save-search p label
{
font-weight:bold;
}
/****************************************************** 
12.6) Base Pagination
*/
.base-pagination
{
padding:8px 10px 10px;
border-bottom:1px solid;
border-top:1px solid;
width:619px;
}
.base-pagination p
{
padding-left:24px;
position:relative;
top:1px;
padding-right:8px;
margin:0;
}
.base-pagination p,
.base-pagination li
{
float:left;
}
.base-pagination li
{
padding:1px 4px 0;
}
.base-pagination li a
{
text-decoration:none;
}
.base-pagination li em
{
font-style:normal;
}
.base-pagination .prev
{
border-right:1px solid;
padding-right:8px;
margin-right:4px;
font-weight:bold;
}
.base-pagination .next
{
border-left:1px solid;
padding-left:8px;
margin-left:4px;
font-weight:bold;
}
/****************************************************** 
12.7) Blogger
*/
.blogger h6 img
{
margin:7px 0 0;
}
.blogger div div h6,
.blogger li h6
{
padding:0 0 7px;
border-bottom:1px solid;
display:block;
float:none;
width:auto;
margin-bottom:8px;
}
.blogger div div label
{
display:block;
margin:8px 0 6px;
}
.blogger ul
{
margin-left:155px;
}
.blogger li label
{
float:none;
width:auto;
display:inline;
font-weight:normal;
margin-top:-1px;
}
.blogger li p
{
margin:0.8em 0;
}
.blogger .image-bank
{
margin-bottom:10px;
margin-left:0;
}
.blogger .image-bank li
{
display:inline;
}
.blogger .image-bank li a
{
float:left;
border:2px solid #fff;
display:block;
}
/****************************************************** 
12.8) Message Board
*/
.message-board-actions
{
padding:10px;
border-top:1px solid;
width:610px;
}
.message-board-actions select
{
width:130px;
float:left;
}
.message-board-actions .pagination,
.message-board-actions .pagination p,
.message-board-actions .pagination li
{
float:left;
}
.message-board-actions .pagination
{
padding:0;
margin:0;
width:300px;
}
.message-board-actions .pagination p
{
padding-left:24px;
position:relative;
top:1px;
padding-right:8px;
margin:0;
}
.message-board-actions .pagination li
{
padding:1px 4px 0;
}
.message-board-actions .pagination .prev
{
border-right:1px solid;
padding-right:8px;
margin-right:4px;
font-weight:bold;
}
.message-board-actions .pagination .next
{
border-left:1px solid;
padding-left:8px;
margin-left:4px;
font-weight:bold;
}
.message-board-actions button
{
display:block;
padding:1px 8px;
text-decoration:none;
float:left;
position:relative;
top:2px;
left:3px;
}
.message-board-actions .frm-save-search
{
clear:both;
border-top:1px solid;
width:464px;
margin-left:155px;
margin-top:14px;
}
.message-board-actions .frm-save-search p
{
font-weight:bold;
}
.message-board-actions a.btn
{
border:0;
padding:0 10px;
font-size:95%;
position:relative;
top:-1px;
float:right;
text-decoration:none;
}
.message-board
{
width:630px;
}
.message-board .message
{
border-top:1px solid;
border-bottom:1px solid;
margin:0 0 14px;
padding:10px;
position:relative;
}
.message-board .message h2
{
margin:0 0 5px;
padding:0 0 10px;
letter-spacing:-1px;
}
.message-board .message a
{
text-decoration:none;
}
.message-board .message div.rating
{
position:relative;
top:-1px;
right:auto;
float:right;
}
.message-board .message div.stats
{
border-bottom:1px solid;
padding-bottom:10px;
}
.message-board .message div.stats p
{
float:left;
width:150px;
font-weight:bold;
margin:0;
}
.message-board .message .audio
.message-board .message .audio-stop,
.message-board .message .video
{
padding-left:25px;
padding-right:20px;
width:auto;
}
.message-board .supporting-links
{
float:right;
}
/****************************************************** 
12.9) Message Comments
*/
.message-comment
{
margin-top:-15px;
}
.body .message-comment p
{
margin:0;
}
.message-comment .introduction h6
{
padding-left:20px;
font-size:130%;
width:8em;
}
.message-comment .introduction p
{
margin:0 0 0 5px;
}
.message-comment .preferences
{
padding-left:12.6em;
}
.message-comment .preferences *
{
float:left;
margin-right:5px;
width:auto;
}
.message-comment .new-member,
.message-comment .other-options
{
padding-left:13.1em;
}
.message-comment .new-member p,
.message-comment p.preferences
{
margin-bottom:10px;
}
.message-comment .image-options p
{
margin-top:0;
}
.message-comment .image-options p,
.message-comment .image-options label
{
margin-bottom:8px;
display:block;
}
.message-comment .other-options
{
margin-top:-8px;
}
.message-comment .other-options p
{
margin:0 0 8px;
}
.message-comment dl
{
width:102px;
}
/****************************************************** 
12.10) Profile
*/
.profile h6 img
{
margin:7px 0 0;
}
.profile div div h6
{
padding:0 0 7px;
border-bottom:1px solid;
display:block;
float:none;
width:auto;
margin-bottom:8px;
}
.profile div div.image-details label
{
display:block;
margin:8px 0 6px;
}
.profile div div.image-details p label
{
display:inline;
margin:auto;
}
.profile div div.image-details p input
{
position:relative;
left:-4px;
top:1px;
}
.profile div div.image-details .remove-image
{
float:right;
}
.profile fieldset.brand-information div
{
padding-bottom:10px;
}
.profile fieldset.brand-information div div h6 label
{
font-weight:bold;
}
.profile button.cancel
{
float:right;
}
.profile fieldset.new-password,
.profile fieldset.new-email-address,
.profile fieldset.new-screen-name
{
border-top:0;
margin-top:-1px;
position:relative;
}
/****************************************************** 
12.11) Submit Story
*/
.submit-story .terms
{
margin-left:13em;
margin-bottom:0.8em;
}
.submit-story .terms li
{
margin-bottom:3px;
}
.submit-story .terms li input
{
float:left;
position:relative;
margin-top:2px;
left:-3px;
}
.submit-story .terms li label
{
float:left;
font-weight:normal;
width:auto;
}
/* 
///////////////////////////////////////////////////////
13) Image Listing
///////////////////////////////////////////////////////
*/
.image-listing h1
{
font-size:180%;
letter-spacing:-1px;
margin-top:15px;
margin-bottom:10px;
padding-bottom:15px;
border-bottom:1px solid;
font-weight:normal;
}
.image-listing
{
margin-top:14px;
}
.image-listing li
{
min-height:60px;
margin-bottom:16px;
position:relative;
clear:both;
}
.image-listing li h2,
.image-listing li h3,
.image-listing li p
{
width:540px;
float:right;
}
.image-listing li h2
{
font-size:110%;
font-weight:bold;
line-height:1em;
margin:0 0 0.2em;
}
.image-listing li h3
{
font-size:inherit;
margin:0;
}
.image-listing li p
{
margin:0;
}
.image-listing li h2 a
{
text-decoration:none;
}
.image-listing img
{
float:left;
margin-bottom:15px;
}
.image-listing p.thumb img {
    left: 0;
    margin-top: 40px;
    position: absolute;
    width: 75px;
}
.image-listing p.thumb {
    float: left;
    min-height: 110px;
    width: 10px;
}
.layout-a .image-listing img, .layout-b .image-listing img {
    float: left;
    padding-right: 10px;
    margin-top: 5px;
}
.layout-a .image-listing h2, .layout-a .image-listing p {
    float: none;
    width: 310px;
}
.layout-a .image-listing p.thumb, .layout-b .image-listing p.thumb {
    min-height: 0px;
    float: left;
    width: 85px;
}
.layout-a .image-listing p.thumb img, .layout-b .image-listing p.thumb img {
    position: relative;
    margin-top: 0px;
}
.layout-b .image-listing h2, .layout-b .image-listing p {
    float: none;
    width: 450px;
}
/* 
///////////////////////////////////////////////////////
14) Default Listing
///////////////////////////////////////////////////////
*/
.default-listing h1
{
font-size:180%;
letter-spacing:-1px;
margin-top:15px;
margin-bottom:10px;
padding-bottom:15px;
border-bottom:1px solid;
font-weight:normal;
}
.default-listing
{
margin-top:14px;
border-bottom:1px solid;
margin-bottom:10px;
}
.default-listing li
{
min-height:70px;
margin-bottom:14px;
position:relative;
}
.default-listing li h2
{
font-size:110%;
font-weight:bold;
line-height:1em;
margin:0;
}
.default-listing li h3
{
font-size:inherit;
margin:0;
}
.default-listing li p
{
margin:0;
}
.default-listing li h2 a
{
text-decoration:none;
}
.event-results li h2
{
font-size:130%;
font-weight:bold;
line-height:1.2em;
margin:0;
}
/* 
///////////////////////////////////////////////////////
15) No Results
///////////////////////////////////////////////////////
*/
.no-results,
.no-event-results
{
margin:14px 0;
border-bottom:1px solid;
padding-bottom:14px;
width:639px;
}
.no-event-results
{
border-top:1px solid;
}
.no-results h2,
.no-event-results h2
{
margin:0.7em 0 0;
font-weight:bold;
font-size:inherit;
}
.no-results li,
.no-event-results li
{
padding:1px 0 0 15px;
margin:3px 0;
}
/* 
///////////////////////////////////////////////////////
16) Saved Search
///////////////////////////////////////////////////////
*/
.saved-searches
{
border-top:1px solid;
margin-top:14px;
width:639px;
}
.saved-searches a
{
text-decoration:none;
}
ul.saved-searches p
{
margin:0;
}
.saved-searches li
{
border-bottom:1px solid;
padding:10px;
}
.saved-searches h2
{
font-weight:bold;
float:left;
font-size:inherit;
margin:0 15px 0 0;
}
.saved-searches p a
{
display:block;
padding:1px 6px;
float:left;
margin-right:10px;
}
.saved-searches p.actions a,
.saved-searches .confirmation
{
float:right;
}
.saved-searches .confirmation
{
padding-left:16px;
padding-top:1px;
}
.saved-searches .confirmation p
{
float:left;
padding-left:5px;
}
.saved-searches .confirmation p a
{
position:relative;
bottom:1px;
}
/* 
///////////////////////////////////////////////////////
17) Rating Stars
///////////////////////////////////////////////////////
*/
div.rating
{
position:absolute;
top:7px;
right:10px;
}
div.rating ul
{
height:16px;
width:75px;
float:left;
position:relative;
margin-right:10px;
top:1px;
}
div.rating ul li
{
display:inline;
}
div.rating ul li a
{
float:left;
display:block;
width:15px;
height:16px;
position:absolute;
top:0;
left:0;
}
div.rating ul li.five-star a
{
width:75px;
}
div.rating ul li.four-star a
{
width:60px;
}
div.rating ul li.three-star a
{
width:45px;
}
div.rating ul li.two-star a
{
width:30px;
}
div.rating ul li.one-star a
{
width:15px;
}
/* 
///////////////////////////////////////////////////////
18) Blog
///////////////////////////////////////////////////////
*/
/****************************************************** 
18.1) Blog Widget
*/
.blog-widget
{
border-top:1px solid;
border-bottom:1px solid;
margin:14px 0;
padding:10px;
position:relative;
}
.blog-widget h2
{
border-bottom:1px solid;
margin:0 -10px 15px;
padding:0 10px 10px;
letter-spacing:-1px;
}
.blog-widget a
{
text-decoration:none;
}
.blog-widget p
{
margin:0.4em 0;
padding-left:160px;
}
.blog-widget p.thumb
{
float:left;
padding:0;
margin:0;
}
/****************************************************** 
18.2) Blog Entry
*/
.blog-entry
{
border-top:1px solid;
border-bottom:1px solid;
margin:14px 0;
padding:10px;
position:relative;
}
.blog-entry h2
{
margin:0 0 15px;
padding:0 0 10px;
letter-spacing:-1px;
}
.blog-entry a
{
text-decoration:none;
}
.blog-entry div.rating
{
position:relative;
top:-1px;
right:auto;
float:right;
}
.blog-entry div.stats
{
border-bottom:1px solid;
padding-bottom:10px;
}
.blog-entry div.stats p
{
float:left;
width:150px;
font-weight:bold;
margin:0;
}
/****************************************************** 
18.3) Blog User Actions
*/
.blog-user-actions
{
clear:both;
}
.blog-user-actions li
{
float:left;
margin-right:20px;
}
.blog-user-actions li
{
float:left;
}
.blog-user-actions li.views
{
padding-left:30px;
width:50px;
}
/****************************************************** 
18.4) Blog Views
*/
.blog-views
{
border-top:1px solid;
border-bottom:1px solid;
margin:14px 0;
padding:10px;
position:relative;
}
.blog-views h2
{
border-bottom:1px solid;
margin:0 -10px 15px;
padding:0 10px 10px;
letter-spacing:-1px;
}
.blog-views a
{
text-decoration:none;
}
.blog-views p
{
margin:-0.4em 0 0.8em;
padding-left:160px;
}
.blog-views p.thumb
{
float:left;
padding:0 0 10px;
clear:left;
margin:0.4em 0 0;
}
.blog-views .view
{
clear:left;
border-bottom:1px solid;
margin-bottom:10px;
padding-bottom:5px;
}
.blog-views .actions li
{
float:left;
width:160px;
}
.blog-views .actions li.complaint
{
float:right;
text-align:right;
}
.blog-views .actions li.audio,
.blog-views .actions li.audio-stop,
.blog-views .actions li.video
{
padding-left:25px;
padding-right:20px;
width:auto;
}
/* 
///////////////////////////////////////////////////////
19) In Page Actions
///////////////////////////////////////////////////////
*/
.in-page-actions
{
border-top:1px solid;
border-bottom:1px solid;
padding:5px 0;
margin:15px 0;
position:relative;
clear:both;
}
.in-page-actions .user-actions
{
font-size:85%;
}
.in-page-actions li
{
display:inline;
}
.in-page-actions li.last a
{
border-right:none;
}
.in-page-actions li a
{
text-decoration:none;
float:left;
padding:0 5px;
border-right:1px solid;
display:block;
padding-left:26px;
}
.in-page-actions .user-actions li.facebook a
{
background:url(/media/images/facebook.gif) 3px 2px no-repeat;
}
.in-page-actions .user-actions li.digg a
{
background:url(/media/images/digg.gif) 3px 2px no-repeat;
}
.in-page-actions .user-actions li.delicious a
{
background:url(/media/images/delicious.gif) 3px 2px no-repeat;
}
.in-page-actions .user-actions li.reddit a
{
background:url(/media/images/reddit.gif) 3px 2px no-repeat;
}
.in-page-actions .rating
{
top:4px;
right:4px;
}
.in-page-actions .rating li a
{
border:none;
padding:0;
}
.in-page-actions .navigational
{
float:right;
}
.in-page-actions .navigational a
{
border:0;
}
/* 
///////////////////////////////////////////////////////
20) Major News
///////////////////////////////////////////////////////
*/
.major-news
{
margin-bottom:14px;
}
.major-news h2
{
margin:14px 0 14px;
letter-spacing:-1px;
font-size:250%;
}
.major-news h2 a
{
text-decoration:none;
}
.major-news ul
{
padding-top:7px;
}
.major-news ul li
{
float:left;
margin-right:10px;
}
.major-news ul li a
{
display:block;
padding-left:24px;
padding-right:10px;
border-right:1px solid;
text-decoration:none;
}
.major-news ul li a.last
{
border-right:none;
}
/* 
///////////////////////////////////////////////////////
21) Misc
///////////////////////////////////////////////////////
*/
.w3c,
div.rating ul li a em,
.header form.site-search label
{
display:block;
position:absolute;
height:0;
line-height:0;
width:0!important;
overflow:hidden;
}
body .hide,
body .web-form .hide,
body .structure .hide 
{
display:none;
}
.supporting-link
{
margin:0;
}
.supporting-link a
{
text-decoration:none;
font-weight:bold;
float:right;
margin-top:0.5em;
}
.feature-link
{
text-align:right;
padding-top:3px;
}
.submit-venue #frm-venue-postcode
{
margin-right:5px;
}
.date-popup iframe
{
display:none;
}
.editorial .object-right
{
display:block;
float:right;
margin-top:0.4em;
margin-left:14px;
margin-bottom:5px;
}
.editorial .object-left
{
display:block;
float:left;
margin-top:0.4em;
margin-right:14px;
margin-bottom:5px;
}
.editorial .object-right em,
.editorial .object-left em
{
display:block;
font-style:normal;
font-size:95%;
}
/* 
///////////////////////////////////////////////////////
22) Print Layout
///////////////////////////////////////////////////////
*/
.print-layout .header, 
.print-layout .body, 
.print-layout .footer,
.print-layout .content-panel,
.print-layout .content-panel .editorial
{
width:600px;
padding:0;
}
.print-layout .header 
{
margin-top:10px;
padding-bottom:10px;
border-bottom:1px solid;
}
.print-layout .header a 
{
text-decoration:none;
}
.print-layout .header ul 
{
border-bottom:1px solid;
padding-bottom:5px;
margin-bottom:10px;
}
.print-layout .header ul li a
{
display:block;
padding-left:22px;
}
.print-layout .header ul li.close-window a
{
padding-left:0;
padding-right:18px;
}
.print-layout .header .close-window
{
float:right;
}
.print-layout .footer
{
padding-top:10px;
}
/* 
///////////////////////////////////////////////////////
23) Clear Fix
///////////////////////////////////////////////////////
*/
.header:after,
.body:after,
.footer:after,
.head-banners:after,
.header .feature-bar:after,
#navigation:after,
#secondary-navigation:after,
.secondary-news-headline:after,
.feature-content:after,
.tabbed-news-callouts .tabs:after,
.weather-feeds:after,
.news-headline-b ul:after,
.calendar-type-a:after,
category-detail-b:after,
.minor-news-headline:after,
.news-headline-c:after,
.poll-widget .results p:after,
.web-form fieldset:after,
.web-form fieldset div:after,
.search-result .result-actions .pagination:after,
.base-pagination:after,
.saved-searches li:after,
.register-form:after,
.register-form div:after,
.blogger .image-bank:after,
.blog-entry div.stats:after,
.message-board .message div.stats:after,
.message-board-actions:after,
.blog-user-actions:after,
.blog-views .actions:after,
.blog-views .view:after,
.message:after,
.message-comment .preferences:after,
.blog-widget:after,
.submit-story .terms li:after,
.in-page-actions ul:after,
.event-detail:after,
.article-comments ul li:after,
.content-panel .layout-b .content-b:after /* C */
{
content:".";
display:block;
visibility:hidden;
height:0;
line-height:0;
clear:both;
}
/********************************
24) Map Publishing Queue Element
********************************/
.mapStoryDetails
{
padding-bottom:20px;
float:left;
padding-right:10px;
}
.mapStoryDetails .headline
{
font-weight:bold;
margin-bottom:5px;
font-size:16px;
max-width:215px;
}
.mapImageDetails img
{
float:right;
padding-top:13px;
}
.mapImageDetails
{
border:none;
}
.map
{
width: 600px; height: 400px; float: left;
}
.layout-b .map
{
width: 460px;
}
.layout-a .map
{
width: 300px;
}
/*************************
25) Further login styling
*************************/

.editorial .web-form.message-comment #mockWidget
{
padding-bottom:0px;
}
.editorial .web-form.message-comment .preferences
{
padding-left:13.1em;
}
.header #login .actions p.password-reminder
{
width: 145px;
float: right;
}
.header #login .actions p
{
margin-top: 20px;
}
.header .feature-bar ul li.log-in a img {
    padding-right: 4px;
    position: relative;
    top: 1px;
}
.header .feature-bar ul li.log-in a {
    vertical-align: top;
}
/*25) Cookie drop down and policy page*/

#cookie-continue {
-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
box-shadow:inset 0px 1px 0px 0px #d9fbbe;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
background-color:#b8e356;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83c41a;
display:inline-block;
color:#ffffff;
float:right;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:1px 1px 0px #86ae47;}
#cookie-continue:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
background-color:#a5cc52;}
#cookie-continue:active {
position:relative;
top:1px;}
#cookielaw
{
padding:20px;
background:#eee;
display:none;
border-bottom:1px solid #ccc;
}
#cookielaw div
{
width:920px;
margin:0 auto;
padding:20px;
overflow:hidden;
}
#cookielaw div p
{
width:500px;
float:left
}