/* ===========================================================================
 * Filename: print.css
 * Author: Rebecca Skeers, rebecca@webmistress.com.au, www.webmistress.com.au
 * Copyright: Rebecca Skeers
 * Date: 1 February 2010
 * Description: Contains print styles for the Hobart City Council website.
 *
 * This file may not be used for any purpose other than for the Hobart City Council
 * website and may not be modified without written permission from the author.
 * =========================================================================== 
 */

body
{
  font-family: arial, helvetica, sans-serif;
  font-size: 0.8125em;
  line-height: 1.5;
  color: #333;  
}

a img
{
  border: none;  
}

a:link, a:visited
{
  color: #2A7DA5;
  text-decoration: underline;  
}

a:focus, a:hover, a:active
{
  color: #690;
  text-decoration: underline;  
}

h1
{
  margin: 0;
  padding: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 2.31em;
  font-weight: normal;
  clear: both;
}

.homepage h1
{
  position: absolute;
  top: -9999px;
  left: -9999px;  
}

h2
{
  margin: 0;
  padding: 0 0 13px 0;
  color: #477A00;
  font-weight: normal;
  font-size: 1.54em;
}

.threecols h2
{
  margin: 0;
  padding: 0;
  color: #333;
  font-weight: bold;
  font-size: 1.0em;
}

h3.highlight
{
  padding: 5px 0 10px;
}

h3.highlight span
{
  background-color: #690;
  color: #fff;
  padding: 2px 7px;
  font-weight: bold;
}

h3
{
  margin: 0;
  padding: 0 0 0.5em 0;
  color: #333;
  font-weight: bold;
  font-size: 1.23em;
}

h4
{
  margin: 0;
  padding: 0;
  font-family: Georgia, 'Times New Roman', serif;
  color: #477A00;
  font-weight: normal;
  font-size: 1.23em;
}

h5
{
  margin: 0;
  padding: 0;
  color: #333;
  font-weight: normal;
  font-size: 1.15em;
}

h6
{
  margin: 0;
  padding: 0;
  color: #333;
  font-weight: normal;
  font-size: 0.85em;
  letter-spacing: 1px;
  text-transform: uppercase;
}

p
{
  margin: 0;
  padding: 0 0 1em 0;
}

ul
{
  margin: 0;
  padding: 0 0 1em 1.5em;
}

ul li
{
  margin: 0;
  padding: 0;
}

ol
{
  margin: 0;
  padding: 0 0 1em 1.5em;
}

ol li
{
  margin: 0;
  padding: 0;
}

ul ul, ol ul, ul ol, ol ol
{
  padding-bottom: 0;
}

ul.nobullet
{
  list-style-type: none;  
  padding-left: 0;
  margin-left: 0;
}

ul.nobullet li
{
  background-image: none;
  padding-left: 0;
  margin-left: 0;
}

ol.nobullet
{
  list-style-type: none;  
  padding-left: 0;
  margin-left: 0;
}

hr 
{
  border: none;
  border-top: 1px dashed #ccc;
  margin: 0 0 1em 0;
  padding: 0;
  height: 1px;
  background-color: transparent;
  color: transparent;
}

form
{
  margin: 0;
  padding: 0 0 13px 0;
}

fieldset
{
  border: none;
  padding: 0;
  margin: 0;  
}

.lead
{
  font-size: 1.23em;
  font-style: italic;
  color: #333;
  font-family: Georgia, 'Times New Roman', serif;  
}

.subdued
{
  color: #666;  
}

.byline
{
  color: #666;
  font-size: 0.92em;
  margin: 0;
}

.error
{
  color: #f00;  
}

.small
{
  font-size: 0.85em;  
}

.large
{
  font-size: 1.23em;  
}



.box1
{
  padding: 9px 9px 0;
  border: 1px solid #ccc;
  margin: 0 0 1em 0;
}

p.box1
{
  padding: 9px 9px 1em;
  margin: 0 0 1em 0;
  border: 1px solid #ccc;
}

.box2
{
  padding: 9px 9px 0;
  background-color: #e9e8e3;
  border: 1px solid #ccc;  
  margin: 0 0 1em 0;
}

p.box2
{
  padding: 9px 9px 1em;
  margin: 0 0 1em 0;
  background-color: #e9e8e3;  
  border: 1px solid #ccc;
}

