/* Gang Warily Website - Stuart Lanham: August 2009 */

/* audio only content
-------------------------------------------*/
.audio
{
    display: none;
}

@media aural  
{
    body 
    {  
        voice-family: female;
    }
    .audio
    {
        display: inline;
        voice-family: male;
    }
}

/* structure
-------------------------------------------*/
body 
{
    background-color: #C3DFEA;
    margin: 0 0 0 0;
    font-size: 12px;
    color: #333;
	font-family: Arial, Helvetica, sans-serif;
    }

#wrapper 
{
    width: 955px;
    margin: auto;
    background-color: #FFF;
    }

/* header
-------------------------------------------*/
#header 
{
    width: 955px;
    height: 40px;
    background: transparent url(images/header-background.gif) bottom left repeat-x;
    float: left;
    }


/* left
-------------------------------------------*/
#left-content 
{
    float: left;
    width: 300px;
    margin-left: 20px;
    padding: 20px 0 20px 0;
    }

#left-content p
{
    padding: 0;
    margin: 0;
    }
    
 #left-content a
{
    color: #FF9900;
    }
    
  #left-content a:hover
{
    color: #0099C1;
    }


.home-telephone 
{
    width: 140px;
    height: 12px;
    display: block;
    background: transparent url(images/tel-number.gif) top left no-repeat;
    text-indent: -7000px;
    margin: 15px 0 0 80px;
    }

#left-content h2
{
    width: 119px;
    height: 16px;
    padding: 0;
    margin: 35px 0 5px 0;
    text-indent: -7000px;
    background: transparent url(images/h2-latest-news.gif) top left no-repeat;
    }
    

#left-content h2.recent-posts
{
    width: 132px;
    height: 16px;
    padding: 0;
    margin: 35px 0 5px 0;
    text-indent: -7000px;
    background: transparent url(images/h2-recent-posts.gif) top left no-repeat;
    }
    
#left-content h2.archive
{
    width: 79px;
    height: 16px;
    padding: 0;
    margin: 35px 0 5px 0;
    text-indent: -7000px;
    background: transparent url(images/h2-archive.gif) top left no-repeat;
    }
    

#left-content h3
{
    margin: 10px 0 10px 0;
    padding: 0;
    }    

#left-content h3 a
{
    width: 270px;/*300*/
    height: 18px;/*20*/
    display: block;
    padding: 2px 0 0 30px;
    margin: 0;
    color: #0099C1;
    text-decoration: none;
    font-size: 12px;
    background: transparent url(images/h3-news-background.gif) top left no-repeat;
    }
    
#left-content h3 a:hover
{
    color: #FFF;
    text-decoration: underline;
    }
    
#left-content h4
{
    color: #0099C1;
    font-size: 12px;
    margin: 0;
    padding: 0;
    }

#twitter-wrapper
{
    background-color: #0099C1;
    }

#twitter-header 
{
    width: 300px;
    height: 40px;
    margin-top: 20px;
    background: transparent url(images/twitter-header.gif) top left no-repeat;
    }
#twitter_div 
{
    background-color: #A2CEE2;
    margin: 0;
    padding: 10px 15px 10px 15px;
    }
#twitter_div ul 
{
    padding: 0;
    margin: 0;
    }
#twitter_div ul li
{
    list-style: none;
    }
#twitter_div a
{
    color: #0099C1;
    text-decoration: underline;
    }
#twitter_div a:hover
{
    color: #FFF;
    text-decoration: underline;
    }
#twitter-footer 
{
    width: 300px;
    height: 8px;
    background: transparent url(images/twitter-footer.gif) top left no-repeat;
    }

#gig 
{
    width: 300px;
    margin-top: 20px;
    }
    
#gig img
{
    float: left;
    padding: 0;
    margin: 0 10px 5px 0;
    }

#nfpc 
{
    width: 300px;
    clear: both;
    margin-top: 30px;
    }

#nfpc img
{
    float: left;
    padding: 0;
    margin: 0 10px 5px 0;
    }
  
#getting-social
{
    width: 270px;/*300*/
    height: 168px; /*223*/
    background: transparent url(images/social-background.gif) top left no-repeat;
    float: left;
    margin: 20px 0 0 0;
    padding: 40px 15px 15px 15px;
    }

