/*  Tails for Whales
 *  Base.css
 *  ---! This stylesheet contains global styles only !---
 *  Use home.css or page.css for template specific styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html,body {
  margin:0;
  padding:0;
  height:100%;
  font-family: Arial, sans-serif;
  font-size:13px;
  color:#ffffff;
  background:#000;
}

a {
  color:#ffffff;
  text-decoration:none;
}

a img {
  border:none;
  text-decoration:none;
}

/*  Global Nav
 * * * * * * * * * * * * * * * */
#homepage #nav{
  position: static;
  height: 38px;
}
div#nav {
  position:absolute;
  top: 0;
  left: 0;
  text-align:left;
  width:100%;
  display:block;
  background:#262626;
  clear:both;
  z-index:9000;
}
div#nav a {
  float:left;
  display:inline;
  font-weight:bold;
}
div#nav a.logo {
  width:94px; height:37px;
  background:url(../images/logo.png) top left no-repeat;
  display:block;
  padding:0 15px 0 0;
  margin:0 0 0 15px;
  border-right:1px solid #000000;
}
div#nav a.logo:hover {
  background:url(../images/logo.png) bottom left no-repeat;
}
div#nav a:hover {
  color:#00abb9;
}

div#nav a.webbyaward {
  width:208px; height:37px;
  background:url(../images/honoree_black_small.jpg) top left no-repeat;
  display:block;
  padding:0 0px 0 0;
  margin:0 0 0 0px;
  border-right:1px solid #000000;
}
div#nav a.webbyaward:hover {
  width:208px; height:37px;
  background:url(../images/honoree_black_small.jpg) top left no-repeat;
  display:block;
  padding:0 0px 0 0;
  margin:0 0 0 0px;
  border-right:1px solid #000000;
}

div#nav h1 {
  display:none;
}

div#nav ul {
  list-style-type:none;
  padding:0;
  margin:0;
}

div#nav ul li {
  display:inline;
}

div#nav ul li a {
  display:block;
  line-height:37px;
  padding:0 15px 0 29px;
  border-right:1px solid #000000;
  background:url(../images/nav-arrow.gif) 15px 14px no-repeat;
}


/*  Global Footer
 * * * * * * * * * * * */
div#footer {
  width:100%;
  display:block;
  position: relative;
  margin-top: -200px;
  height: 200px;
  clear:both;
}
 /* footer hack */
 html, body, #container {height: 100%;}
 body > #container {height: auto; min-height: 100%;}
 #main {padding-bottom: 200px;}
 .clearfix:after {content: ".";
 	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;}
 .clearfix {display: inline-block;}
 * html .clearfix { height: 1%;}
 .clearfix {display: block;}
 /* end footer hack */


div#footer div#links {
  font-size:11px;
  font-weight:bold;
  position:absolute;
  bottom: 0;
  left: 0;
  color:#a3a3a3;
  clear:both;
}

div#footer div#links a {
  display:block;
  float:left;
  padding:0 15px;
  line-height:30px;
  color:#a3a3a3;
}

div#footer div#links a:hover {
  color:#fff;
}

div#footer div#links a.info {
  border-right:1px solid #016774;
}

div#footer div#links ul {
  list-style-type:none;
  padding:0;
  margin:0 0 0 15px;
  display:block;
  float:left;
  position:relative;
}
div#footer div#links ul li {
  display:inline;
  float:left;
  line-height:30px;
}
div#footer div#links ul li a {
  float:none;
  padding:0;
  margin:7px 5px 0 5px;
}

div#footer div#links span.copyright {
  float:right;
  margin:0 15px 0 0;
  line-height:30px;
}

div#footer div#links a span {
  display:none;
}

div#footer div#links a.facebook {
  width:59px; height:12px;
  margin-top:8px;
  background:url(../images/facebook.png) top left no-repeat;
}
  div#footer div#links a.facebook:hover {
    background:url(../images/facebook.png) bottom left no-repeat;
  }

div#footer div#links a.flickr {
  width:37px; height:12px;
  margin-top:8px;
  background:url(../images/flickr.png) top left no-repeat;
}
  div#footer div#links a.flickr:hover {
    background:url(../images/flickr.png) bottom left no-repeat;
  }

div#footer div#links a.youtube {
  width:46px; height:15px;
  background:url(../images/youtube.png) top left no-repeat;
}
  div#footer div#links a.youtube:hover {
    background:url(../images/youtube.png) bottom left no-repeat;
  }


/*  Find a tail searchbox
 * * * * * * * * * * * */
#searchbox{
  height: 51px; width: 261px;
  margin: 14px 0 0 0; padding: 0;
  background: transparent url('../images/searchbox-keyword.gif') 0 0 no-repeat;
}
#searchbox div{ 
  position: relative;
  padding: 0 !important;
  height: 51px;
}
#searchbox #search_keyword{ 
  position: absolute; top: 15px; left: 15px;
  height: 36px; width: 190px;
  border: 0;
  color: #808080; background-color: transparent;
  font-size: 17px;
}
#searchbox #search_button{ 
  height: 51px;
  position: absolute; top: 0; right: 0;
}
input#search_keyword{
  outline:none;
}
/*  Autoclear
 * * * * * * * * * * * */
.autoclear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .autoclear {height: 1%;}
* html .autoclear { display:inline-block; }
.autoclear{ display:block; }