/************************************************
 *
 *  File     :  css/main.css
 *  Medium   :  Screen
 *  Version  :  v1.0
 *  Website  :  RSPCA - Tasmania
 *  Author   :  (c) 2009 Oxygen Kiosk // Andrej Simeonov 
 *
 ************************************************/

/* Resets */
    * { margin: 0; padding: 0; }
    :hover, :focus, :active { outline: none; }
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: none;
    }
	a img {border: none;}
/* // Resets */    

/* Global */
    
    html {
        background: url(../img/bg_html.jpg) no-repeat 50% 0;
        }
    
    body { 
        cursor: default;
        background: url(../img/bg_body.jpg) repeat-x center top #fff;
        font: 13px/20px tahoma, sans-serif;
        color: #333;
        }

    /* i.r. & clearfix */
        #header h1#logo,
        a span.icon,
        #header #donate a,
        form#newsletter button,
        #reel .arrow,
        ul.sponsors li a,
        #nav_social li a {
            display: block; 
            overflow: hidden; 
            text-indent: -1000em; 
            }

        #content:after,
        #featured:after,
        .content:after,
        ul.sponsors:after,
        ul#nav_sub:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden; 
            }
    /* // i.r. & clearfix */

    /* headings */
        h1#logo {
            width: 403px;
            height: 120px;
            cursor: pointer;
            background: url(../img/bg_h1.png) no-repeat;
            position: absolute;
            left: -2px;
            top: 31px;
            }
        
        #content h2 {
            font-weight: normal;
            font-size: 28px;
            line-height: 1em;
            margin-bottom: 16px;
            color: #5c4f29;
            }
        
        #content h3 {
            font-weight: normal;
            font-size: 17px;
            color: #555;
            margin: 8px 0;
clear: left;
            }
			#content h3 a {text-decoration: none;}
    /* // headings */
   
    /* anchors */
        a {
            color: #0093d0;
            }
        
        a:hover {
            color: #000;
            }
        
        a.more {
            float: right;
            margin: 8px -2px 8px 0;
            width: 120px;
            height: 37px;
            background: url(../img/btn_more.png);
            font-size: 16px;
            font-weight: bold;
            line-height: 33px;
            color: #fff;
            text-decoration: none;
            text-align: center;
            }
        
        a.more:hover {
            color: #fff;
            background-position: top right;
            }
        
        a.reverse {
            background-position: top right;
            }
        
        a.reverse:hover {
            background-position: top left;
            }
    /* // anchors */
/* // Global */