.box3
{
  padding: 10px 10px 0;
  background-color: #690;  
  color: #fff;
  margin: 0 0 1em 0;
}

p.box3
{
  padding: 10px 10px 1em;
  margin: 0 0 1em 0;
  background-color: #690;  
  color: #fff;
}

.box3 h2, .box3 h3, .box3 h4, .box3 h5, .box3 h6
{
  color: #fff;  
}

.box3 a:link, .box3 a:visited
{
  background-color: #690;  
  color: #fff;
}

.box3 a:focus, .box3 a:hover, .box3 a:active
{
  background-color: #fff;  
  color: #690;
}

.box3 hr
{
  border-color: #fff;  
}

.feature
{
  font-family: Georgia, 'Times New Roman', serif;
  color: #999;
  border-top: 1px solid #ccc;  
  border-bottom: 1px solid #ccc;  
  padding: 0;
  margin: 17px 0 30px 0;
  font-size: 2.31em;
  font-style: italic;
  clear: both;
  zoom: 1;
}













/* =============== Tables ============== */

table
{
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
  margin: 0 0 1em 0;
  width: 100%;
  
}

table.uniform
{
  table-layout: fixed;  
}

tr
{
  vertical-align: top;
  
}

th
{
  font-weight: bold;
  color: #fff;
  background-color: #690; 
}

th, td
{
  border: 1px solid #ccc;
  padding: 4px 9px;
  text-align: left;
  line-height: 1.3;
}



td.left, th.left
{
  text-align: left;
  float: none;
  padding: 3px 6px;
  margin: 0;
}

td.right, th.right
{
  text-align: right;  
  float: none;
  padding: 4px 9px;
  margin: 0;
}

td.centre, th.centre
{
  text-align: center;  
}

/*
table.data tr
{
  background-color: #fff;
}

table.data tr.alt
{
  background-color: #efeeea;
}
*/
table tr.hover, table tr:hover
{
  background-color: #efeeea;
}

table.layout th, table.layout td
{
  padding: 0;
  border: none;
  background-color: transparent;
  color: #333;  
}

table.layout tr.hover, table.layout tr:hover
{
  background-color: #fff;
}


table.summary
{
  border: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;  
}

table.summary th, table.summary td
{
  border: none;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  padding: 4px 10px;
  text-align: left;
  line-height: 1.3;
  font-weight: bold;
  background-color: #fff;
  color: #333;
}

table.summary th
{
  color: #999;
  background-color: #fff;
  text-align: left;
  text-transform: uppercase;
  width: 100px;  
}

table.summary td
{
  color: #333;
  text-align: left;
}
















dl
{
  width: 630px;
  float: left;
  clear: both;
  border: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0 0 1em 0;
  padding: 0;
}

dt, dd
{
  border: none;
  border-top: 1px dashed #ccc;
  padding: 4px 10px;
  text-align: left;
  line-height: 1.3;
  font-weight: bold;
  margin: 0;
}

dt.first, dd.first, dl dt:first-child, dl dd:first-child
{
  border-top: none;  
}

dt
{
  color: #999;
  text-align: left;
  text-transform: uppercase;
  width: 100px;  
  padding: 4px 10px;
  float: left;
  clear: left;
}

dd
{
  color: #333;
  text-align: left;
  width: 500px;
  padding: 4px 10px 4px 0;
  float: left;
}













.updated
{
  color: #fff;
  background-color: #ca5b27;
  font-size: 13px;
  font-weight: bold;
  padding: 2px 3px;
}





.secondary-content
{
  float: right;
  width: 230px;
  padding: 10px 10px 0;
  border: 1px solid #ccc;
  border-left: none;
  margin: 5px 0 30px 30px;
  background-color: #fff;
}





.pagination
{
  padding: 7px;
  background-color: #690;  
  color: #fff;
  margin: 0 0 1em 0;
  clear: both;
}

.pagination p
{
  padding: 0;  
}

.pagination a
{
  padding: 0 3px;  
}

.pagination a:link, .pagination a:visited
{
  background-color: #690;  
  color: #fff;
}

.pagination a:focus, .pagination a:hover, .pagination a:active
{
  background-color: #fff;  
  color: #690;
}









