/*  
Goanna Bakery and Cafe
http://www.goannabakery.com.au/
Created by Jason Stirk, Achernar Solutions
http://achernarsolutions.com.au
*/

body {
        font-size: 62.5%; /* Resets 1em to 10px */
        font-family: Verdana, Tahoma, Helvetica, sans-serif;
        color: white;
        text-align: center;
        margin-top: 0px;
        padding-top: 0px;
        background: #050505 url('images/bg/pattern_137b.gif') top left repeat;
        margin: 0;
        padding: 0; 
        }

a, a:visited {
  color: black;
}
a img {
  border: none;
}
.post a {
  color: #3030C0;
}
.post a:hover {
  color: #7070f0;
}
.hidden {
  display: none;
}
hr.clear {
  height: 0px;
  visibility: hidden;
  clear: both;
}
#wrapper {
  width: 1000px;
  margin: 0px auto;
  background: white url("images/slice-wrapper-std.png") repeat-y top left;
}
#wrapper.wide {
  background: white url("images/slice-wrapper.png") repeat-y top left;
}
#main{
        text-align: left;
        color: black;
        min-height: 100%;
        height: 100%;
        padding-bottom: 40px;
        margin-bottom: 0px;
        }
#header {
        background: #336E07 url("images/slice-header.png") repeat-x top left;
        color: black;
        padding-bottom: 0px;
        margin: 0px;
        text-align: left;
        border-bottom: 1px solid #606060;
        }
#header.large {
        background: #336E07 url("images/slice-header-large.png") repeat-x top left;
        min-height: 300px;
        }
#header #headerimg {
  min-height: 150px;
  margin: 0;
  margin-right: 0px;
}
#header h1 {
  margin: 0 auto;
  padding: 10px 0 0 0;
  font-size: 360%;
  font-weight: bold;
}
#header h1 {
  position: absolute;
  padding-left: 7px;
}
#header h1 a {
  display: block;
  height: 94px;
  width: 986px;
  background: transparent url("images/header-text.png") repeat-x top left;
}
#header h1 a span {
  position: absolute;
  top: -10000px;
  left: -1000px;
}
#header h2 {
  margin: 0 auto;
  padding: 100px 0 0 0;
  font-size: 210%;
  font-style: italic;
  font-weight: normal;
}
#header.large h2 {
  margin-left: 300px;
}
#header.large h2 span.outer {
  margin: 1.2em 0;
}
#header h1 a,
#header h2 span.outer {
  display: block;
}
#header h1 a {
}
#header h2 span.outer {
}
#header h1 a span,
#header h2 span.inner {
}
#header #logo {
  float: left;
}
#header.large #logo {
  margin-top: 30px;
}
#header.large #logo img {
  width: 300px;
}

#menu {
  width: 145px;
  height: 100%;
  float: left;
  clear: left;
  position: relative;
  padding-top: 0px;
}
#menu ul {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu ul li {
  font-size: 140%;
  text-align: center;
  font-weight: bold;
  padding-bottom: 4px;
  line-height: 30px;
  font-weight: bold;
}
#menu ul li a, #menu ul li a:visited  {
  display: block;
  color: #000000;
  text-decoration: none;
}
#menu ul li a:hover,
#menu ul li.current a:hover {
  background: #ffcf79;
  color: black;
}
#menu ul li.current a {
  background: #ffe7bc;
  color: black;
}
#menu h2 {
  font-size: 160%;
  text-align: center;
  margin-top: 30px;
}
#menu div p {
  font-family: 'Tahoma', 'Lucida Sans', 'Arial', sans-serif;
  font-size: 120%;
  padding-left: 5px;
  padding-right: 5px;
}
#content {
  background: transparent url('images/slice-shadow.png') top left repeat-x;
  margin-left: 145px;
  padding-left: 20px;
  padding-top: 25px;
  min-height: 300px;
}
#content a {
}
#content a:hover {
}
#menu, #footer {
}
#footer {
  background: white;
  padding: 10px 50px 10px 5px;
  text-align: center;
  clear: both;
  color: #444445;
  background: #ffe7bc;
  border-top: 1px solid #ffcf79;
  font-size: 120%;
}
#footer a, #footer a:visited {
}
#footer a:hover {
  color: black;
  text-decoration: underline;
}
#footer p {
  padding: 0;
  margin: 0;
}
#page {
  margin-right: 220px;
}
#content.wide {
  margin-right: 0px;
  padding-left: 70px;
  padding-right: 50px;
}
#content.wide #page {
  margin-right: 0px;
}
#content #panorama {
  width: 735px;
  margin-bottom: 20px;
}
#content #panorama img {
  width: 100%;
}
#page h2 {
  margin-top: 5px;
}
#page p,
#page li {
  font-size: 140%;
  font-weight: normal;
  line-height: 1.4em;
}
#page p img {
  margin: 10px;
}
#page .skip {
  font-weight: bold;
  display: block;
}
#page p.tagline {
  font-size: 240%;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px;
}

