/*
Author: George Poulos, www.abovethemezzanine.com

[Table Of Contents]
0- Reset
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer
*/

/* =0 Reset */

/* =1 Global */
body { background: #FFFFFF url("http://www.southbanklocalnews.com.au/images/interface/bg-top-repeat.png") repeat-x scroll top left; color: #000; font: 62.5%/1.25 Georgia, serif; vertical-align: top; }
#top-container { margin: 0; padding: 0; }
#page-wrap { width: 940px; margin: 0 auto; padding: 0; position: relative; overflow: hidden; }

p { font-size: 1.2em; padding: 5px 0 5px 0; }
.clearfix { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

/* =2 Links */
a:link, a:visited { color: #529cba; text-decoration: none; }
a:hover { color: #004659; text-decoration: underline; }
a:active { color: #004659; text-decoration: none; }

/* =3 Headings */
h1, h2, h3, h4, h5 { font-style: bold; }
h1 { font-size: 4.5em; margin: 0; }
h2 { font-size: 3.8em; }
h3 { font-size: 3.0em; }
h4 { font-size: 2.0em; }
h5 { font-size: 1.2em; }

/* =4 Header */
#header { width: 940px; height: 154px; background: white url("http://www.southbanklocalnews.com.au/images/interface/bg-top-middle.png") no-repeat scroll 0 0; }
.header-banner { position: absolute; right: 0; top: 15px; }
#bannerContent { width: 468px; position: absolute; right: 0; top: 20px; }
#contact { position: absolute; right: 0; top: 96px; color: #004659; font: 1.1em Helvetica, Arial, sans-serif; }
#contact span { letter-spacing: 0.5px; font-style: normal; }
#contact a { color: #004659; text-decoration: none;}
#contact a:hover { color: #004659; text-decoration: underline; }
#current-date { position: absolute; left: 0; top: 95px; color: #000; font-size: 1.2em; }
#current-date span { letter-spacing: 0.5px; font-style: normal; }
#home-link { height: 67px; left: 0; position: absolute; text-indent: -9999px; top: 22px; width: 387px; }

/* =5 Navigation */
#navbar { width: 940px; font-family: Helvetica, Arial, sans-serif; top: 134px; left: 0; position: absolute; }
#menu, #menu ul { float: left; list-style: none; line-height: 1.3em; margin: 0; padding: 2px 0 0 0; }
#menu li { float: left; padding: 0; }
#menu a { display: block; color: #FFF; font-size: 1.2em; text-decoration: none; text-transform: capitalize; padding: 0px 9px 0px 10px; border-right: 1px solid #4F7490; }
#menu .active a { color: #CEE2F2; }
#menu .first a { padding-left: 0; }
#menu .last a { border: none; }
#menu a:hover { color: #CEE2F2; text-decoration: underline; }

/* =6 Middle */
#content-area { background: #FFF; width: 940px; margin: 20px 0 30px 0; padding: 0; position: relative; float: left; }

#secondary-content { width: 174px; padding: 0 20px 0 0; float: left; font-family: Helvetica, Arial, sans-serif; }

.nav-survey-heading, .nav-current-edition-heading { width: 168px; margin: 0; padding: 3px 0 3px 6px; background: #004659; border-top: 3px solid #529cba; color: #FFF; font-size: 1.2em; font-weight: normal; }
#survey, #current-edition  { float: left; width: 174px; margin: 0 0 5px 0; padding: 0; background-color: #FFF; font-size: 1.1em; border-bottom: 2px solid #004659; }
#survey-question, #current-edition-title { width: 162px; margin: 0; padding: 6px; background: #FFF; line-height: 1.5em; }

#secondary-content h5 { font-weight: bold; font-size: 1.2em; color: #004659; border-bottom: 2px solid #CEE2F2; padding: 0 0 5px 0; }

#columns { float: left; width: 174px; margin: 0 0 5px 0; padding: 0; background-color: #FFF; font-size: 1.1em; border-bottom: 2px solid #004659; }
#columns p { font-size: 1.0em; padding: 2px 12px 0 0; }
.column-item { float: left; width: 168px; padding: 5px 0 5px 6px; border-bottom: 1px solid #CEE2F2; }
.column-item h4 { font-size: 1.1em; color: #004659; padding: 0; }
.column-item last { border-bottom: none; }
.column-thumb { float: left; width: 50px; margin: 0; padding: 0 6px 5px 0; }
.column-desc { float: right; width: 112px; }

#editions { float: left; width: 174px; margin: 0 0 8px 0; padding: 0; background-color: #FFF; font-size: 1.1em; border-bottom: 2px solid #CEE2F2; }
#edition-unit { float: left; width: 168px; margin: 0; padding: 8px 0 0 6px; }
.latest-edition-thumb { float: left; width: 65px; margin: 0; padding: 0 6px 5px 0; }
#edition-list { float: right; width: 97px; }
#edition-list li { padding: 5px 0 4px 0; border-bottom: 1px solid #CEE2F2; }
#edition-list .last { border: none; }

#main-content { width: 600px; padding: 0 15px 0 0; float: left; position: relative;}
#main-content p { font-size: 1.4em; }
#main-content h3 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.2em; color: #004659; border-bottom: 1px solid #CEE2F2; border-top: 1px solid #CEE2F2; margin: 5px 0 5px 0; padding: 5px 0 5px 0; }
#main-title { color:#004659; font-family:Helvetica,Arial,sans-serif; font-size: 2.6em; margin: 5px 0 10px 0; }

#main-content ul { list-style-type: disc; margin: 5px 0 5px 30px; padding: 0; }
#main-content ul li { margin: 0; padding: 0; font-size: 1.4em; }
#main-content ul li ul li { margin: 0; padding: 0; font-size: 1.0em; }

#main-content ol { list-style-type: decimal; margin: 5px 0 5px 30px; padding: 0; }
#main-content ol li { margin: 0; padding: 0; font-size: 1.4em; }
#main-content ol li ol li { margin: 0; padding: 0; font-size: 1.0em; }

/* =6.1 YouTube */
#main-content .yt_video {}
#main-content .yt_title { color: #004659;font-family: arial,verdana;font-size: 1.2em;margin: 10px 0; }
#main-content .yt_title strong { font-size: 1.5em; }
#main-content .yt_recent { border-bottom: 3px solid #529CBA; border-top: 3px solid #529CBA; padding: 15px 0 10px; margin-bottom:25px; }
#main-content .yt_recent ul { list-style:none; padding-left:0; margin:0; display:block; overflow:hidden; clear:both; }
#main-content .yt_recent ul li { float:left; margin-right: 40px; position: relative; }
#main-content .yt_recent ul li.last { margin-right:0; }
#main-content .yt_recent p.yt_title { font-size: 12px; margin: 0; padding: 0; width: 120px; }
#main-content .yt_recent div.yt_title { margin: 5px 0 0; }
#main-content .yt_time { color: #fff; font-family: arial; font-size: 9px; position: absolute; right: 3px; top: 78px; }

#feature-article { width: 600px; float: left; position: relative; border-top: 3px solid #529cba; border-bottom: 2px solid #004659; padding: 5px 0 5px 0; }
#feature-article h2 { font-family: Helvetica, Arial, sans-serif; color: #004659; }
#feature-article img { float: left; padding: 5px 10px 5px 0; }

#secondary-articles { width: 600px; float: left; position: relative; border-bottom: 2px solid #004659; padding: 10px 0 5px 0; }
.secondary-article-entry { width: 293px; padding: 0 13px 0 0; float: left; position: relative; }
#secondary-articles .last { float: right; padding: 0; }

#small-articles { width: 600px; float: left; position: relative; padding: 10px 0 5px 0; }
.small-article-entry { width: 140px; padding: 0 13px 0 0; float: left; position: relative; }
#small-articles .last { float: right; padding: 0;}

#stories-nav { font-size: 1.4em; margin: 20px 0 20px 0; padding: 10px 0 10px 0; border-top:1px solid #CEE2F2; }
#stories-nav .left { float: left; }
#stories-nav .right { float: right; }

#enews-subscribe { padding: 20px 0 20px 0; border-top:1px solid #CEE2F2; }

#main-content .entry p { font-size: 1.0em; }
.paginate { margin: 10px 0 20px 0; font-size: 1.2em; }

.simple-content, .freeform-content, .weblog-content, .columns-content, .edition-content { width: 600px; float: left; position: relative; border-top: 3px solid #529cba; padding: 5px 0 5px 0; }
.simple-content h2, .weblog-content h2, .freeform-content h2, .columns-content h2, .edition-content h2 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.8em; color: #004659; margin: 0 0 20px 0; }
.simple-content h4, .weblog-content h4, .freeform-content h4, .columns-content h4, .edition-content h4  { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.4em; color: #004659; margin: 4px 0 0 0; }

.whats-on-item, .pdf-downloads-item { float: left; width: 600px; padding: 9px 0 10px 0; border-bottom: 1px solid #CEE2F2; }
.whats-on last { border-bottom: none; }
.whats-on-thumb { float: left; width: 140px; margin: 0; padding: 0 6px 6px 0; }
.whats-on-desc { float: right; width: 454px; }

#right-col-content { width: 126px; padding: 0; float: right; background: #FFF; }
#twitter  { width: 126px; margin: 0 0 5px 0; padding: 0; float: right; background-color: #FFF; font-size: 1.1em; border-bottom: 2px solid #004659; }
.twitter-heading { font-family: Helvetica, Arial, sans-serif; width: 120px; margin: 0; padding: 3px 0 3px 6px; background: #004659; border-top: 3px solid #529cba; color: #FFF; font-size: 1.2em; font-weight: normal; }
#twitter-update { width: 114px; margin: 0; padding: 6px; background: #FFF; line-height: 1.5em; overflow: hidden; }
#banner-content { width: 126px; padding: 0; float: right; background: #FFF; }
.ad-banner { margin: 0 0 10px 0; }

/* =7 Form */
#search { position: absolute; top: 134px; right: 0; width: 240px; margin: 0; padding: 0; }
input.text { margin: 0; padding: 0; background: #FFFFFF; border: none; }

#search #keywords { width: 176px; }
#search #x { width: 60px; }
#search .button { padding: 0; border: none; background-color: #529cba; color: #FFF; }

#subscription .button, #subscription-main .button { padding: 0; border: none; background-color: #529cba; color: #FFF; }
#subscription, #subscription-main { float: left; background-color: #004659; border-top: 3px solid #529cba; color: #FFF; font-size: 1.1em; }

#subscription { width: 168px; margin: 0 0 8px 0; padding: 0 0 3px 6px; }
#subscription #a { width: 116px; }
#subscription #b { width: 30px; }

#subscription-main { margin: 0 0 25px 0; padding: 5px 10px 5px 10px; }
#subscription-main p { font-family:Helvetica,Arial,sans-serif; font-size: 1.2em; }
#subscription-main #a { width: 300px; }
#subscription-main #b { width: 40px; }
img.floatRight {float: right;}

/* =8 Extra */
/* =9 Footer */
#footer { width: 940px; margin: 20px 0 50px 0; background: #FFF; border-top: 2px solid #004659; text-align: center; }
#footer .site-info { margin: 5px 0 0 0; }
#footer .site-info a { padding: 0 6px 0 6px; }


#wrapper {
        background: transparent url(http://www.docklandsnews.com.au/images/dtv_holding_page_1.jpg);
	background-repeat: no-repeat;
       	width: 600px;
	height: 230px;
	padding: 120px 0 0 270px;
	
}


td {
     font-family: Helvetica, Arial, Times; font-size: 11px; line-height: 15px;
}