/* This Style sheet was made by aran @ studio7designs.com  
if you have any questions please email me or visit http://www.studio7designs.com  */

/* Thanks Aran - nice design! Adapted for use on NorthCarolinaWaterfalls.info by  *
 * WNCOutdoors.info/Jordan Michell                                                *
 * Includes the FatCow Hosting Icon Set - http://www.fatcow.com/free-icons        *
 *                                                                                */

*{border:0;margin:0;padding:0;background:transparent;}

body {
    font-family: trebuchet ms, verdana, arial, tahoma;
    font-size: 80%; color: #777777;
    background-color: #ffffff;
    line-height: 175%;
    margin-top: 0px;
    background: #ffffff url('images/gphx/gphx/bg.gif') top center repeat-x;
}

#border {
    border: 0px ;
    width: 770px;
    background-color: #FFFFFF;
    background:url('images/gphx/backround2.gif') no-repeat;
    margin: 0 auto;
}

#header {
    height: 96px;
    width:743px;
    margin-left:-2px;
    background-image:url('images/logo/ncwf/rotate.php');
    background-position: 0px -98px; /* Kill this once logos are shrunken */
}

* html #header { margin-left: 0; }

#content {
    padding: 0.5em 1em;
    max-width: 740px;
    background-color: #FFFFFF;
}

* html #content {height:1%}
* > html #content {height:auto}

#container {
    width: 740px;
    margin: 0px auto;
    background-color: #ffffff;
    border: 0px solid #669900;
}

#adLeaderboard{
    width: 728px;
    height: 90px;
    margin: 5px auto;
}

#adFullBanner{
  width: 468px;
  height: 60px;
  margin: 0 auto;
  clear: both;
}

#vertad{
  width: 120px;
  height: 240px;
  float: left;
  margin-right: 15px;
  margin-bottom:15px;
}

#links{
  clear: left;
}

.splitright {
    background: #ffffff url('images/gphx/gphx/menu.gif') top center no-repeat;
    width: 30%;
    float: right;
    overflow: hidden;
    text-align: center;
}

.splitleft {
    background: #ffffff;
    margin:auto;
    width: 68%;
    float: left;
    overflow: hidden;
    text-align: justify;
}

.splitleft P{
    margin-bottom: 1em;
}

#introduction{
    float:right;
    width:180px;
    padding:0px 0px;
    margin:20px 0 20px 20px;
    background: url('images/gphx/menu.gif') no-repeat;
    text-align:center;
    line-height:1.5em;
    color:#999999;
    font-size:1.0em;
    font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
    letter-spacing:0px;
}

#introduction ul, #introduction li {
    text-align:center;
    list-style: none;
    margin: 0;
    padding: 0;
}

#introduction a {
    border-bottom: none;
    color:#999999;
}

#introduction h3{
    text-align: center;
    position:static;
}

#introduction a:link, a:visited{
    color:#999999;
}

#introduction a:hover, a:active{
    color:#5B8FBE;
}



/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer{
    text-align: center;
    height: 30px;
    background-color: #E7F2FE;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    margin-top: 50px;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
    clear: both;
    
}


#footer a:link, a:visited{
    color:#5B8FBE;
}

#footer a:hover, a:active{
    color:#cccccc;
}




a:active,
a:visited,
a:link                  { color: #5B8FBE; text-decoration: underline; }
a:hover                 { color: #999999; text-decoration: underline; }

/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

    #topmenu {
    position: relative;
    top: 13px;
    left: 15px;
    width: 540px;
    font-size:93%;
    margin: 0;
    line-height:normal;
    height: 41px;
      }
    #topmenu ul {
      margin:0;
      padding:0px 0px 0 2px;
      list-style:none;
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu a {
      float:left;
      background:url('images/gphx/menuleft.gif') no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #topmenu a span {
      float:left;
      display:block;
      background:url('images/gphx/menuright.gif') no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#5B8FBE;
      }
      
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a span {float:none;}
    /* End IE5-Mac hack */
    #topmenu a:hover span {
      color:#5B8FBE;
      }
    #topmenu a:hover {
      background-position:0% -42px;
      }
    #topmenu a:hover span {
      background-position:100% -42px;
    }
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1{
    font-size: 180%;
    color: #659500;
    line-height: 200%;
}

h3{
    color:#5B8FBE;
    font-family:geneva,arial,sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    word-spacing:4px;
    letter-spacing:3px;
    font-size:0.8em;
    font-weight:bold;
    padding:0 2px;
    margin:0;
}

/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.style4 {font-size: 16px}
.style5 {
    font-size: 12px;
    color: #CCCCCC;
}

table#wtfList td {
   vertical-align: top;
   border-bottom: 1px solid #B3D4F5;
   padding: 10px 0px;
}

table#wtfList td.thumb{
  text-align: right;
}
    
input.large-search-box {
  width: 475px;
  font-size: 20pt;
  border: 2px solid #659500;
  background: url('images/icons/fatcow-hosting-icons/32x32/magnifier.png') center right no-repeat;
}

/* Image/figure boxes */
figure{
  overflow: hidden;
}

figure img{
  display: block;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #D5D5D5;
  border-radius: 8px;
}

figcaption{
  font-size: 10px;
  font-style: italic;
  text-align: center;
  line-height: 14px;
}

.right{
  float: right; clear: right;
  margin: 0px 0px 0px 10px;
}

.left{
  float: left; clear: left;
  margin: 0px 10px 0px 0px;
}

.portrait{
  width: 130px
}

.landscape{
  width: 166px;
}

/* Icons */
.home-icons{
  float: left;
  width: 90px;
  margin-top: 5px;
  line-height: 32px;
  padding-left: 40px;
}
.home-icons a{
  font-size: 16px;
  text-decoration: none;
  letter-spacing: 0;
}
.home-map-icon{ background: url('images/icons/fatcow-hosting-icons/32x32/map.png') top left no-repeat; }
.home-search-icon{ background: url('images/icons/fatcow-hosting-icons/32x32/magnifier.png') top left no-repeat; }
.home-list-icon{ background: url('images/icons/fatcow-hosting-icons/32x32/tilelist.png') top left no-repeat; }

.menu-icons{
  text-align: left !important;
  margin-left: 13px !important;
  padding-left: 22px !important;
}

.menu-map-icon{ background: url('images/icons/fatcow-hosting-icons/16x16/map.png') top left no-repeat; line-height: 18px; }
.menu-search-icon{ background: url('images/icons/fatcow-hosting-icons/16x16/magnifier.png') top left no-repeat; line-height: 18px; }
.menu-list-icon{ background: url('images/icons/fatcow-hosting-icons/16x16/tilelist.png') top left no-repeat;  line-height: 18px; }