/*
Theme Name: Bill Marmion
Theme URI: http://www.mp.wa.gov.au/billmarmion/
Description: The theme for Bill Marmion MLA.
Version: 1
Author: Caspar Fairhall
Author URI: http://casparfairhall.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
  background: #FAFAF5 url("images/background.jpg") repeat-x;
  color: #191919;
	font: normal 12px/16px Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

/*---------- NAV PRIMARY -------------*/
#nav {
	background: #00AEEF url(images/nav.jpg) repeat-x;
	height: 60px;
	margin: 0;
	padding: 0;
	float:left;
	width: 960px;
	text-align: left;
	overflow: hidden;
	font-size: 1.1em;
}
#nav li {
	display:inline;
	padding:0;
	margin:0;
}
#nav a:link, #nav a:visited {
	margin: 0;
	padding: 35px 0 15px 0;
	height: 10px;
	float:left;
	/*width:auto;*/
	border-right: 1px solid #FFF;
	text-decoration:none;
	text-align: center;
	color:#FFF;
}
#nav a:hover {
	color: #66FFFF;
	background: #00AEEF url(images/nav_f2.jpg) repeat-x;
}
#nav li:first-child a {
	border-left: 1px solid #FFF;
}
/* Nav button widths */
#nav1 { width:98px; border-left: 1px solid #FFF; } #nav2 { width:97px; } #nav3 { width:78px; } #nav4 { width:102px; } #nav5 { width:116px; } #nav6 { width:113px; } #nav7 { width:75px; } #nav8 { width:70px; } #nav9 { width:98px; } #nav10 { width:102px; }

/*---------- NAV ADJUNCT -------------*/
#navAdjunct ul {
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #FFF;
}
#navAdjunct li {	
	list-style: none;
	margin: 0;
	padding: 0;
	border:none;
	display: inline;
}
#navAdjunct li a {
	padding-left: 0.5em;
	border: none;
	text-decoration: none;
	color: #4BCCFF;
}
#navAdjunct li a:hover { color: #FFF; }
#navAdjunct li a.selected { color: #FFF; }


/* ------- NAV SIDEBAR ------- */
ul.sidebar { margin: 1.6em 0 0 0; }

ul.sidebar, ul.sidebar li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 305px; /*WIDTH OF MAIN MENU ITEMS*/
}

ul.sidebar li ul li {
	padding: 0; 
	margin: 0 0 0 -3.25em;
	width: auto;
}

ul.sidebar li ul li a {
	background: url(images/itemGradient.jpg) repeat-x;
	display: block;
	width: auto;
	padding: 5px 0;
	padding-left: 10px;
	text-decoration: none;
	border-bottom: 1px solid #C9CBCC;
}

ul.sidebar li ul li a:hover { background: url(images/itemGradient_f2.jpg) repeat-x; }

ul.sidebar li ul > li:first-child { border-top: 1px solid #C9CBCC; }

ul.sidebar h2 { margin: 1em 0 0.25em 0; }

/* ------- LISTS ------- */
#leftColumn ul { margin: 0.25em 0 0.5em 0; }
#leftColumn ul li { margin: 0 0 0.25em -2em; list-style: square; }
#leftColumn ol li { margin: 0 0 0.25em -1.5em; }

/* ------- FORMS ------- */
input.text {
	margin-right: 2px;
	font-size: 10px;
	padding: 3px;
	background: #E9EBEC;
	border: 1px solid #C9CBCC;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 16px;
	vertical-align: top;
	color: #222;
}
.submit input, .button, .button-primary, .button-secondary, input[type=button], input[type=submit] {
	font: normal 11px/16px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	padding: 2px 8px !important;
	cursor: pointer;
	background: #599DC7;
	border: 1px solid #969899;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	color: #FFF;
}
.hidden { display:none; }
#searchform { margin-top: 1em; }

/*---------- LAYOUT -------------*/
#page {
  background: none;
  margin: 0 auto 0 auto;
  max-width: 960px;
  min-width: 960px;
  text-align: left;
  width: 960px;
}
#page #navAdjunct {
  background: none;
  border: none;
  height: 20px;
  margin: 0;
  padding: 15px 0 0 0;
  text-align: right;
}
#page #header {
  background: none;
	border: none;
  height: 130px;
  margin: 0
  padding: 0;
}

