/*
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
10-Responsive
*/

/* =0 Reset */

/* =1 Global */
body { background: #FFFFFF url("https://www.southbanklocalnews.com.au/images/interface/bg-top-repeat.png") repeat-x scroll top left; background-position-y: 35px; 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: #000; text-decoration: none; }
a:hover { color: #ffc709; text-decoration: underline; }
a:active { color: #ffc709; 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: 175px; }
.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: 185px; 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: #000; font-size: 1.2em; text-decoration: none; text-transform: capitalize; padding: 0px 9px 0px 10px; border-right: 1px solid #000; }
#menu .active a { color: #000; font-weight: 900; }
#menu .first a { padding-left: 0; }
#menu .last a { border: none; }
#menu a:hover { color: #444; text-decoration: underline; }

/* =6 Middle */
#content-area { background: #FFF; width: 940px; margin: 40px 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; color: #000; font-size: 1.2em; font-weight: normal; }
#survey  { float: left; width: 174px;margin: 0 0 5px 0; padding: 0; background-color: #FFF; font-size: 1.1em; border-bottom: 2px solid #000; }
#current-edition  { float: left;  margin: 0 0 5px 0; padding: 0; background-color: #FFF; font-size: 1.1em; border-bottom: 2px solid #004659; }
#current-edition img  { width: 100%; height:auto; }
.nav-tv-heading { display:block; margin: 0; padding: 3px 0 3px 6px; background: #004659; border-top: 3px solid #529cba; color: #FFF; font-size: 1.2em; font-weight: normal; }
#survey-question { width: 162px; margin: 0; padding: 6px; background: #FFF; line-height: 1.5em; }
 #current-edition-title { width: 162px; margin: 0; padding: 6px; background: #FFF; line-height: 1.5em; }
#bannerdock {display:block;border-top: 3px solid #529cba; }

#secondary-content h5 { font-weight: bold; font-size: 1.2em; color: #000; border-bottom: 2px solid #000; 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 #000; }
#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 #000; }
.column-item h4 { font-size: 1.1em; color: #000; 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 #000; }
#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 #666; }
#edition-list .last { border: none; }

#main-content { width: 600px; padding: 0 15px 0 0; float: left; position: relative;}
#main-content p { font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif; font-size: 1.4em; }
#main-content h3 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.2em; color: #000; border-bottom: 1px solid #000; border-top: 1px solid #000; 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-bottom: 2px solid #000; padding: 5px 0 5px 0; }
#feature-article h2 { font-family: Helvetica, Arial, sans-serif; color: #000; }
#feature-article img { float: left; padding: 5px 10px 5px 0; }

#secondary-articles { width: 600px; float: left; position: relative; border-bottom: 2px solid #000; 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 #000; 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: #000; 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: #000; margin: 4px 0 0 0; }

.whats-on-item, .pdf-downloads-item { float: left; width: 600px; padding: 9px 0 10px 0; border-bottom: 1px solid #000; }
.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: 100%; margin: 0; padding: 0; float: none;clear:both; background-color: #FFF; font-size: 1.1em;position:relative;  }
.twitter-heading { font-family: Helvetica, Arial, sans-serif;  margin: 0 90px 0 0; padding: 3px 0 3px 6px; background: #000; color: #FFF; font-size: 1.2em; font-weight: normal; }
#twitter-update { width: 96%; margin: 0; padding: 6px 2%; background: #FFF; line-height: 1.5em; overflow: hidden; }
#twitter-update iframe { max-width: 100%; min-width: 180px; width: 100% !important;}
#twitter .twitterbutton {display:block;position:absolute;top:0;right:0;background: transparent url(/images/uploads2/follow.png);height:25px;width:82px;text-indent:-9999px;}
.fbshare {display:inline-block;background: transparent url(/images/uploads2/fb-share-button.png);height:20px;width:56px;text-indent:-9999px;vertical-align: middle;}
.twitter-share-button {vertical-align: middle !important;}
.socshare {margin:10px 0;}
#banner-content { width: 126px; padding: 0; float: right; background: #FFF; }
.ad-banner { margin: 0 0 10px 0; }

/* =7 Form */
#search { position: absolute; top: 185px; right: 0; width: 220px; margin: 0; padding: 0; }
input.text { margin: 0; padding: 0; background: #FFFFFF; border: none;-webkit-appearance: none;  -webkit-border-radius:0;   border-radius:0; border: 1px solid #ccc; }
input.button {-webkit-appearance: none;  -webkit-border-radius:0;   border-radius:0; }
#search #keywords { width: 155px; }
#search #x { width: 60px; }
#search .button { padding: 0; border:1px solid #000; background-color: #000; color: #FFF; }

#subscription .button, #subscription-main .button { padding: 0; border: none; background-color: #529cba; color: #FFF;-webkit-appearance: none;  -webkit-border-radius:0;   border-radius:0; }
#subscription, #subscription-main { float: left; color: #000; font-size: 1.1em; }

#subscription { width: 168px; margin: 0 0 8px 0; padding: 0 0 3px 6px; background: #000;}
#subscription a { color: #fff; }
#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 #000; text-align: center; }
#footer .site-info { margin: 5px 0 0 0; }
#footer .site-info a { padding: 0 6px 0 6px; }


#wrapper {
        background: transparent url(/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;
}


/* =10 Responsive */


#showmenu, #showsearch, #header .logo {display:none;}
@media (max-width: 940px) { 
body, html {
    background: #FFFFFF;
	width:100%;
	overflow-x:hidden;
	margin: 0;
	}
#page-wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;;
}
#header {
    background: #fff;
    max-height: 104px;
    width: 100%;
	border-bottom:solid 3px #666;
	position:relative;
}
.visiser {opacity:0.2;
filter:alpha(opacity=20);}
#header a.logo {
    display: block;
    float: none;
    padding: 0;
	max-width:482px;
	width:100%;
	margin:0 auto;
position: relative;
top: 29%;
}
#header a.logo img {
    width:100%;
	height:auto;
}
#home-link, .header-banner, #current-date, #contact, #secondary-content, #feature-article, #secondary-articles, #small-articles, #twitter,
 #right-col-content , #footer , #bannerContent , #comment_form {display:none;}
body.cuted, html.cuted, body.cuted1, html.cuted1{
    height:100%;
	overflow:hidden;
}
#showmenu {width:60px;height:100%;display:inline-block;vertical-align:middle;margin:0;position: absolute;left: 0;}
#showmenu span {width:40px;height:40px;display:block;vertical-align:middle;background: transparent url(/images/uploads/sprite.png) no-repeat center top;margin:33px 10px 0;}
#showmenu span.mobact { background: transparent url(/images/uploads/sprite.png) no-repeat center center;}
#showmenu.darkmenu {background:#fff;}
.home #showsearch {display:none;}
#showsearch {width:60px;height:100%;display:block;vertical-align:middle;margin:0;position:absolute;right:0;z-index:5;top:0;}
#showsearch span {width:40px;height:40px;display:block;vertical-align:middle;background: transparent url(/images/uploads/sprite.png) no-repeat center bottom;margin:33px 10px 0;}
#content-area {
    float: none;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    width: 100%;
	border-top:solid 6px #000;
}
#footer {
    border-top: 2px solid #004659;
    margin: 20px 0 50px;
    text-align: center;
    width: 100%;
}
#main-content {
    float: none;
    padding: 0 ;
    position: relative;
    width: 96%;
	margin:0 2%;
}
#main-content .edition-content {
    border-top: none;
    float: none;
    padding: 5px 0;
    position: relative;
    width: 100%;
	}

#main-content .edition-content h4 {border-top: 3px solid #666;padding-top:15px;}
#main-content .edition-content h4.firstmob {border-top: none;padding-top:5px;}
#navbar {
    background: none repeat scroll 0 0 #000;
    left: -203px;
    position: absolute;
    top: 107px;
    width: 203px;
    z-index: 5;
	height:auto;
	overflow:hidden;
	border-top: 6px solid #000;
}
#search {
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: initial;
	left: 0;
    top: 107px;
    width: 100%;
	background: none repeat scroll 0 0 #000;
	z-index: 5;
	text-align:center;
	display:none;
}
#menu, #menu ul {
    float: none;
    line-height: 1.3em;
    list-style: none outside none;
    margin: 0 2%;
    padding: 2px 0 0;
	width:96%;
}
#menu li {
    float: none;
    padding: 0;
	width:100%;
	border-top:solid 1px #666;
}
#menu li.first {border-top:none;}
#menu a, #menu .first a {
    border-right: none;
    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    padding: 10px;
    text-decoration: none;
    text-transform: capitalize;
}
.edition-content img {margin:0 auto;max-width:100%;height:auto;}
.simple-content, .freeform-content, .weblog-content, .columns-content, .edition-content {
    border-top: none;
    float: none;
    padding: 5px 0;
    position: relative;
    width: 100%;
}
#main-content .yt_video , #main-content .yt_recent {text-align:center;width:100%;}
#main-content .yt_video iframe {max-width:100%;}
#main-content .yt_recent ul li {
    display: inline-block;
    float: none;
    margin-right: 40px;
    position: relative;
}
#main-content .yt_recent div.yt_title {text-align:left;}
#main-content .yt_title strong {width:100%;display:block;}

}
@media (max-width: 600px) { 
#header a.logo {
    display: block;
    float: none;
    margin: 0 80px;
    max-width: 482px;
    padding: 0;
    position: relative;
    top: 5%;
    width: auto;
}
#main-content .yt_recent ul li {width:45%;margin: 0 2%;}
#main-content .yt_recent p.yt_title {
    font-size: 12px;
    margin: 0 auto;
    padding: 0;
    width: 120px;
}

}
@media (max-width: 480px) {
#header a.logo {
    display: block;
    float: none;
    margin: 0 60px;
    max-width: 482px;
    padding: 0;
    position: relative;
    top: 40%;
    width: auto;
}
#header .site-logo,
#header .top-row,
#header .bottom-row {
    display: none;
}

}

