/* 
Theme Name: Triathlon WA
Theme URL: 
Description: Triathlon WA Official Wordpress Theme
Author: Swish Design
Author URL: swishdesign.com.au
Version: 0.1

Version History
  See history.txt
*/
body {
  background:#006497;
  margin-top:0;
  margin:0;
  padding-bottom:20px;
  font-family:Helvetica, Arial, sans-serif;
}
html,body {
  /*height:100%;*/
}
#wrapper {
  width:1116px;
  margin:auto;
}

a img {
  border:none;
}
a {
  text-decoration:none;
}
a:hover {
}
.clearer {
  clear:both;
}
h1,h2,h3,h4,h5 {
  margin-top:0;
}

h1 {
  font-size:22px;
}
h2 {
  font-size:20px;
}
h3 {
  font-size:18px;
}
h4 {
  font-size:17px;
}
h5 {
  font-size:14px;
}

/** TOP CONTAINER **/
#top_container {
  background: url(images/topcontainer_bg.jpg) no-repeat;
  width:984px;
  height:50px;
  margin:auto;
  padding-top:5px;
}
#top_container_content {
  width:920px;
  height:48px;
  margin:auto;
}

/** HEADER **/
#header {
  background: url(images/headerbg.jpg) no-repeat -1px;
  width:1116px;
  height:320px;
}
#logo {
  width:107px;
  height:148px;
  float:left;
  padding-top:35px;
  padding-left:102px;
}
#logo a {
  display:block;
  width:107px;
  height:148px;
}

/** NAV **/
#nav_container {
  clear:both;
  float:left;
  padding-top:68px;
  padding-left:65px;
  z-index:200;
}
#nav {
  width:984px;
  height:47px;
  margin:auto;
  padding-left:7px;
  z-index:200;
}
#nav ul {
  margin:0;
  padding:0;
  z-index:200;
}
#nav ul li {
  list-style:none;
  float:left;
  z-index:200;
}
#nav ul li a {
  background: url(images/navbg.gif) no-repeat right center;
  float:left;
  display:block;
  height:30px;
  padding-left:15px;
  padding-right:17px;
  padding-top:17px;
  color:#fff;
  text-transform:UPPERCASE;
  font-size:11px;
  font-weight:bolder;
  z-index:200;
}
#nav ul li.last-item a {
  padding-right:0;
  background: none;
}
#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li.sfHover a {
  color:#e2aa02;
}
/** submenu items **/
#nav ul ul li a {
  width:220px;
  background:#134171;
  padding-left:5px;
  padding-top:12px;
  padding-bottom:12px;
  color:#fff;
  height:auto;
  border-bottom:solid 1px silver;
  font-size:11px;
  padding-right:0px;
  z-index:200;
}
#nav ul li.current_page_item ul a, #nav ul li.sfHover ul a {
  color:#fff;
}
#nav ul ul li a:hover, #nav ul ul li.sfHover a {
  background:#e2aa02;
  color:#2e2e2e;
}
/** submenut 3rd level **/
#nav ul ul ul {
  left:225px;
  z-index:200;
}
#nav ul ul ul a {
  padding-top:5px;
  padding-bottom:5px;
  z-index:200;
}
#nav ul ul ul li {
  z-index:200;
}
#nav ul ul li.sfHover ul a {
  color:#fff;
  background:#134171;
}
#nav ul ul li.sfHover ul a:hover {
  background:#e2aa02;
  color:#2e2e2e;
}


/*safari hacks for nav (displays smaller fonts) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   /* Safari 3.0 and Opera 9 rules here */
  #nav ul li a {
    font-size:11px;
    font-weight:normal;
  }
  #nav ul ul li a {
    font-size:11px;
    font-weight:normal;
  }
}

/** MAIN **/
#main {
  background: url(images/mainbg.gif) repeat-y -1px;
  padding-left:66px;
  padding-right:66px;
  padding-bottom:30px;
  font-size:12px;
  clear:both;
  z-index:10;
}
#main-adjust {
  background: url(images/main-adjustbg.gif) no-repeat top;
}


/** MAINCONTENT **/
#main_content {
  width:505px;
  margin:auto;
  float:left;
  padding-left:10px;
  padding-right:10px;
  margin-left:235px; /* width of sidebar_left  */
  z-index:5;
}
p img {
}
img.centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
img.alignright {
 display: inline;
 margin: 0 0 2px 7px;
 padding: 4px;
}
img.alignleft {
 display: inline;
 margin: 0 7px 2px 0;
 padding: 4px;
}
.alignright {
 float: right;
}
.alignleft {
 float: left;
}

