@charset "UTF-8";
/* CSS Document */

    /* --------------------------------------
BODY
---------------------------------------*/

body { margin: 0px; padding: 0px; background:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #333; }

/* --------------------------------------
LAYOUT
---------------------------------------*/

#page { margin:auto; width:985px;}

#background { margin:auto; width:985px; background:#fff url(/common/images/home/sc-bg.png) repeat-y; float:left;}

#left-side-top { margin:0; width:15px; height:149px; background:#fff url(/common/images/home/left-side.png) no-repeat; float:left; }

#content { margin:0; padding:0; width:960px; float: left; }

#header { margin:0; width:960px; height: 109px; background:#fff  url(/common/images/home/header-bg.png) no-repeat; float:left; }

#right-side-top { margin:0; width:10px; height:149px; background:#fff url(/common/images/home/right-side.png) no-repeat; float:left; }


/* --------------------------------------
TYPE
---------------------------------------*/

p { font-size: 1em; line-height: 1.4em; font-weight:normal; margin:0;}

	p.author { margin:0; padding:0; font-size: 1em; line-height: 1.4em; font-weight:normal; color:#666; }
        
        p.story { margin:10px 0 0 0; font-size: 1em; line-height: 1.4em; font-weight:normal; }

        p.no-comment { margin:0; padding: 5px 0 10px 0; line-height: 1.6em; color:#666; text-align:center; }
        
        p.title { margin:0; padding: 9px 0 0 10px; font-size: 1.2em; line-height: 1.4em; font-weight: bold; float:left; }
                
        p.slide-text { margin:2px 0 0 4px; line-height: 1.1em; float:left; }
        
        p.story-right { margin:3px 15px 0 15px; font-size: 1em; line-height: 1.4em; font-weight:normal; }

h1 { font-family: "Arial Bold", Arial, Helvetica, sans-serif; }

	h1.suburb { margin: 2px 3px 3px 190px; font-family: "Arial Black", "Arial Bold", Arial, Helvetica, sans-serif; font-size: 2.3em; line-height: 1em; }
        
        h1.news-title { margin:0 0 10px 0; font-weight:bold; font-size: 2.3em; line-height: 1em; }

h2 { font-family: "Arial Bold", Arial, Helvetica, sans-serif; }
        
        h2.story { margin: 15px 0 5px 0; font-size: 1.4em; }
        
h3 { font-family: "Arial Bold", Arial, Helvetica, sans-serif; }
        
        h3.title { margin:0; padding: 14px 0 0 45px; font-size: 1.2em; line-height: 1.4em; }
        
        h3.widget-headline { margin:5px 15px 0 15px; font-size: 1em; line-height: 1.4em; }

        h3.title-no-highlight { margin:0; padding: 8px 0 0 45px; font-size: 1.2em; line-height: 1.4em; }
		
		h3.section-title { margin:0; padding: 10px 0 4px 0; font-size: 1.0em; line-height: 1.0em; }
        
.slide-text { margin:0 0 0 4px; line-height: 1.1em; float:left; }

/* --------------------------------------
ADS
---------------------------------------*/

#header-ad {margin:0 0 0 0; width: 468px; height: 60px; float:left;}

.mrec-ad { margin:20px 0 10px 15px; width: 300px; height: 250px; }

.half-mrec-ad { margin:20px 0 10px 15px; width: 300px; height: 125px; }

.leader-board-ad { margin:0 116px 25px 116px; width: 728px; height: 90px; float:left;}


/* --------------------------------------
LINKS
---------------------------------------*/

a:link, a:visited { border:none; text-decoration: none; color:#333333}

a:hover {  border:none; text-decoration: underline; color:#333333; }

.smallimage a img { border:none; }

    .green_a:link, .green_a:visited { margin:16px 0 0 250px; padding:1px 5px; text-transform:uppercase; text-decoration: none; color:#fff; background:#66cc00; float:left; }

    .green_a:hover { margin:16px 0 0 250px; padding:1px 5px; text-transform:uppercase; text-decoration: none; color:#fff; background: #009900; float:left; }
        
    .pix_a:link, .pix_a:visited { color:#333; text-decoration: none;}

    .pix_a:hover { color:#0069b7; text-decoration: underline; color:#0069b7; }
    
    .dark-blue_a:link, .dark-blue_a:visited { margin:0; padding:0; text-decoration: none; color:#0069b7; }
    
    .dark-blue_a:hover { margin:0; padding:0; text-decoration: underline; color: #03B0F0; }
        
.comment-btn:link,  .comment-btn:visited { margin:2px 0; height:14px; padding:1px 5px 0 2px; font-size: 0.9em; text-transform:uppercase; text-decoration: none; color:#fff; background:#66cc00; border:0; float:right; }

.comment-btn:hover { margin:2px 0; height:14px; padding:1px 5px 0 2px; text-transform:uppercase; text-decoration: none; color:#fff; background:#009900; border:0; float:right; }

.plain:link, .plain:visited { margin:0; color:#333; text-decoration: none;}

.plain:hover { margin:0; color:#0069b7; text-decoration: underline; color:#0069b7; }

.blue-button:link,  .blue-button:visited { margin: 0 8px 5px 8px; padding: 3px 10px; height:25px; text-transform:uppercase; text-decoration: none; color:#fff; background:#03B0F0 url(/common/images/home/blue-button.png) repeat-x; }

.blue-button:hover { margin: 0 8px 5px 8px; padding: 3px 10px; height:25px; text-transform:uppercase; text-decoration: none; color:#fff; background:#03B0F0 url(/common/images/home/blue-button-highlight.png) repeat-x; }

.widget-tab:link,  .widget-tab:visited { margin: 0; padding: 8px 15px; text-transform:uppercase; text-decoration: none; color:#0069b7; background:#fff url(/common/images/home/widget-tab-bg.png) repeat-x; float:left; }

.widget-tab:hover, .widget-tab.active { margin: 0; padding: 8px 15px; text-transform:uppercase; text-decoration: none; color:#03B0F0; background:#fff; float:left; }

.story:link, .story:visited {color:#333333 }
       
/* --------------------------------------
COLOR
---------------------------------------*/

.blue { color: #0069b7;}

.light-blue { color: #03B0F0; }
	
.green { color: #66cc00;}

.dark-green { color: #009900; }

.grey { color:#999; }
        
        
 /* --------------------------------------
content
---------------------------------------*/       
        
.fullwidth { width:960px; float:left; }

.halfwidth { width:477px; float:left; }


/* --------------------------------------
navigation
---------------------------------------*/

ul { list-style-image:none; list-style-type:none; margin:0; padding: 0; }

#navigation { margin:0; width:960px; padding:0;  float:left; }

#nav-bar { width:945px; height:30px;  padding:0 0 0 15px; background:#0069b7 url(/common/images/home/nav-bg.png) repeat-x; float:left; }

#nav-shadow { margin:0; width:960px; height:36px; background:#fff url(/common/images/home/nav-shadow.png) repeat-x; float:left; }
				
	#nav ul { list-style-image:none; list-style-type:none; margin:0; padding: 0; }

	#nav li { margin:0; float: left; }

	#nav li a { display: block; }

	.no_home a:link, .no_home a:visited { height:24px; padding: 6px 10px 0 10px; display: block; color: #fff; text-decoration: none; letter-spacing:0.5px; background: #0069b7 url(/common/images/nav-bg.png) repeat-x;}
	
	.home a:link, .home a:visited { height:24px; padding: 6px 10px 0 30px; display: block; color: #fff; text-decoration: none; letter-spacing:0.5px; background: #0069b7 url(/common/images/nav-home-bg.png) no-repeat ;}

	.no_home a:hover, .no_home a.active { color: #0069b7; background: #fff url(/common/images/nav-highlight-bg.png) repeat-x; text-decoration:none; }
	
	.home a:hover, .home a.active { color: #0069b7; background: #fff url(/common/images/nav-home-highlight-bg.png) repeat-x; text-decoration:none; }

	#nav { display: inline; margin:0; float: left; }
		
	.nav-text { text-transform: uppercase; font-size: 1.2em; }
        
        .nav-divider { width:1px; height: 20px; margin: 5px 0 0 0; background: #0069b7 }

/* --------------------------------------
sub-navigation
---------------------------------------*/

.sub-nav-left { margin: 0 0 0 9px; height:36px; width:11px; background:#fff url(/common/images/home/sub-nav-left.png) no-repeat; float:left;}

.sub-nav-bg { margin:0; height:36px; background:#fff url(/common/images/home/sub-nav-bg.png) repeat-x; float:left; }

.sub-nav-right { margin:0; height:36px; width:11px; background:#fff url(/common/images/home/sub-nav-right.png) no-repeat; float:left;}

#sub-navigation { margin:0; background:#fff; }

		
	#sub-nav ul { list-style-image:none; list-style-type:none; margin:0; padding: 0; }

	#sub-nav li { margin:0; padding: 0; float: left; }

	#sub-nav li a { display: block; padding: 0;  margin-left:0px; }

	#sub-nav li a:link, #sub-nav li a:visited { height:28px; padding: 0; margin: 6px 15px 0 15px; color: #0069b7; text-decoration: none; }

	#sub-nav li a:hover, #sub-nav li a.active { height:28px; padding: 0; margin: 6px 15px 0 15px; color: #0069b7; text-decoration: underline;  }

	#sub-nav { display: inline; margin:0; float: left; }
		
	.sub-nav-text { text-transform: uppercase; font-size: .9em; font-weight:bold;}
        
        .sub-nav-divider { width:1px; height: 13px; margin: 6px 0 0 0; background: #0069b7 }


/* --------------------------------------
left column
---------------------------------------*/

#left-column { width:615px; margin:12px 0 20px 15px; float:left; }

.left-column-left { margin:0; width:300px; float:left; }

.left-column-right { margin:0 0 0 15px; width:300px; float:left; }

.sections { margin:0; width:615px; float:left;}

/* --------------------------------------
right column
---------------------------------------*/

#right-column { width:324px; margin:12px 0 20px 0; float:left; }

.widget-highlight { margin:0 0 10px 5px; width:314px; background:#fff url(/common/images/home/find-out-bg.png) repeat-y; }

.find-out-top { margin:0; height:44px; width:314px; background:#fff url(/common/images/home/find-out-top.png) no-repeat; }

.widget-highlight-bg { margin:0 7px 0 21px; width:286px; background:#fff url(/common/images/home/stripe-bg.png) repeat-x bottom;}

.widget-highlight-footer { margin:0; width:314px; height:8px; background:#fff url(/common/images/home/find-out-footer.png) no-repeat; }

.button { margin:15px 0 0 0; width:286px; height:25px; text-align:center; }

.widget-highlight-top { margin:0; height:8px; width:314px; background:#fff url(/common/images/home/widget-highlight-top.png) no-repeat; }

.widget-tabs  { margin:0 0 15px 0; width:286px; height:30px; text-align: center; background:#fff; }

.favourite-big {margin:0 5px 0 0; width:20px; height:18px; background:transparent url(/common/images/home/favourite-big.png) no-repeat; float:left; }

.widget-no-highlight { margin:0 0 10px 10px; width:300px; }

.search-feild { margin: 7px 0 0 5px; float:left;}

.search-button { margin: 7px 0 0 5px; float:left; padding: 1px 5px; height:22px; text-transform:uppercase; text-decoration: none; color:#fff; background:#03B0F0 url(/common/images/home/blue-button.png) repeat-x; border:none; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */  }

.widget-bg { margin:0; width:300px; background:#fff url(/common/images/home/stripe-bg.png) repeat-x bottom;}


/* --------------------------------------
images
---------------------------------------*/

.large-image { margin:0; width: 288px; height: 199px; padding:4px; border: 1px solid #03B0F0; float:left; }

#slideshow {margin:0 0 10px 0; width:610px; height: 160px; background:#fff url(/common/images/home/stripe-bg.png) repeat-x bottom; float:left; }

.slide-picture-frame { margin:10px 10px 10px 0; width:110px; border:1px solid #03B0F0; background:#fff; }

.slide-picture { margin:1px; width:108px; height:95px; border:none; }

	#street-pix ul { list-style-image:none; list-style-type:none; margin:0; padding: 0; }

	#street-pix li { margin:10px 0 0 10px; float: left; }

	#street-pix li a { display: block; }

	#street-pix li a:link, #street-pix li a:visited { }

	#street-pix li a:hover, #street-pix li a.active {  }

	#street-pix { display: inline; margin:0; float: left; }
        
.picture-frame { margin:0 5px 0 0; width:130px; height:97px; border:1px solid #03B0F0; background:#fff; }

.thumb-picture { margin:1px; width:128px; height:95px; border:none; }



/* --------------------------------------
comments
---------------------------------------*/

.no-comment-top { margin:10px 0 0 0; padding:0; width:300px; height:29px; background:#fff url(/common/images/home/no-comment-top.png) no-repeat; float:left;}

.no-comment-box { margin:0; width:298px; border-top:none; border-right:1px dashed #999; border-bottom:none; border-left:1px dashed #999; float:left; }

.no-comment-footer { margin:0; padding:0; width:300px; height:26px; background:#fff url(/common/images/home/no-comment-footer.png) no-repeat; float:left;}

.comment-details { margin: 5px 0 10px 0; height:18px; width:300px; padding: 0; background: transparent; float:right;}

.comment-plus { margin:0; width:18px; height:18px; background:#fff url(/common/images/home/comment-plus.png) no-repeat ; float:right; }

.comment-number { margin:0; height:18px; padding:3px 10px 0 2px; background:#fff; float:right; }

.favourite {margin: 0; width:11px; height:20px; padding:0; background:#fff url(/common/images/home/favourite.png) no-repeat; float:right;}

/* --------------------------------------
widgets
---------------------------------------*/


.news {margin: 0; width:48px; height:37px; padding:0; background: url(/common/images/home/news-icon.png) no-repeat; float:left;}

.search {margin: 0; width:48px; height:37px; padding:0; background: url(/common/images/home/search-icon.png) no-repeat; float:left;}

.street {margin: 0; width:48px; height:37px; padding:0; background: url(/common/images/home/street-icon.png) no-repeat; float:left;}

.local {margin: 0; width:48px; height:37px; padding:0; background: url(/common/images/home/local-icon.png) no-repeat; float:left;}

.whats-on {margin: 0; width:48px; height:37px; padding:0; background: url(/common/images/home/whats-on-icon.png) no-repeat; float:left;}

.pix { margin: 0; width:48px; height:37px; padding:0; background: url(/common/images/home/pix-icon.png) no-repeat; float:left;}

.featured-user {margin: 0; width:48px; height:37px; padding:0; background: url(/common/images/home/user-icon.png) no-repeat; float:left;}

.section-header {margin: 20px 0 0 0; width:300px; height:37px; padding:0; background:#fff url(/common/images/home/title-bg.png) repeat-x; }

.section-header-wide {margin: 5px 0 0 0; width:615px; height:37px; padding:0; background:#fff url(/common/images/home/title-bg.png) repeat-x; float:left;}

.embedded-section-header {margin: 20px 0 15px 0; width:300px; height:37px; padding:0; background:#fff url(/common/images/home/title-bg.png) repeat-x; float:left;}

.embedded-section-footer {margin: 0 0 15px 0; width:300px; height:15px; padding:0; background:#fff url(/common/images/home/embedded-section-footer.png) repeat-x; float:left;}

.quote { margin: 5px 0 5px 0; padding: 0 0 8px 30px; background:#fff url(/common/images/home/quote.png) no-repeat; float:left; }

.align-right {text-align:right; }

.float-right {float:right; }

/* --------------------------------------
footer
---------------------------------------*/

#footer { margin:auto; width:985px; height:16px; background:#fff url(/common/images/home/sc-footer.png) no-repeat; float:left;}

#footer-space { margin:auto; width:985px; height:35px; float:left;}