#getting-social img
{ 
    margin: 10px 0 0 3px;
    border: 0;
    }
    
#getting-social a
{
    color: #333;
    }

/* right
-------------------------------------------*/
#right-content 
{
    float: right;
    width: 580px;
    margin-right: 20px;
    padding: 25px 0 20px 0;
    }
    
#right-content p
{
    padding: 0;
    margin: 0 0 15px 0;
    }

.lead-para
{
    color: #0099C0;
    }

#right-content h1 
{
    display: block;
    text-indent: -7000px;
    height: 32px;
    padding: 0;
    margin: 0 0 15px 0;
    }
    
#right-content h1.home 
{
    width: 409px;
    background: transparent url(images/h1-home.gif) top left no-repeat;
    }
    
#right-content h1.evolve 
{
    width: 238px;
    background: transparent url(images/h1-evolve.gif) top left no-repeat;
    }
    
#right-content h1.indoor 
{
    width: 272px;
    background: transparent url(images/h1-indoor.gif) top left no-repeat;
    }
    
#right-content h1.outdoors 
{
    width: 305px;
    background: transparent url(images/h1-outdoors.gif) top left no-repeat;
    }
    
#right-content h1.gw4kids 
{
    width: 312px;
    background: transparent url(images/h1-gw4kids.gif) top left no-repeat;
    }
    
#right-content h1.news 
{
    width: 201px;
    background: transparent url(images/h1-news.gif) top left no-repeat;
    }
    
#right-content h1.about 
{
    width: 152px;
    background: transparent url(images/h1-about.gif) top left no-repeat;
    }
    
#right-content h1.contact 
{
    width: 181px;
    background: transparent url(images/h1-contact.gif) top left no-repeat;
    }
    
#right-content h1.room-hire 
{
    width: 322px;
    background: transparent url(images/h1-room-hire.gif) top left no-repeat;
    }
    
#right-content h1.nfpc 
{
    width: 541px;
    background: transparent url(images/h1-nfpc.gif) top left no-repeat;
    }
    
#right-content h1.gig 
{
    width: 474px;
    background: transparent url(images/h1-gig.gif) top left no-repeat;
    }
    
#right-content h2.content-header
{
    padding: 0 0 10px 0;
    margin: 0;
    color: #333;
    font-size: 1.5em;
    }

#right-content h3 
{
    display: block;
    text-indent: -7000px;
    padding: 0;
    margin: 0 0 15px 0;
    }
    
#right-content h3.post-title 
{
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 1.5em;
    text-indent: 0!important;
    background-color: #fff;
    border: 1px solid #fff;
    }
    
#right-content h3.room 
{
    clear: both;
    width: 191px;
    height: 16px;
    background: transparent url(images/h3-room-hire.gif) top left no-repeat;
    }
    
#right-content h3.content 
{
    text-indent: 0!important;
    padding: 0 0 5px 0;
    margin: 0;
    color: #333;
    font-size: 1.2em;
    }
    
#right-content a
{
    color: #FF9900;
    }
    
#right-content a:hover
{
    color: #0099C1;
    }
.pod-more-button
{
    float: right;
    margin: 0 15px 10px 0;
    }

.home-pod-left
{
    width: 275px;
    min-height: 360px;
    float: left;
    margin-bottom: 25px;
    border-bottom: 1px #CFCFCF solid;
    background: #0099C1 url(images/home-pod-background.gif) top left repeat-y;
    }
    
.home-pod-left img 
{
    border: 0;
    }

.home-pod-left p
{
    color: #fff;
    margin: 10px 15px 10px 15px !important;
    line-height: 15px;
    }
    
.home-pod-left a
{
    color: #fff !important;
    }
    
.home-pod-left a:hover
{
    color: #FF9900 !important;
    }

.home-pod-left h2 
{
    width: 275px;
    height: 44px;
    float: left;
    padding: 0;
    margin: 0;
    text-indent: -7000px;
    }
 
.home-pod-left h2.evolve
{
    background: #0099C1 url(images/h2-evolve-fitness.gif) top left repeat-x;
    }
.home-pod-left h2.outdoors
{
    background: #0099C1 url(images/h2-outdoor-activities.gif) top left repeat-x;
    }
    
