/*
Theme name: Croydon Sports Clinic
Author: Eric Daams
Author URI: http://ericnicolaas.com 
*/


body { 
  background:url('../images/body_bg.png') repeat;
  font:96.875%/1.5em Helvetica, Arial, sans-serif;  
}

/* Structure
-------------------------------------*/
#container {
  background:url('../images/container_bg.png') repeat-y;
  width:940px;
  padding:0 40px;
  margin:32px auto;
  overflow:auto;
}

#header {
  background:#fff url('../images/header_bg.png') no-repeat bottom;
  height:286px;
  position:relative;
  z-index:1;
  overflow:hidden;
}

#main {
  background:#fff url('../images/main_bg.png') repeat-y;
  padding:30px 0 120px 0;
  overflow:hidden;
}

#content {
  float:right;
  width:622px;
  padding:0 29px;
}

#sidebar {
  width:260px;
}

#footer {
  background-color:#c0c0c0;
  font:0.8387em/2.31em 'Helvetica Neue', Helvetica, Arial, sans-serif;    
  color:#fff;
  padding:21px 21px 23px 21px;
}


/* Header
-------------------------------------*/
#top-navigation {
  background:url('../images/header_nav_bg.png') repeat-x;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  height:36px;
  line-height:32px;
}

#top-navigation .nav {
  height:100%;
  float:left;
}

#top-navigation .nav li {
  float:left;
  font-size:0.8387em;
  text-transform:lowercase;  
  height:100%;
}

#top-navigation .nav li a {
  color:#fefefe;
  text-decoration:none;
  border-right:1px solid #d1d1d1;
  height:100%;
  display:block;
  padding:0 27px;
}

#top-navigation #phone {
  font-size:1.226em;
  color:#fff;
  margin:0 120px;  
}

#identity {
  background:url('../images/identity.png') no-repeat top;
  margin:22px 0 0 25px;
  height:223px;
  width:312px;
  position:relative;
  float:left;
}

#identity #logo {
  position:absolute;
  bottom:0;
  left:0;
}

#header-grab-overlay, 
#header-grab {
  float:right;
  position:absolute;
  right:0;
  width:360px;
  height:249px;
}
#header-grab-overlay {
  background:url('../images/header_grab_bg.png') no-repeat top right; 
  position:relative;
  z-index:3;
}

#header-grab {
  z-index:2;
  height:249px;
}

#header-grab img {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:249px;
}

/* Main
-------------------------------------*/
#content {
  font-size:0.8387em;
}

.home #content {
  font-size:1em;
}

#content .block {
  padding:3px 8px;
  border:1px solid #d9d9d9;
  overflow:hidden;
  margin:0 0 1em;
}

#content .block h4 {
  background:url('../images/content_block_header_bg.png') no-repeat left;  
  font-size:1.1em;
  text-transform:uppercase;
  font-weight:bold;
  padding:12px 8px 8px 8px;
  color:#fff;
}

/* Sidebar
-------------------------------------*/
#sidebar .block, 
#sidebar p, 
#sidebar dl,
#sidebar > a,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
  padding:0 26px;
}

#sidebar > a {
  display: block;
  margin: 1em 0;
}

#sidebar .block {
  background:url('../images/sidebar_block_bg.png') repeat-y right;  
}

#sidebar .block h4 {
  background:url('../images/sidebar_block_header_bg.png') no-repeat left;
  font:bold 0.9677em/42px Verdana, Geneva, Tahoma, sans-serif;
  color:#fff;
  text-transform:uppercase;
  width:262px;
  margin:0 0 0 -26px;
  padding-left:26px;
  clear:none;
}

#sidebar .block ul {
  font:bold 0.8387em/2.31em 'Helvetica Neue', Helvetica, Arial, sans-serif;  
  padding:1em 0;
}

#sidebar .block ul a {
  color:#000;
  text-decoration:none;
}

#sidebar dt {
  clear:left;
  float:left;
  width:120px;
}

#sidebar dd {
  clear:none;
  float:left;
}

#sidebar .HTMLBlock {
  margin-bottom:1em;
}


/* Footer
-------------------------------------*/
#footer address {
  font-style:normal;
  display:inline;
  margin:0 0 0 6px;
}


/* Typography
-------------------------------------*/
h1 {
  margin:1em 0;
}

h2 {
  margin:0.7em 0;
}

h3 {
  margin:0.5em 0;
}

h4 {
  margin:0.3em 0;
}

h5 {
  margin:0.2em 0;
}

h6 {
  font-size:1em;
  font-weight:bold;
}

p {
  margin:0 0 1em;
}


/* Images
-------------------------------------*/
#content img {
  padding:5px;
  border:1px solid #c0c0c0;
  background-color:#eee;
}


/* Lists
-------------------------------------*/
ul {
  list-style:disc;  
  padding-left:16px;
}

#top-navigation ul,
ul.horizontal,
#sidebar .block ul {
  padding-left:0;
  list-style-type:none;
  list-style-image:none;    
}

ul.horizontal li {
  float:left;
  margin-right:18px;
}

/*ul.sponsors li {
  margin-right:6px;
}*/

/* Utilities
-------------------------------------*/
.right {
  float:right;
}

.left {
  float:left;
}

.hidden {
  position:absolute !important;
  clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip:rect(1px, 1px, 1px, 1px);
  padding:0 !important;
  border:0 !important;
  height:1px !important;
  width:1px !important;
  overflow:hidden;
} 
/* credit: http://designfestival.com/when-and-how-to-visually-hide-content/ */