/* @override http://lsbc.vic.gov.au/wp-content/themes/LSB-Theme/style.css */

/* 
Theme Name: Legal Services Board
Theme URI: http://lsb.vic.gov.au
Description: Theme for the Legal Services Commissioner.
Author: Bite Visual Communications & Domestic Cat Software
Author URI: http://domesticcat.com.au
Version: 1
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	border: 0;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */


blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

a {color: #03f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #3399ff; color: #fff; text-shadow: none;}
::selection {background: #3399ff; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #3399ff; color: #000; text-decoration: none;}
mark {background-color: #3399ff; color: #000; font-style: italic; font-weight: bold;}



/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

#page-wrap {width: 960px; margin: 20px auto;}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}


/* @group Main */

html
{
	height: 100%;
}

body
{
	margin-top: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
    -webkit-text-size-adjust: 100%;
    background-color: #f5f5f5;
    height: 100%;
}

#main-body
{
	width: 1024px;
	background-color: white;
	margin: 0 auto;
    min-height: 100%;
    height:     auto !important;
    height:     100%;
    margin:     0 auto -54px;
}

#main-body img.alignright
{
	float: right;
}

#main a {
	text-decoration: underline;
}

h1, h2, h3, h4
{
	color: #005581;
	font-weight: 300;
}

h1
{
	font-size: 2.0em;
	padding: 0;
	padding-top: 10px;
	margin: 0;
}

h2
{
	font-size: 1.4em;
	margin-bottom: 0px;
}

p
{
	margin-top: 5px;
}

a
{
	color: #005581;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#content
{
	width: 1000px;
	background-color: white;
	margin: 0 12px;
	margin: 0 auto;
	position: relative;
}

#main-left .hilite
{
	color: black;
	font-weight: bold;
}

#news-ticker-4, #news-ticker-5, #news-ticker-6 {
	margin-top: 0;
}

.tickerText {
	color: black;
}

.tickerLink a {
	font-weight: bold;
}

/* @end */

/* @group Top */

#top
{
	height: 65px;
	border-top: 8px solid #005581;
	background-image: url('assets/top-gradient.png');

	width: 1000px;
}

#top #headerimg
{
	width: 425px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 0;
}

/* @end */

/* @group Nav (Top) */

#top-menu
{
	height: 36px;
	z-index: 99;
	width: 1000px;
}

#main-nav ul
{
	margin: 0;
	list-style-type: none;
	padding: 0;
	cursor: pointer;
	display: block;
	margin-bottom: 4px;
	height: 5px;
	z-index: 99;
}

#main-nav ul ul li
{
	float: left;
	min-height: 22px;
	background-color: #005581;
	width: 142px;
	height: 27px;
	text-align: center;
	padding-top: 8px;
	border-right: 1px solid white;
	z-index: 99;
}

#main-nav ul ul li:nth-child(6)
{
	border: none;
}

#main-nav ul ul li:nth-child(2)
{
	width: 214px;
	background-color: #86786F;
}

#main-nav ul ul li:nth-child(3)
{
	width: 213px;
	background-color: #39939B;
}

#main-nav ul a
{
	text-decoration: none;
	color: #fff;
	font: 500 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#main-nav li:hover ul
{
	display: block;
}

#main-nav li ul
{
	display: none;
}

#main-nav li ul li
{
	border-right: none;
	position: relative;
	width: 290px;
	text-align: left;
	padding-left: 7px;
	top:  10px;
}

#main-nav li ul li.menu-item
{
	border-right: none;
	position: relative;
	width: 290px;
	text-align: left;
	background-color: #729BAE;
	opacity: .95;
	filter: alpha(opacity=95);
	padding-left: 7px;
	top:  10px;
}

#main-nav li:nth-child(2) ul li.menu-item
{
	background-color: #86786F;
}

#main-nav li:nth-child(3) ul li.menu-item
{
	background-color: #39939B;
}

/* @end */


/* @group Left Split */

#leftsplit
{
	float: left;
	width: 200px;
	min-height: 500px;
}

/* @group Nav (left hand side) */

#nav ul li.current_page_ancestor.current_page_parent ul.children li.current_page_item a
{
	font-weight: bold;
}

#nav
{
	margin-top: 1px;
	margin-left: 0px;
	width: 208px;
	background-color: #005581;
	list-style-type: none;
	padding-top: 5px;
	padding-left: 5px;
}

#nav ul
{
	margin: 0;
	list-style-type: none;
	padding: 0;
	position: relative;
	cursor: pointer;
	display: block;
	margin-bottom: 0px;
	width: 204px;
	min-height: 21px;
}

#nav, #nav a
{
	text-decoration: none;
	color: #fff;
	font: 400 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#nav
{
	font-weight: bold;
}

#nav li
{
	border-top: 1px solid #fff;
	padding-top: 5px;
	min-height: 22px;
	background-color: #6E6E6E;
	padding-left: 8px;
}

#nav ul li
{
	position: relative;
	top: 4px;
	right: 5px;
	background-color: #6AA3BC;
	border: none;
	padding: 6px 5px 4px 10px;
	width: 198px;
}

/* information for lawyers */

#nav.information-for-lawyers
{
	background-color: #86786F;
}

#nav.information-for-lawyers ul li, #nav.information-for-lawyers ul li a
{
	background-color: #C2BBB8;
	color: white;
}

#nav.information-for-lawyers ul li li, #nav.information-for-lawyers ul li li a
{
	background-color: #E0DBD9;
	color: #7B7B7B;
}

/* information for consumers */

#nav.information-for-consumers
{
	background-color: #3D949B;
}

#nav.information-for-consumers ul li, #nav.information-for-consumers ul li a
{
	background-color: #95C1C6;
	color: white;
}

#nav.information-for-consumers ul li li, #nav.information-for-consumers ul li li a
{
	background-color: #BFDDE0;
	color: #7F8080;
}

#nav li ul a
{
	padding-left: 0px;
	max-width: 70%;
	font-weight: nomal;
	color: #7A7A7A;
}

#nav li ul a:hover
{
	text-decoration: underline;
}

#nav  ul ul li
{
	position: relative;
	top: 4px;
	right: 10px;
	background-color: #CADFED;
	border: none;
	width: 191px;
	padding: 6px 0 2px 22px;
}

#nav .children
{
	display: none;
}

#nav li.current_page_item .children
{
	margin-top: 2px;
	display: block;
}

#nav li.current_page_item ul.children li ul.children
{
	display: none;
}

#nav li.current_page_ancestor li ul.children li,
#nav li.current_page_parent li ul.children li
{
	display: none;
}

#nav li.current_page_ancestor,
#nav li.current_page_ancestor ul.children,
#nav li.current_page_ancestor ul.children li.current_page_parent
{
	display: block;
}

#nav li.current_page_ancestor.current_page_parent ul.children li
{
	display: block;
}

#nav li.current_page_ancestor.current_page_parent li ul.children li
{
	display: none;
}

#nav li.current_page_ancestor.current_page_parent li.current_page_item ul.children li
{
	display: inherit;
}

#nav li.current_page_ancestor.current_page_parent li ul.children li.current_page_item {
	font-weight: bold;
}

/* @end */

/* @group Search */

.search #nav.lsc {
	display: none;
}

#search-container
{
	position: relative;
}

#search
{
	position: absolute;
	right: 1px;
	top: 4px;
	height: 26px;
	width: 161px;
}

#search form
{
	background-color: #DCDCDE;
	margin-top: 1px;
	margin-bottom: 10px;
	right: 0;
	padding: 5px 0 0;
}

a#home-button {
	width: 34px;
	height: 20px;
	display: block;
	position: relative;
	right: 50px;
	top: 10px;
	background-image: url('assets/home-button.png');
}

#searchsubmit
{
	background-color: #DCDCDE;
}

#search form label
{
	float: left;
	width: 100%;
	padding-left: 1px;
	padding-bottom: 2px;
	text-transform: uppercase;
	color: white;
	font: 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#search form input
{
	margin-left: 5px;
	border: none;
	color: #005581;
	height: 19px;
}

#search form input#s
{
	width: 117px;
	font: 200 1.1em Helvetica, Arial, Geneva, sans-serif;
	letter-spacing: -1px;
	border: none;
}

#search form input#searchsubmit
{
	position: relative;
	right: 10px;
	width: 25px;
	text-transform: uppercase;
	font: bold 0.95em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#search #contact
{
	position: relative;
	top: 42px;
}

#last_modified
{
	margin-top: 2em;
	font-size: 0.9em;
}
/* @end */

#intropara
{
	padding-left: 0.5em;
	line-height: 1.3em;
	font-weight: 200;
	font-size: 1.0em;
}

#intropara ul
{
	list-style-type: disc;
	margin: 0;
	padding-left: 1.5em;
	padding-right: 0.8em;
}

/* @end */

/* @group Right Split */

#rightsplit
{
	position: relative;
	width: 788px;
	float: left;
	margin-left: 6px;
	margin-bottom: 15px;
}

/* @group Hero & Hero Panes (Front page) */

#hero
{
	margin-bottom: 10px;
	width: 1000px;
	overflow: hidden;
}

#heropane
{
	width: 1024px;
}

#home-left
{
	width: 240px;
	height: 340px;
	float: left;
}

#home-centre
{
	width: 470px;
	height: 390px;
	margin-left: 15px;
	float: left;
}

#home-right
{
	position: absolute;
	right: -1px;
	height: 325px;
	width: 250px;
}

.tile
{
	height: 100%;
	width: 100%;
	margin: 1px;
	color: white;
	font-size: 1.em;
	float: left;
	margin-bottom: 10px;
	background-repeat: repeat-x;
}

.tile-feed
{
	padding-right: 10px;
	color: black;
}

.tile #head, .tile-feed #head
{
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 5px;
	position: relative;
	top: 1px;
}

.tile #head a, .tile-feed #head a {
	color: white;
}

.tile-feed .feed p
{
	padding-left: 6px;
	margin-bottom: 3px;
}

.tile a
{
	color: #015683;
}

.tile ul
{
	padding: 0;
	margin-top: 8px;
}

.tile li
{
	list-style-type: none;
	border-bottom: 1px solid #808084;
	padding: 5px 0;
}

.tile.tile-quick-links a
{
	color: #888488;
	font-weight: bold;
}

.tile.tile-quick-links #raise-the-standard
{
	position: relative;
	left: 18px;
	top: 3px;
}

.button
{
	margin-bottom: 7px;
}

#twitter {
	text-align: center;
	position: relative;
	top: 32px;
}

/* @end */

/* @group Main Content (inner pages) */

#main
{
	margin-left: 20px;
	margin-top: 2px;
	position: relative;
}

#main #main-left
{
	width: 600px;
	margin-top: 17px;
	margin-left: 40px;
}

#main #main-right
{
	float: right;
	width: 261px;
}

#main #main-right img
{
	position: relative;
	bottom: 13px;
}

/* @end */

/* @end */

/* @group Footer */

#footer
{
	background: #005581;
	width: 1001px;
	clear: both;
	margin: 20px auto 0;
	height: 23px;
	padding-top: 7px;
}

#footer a
{
	text-decoration: none;
	padding-left: 1em;
	color:  white;
	font-size: 0.9em;
}

#footer ul
{
	float: left;
	list-style: none;
	padding: 0;
	margin: auto;
}

#footer li
{
	display: inline;
}

#footer #credit
{
	margin-right: 10px;
	float: right;
	color: white;
}

#footer #credit a
{
	margin: 0;
	padding: 0;
}

/* @end */

table, th, td
{
	border: 1px solid #949494;
	padding: 2px;
}

th
{
	font-weight: bold;
	vertical-align: bottom;
}

td
{
	font-weight: normal;
	vertical-align: top;
}


/* @group Search */

#search-db {
	width: 100%;
	min-height: 800px;
	float: left;
}