.home-pod-right
{
    width: 275px;
    min-height: 360px;
    float: right;
    margin-bottom: 25px;
    border-bottom: 1px #CFCFCF solid;
    background: #0099C1 url(images/home-pod-background.gif) top left repeat-y;
    } 

.home-pod-right img 
{
    border: 0;
    }

.home-pod-right h2 
{
    width: 275px;
    height: 44px;
    float: left;
    padding: 0;
    margin: 0;
    text-indent: -7000px;
    }
    
.home-pod-right p
{
    color: #fff;
    margin: 10px 15px 10px 15px !important;
    line-height: 15px;
    }

.home-pod-right a
{
    color: #fff !important;
    }
    
.home-pod-right a:hover
{
    color: #FF9900 !important;
    }
    
.home-pod-right h2.indoors
{
    background: #0099C1 url(images/h2-indoor-activities.gif) top left repeat-x;
    }
.home-pod-right h2.gw4k
{
    background: #0099C1 url(images/h2-gw4-kids.gif) top left repeat-x;
    }
    
.home-pod-img 
{
    margin-left: 1px;
    border-bottom: 1px #CFCFCF solid; 
    }
    
.home-pod-bar {float:left; width: 580px;}

/* footer
-------------------------------------------*/
#footer 
{
    width: 905px;/*955*/
    clear: both;
    padding: 25px;
    background: #0099C1 url(images/footer-background.gif) top left repeat-x;
    }
    
#footer ul 
{
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    }

#footer ul li
{
    display: inline;
    margin-right: 10px;      
    }
    
#footer ul li a
{
    color: #C3DFEA;
    text-decoration: underline;    
    }
    
#footer ul li a:hover
{
    color: #E9B931; 
    }
    
#footer p 
{
    clear: both;
    color: #84BED4;
    padding-top: 10px;
    }
    
/* Images & Tables
-------------------------------------------*/
.content-right
{ float: right;
  margin: 2px 0 10px 10px;
  border:1px solid #fff
  }
  
.content-left
{ float: left;
  margin: 2px 10px 10px 0;
  border:1px solid #fff
  }
  
.imgFB
{
    padding: 0 0 5px 0;
}    
  
.content
{
    padding: 5px 0 0 10px;
    vertical-align: top;
} 
    
/* Blog
-------------------------------------------*/

/* Posts
-------------------------------------------*/

.date-header 
{
    color: #0099C1;
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 0;
    }
    
.post {
  margin: 0 0 50px 0!important;
  padding: 0 !important;
  float: left;
  display: inline;
  }

#main .post-title a {
  text-decoration:none;
  color:#9df;
  }
#main .post-title a:hover {
  color:#fff;
  }
.post p, .post-body {
  margin: 0;
  }
.post-footer {
  color:#467;
  text-transform:lowercase;
  }
.post-footer em {
  font-style:normal;
  color:#689;
  }
.post blockquote {
  margin: 0;
  padding:5px 0;
  border:2px solid #356;
  border-width:2px 0;
  }
.post blockquote p {
  margin: 0;
  }
.post img {
  border:1px solid #fff;
  }


/* Comments
-------------------------------------------*/
#comments {
  margin:2em 0 0;
  border-top:2px solid #356;
  padding-top:1em;
  }
#comments h4 {
  margin:0 0 .25em;
  text-transform:lowercase;
  color:#666;
  }
#comments-block {
  margin:0;
  line-height:1.6em;
  }
.comment-poster {
  margin:0 0 .25em;
  text-transform:lowercase;
  }
.comment-body, .comment-body p {
  margin:0 0 .75em;
  }
p.comment-timestamp {
  margin:-.25em 0 2em;
  }
#main .comment-timestamp a {
  color:#689;
  }
#main .comment-timestamp a:hover {
  color:#9ec;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}


/* Sidebar
-------------------------------------------*/
.sidebar-title {
  margin:1em 0 .25em;
  color:#666;
  }
#sidebar ul {
  margin:0 0 1.5em;
  padding:0;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 0;
  line-height:1.4em;
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.4em;
  }
  
#main2 {
  width: 580px;/*650*/
  margin:0 0 0 0;
  padding:0 0;
  float: left;
  }
#sidebar2 {
  width: 200px;/*220*/
  margin:0;
  padding:2px 20px 10px;
  float: right;
  }