@media (max-width: 667px) {
#header .site-logo,
#header .top-row,
#header .bottom-row {
    display: none;
}
}


@media (max-width: 320px) { 
#header {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 3px solid #666;
    max-height: 60px;
    width: 100%;
}
#showmenu, #showsearch {
    height: 75px;
}
#showmenu span, #showsearch span { margin: 13px 10px 0; }	
#header a.logo {
    display: block;
    float: none;
    margin: 0 60px;
    max-width: 482px;
    padding: 0;
    position: relative;
    top: 10px;
    width: auto;
}
#showmenu, #showsearch {height: 60px;}
#navbar, #search {top: 63px;}
#main-content .yt_video iframe {
    height: 169px;
    max-width: 100%;
}
#article  {height: 300px !important;width: 280px !important;}
img.floatRight {float: none;}
#subscription, #subscription-main {float: none;}
#subscription-main #a {
    margin: 10px auto;
    width: 250px;
}
#search { padding: 50px 0;}
#search #keywords {
    display: block;
    margin: 0 auto 20px;
    padding: 10px 20px;
    width: 156px;
}

#search #x {
    font-size: 18px;
    padding: 8px 12px;
    width: auto;
}
}

/* New Header */
.top-row { font-size: 1.25em; margin: 10px 0; }
.bottom-row { border-top: 1px solid #000; padding-top: 5px; }
.site-logo {
    margin: 25px auto;
    text-align: center;
    width: 100%;
}
.site-logo img {
    width: 70%;
}
.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    }

.flex-item:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(3) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.text-center { text-align: center; width: 100%; }