/* ----------------------------------------------- */
/* WebSite : Rooty Hill RSL Chess Club, Australia  */
/* Designer: Robert Ambalong                       */
/* URL:      www.rootyhillchess.org                */
/* Date:     15 Feb 2007                           */
/* ----------------------------------------------- */
/* Primary layout */
body	{
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  color: #222;
  background:  url("../images/chesspieces_bg.gif") top left repeat;
  font: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
  }
img  {
  border: 0;
  }
  /* Wrapper */
@media all {
  #wrapper  {
    background: #fff url("../images/sidebar2.gif") top left repeat-y;
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 790px;
    text-align: left;
    font-size:90%;
    }
  }
  /* Header */

#RHCC-header  {
  background: #fff url("../images/banner.jpg") bottom left no-repeat;
  margin: 0 auto;
  padding: 0 0 2px 0;
  border: 0;
  }
  
#RHCC-message {
   color: #11f;
   position: relative; top: 50px; left: 470px;
   font-size: 12px;
  }

#header-separ  {
  clear: left;
  background: #fff url("../images/headerbar2.gif") bottom left no-repeat;
  height: 45px;
  margin: 0 auto;
  text-align: right;
  padding: 0 10px;
  border: 0;
  }

  /* Inner layout */

#content  {
  padding: 0 12px;
  }

@media all {
  #main  {
    width: 716px;
    float: left;
    }
  #sidebar  {
    width: 26px;
    float: left;
    }
  }
@media handheld {
  #main  {
    width: 100%;
    float: none;
    }
  #sidebar  {
    width: 100%;
    float: none;
    }
  }

  /* Bottom layout */

#footer  {
  clear: both;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  background: url("../images/footerbar2.gif") bottom left no-repeat;
  }

#footer p  {
  text-align: center;
  margin: 0;
  padding: 16px 0;
  font-size: x-small;
  background-color: transparent;
  color: #222;
  }

  /* Navigation bar   */
#RHnav {
        clear: both;
        margin: 0;
        padding: 0;
        border: 0;        
        position: relative; top: 0; left: 0px;
      	HEIGHT: 32px
}
#RHnav A IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}  

UL.subnav {
	CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/toolbar_bg.gif) repeat-x left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 32px
}
UL.subnav LI {
	FLOAT: left; MARGIN: 3px 10px 0px; HEIGHT: 29px
}
UL.subnav LI.selected {
	BACKGROUND: url(../images/toolbar_bg_selected.gif) white no-repeat left top
}
UL.subnav LI.selected A {
	PADDING-RIGHT: 7px; BACKGROUND: url(../images/toolbar_bg_selected.gif) no-repeat right top; MARGIN-LEFT: 7px
}
UL.subnav LI A {
	DISPLAY: block; FLOAT: left; FONT: bold 8pt "trebuchet ms",Verdana,Arial,sans-serif; COLOR: white; PADDING-TOP: 8px; HEIGHT: 21px
}
UL.subnav LI.selected A {
	COLOR: #000
}

  /* Default links   */

a:link, a:visited {
  font-weight : normal;
  text-decoration : none;
  color: #998;
  background: transparent;
  }

a:hover {
  font-weight : normal;
  text-decoration : underline;
  color: #bba;
  background: transparent;
  }

a:active {
  font-weight : normal;
  text-decoration : none;
  color: #998;
  background: transparent;
  }


  /* Typography */

#main p {
  line-height: 140%;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 1em;
  }

.post {
  margin-top: 5px;
  margin-bottom: 1em;
  }
  

h2, h3, h4, h5  {
  margin:  0px;
  padding: 0px;
  }
  
h3.page-title {
 text-align: center;
 font: bold 20px Arial, Helvetica, sans-serif;
 color: #330099;
 letter-spacing:-1px;
 }
 
 
h4 {
 text-align: left;
 color:#006600;
 }
h5 {
 color:#C93;
 font-size:140%;
 }

ul  {
  margin: 0 0 25px 0;
  }


li  {
  font-weight: normal;
  color:#111;
  line-height: 160%;
  font-size: small;
  }

#main ul   {
  padding-left: 10px;
  padding-top: 3px;
  }

#main ul li {
  list-style: disc url("../images/wking.gif") inside;
  vertical-align: top;
  padding: 0;
  margin: 0;
  }  


.caption1 {
	font: bold 16px  Arial,Helvetica,sans-serif;
	text-align: left;
	color:#ff9933;
}  
#header-text {
  position: relative; 
  top: 4px; 
  left: 200px;
  padding: 0;
  }
 
span.caps1 {
  font: bold 18px Verdana, Arial, sans-serif; color: #c90;
}

span.post-footer {
  margin-top: 5px;
  font-size: medium;
  font-size: 0.9em;
  color:#ff9933;
  }

#left-box {
   float: left;
   margin-right: 10px;
   margin-bottom: 3px;
}

table {
    margin-left: 12px;
    background: #ffe;
    width: 90%;
    border-collapse: collapse;
}
table.autowidth {
    margin-left: 12px;
    background: #ffe;
    width: auto;
    border-collapse: collapse;
}
th, td {
	border: 1px solid #333;
	padding: 3px;
	vertical-align: top;
}
tr.rowone th {
    background: #aae;
    color: #ff0;
}
tr.rowhi td {
    background: #aae;
    color: #ff0;
}
td.tdhi {
    background: #aae;
    color: #ff0;
}
td.tdspacer {
   background: #aae;
}