#sidebar {
  width: 210px;
  background: #FFF3DE;
  height: 100%;
  float: right;
  position: relative;
  top: -27px;
  padding-top: 47px;
  font-size: 120%;
}
#sidebar div {
  padding: 0 10px 0 10px;
  margin-bottom: 5px;
}
#sidebar a {
  text-decoration: none;
}

h1, h2, h3, #header {
}
h1,h2,h3 {
  margin: 0;
  padding: 0;
}
h1 {
  padding-bottom: 5px;
}

.description {
}

h1, h1 a, h1 a:hover, h1 a:visited, h2.description {
  text-decoration: none;
  color: white;
}

h2, h2 a, h2 a:visited {
  color: #17100d;
  
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.6em;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
  text-decoration: none;
}
/**** CONTACT ME PAGE ****/
.phone-number {
  font-size: 200%;
  text-align: center;
}
#contact {
  text-align: center;
  font-size: 150%;
}
#contact .fn,
#contact .org {
  font-size: 120%;
  padding-bottom: 5px
}
#contact .tel {
  padding-bottom: 5px;
  font-size: 120%;
}
#contact .hide {
  display: none;
}
#contact label {
  font-weight: bold;
  padding-right: 1em;
  display: inline;
  margin-bottom: 5px;
}
#contact .tel .span {
  margin-bottom: 5px;
}
.tricolumns {
  font-size: 100%;
  margin-top: 30px;
}
.tricolumns .column {
  width: 220px;
  margin-right: 22px;
  background: #FFF3DE;
  padding: 5px;
  float: left;
}
.tricolumns .column img {
  width: 220px;
}
.tricolumns .column.last {
  margin-right: 0px;
}
#homecols.tricolumns .column p {
  font-size: 120%;
  min-height: 9em;
  text-align: center;
  margin-top: 5px;
  padding: 0 10px 0 10px;
}
#homecols.tricolumns .column p a {
  text-decoration: none;
  color: black;
}
.readmore {
  text-decoration: underline;
  color: #0000ff;
}
/**** ACCESSIBILITY ISSUES ****/
#accessible a, #accessible a:hover, #accessible a:visited {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden; 
}
#accessible a:active, #accessible a:focus {
  position:static;
  width:auto;
  height:auto;
}
#map, #info {
  width: 300px;
  float: right;
  margin-left: 15px;
  margin-top: -3.5em;
}
#googlemap, #info {
  width: 300px;
  height: 300px;
  border: 1px solid #FFCF79;
}
#googlemap {
  overflow: hidden;
}
#info {
  height: auto;
  margin-bottom: 15px;
  background: #FFFCF7;
  font-size: 90%;
}
#info h2, #info p {
  padding-left: 10px;
  padding-right: 10px;
}
#map p {
  font-size: 100%;
}
#outlets, #products {
  margin-bottom: 15px;
}
.outlet, .product, #bank-details {
  background: #FFFCF7;
  border: 1px solid #FFE2AF;
  padding: 5px;
  margin: 10px 10px 0px 0px;
  float: left;
  width: 285px;
}
#page .outlet p, #page .product p  {
  font-size: 120%;
}
.outlet .country,
.outlet .geo {
  display: none;
}
.outlet.primary {
  float: none;
}
.outlet.primary .tel {
  margin-bottom: 5px;
  margin-top: 5px;
}
.outlet.primary label {
  font-weight: bold;
}
.outlet h3, .product h3 {
  height: 2.2em;
}
.outlet h3 a,
.outlet h3 a:hover {
  color: black;
}
.outlet h3 a:hover {
  text-decoration: underline;
}
#page .outlet p.adr {
  height: 2em;
  margin-top: 5px;
}
#outlets h2, #products h2 {
  padding-top: 20px;
  /** clear: both; **/
}
ul.regions, ul.product-types {
  padding-left: 15px;
  margin-left: 0px;
}
/*****
 * ORDER PAGE
 *****/
fieldset {
  border: 1px solid #FFE2AF;
  background: #fffcf7;
}
fieldset legend {
  font-size: 140%;
}
fieldset div {
  font-size: 120%;
  padding: 0 10px 1em 10px;
}
fieldset label {
  font-weight: bold;
  width: 25%;
  float: left;
}
#products table, fieldset#customer, table#spelt {
  margin: 0 auto;
  width: 80%;
  border-collapse: collapse;
}
table tr {
  font-size: 120%;
}
table .header th {
  text-align: center;
  font-size: 140%;
}
table .cathead th,
table .submit {
  background: #a51b1f;
  color: white;
}
table .submit {
  text-align: center;
}

/*****
 * CATERING PAGE
 *****/
#products.catering table tbody tr td {
  border-bottom: 1px solid #a51b1f;
  padding: 0.5em 0 0.5em 0;
}
#products.catering .cathead {
  margin-top: 0.5em;
}
#products.catering .description {
  color: #555;
}
#products.catering table tbody tr td.category-description {
  padding: 0px;
  text-align: center;
  border-bottom-width: 0px;
}