#search-db form {
	margin-top: 1em;
	background-color: #CDE1EF;
	width: 243px;
	height: 85px;
	padding: 4px;
	padding-left: 9px;
}

#search-db input {
	width: 229px;
	margin-bottom: 5px;
	color: #005581;
}

#search-db select {
	width: 235px;
}

#search-db button {
	margin: 0;
	padding: 0;
	width: 234px;
	height: 19px;
}

#search-db p#title {
	font-weight: bold;
	text-transform: uppercase;
	color: #0E5782;
	margin: 0;
	font-size: .9em;
}

#search-db .result {
	width: 600px;
	padding-top: 1em;
	font-size: 1.1em;
	border-bottom: 1px solid black;
	padding-bottom: 1em;
}

#search-db #pagination {
	width: 600px;
	position: relative;
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 2em;
}

#search-db #pagination .previous {
	position: absolute;
	left: 0;
}

#search-db #pagination .info {
	font-weight: bold;
	text-align: center;
	width: 600px;
	margin: 0 auto;
	float: left;
}

#search-db #pagination .next {
	position: absolute;
	right: 0;
}

/* @end */

/* @group news */

h1.news {
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom: 1.0em;
}

.news-wrapper
{
	padding-bottom: .4em;
	border-bottom: 1px solid #A2A3A5;
}

.news-wrapper .post h1
{
	font-weight: bold;
	font-size: 1.0em;
	float: left;
	margin: 0;
	padding-top: 1px;
}

.news-wrapper .post h1 a
{
	color: #09567F;
}

.news-wrapper .post p
{
	margin: 0;
	clear: both;
	font-size: .95em;
}

.news-wrapper .post span.date_posted
{
	font-weight: normal;
}

.pagination
{
	position: relative;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 1.1em;
}

.pagination .alignright
{
	position: absolute;
	right: 0;
}

.pagination .alignleft
{
	position: absolute;
	left: 0;
}

/* @end */