/* Page setup */
    #container {
        width: 980px;
        margin: 0 auto;
        }
    
    #featured {
        padding-bottom: 16px;
        border-bottom: 1px dotted #aaa;
        margin-bottom: 16px;
        }
        
    /* header */
        #header {
            height: 231px;
            position: relative;
            margin-bottom: 16px;
            }
            
        /* donate button */
            #header #donate {
                position: absolute;
                bottom: -8px;
                right: -60px;
                height: 74px;
                width: 273px;
                background: url(../img/bg_donate.png);
                }
            
            #header #donate a {
                position: relative;
                top: 29px;
                width: 153px;
                height: 41px;
                margin: 0 auto;
                background: url(../img/btn_donate.png);
                }
            
            #header #donate a:hover {
                background-position: bottom left;
                }
    /* // header */
   
    /* content */
        #content {
            padding-bottom: 16px;
            }
            
        #content .content {
            float: left;
            padding: 0 16px 16px 16px;
            border-right: 1px dotted #aaa;
            }
        
        #content .first {
            padding-left: 0;
            }
        
        #content .last {
            border-right: 0;
            padding-right: 0;
            margin-right: 0;
            }
        
        #content .third {
            width: 305px;
            margin-right: -1px;
            }

        #content .quarter {
            width: 220px;
            }
        
        #content .three-quarters {
            width: 720px;
            }
        
        #content .content p {
            margin: .5em 0 1em 0;
            }
			#content .content dl {margin-bottom: 1em; overflow: hidden;}
			#content .content dt {font-weight: bold; clear:both; float:left; text-align: right; width: 25%;}
			#content .content dd {float: right;margin-left: 12px; width: 73%;}
			img.profile-image {float: left; margin: 0 12px 1.5em 0;}
			img.left-image {float: left; margin: 0 12px 1.5em 0;}
			img.right-image {float: right; margin: 0 0 1.5em 12px;}
			.alignleft, img[align=left] {float: left; margin: 0 1em 1em 0;}
				.alignright, img[align=right] {float: right; margin: 0 0 1em 1em;}
				.aligncenter {display: block; margin: 0 auto 1em auto;}
    /* // content */
    /* footer */
        #footer {
            background: #faf9f6 url(../img/bg_footer.jpg) no-repeat 50% 35px;
            }
        
        #footer .wrapper {
            width: 980px;
            margin: 0 auto;
            }
            
        #footer #smartbar {
            height: 32px;
            background: url(../img/bg_smartbar.gif) repeat-x;
            color: #5c4f29;
            line-height: 32px;
            border-bottom: 3px solid #dbd3b9;
            }
        
        #footer #sitemap .wrapper {
            background: url(../img/bg_footerWombat_new.png) no-repeat 100% 90%;
            height: 200px;
            padding-bottom: 20px;
			padding-top: 2em;
            }

			#footer #sitemap .wrapper ul {list-style: none; margin-left: 0; padding-left: 0; position: relative; clear: left; margin-left: -12px;}
				#footer #sitemap .wrapper ul li {list-style: none; padding-left: 0; margin-left: 0; width: 150px;}
					#footer #sitemap .wrapper ul li ul {position: absolute;left: 150px; top: 0; display: none; margin-left: 0;  border-left: 3px solid #EFECE0;}
						#footer #sitemap .wrapper ul li.current ul {display: block;}
							#footer #sitemap .wrapper ul li.current ul li ul {display: none;}
								#footer #sitemap .wrapper ul li ul li.current ul {display: block;}
			
			/*Footer menu colours */
			#footer #sitemap .wrapper ul li a {color: #5c4f29;text-decoration: none; padding: 5px 12px; display: block;}
				#footer #sitemap .wrapper ul li.current a {background: #EFECE0; background: rgba(218, 210, 184, 0.5); text-shadow: #fff 0 1px 1px;}
					#footer #sitemap .wrapper ul li.current ul li a {font-weight: normal;}
					#footer #sitemap .wrapper ul li.current ul li.current a {font-weight: bold;}
						#footer #sitemap .wrapper ul li.current ul li.current ul li a {font-weight: normal;}
						#footer #sitemap .wrapper ul li.current ul li.current ul li.current a {font-weight: bold;}
    /* // footer */
/* // Page setup */

/* Content elements */
    /* Slideshow */
        #reel {

            }
        
        #reel .overlay {
            position: absolute;

            width: 688px;
            height: 327px;
            background: url(../img/bg_slideshowOverlay.png);
            z-index: 2;
            }
   
        #reel {
            position: relative;
            float: left;
            width: 648px;
            height: 319px;
            margin-right: 27px;
            }
        
        #reel #overlay {
            position: absolute;
            top: -4px;
            left: -20px;
            width: 688px;
            height: 327px;
            background: url(../img/bg_slideshowOverlay.png);
            z-index: 0;
            }
        
        #reel ul#slideshow {
            position: relative;
            list-style: none;
            width: 630px;
            height: 301px;
            overflow: hidden;
            }
            
        #reel #jFlowSlide {
            top: 9px;
            left: 9px;
            }
        
        #reel ul#slideshow li {
            overflow: hidden;
            position: relative;
            width: 630px;
            height: 301px;
            }
        
        #reel ul#slideshow li a img {
            border: 0;
            display: block;
            width: 630px;
            height: 300px;
            }
        
        #reel ul#slideshow li div {
/*            height: 81px;*/
            width: 480px;
            position: absolute;
            padding: 10px 120px 10px 10px;
            bottom: 0;
            left: 0;
            color: #000;
            }
        
        #reel ul#slideshow li div p {
            font-size: 14px;
            }
        
        #reel ul#slideshow li div h3 {
            margin: -28px 0 0 -3px !important;
            font-size: 45px;
            color: #000;
            text-transform: uppercase;
            font-weight: bold;
            }
        
        #reel a.more {
            position: absolute;
            bottom: 10px;
            right: 20px;
            z-index: 2;
            }
			#reel li.banner-757 a.more {display: none;}
            
        #reel .arrow {
            position: absolute;
            width: 40px;
            height: 40px;
            top: 50%;
            margin-top: -20px;
            background-position: top left;
            z-index: 3;
            cursor: pointer;
            }
        
        #reel .arrow:hover,
        #reel .arrow.hover {
            background-position: top right;
            }
        
        #reel .jFlowPrev {
            left: -17px;
            background-image: url(../img/bg_slideshowPrev.png);
            }

        #reel .jFlowNext {
            right: -17px;
            background-image: url(../img/bg_slideshowNext.png);
            }
        
        #reel_index {
            display: none;
            }
    /* // Slideshow */
   
    /* Call outs */
        #callouts {
            float: left;
            width: 305px;
            }
    /* // Call outs */
