/*  
Theme Name: HWJFC 
Theme URI: http://www.hwjfc.org.au
Description: Red and blue three column
Version: 1
Author: Daniel Price
Author URI: http://gmm.com.au
*/


  
/* Typography */
/* * {
border: 1px solid red;
}*/
body {
	font: 11px/1.5em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/* Positioning and page structure. That's where we're at */

body, html {
	height: 100%;
	margin: 0; 
	padding: 0;
  text-align: center;
}

#wrapper {
  width: 100%;
  overflow: hidden;
  }

#header { 
  width: 100%;
  height: 200px;
  z-index: -1;

 }

#headerimg {
  width: 760px;
  height: 200px;
  margin: 0 auto;

  }

#content {
  width: 760px;
  margin: 0 auto;
  overflow: hidden;
  }
  
.col1, .col2, .col3 {
  float: left;
  text-align: left;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  }
  
.col1, .col3 {
  width: 140px;
  }

.col1 h3 { padding-left: 10px; padding-right: 10px; font-size: 120%; }

.col1 li { padding-top: 2px;} 

.col2 { width: 406px; padding-left: 15px; padding-right: 15px;}

.col3 ul, .col3 li { margin-left: 0; padding:0;  padding-bottom: 20px; }
.col3 li a { display: block; }
.col3 h3, .col3 h4, .col3 h2, .col3 h1 { padding-left: 5px; padding-right: 5px;}
.col3 h3 { font-size: 120%; }


#footer {
  width: 760px;
  margin: 0 auto;
  text-align: center;
  }

#footer hr { 
width: 80%; 
border: 0;
color: #fff;
}

#footer #hrule {
  width: 80%;
  margin: 0 auto;
  height: 5px;
  border-top: 5px solid #AD2424;
  border-bottom: 5px solid #002469;
  margin-bottom: 1em;
}

#footer div {
  width: 87%;
  text-align: right;
   }

img { border: 0;}

/* the magic tester line */
/* div { border: 1px dashed red; } */

/* The rainbow section */

body {
  color: #333;
  background: #F2F6F9 url('images/background2.png') repeat-y center;  
  }

#photos {
  background-color: #EFEFEF;
  border-top: 4px solid #C8C8C8;
  border-bottom: 4px solid #E2E2E2; 
  }

#header {
  background: #002B80 url('images/background.png') repeat-x;
  color: #ffffff;
  }

.col2 a, .col2 a:visited, .col2 a:active { color: #386ACC }
.col2 a:hover {color:#D22D2D;}

#footer div { color: #DDD; }
#footer div a  { color: #AAA; text-decoration: none; }

  
#headerimg {
  background: url('images/header.png') no-repeat;
  }

#headernoimg { display: none; visibility: hidden; }

#content {
  color: #333;
  }
  
.col1 {
  border-right: 1px dotted #EFEFEF;
  }

.col3 { border-left: 1px dotted #EFEFEF; }

h1, h2, h3 { color: #071747; }

.col1 h1, .col1 h2, .col1 h3, .col3 h1, .col3 h2, .col3 h3 { color: #091F5E; }


.col1 li a, .col3 li a { color: #545454; text-decoration: none;}
.col1 li a:hover, .col3 li a:hover, #footer div a:hover { color: #386ACC; text-decoration: underline; }

.col1 ul { list-style-image: url('images/raquos/redred.gif'); vertical-align: middle; }
.col3 li { list-style: none; height: 100px;}

.col3 li a, .col3 li a:link, .col3 li a:active, .col3 li a:visited { color: #fff; }
.col3 li a:hover { color: #474747; text-decoration: none; text-align: center; }


/* Sponsors and stuff */

.chicktreat { 
  height: 10px;  padding-top: 90px; margin-top: 5px;
  background: url('images/sponsors/o_chicktreat.png') no-repeat top center;}

.chicktreat:hover { background: url('images/sponsors/chicktreat.png') no-repeat top center; }

.domino { 
  height: 10px;  padding-top: 80px; margin-top: 5px;
  background: url('images/sponsors/o_domino.png') no-repeat top center;}

.domino:hover { background: url('images/sponsors/domino.png') no-repeat top center; }

.rebel { 
  height: 10px;  padding-top: 56px; margin-top: 5px;
  background: url('images/sponsors/o_rebel.png') no-repeat top center;}

.rebel:hover { background: url('images/sponsors/rebel.png') no-repeat top center; }

/* Gallery CSS */

/* Gallery stuff */

#gallery { 
  margin-left: -5px;
  margin-right: -5px;
  }

.photonav {
  text-align: center;
  }

#gallery img { 
  padding: 3px; 
  border: 1px solid #5477AF;
  background-color: #E6EAF5;
  margin: 3px;
  vertical-align: middle;
  }