#main_content h1 {
  margin-top:0;
  text-transform: UPPERCASE;
}
#main_content h1 a {
  color:#e2aa02;
  font-size:17px;
}
#main_content a {
  color:#e2aa02;
}
#main_content a:hover {
  color:#826307;
}

/* main post */
#main_content .post p {
  line-height:18px;
  margin:0;
  padding-bottom:10px;
} 
#main_content .post a {
  color:#e2aa02;
}
#main_content .post .entry {
  padding-top:10px;
}
#main_content .post .postmetadata {
  padding-top:10px;
  margin-bottom:0;
}
#main_content #content h4 {
  padding-top:20px;
  border-top:solid 1px silver;
}
#main_content #content .post {
  padding-bottom:20px;
}

/* search page */
#main_content .search_page .post {
  padding-top:20px;
  border-bottom:solid 1px silver;
}

/* homepage */
#main_content .homepage_news {
  padding-bottom:20px;
}
#main_content .homepage_news h2 {
  background: url(images/heading-news-bg.gif) no-repeat;
  height:25px;
  color:#006498;
  text-transform:UPPERCASE;
  font-size:14px;
  padding-top:8px;
  padding-left:8px;
}
#main_content .homepage_news ul {
  padding:0;
  padding-left:20px;
  margin:0;
}
#main_content .homepage_news li {
  font-weight:bolder;
  padding-bottom:8px;
  list-style-image: url(images/list-item.gif);
}
#main_content .homepage_news li p {
  margin:0;
  line-height:normal;
  padding:0;
}
#main_content  h2.imagegallerytitle {
  background: url(images/heading-bg.gif) no-repeat;
  height:25px;
  color:#fff;
  text-transform:UPPERCASE;
  font-size:14px;
  padding-top:8px;
  padding-left:8px;
}
#main_content #slideshow-wrapper {
  z-index:3;
}

/* news page */
#main_content .news_page .post {
  padding-top:20px;
  border-bottom:solid 1px silver;
}

/* archive */
#main_content .archive_list_item {
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:solid 1px silver;
}
#main_content .archive_list_item .postmeta2 {
  font-size:11px;
  color:#3e3e3d;
}


/** SIDEBARS **/
#sidebar_left {
  /*background: url(images/sidebar-border.gif) no-repeat right 40px;*/
  float:left;
  width:235px;
  margin-left:-760px; /* width of main_content + width of sidebar_left */
}
#sidebar_right {
  /*background: url(images/sidebar-border.gif) no-repeat left 40px;*/
  float:right;
  width:217px;
}
#sidebar_right #searchform {
  text-align:right;
}
#sidebar_right #searchsubmit {
  display:none;
}
#sidebar_right #searchform label.screen-reader-text {
  color:#006498;
  text-transform:UPPERCASE;
  padding-right:5px;
  padding-bottom:5px;
  display:block;
}
#sidebar_right #s {
  background: url(images/textboxbg.gif) no-repeat bottom right;
  font-size:12px;
  height:23px;
  padding:5px 10px;
  width:152px;
  border:none;
}
#sidebar_right .sideblock form {
}
#sidebar_right .sideblock ul.adplugs {
  margin:0;
  padding-left:5px;
  list-style:none;
  padding-top:0px;
}
#sidebar_right .sideblock ul.adplugs li {
  list-style:none;
  list-style-image:none;
  padding-bottom:7px;
  padding-top:0px;
}
#sidebar_right .sideblock ul.adplugs a {
  display:block;
}
#sidebar_right .sideblock {
  padding-bottom:5px;
}

.sidebar ul {
  padding-left:20px;
  margin:0;
}
.sidebar .sideblock {
  padding:20px;
  padding-top:0px;
}
.sidebar .sideblock h2.heading {
  background: url(images/heading-bg.gif) no-repeat;
  height:25px;
  color:#fff;
  text-transform:UPPERCASE;
  font-size:14px;
  padding-top:8px;
  padding-left:8px;
}
.sidebar .sideblock ul li {
  list-style-image: url(images/list-item.gif);
  padding-bottom:5px;
}
.sidebar .sideblock ul li a {
  color:#1e1b1a;
  font-weight:bolder;
}

/** FOOTER **/
#footer {
  background: url(images/footerbg.gif) no-repeat -1px  bottom;
  height:45px;
}
#footer_content {
  width:923px;
  padding-top:5px;
  margin:auto;
  color:#045187;
  font-size:11px;
  border-top:solid 1px #045187;
  text-align:right;
}
#footer_content a {
  color:#045187;
}