/* // Content elements */

/* Navs & lists */
    /* primary nav */
        #nav_primary {
            position: absolute;
            bottom: 0;
            left: -10px;
            height: 45px;
            list-style: none;
            }
        
        #nav_primary li,
        #nav_primary li a {
            float: left;
            height: 45px;
            }
        
        #nav_primary li {
            padding-right: 10px;
            }
        
        #nav_primary li a {
            font-size: 17px;
            font-weight: bold;
            text-decoration: none;
            height: 35px;
            line-height: 35px;
            margin-top: 5px;
            color: #fff;
            padding: 0 10px;
            text-transform: uppercase;
            }
        
        #nav_primary li a:hover {
            border-bottom: 5px solid #0093d0;
            color: #fff;
            }
     
        #nav_primary li.current a {
            background: url(../img/bg_navCurrent.gif) no-repeat 50% 0;
            height: 40px;
            color: #0093d0;
            line-height: 42px;
            cursor: default;
            border: 0;
            padding: 0 15px;
            -moz-border-radius: 6px 6px 0 0;
            -webkit-border-radius: 6px 6px 0 0;
            }
    /* // primary nav */

    /* quick nav */
        #nav_quick {
            list-style: none;
            position: absolute;
            top: 10px;
            right: -10px;
            float: right;   
            }
        
        #nav_quick li,
        #nav_quick li a {
            float: left;
            height: 17px;
            }
        
        #nav_quick li {
            padding: 0 2px 0 0;
            background: url(../img/bg_qnavSep.gif) no-repeat 100% 0;
            }
        
        #nav_quick li:last-child {
            background: none;
            }
        
        #nav_quick li a {
            padding: 0 8px;
            line-height: 16px;
            font-size: 12px;
            color: #0e445a;
            text-decoration: none;
            }
        
        #nav_quick li a:hover{
            text-decoration: underline;
            }
    /* // quick nav */
   
    /* primary callouts */
        #callouts ul {
            padding: 0;            
            list-style: none;
            padding-top: 16px;
            }
        
        #callouts ul li a {
            display: block;
            width: 305px;
            height: 50px;
            background: url(../img/bg_callout.png);
            line-height: 50px;
            text-indent: 16px;
            font-size: 17px;
            text-decoration: none;
            text-transform: uppercase;
            color: #fff;
            font-weight: bold;
            margin-bottom: 16px;
            }
                    
        #callouts ul li a:hover {
            background-position: bottom left;
            }
    /* // primary callouts */
   
    /* news and events */
        .content ul.news_events {
            margin: 0;
            border: 0;            
            padding: 0;            
            list-style: none;
            margin-bottom: 8px;
            }
        
        ul.news_events li {
            margin: 0 !important;
            border-bottom: 1px dotted #aaa;
            padding: 6px 0 !important;
            }

        ul.news_events li:first-child {
            padding-top: 0;
            }
        
        ul.news_events li a {
            display: block;
            color: #555;
            text-decoration: none;
            font-size: 13px;
            padding-left: 22px;
            background-repeat: no-repeat;
            background-position: 0 2px;
            line-height: 1.2em;
            }
        
        ul.news_events li.news a.main-link {
            background-image: url(../img/ico_news.png);
            }
        
        ul.news_events li.event a.main-link {
            background-image: url(../img/ico_event.png);
            }

        ul.news_events li a:hover {
            color: #0093d0;
            }
        
        ul.news_events li a strong,
        ul.news_events li a em {
            display: block;
            font-style: normal;
            }
        
        ul.news_events li a strong {
            font-size: 13px;
            color: #333;
            }
            
        ul.news_events li a em {
            font-size: 11px;
            line-height: 13px;
            padding-bottom: 4px;
            color: #777;
            margin-bottom: 3px;
            }

        ul.news_events li a:hover em {
            border-bottom: 1px solid #ddd;
            margin-bottom: 2px;
            }
    /* // news and events */
   
    /* sponsors */
        .content ul.sponsors {
            margin: 0;
            border: 0;            
            padding: 0;            
            list-style: none;
            }
        
        ul.sponsors li,
        ul.sponsors li a {
            float: left;
            height: 48px;
            float: left;
            background-repeat: no-repeat;
            background-position: top left;
            }
        
        ul.sponsors li {
            margin: 0 !important;
            padding: 5px !important;
            }
        
        ul.sponsors li a:hover {
            background-position: bottom left;
            }
        
        ul.sponsors li a.sponsor_bendigo {
            width: 202px;
            background-image: url(../img/sponsor_bendigo.gif);
            }

        ul.sponsors li a.sponsor_hills {
            width: 100px;
			height: 85px;
            background-image: url(../img/hills.png);
            }
		ul.sponsors li a.sponsor_compact {width: 125px; height: 100px;background-image: url(../img/compact-designs.jpg);}
		ul.sponsors li a.sponsor_photobat {width: 93px; height: 100px;background-image: url(../img/photobat.jpg);}
    /* // sponsors */
   
    /* footer breadcrumb */
        #nav_breadcrumb {
            list-style: none;
            font-size: 12px;
