/*  
Theme Name: Westech
Theme URI: http://www.westechfielddays.com.au/
Description: The Westech theme is based on the default WordPress 2.0.5 theme.
Version: 1.0
Author: David and Meredith Freeman
Author URI: http://www.outbackqld.net.au/

 Westech 1.0
	 http://www.westechfielddays.com.au/

 This theme was designed by Meredith Freeman and realised
	in WordPress by David Freeman.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/*****************************************************************************************************/
/* BODY - set attributes for everything - even stuff outside the content area of the page            */
/*****************************************************************************************************/
body 
{
	 margin: 10px 0 20px 0;
	 padding: 0; 
	 background: #d5d6d7 url('images/wt_sitebg.jpg');
	 color: #333333;
  font-size: 62.5%; /* Resets 1em to 10px */
	 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	 text-align: center;
}
/*****************************************************************************************************/
/* PAGE -                                                                                            */
/*        #page is a container - it sets the width of the content area and also puts it in the       */
/*        centre of the browser.  Width is such that it shouldn't have horizontal scrolling on most  */
/*        browsers.  The actual background image used for the centre content area is set in          */
/*        'header.php' based on requirements for a narrow or wide column.                            */
/*****************************************************************************************************/
#page 
{
  width: 810px;
	 margin: 20px auto;
	 padding: 0;
	 background-color: white;
	 border: none;
	 text-align: left;
	 background: url('images/wt_bg.jpg') repeat-y top;
}
/*****************************************************************************************************/
/* HEADER -                                                                                          */
/*          #header is the overall container for the header area that contains the Westech logo and  */
/*          three random images obtained on a per page refresh basis.  The images used are contained */
/*          in 'wp-content/images/heading/*' and all images should be a maximum of 125 pixels in     */
/*          height.  There is no database table for these images, the code loads directory contents  */
/*          from the server and uses that information to select the three random images.             */
/*                                                                                                   */
/*          #headerimg is the container area for the random images.  From there we set .centimg to   */
/*          centre the images and place them in a block to force a line break after this container.  */
/*          .description is used to set text attributes for the text under the three images.  The    */
/*          img style is used to put an orange border around each image and also to provide          */
/*          separation between the images.                                                           */
/*                                                                                                   */
/*          The hr style is used to display an orange divider between the header and the rest of the */
/*          page content.  This needs to be explicitly styled here as we also turn off display of    */
/*          hr elsewhere to use it only for spacing and layout rather than for display.              */
/*****************************************************************************************************/
#header 
{
  width: 810px;
	 height: 200px;
	 margin: 0 0 0 0;
	 padding: 0;
	 background: #73a0c5 url('images/wt_header.jpg') no-repeat bottom center;
	 background-color: white;
}
#headerimg 	
{
	 width: 100%;
	 height: 200px;
	 margin: 0;
} 
#headerimg .centimg
{
  display: block;
	 text-align: center;
  margin-left: 160px;
	 padding-top: 10px;
}
#headerimg .description 
{
  font-size: 1.4em;
	 text-align: center;
	 text-decoration: none;
	 color: black;
  margin-left: 160px;
	 font-weight: bold;
	 font-style: italic;
}
#headerimg img
{
  display: inline;
	 margin: 0px 10px 0px 10px;
	 border-style: solid;
	 border-width: 2px;
	 border-color: #EB921C;
}
#headerimg hr
{
  display: block;
  color: #EB921C;
	 background-color: #EB921C;
	 border: 0;
	 width: 60%;
	 height: 1px;
}
/*****************************************************************************************************/
/* SIDEBAR -                                                                                         */
/*           #sidebar is the container for all the stuff that happens in the navigation sidebar.     */
/*           This includes the positioning of the sidebar (taken care of in the main #sidebar style) */
/*           as well as font display.  In the sidebar we turn off all the link rendering to leave it */
/*           it as plain black text with no underline (no matter if visited, etc).  The styles that  */
/*           related to ul, ol, li are intended to remove leading white space and other similar      */
/*           formatting.  The search/form styles are intended to get the sidebar search form to fit  */
/*           into the constraints of the sidebar styles.                                             */
/*****************************************************************************************************/
#sidebar
{
  width: 210px;
  float: left;
	 padding: 10px 20px 0px 20px;
	 font-size: 1.3em;
}
#sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active
{
  text-decoration: none;
	 color: #000000;
}
#sidebar a:hover
{
  text-decoration: underline;
	 color: black;
}
#sidebar ul, #sidebar ul ol, #sidebar form
{
  margin: 0;
	 padding: 0;
}
#sidebar ul li 
{
  list-style-type: none;
	 list-style-image: none;
	 margin-bottom: 10px;
}
#sidebar #searchform #s 
{
  width: 130px;
	 padding: 1px;
}
#sidebar #searchsubmit 
{
  padding: 1px;
}
#sidebar #datecount
{
	 font-size: 1.0em;
  font-weight: bold;
  font-style: italic;
	 color: #566EB4;
	 margin-bottom: 10px;
}
/*****************************************************************************************************/
/* CONTENT - set attributes for the container that holds the main content area                       */
/*****************************************************************************************************/
#content 
{
  width: 540px;
	 float: left;
	 padding: 0px 20px 0px 0px;
  font-size: 1.2em;
}
/* 
#content h2, #content h2 a, #content h2 a:link, #content h2 a:visited, #content h2 a:active
{
	 font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
  color: black;
	 margin-bottom: 0px;
}
*/
#content h2, #content h2 a, #content h2 a:link, #content h2 a:visited, #content h2 a:active
{
	 font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
	 margin-bottom: 0px;
}
#content h2 a:hover
{
  text-decoration: underline;
}
#content h2.pagetitle
{
	 font-weight: bold;
  font-size: 1.6em;
  text-decoration: none;
  color: #EB921C;
	 margin-bottom: 0px;
}
small 
{
  font-style: italic;
	 font-size: 0.9em;
	 line-height: 1.5em;
	 color: black;
}
#content .postmetadata 
{
  text-align: right;
  font-style: italic;
	 font-size: 0.9em;
	 line-height: 1.5em;
	 color: black;
}
#content .entry
{
  line-height: 1.5em;
}
/*****************************************************************************************************/
/* FOOTER -                                                                                          */
/*          There isn't all that much to the footer area.  It's basically some credits to WordPress  */
/*          and the like.  As a result, there aren't all that many styles to deal with.              */
/*****************************************************************************************************/
#footer 
{
  background: #eee url('images/wt_footer.jpg') no-repeat top;
	 border: none;
	 padding: 0;
	 margin: 0 auto;
	 width: 810px;
	 clear: both;
}
#footer p 
{
  margin: 0;
	 padding: 20px 0;
	 text-align: center;
}
/*****************************************************************************************************/
/* GENERAL -                                                                                         */
/*          These are styles that apply site-wide.                                                   */
/*****************************************************************************************************/
hr 
{
  display: none;
}