#page #content {
	background: #fff;
  margin: 0;
  overflow: hidden;
  padding: 0 0 30px 0;
  width: 960px;
}
#page #content #blurb {
	margin: 0;
	padding: 35px 10px 10px 10px;
  height: 15px;
  width: 940px;
	color: #0054A4;
	font-size: 0.9em;
	font-weight: bold;
}
#page #content #leftColumn {
  border-top: solid 1px #C9CBCC;
	float: left;
  margin: 0 0 0 10px;
  padding: 10px 0 0 0;
  width: 620px;
}
#page #content #rightColumn {
  border-top: solid 1px #C9CBCC;
  float: right;
  margin: 0 0 0 10px;
  padding: 10px 0px 0px 0px;
  width: 310px;
}
/* Footer */
#footer {
  background: #00AEEF url(images/footer.jpg) top repeat-x;
  border: none;
  height: 120px;
  margin: 0;
	padding: 0;
}
#footerContentLeft, #footerContentRight { height: 110px; overflow: hidden; }
#footer p, #footer h1 { 
	color: #FFF;
  font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
	margin: 0 0 1em 0;
}
#footerContentLeft {
	float: left;
	background: url(images/footerPhoto.jpg) bottom left no-repeat;
	margin: 0 0 0 10px;
	padding: 10px 10px 0 140px;
	width: 310px;
}
#footerContentRight {
	float: right;
	margin: 0 10px 0 0;
	padding: 10px 0 0 0;
	width: 480px;
}
#footerContentLeft h1 { margin: 0; font-weight: bold; }
#footer a, #footer a:link { color: #66FFFF; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #B4FFFA; text-decoration: none; }
#footer p.credit, #footer p.credit a { font-size: 1em; color: #FFF; font-weight: normal; }

#dateBox {
	margin: 1em 0 0 0;
	padding: 0;
	color: #0054A4;
	font-weight: bold;
}

/* End Structure */


/*---------- TEXT -------------*/
h1 {
  color: #0054A4;
  font-size: 3em;
  font-weight: normal;
  line-height: 1.3em;
}
h2 {
  color: #0054A4;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.1em;
	margin-bottom: 0.25em;
}
h3 {
  color: #0054A4;
  font-size: 1.25em;
  font-weight: bold;
	margin: 0.5em 0 0.25em 0;
}
h4 {
  color: #0054A4;
  font-size: 0.7em;
  font-weight: bold;
  text-transform: capitalize;
}
p {
	margin: 0 0 1em 0;
}
.wp-caption-text { font-weight: bold; font-style: italic; color: #599DC7; }
#rightColumn h2 { margin: 1em 0 0.5em 0; }

/*---------- LINKS -------------*/
img { border: none; text-decoration:none; }
a,  a:link {
  color: #00AEEF;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #009AD5;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #1486C8;
  text-decoration: none;
}
a:focus {
  color: #ca0009;
}
a:active {
  color: #262499;
}
/* End links */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* News items */
.newsBlock, .itemsBlock { border-top: 1px solid #C9CBCC; margin: 0; padding: 0; }
.news {
	background: #FFF url(images/newsGradient.jpg) repeat-x;
	border-bottom: 1px solid #C9CBCC;
	padding: 0;
	margin: 0;
}
a .news {
	font-weight:normal;
	color: #191919;
	text-decoration: none;
	cursor: pointer;
	min-height: 70px;
	margin: 0;
	padding: 5px 10px 0 10px;
}
a .news:hover { background: #FFF url(images/newsGradient_f2.jpg) repeat-x; }
/* Items block */
.issue {
	background: url(images/itemGradient.jpg) repeat-x;
	border-bottom: 1px solid #C9CBCC;
	margin: 0;
	padding: 5px 10px 10px 10px;
}
a .issue {
	font-weight:normal;
	color: #191919;
	text-decoration: none;
	cursor: pointer;
	min-height: 15px;
	margin: 0;
	padding: 5px 10px 10px 10px;
}
a .issue:hover { background: url(images/itemGradient_f2.jpg) repeat-x; }