/*
    screen.css
    03/09/2010
    Hot Rock Climbs
    v1.0
*/

@import url(baseline.css);

/***
    Generic
***/
body{
  background: #fff url(images/background.jpg) repeat-x top left;
  color:    #242A1C;
  font-family:  Arial, Helvetica, sans-serif;
  font-size:    12px;
  padding: 0;
  text-align:   left;

}

a,
li.a{
  color:    #242A1C;
  text-decoration:  underline;
}

li a.active{
  color:    #ed1c24;
}

a:hover{
  color:    #ed1c24;
}



/***
    Dividers
***/

#container-outer{
  width:    800px;
  margin:   0 auto;
}

#container-inner{
  float:    left;
  width:    100%;

}

#header-outer{
}

#header-inner{

}

#navigation-outer{
    width:  100%;
    float:  left;
    background: transparent url(images/nav-background.png) no-repeat 0 0;
}

#navigation-inner{

}


#main-outer{
  width:    100%;
  float:    left;
  background:   transparent url(images/content-background.png) no-repeat 0 0;
  margin-top:   10px;
}

#main-inner{

}


#content-outer{
    width:  500px;
    float:  left;
}

#content-inner{
  padding:  15px 35px;

}

#sidebar-outer{
    width:  300px;
    float:  left;
}

#sidebar-inner{
    padding:    15px 25px 15px 15px;
}


#footer-outer{
    width:  100%;
    float:  left;
    background: transparent url(images/footer-background.png) no-repeat 0 0;
}

#footer-inner{
    padding:    30px 40px 20px 40px;
    text-align: center;
}

#social-links{
  width:    100%;
  float:    left;
}

#footer-navigation{
  width:    100%;
  float:    left;
}



/**********
    menus and lists
**********/

ul.menu{
  margin:0;
  padding: 0 6px;
}

#footer-navigation ul.menu{
  width:    615px;
  margin:   0 auto;
}


ul.menu li{
  list-style:   none;
  padding:  4px 6px;
  float:    left;
}

#navigation-outer ul.menu li{
  background:   transparent url(images/menu-sep.gif) no-repeat left center;
}

#navigation-outer ul.menu li.first{
  background:   none;
}

#navigation-outer ul.menu li a{
  text-decoration: none;
  font-size:    16px;
}

#footer-navigation ul.menu li a{
  text-decoration: none;
}

#navigation-outer ul.menu li a:hover,
#footer-navigation ul.menu li a:hover{
  color:    #fff;
  text-decoration:  underline;
}


ul.associations, ul.adverts{
  list-style:   none;
  text-align:   center;
}

#social-links ul{
  width:    400px;
  margin:   0 auto;
}


#social-links li{
  list-style:   none;
  float:    left;
}


a#social-facebook{
  width:    112px;
  height:   28px;
  display:  block;
  background:   transparent url(images/facebook-img.png) no-repeat 0 0;
  overflow: hidden;
  text-indent: -9999px;
}

a#social-twitter{
  width:    114px;
  height:   31px;
  display:  block;
  background:   transparent url(images/twitter-img.png) no-repeat 0 0;
  overflow: hidden;
  text-indent: -9999px;
}
a#social-flickr{
  width:    76px;
  height:   32px;
  display:  block;
  background:   transparent url(images/flickr-img.png) no-repeat 0 0;
  overflow: hidden;
  text-indent: -9999px;
}
a#social-youtube{
  width:    84px;
  height:   36px;
  display:  block;
  background:   transparent url(images/utube-img.png) no-repeat 0 0;
  overflow: hidden;
  text-indent: -9999px;
}

/*******
    Text items
*******/

a#home-link{
  width:    799px;
  height:   306px;
  display:  block;
  background:   transparent url(images/home-banner.png) no-repeat 0 0;
  overflow: hidden;
  text-indent: -9999px;
}

h1, h2, h3, h4, h5, h6{
  color:    #242A1C;
  font-size:    12px;
  font-weight:  bold;
  margin:   12px 0 0 0;
}

#content-inner h1, #sidebar-inner h2, #sidebar-inner h3, #content-inner h2{
  font-size:    20px;
  background:   transparent url(images/header-bg.png) no-repeat 0 0;
  padding:  5px 3px 3px 32px;
  margin-bottom:    8px;
  font-weight:  bold;
}
#sidebar-inner h2, #sidebar-inner h3{
  padding-top:  3px;
}


#content-inner h2{
  font-size:    16px;
}

#content-inner h3{
  font-size:    12px;
}

#content-inner p{
  margin-bottom:    12px;
  line-height:  16px;
}


#content-inner ul, #content-inner ol{
  margin: 6px 0px 6px 30px;
}