float: left;
            }
			#breadcrumbnav {float: left;}
        #nav_breadcrumb li,
        #nav_breadcrumb li a {
            height: 34px;
            }
#nav_breadcrumb li {float: left;}
        
        #nav_breadcrumb li {
            padding-right: 19px;
            background: url(../img/bg_breadcrumbSep.gif) no-repeat 100% 0;
            margin-right: 6px;
            }
        
        #nav_breadcrumb li:first-child {
            background: 0;
            padding-right: 10px;
            }
        
        #nav_breadcrumb li a {
            color: #5c4f29;
            }
        
        #nav_breadcrumb li a:hover {
            color: #000;
            }
        
        #nav_breadcrumb li.home a {
            font-weight: bold;
            }        
    /* // footer breadcrumb */
   
    /* footer social */
        #nav_social {
            float: right;
            margin-top: -10px;
            list-style: none;
            }
        
        #nav_social li,
        #nav_social li a {
            float: left;
            height: 33px;
            width: 32px;
            }
        
        #nav_social li {
            margin: 0 0 0 5px;
            }
        
        #nav_social li a.flickr {
            background: url(../img/social_flickr.png);
            }
        
        #nav_social li a.facebook {
            background: url(../img/social_facebook.png);
            }
        
        #nav_social li a.rss {
            background: url(../img/social_rss.png);
            }
    /* // footer social */
   
    /* Content list */
        .content ul,
        .content ol {
            margin: 0 1em 1.5em 1em;
            padding: .2em 0 .5em 1em;
            border-left: 4px solid #DBD3B9;
            border-bottom: 1px solid #DBD3B9;
            }

        .content ul li,
        .content ol li {
            margin-left: 1em;
            line-height: 1.6em;
            color: #5C4F29;
            }
    /* // Content list */
   
    /* subnav */
        .content #nav_sub {
            margin: 0;
            border: 0;
            padding: 0;
            border-bottom: 1px solid #DBD3B9;
            }
            
        #nav_sub li {
/*            line-height: 18px;*/
            font-size: 13px;
            margin-left: 0 !important;
            list-style: none;
            border-top: 1px solid #DBD3B9;
            }
        
        .content #nav_sub li ul {
            margin: 0;
            border: 0;
            padding: 0 0 0 16px;
            }
        
        #nav_sub li a {
            display: block;
            padding: 3px 3px 3px 16px;
            text-decoration: none;
			line-height: 18px;
            }
        
        #nav_sub li a:hover {
            background: #fff;
            }
        
        #nav_sub li a.parent {
            color: #5C4F29;
            padding-left: 16px;
/*            background: url(../img/ico_plus.png) no-repeat 0 50%;*/
            }

        #nav_sub li a.parent:hover {
            color: #000;
            background-color: #fff;
            }
    
        #nav_sub li a.open {
            background-image: url(../img/ico_minus.png);
background-image: none;
            }
        
        #nav_sub li a.current {
            font-weight: bold;
            color: #5C4F29;
            background-color: #FAFBF6;
            cursor: default;
            border: 1px dotted #aaa;
            border-right: 0;
            margin: 3px -17px 3px 0;
            }              
    /* // subnav */
/* // Navs * lists */