.secondary-content h2, .box1 h2, .box2 h2, .box3 h2,
.secondary-content h3, .box1 h3, .box2 h3, .box3 h3,
.secondary-content h4, .box1 h4, .box2 h4, .box3 h4,
.secondary-content h5, .box1 h5, .box2 h5, .box3 h5,
.secondary-content h6, .box1 h6, .box2 h6, .box3 h6
{
  font-size: 1.0em;
  font-weight: bold;
  padding: 0 0 0.5em 0;
}

.secondary-content h2
{
  letter-spacing: 1px;
  text-transform: uppercase;  
}

img.left
{
  float: left;
  margin: 0 1em 1em 0;  
}

img.right
{
  float: right;
  margin: 0 0 1em 1em;  
}

div.imagebox-left
{
  float: left;
  margin: 0 1em 0.5em 0;  
}

div.imagebox-right
{
  float: right;
  margin: 0 0 0.5em 1em;  
}

.caption
{
  font-size: 0.85em;
  color: #999;  
  padding: 0;
}

div.imagebox
{
  margin: 0 0 0.5em 0;  
}

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

ul.popular li
{
  clear: both;  
  float: left;
  width: 100%;
  padding: 5px;
  background-image: none;
}

ul.popular li img
{
  float: left;  
  display: block;
}

ul.popular li p, ul.popular li h3
{
  margin-left: 70px;
  padding: 0;
  font-size: 1.0em;
}

ul.popular li:hover
{
  background-color: #efeeea;  
}

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

ul.index li
{
  clear: both;  
  float: left;
  width: 100%;
  padding: 0;
  background-image: none;
  margin: 0 0 10px 0;
}

ul.index li img
{
  float: left;  
  background-color: #fff;
  margin-right: 10px;
}

ul.index li h3
{
  padding: 0;
  border-top: 1px dashed #ccc;
  font-family: Georgia, 'Times New Roman', serif;
  color: #069;
  font-weight: normal;
  font-size: 1.23em;
}

ul.index li:first-child h3
{
  border-top: 1px solid #ccc;  
}

ul.index li:hover
{
  background-color: #efeeea;  
}

ul.index li:hover h3
{
  border-top: 1px solid #fff;
}  

h2.index
{
  color: #999;
  font-size: 1.0em;
  font-weight: bold;
  text-align: right;
  clear: both;
  text-transform: uppercase;
  padding: 0 0 2px 0;  
  letter-spacing: 1px;
}

a:link img.frame, a:visited img.frame
{
  border: 5px solid #eee;
  color: #690;
  background-color: #fff;
}

a:focus img.frame, a:hover img.frame, a:active img.frame
{
  border: 5px solid #690;
  color: #690;
  background-color: #fff;
}




#quicklinks, #nav, #subnav, #tools, #footer, #tel, #weather
{
  display: none;  
}


#logo
{
  width: 79px;
  height: 100px;
  float: left;
}

#logotype
{
  width: 301px;
  height: 19px;
  float: right;
  padding: 40px 0 0 0;
}

#breadcrumbs
{
  padding: 20px 0;
  margin: 0;
  list-style-type: none;  
  float: left;
  font-size: 11px;
  color: #666;
  font-weight: bold;
  clear: both;
}

#breadcrumbs li
{
  float: left;
  padding: 0 7px;
  border-right: 1px solid #ccc;
}

#breadcrumbs li:last-child, #breadcrumbs li.last
{
  border-right: none;
}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:focus, #breadcrumbs a:hover, #breadcrumbs a:active
{
  color: #666;
  text-decoration: none;
  font-weight: normal;
}


#cqms, #abea, #women
{
  display: inline;
  padding: 0 20px 0 0;
}


#contact
{
  border-top: 1px solid #ccc;
  font-size: 0.9em;
  padding: 20px 0 20px 0;
}

#feature
{
  clear: both;
  padding: 20px 0;
}

ul#slideshow 
{  
    list-style:none;  
    width:700px;  
    height:200px;  
    overflow:hidden;  
    position:relative;  
    margin: 0;  
    padding: 0;  
}     
  
ul#slideshow li 
{  
    position:absolute;  
    left:0;  
    right:0;  
    background-image: none;
    padding: 0;
}  
  
ul#slideshow li.show 
{  
    z-index:500;      
}