/* Forms */
    form fieldset {
        border: 0;
        }
		form fieldset legend {color: #333;}
    
    .content form fieldset ol {
        list-style: none; margin-top: 1em; border: none;
        }
		form fieldset ol li {margin-bottom: 1em;overflow: hidden;}
    
    form input,
    form textarea,
    form button {
        font: 14px tahoma, sans-serif;
        }
		form label {width: 150px; text-align: right; float: left; margin-right: 1em;}
    
    form button {
        cursor: pointer;
        }
		form textarea {width: 400px; height: 150px;}
		form input.button {margin-left: 170px}
            form ol li span.description {display: block;font-size: 0.8em; margin-left: 162px;}
			form ol li.button {padding-left: 162px;}
    /* quick search */
        form#ajaxSearch_form {
            height: 48px;
            width: 309px;
            background: url(../img/bg_quickSearch.png) center no-repeat;
            position: absolute;
            right: -2px;
            top: 71px;
            }
            
        form#ajaxSearch_form legend,
        form#ajaxSearch_form label {
            display: none;
            }
        
        form#ajaxSearch_form fieldset {
            padding: 8px;
            }
        form#ajaxSearch_form ol {margin-top: 0;}
        form#ajaxSearch_form li {
            float: left;
			margin-bottom: 0;
            }
        
        form#ajaxSearch_form input {
            width: 235px;
            height: 18px;
            padding: 7px 8px;
            color: #0093d0;
            border: 0;
            background: transparent;
            margin-right: 6px;
            }
        
        form#ajaxSearch_form input:focus {
            background: #fff;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            color: #0e445a;
            }
        
        form#ajaxSearch_form button {
            padding: 0;
            width: 36px;
            height: 31px;
            font-size: 15px;
            color: #0093d0;
            text-transform: uppercase;
            border: 0;
            text-align: center;
            background: transparent;
            }
        
        form#ajaxSearch_form button:focus,
        form#ajaxSearch_form button:hover {
            background: #fff;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            }            
    /* // quick search */
   
    /* newsletter */
        form#newsletter {
            width: 273px;
            height: 63px;
            background: url(../img/bg_newsletter.png);
            padding: 13px 16px;
            color: #fff;
            position: relative;
            }
        
        form#newsletter legend {
            width: 250px;
            }
        
        form#newsletter legend span {
            position: absolute;
            left: 16px;
			top:10px;
			width: 250px;
            font-size: 17px;
            color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            }
        
        form#newsletter p {
            padding-top: 17px;
            font-size: 13px;
            }
         form#newsletter ol {
			margin-top: 0;
			}
        form#newsletter ol li {
            float: left;
            padding-top: 6px;
			margin-bottom: 0;
            }
        
        form#newsletter label {
            display: none;
            }
        
        form#newsletter input {
            border: 0;
            background: url(../img/input_newsletter.png);
            width: 117px;
            height: 14px;
            padding: 4px;
            margin-right: 7px;
            font-size: 11px;
            color: #6c96a8;
            }
        
        form#newsletter input:focus {
            color: #0e445a;
            }
        
        form#newsletter button {
            position: relative;
            border: 0;
            width: 8px;
            height: 18px;
            background: url(../img/btn_newsletter.png);
            top: 2px;
            opacity: .7;
            }
        
        form#newsletter button:focus,
        form#newsletter button:hover {
            opacity: 1;
            }
    /* // newsletter */
/* // Forms */

/* Content */
    img.right {
        float: right;
        margin: 0 0 16px 16px;
        background: #fff;
        padding: 8px;
        border: 1px solid #DBD3B9;
        }
        
    div.caption {
        position: relative;
        width: 284px;
        }
    
    div.caption img {
        position: relative;
        z-index: 1;
        }
    
    div.caption p {
        width: 100%;
        position: absolute;
        z-index: 2;
        bottom: 9px;
        padding: 0 !important;
        border-top: 1px solid #fff;
        }
    
    div.caption p span {
        display: block;
        background: #fff;
        opacity: .8;
        
        margin: 0 9px;
        padding: 8px;
        line-height: 1.1em;
        }
    
    div.caption p span strong {
        font-weight: normal;
        color: #000;
        font-size: 14px;
        display: block;
        margin-bottom: 4px;
        }
/* // Content */
/* ============== */
/* = News Items = */
/* ============== */
#content .hentry h3 {margin-bottom: 0;}
p.news-item-meta {font-size: 0.8em; color: #A3A3A3; margin-top: 0;}

/* ================== */
/* = Media Releases = */
/* ================== */
ul#press-releases, ul#press-releases li {list-style: none; margin-left: 0; padding-left: 0; border: 0;}
ul#press-releases li {margin-bottom: 1em;}
#content ul#press-releases li.media-release-item div.ditto_documentInfo {font-size: 0.8em; color: #666;}
#content ul#press-releases li.media-release-item h3, #content ul#press-releases li.media-release-item p {margin: 0;}

/* ================ */
/* = Inspectorate = */
/* ================ */
#wlpeUser form label, #wlpeLogin form label {display: block; width: auto; float: none; text-align: left; margin-bottom: 1em;}
#wlpeUserProfilePhotoImg, #wlpeMyProfileImg {display: none;}
/* =================== */
/* = Rounded Corners = */
/* =================== */
#footer #sitemap .wrapper > ul > li > a{border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}