/* all pages
______________________________________*/
body {
  background: #5e5e5e url("images/main-bg.jpg") repeat-y top center;
  color: #408858;
  font: 13px arial;
}
em {
  font-weight: bold;
}
ul, p {
  margin: 0;
}
h1 {
  display: none;
}
h2 {
  clear: both;
  color: #333;
  text-align: center;
  font-size: 1.5em;
}
h3 {
/*  color: #375733;*/
  color: #333;
  font-size: 1.2em;
  margin-bottom: 5px;
}
h3 a {
  color: #333;
}
h4 {
  margin: 15px 0 0;
  font-size: 1em;
  font-weight: 550;
}
a {
  text-decoration: none;
  color: #333;
}
a img {
  border: 0;
}
input {
  border-width: 0 0 2px;
  border-bottom: 2px solid #bbb;
  margin: 0 5px;
  padding-left: 0;
  padding-right: 0;
}
.hidden {
  display: none;
}
input.submit {
  border-bottom: 0;
}
#maincontainer {
  width: 855px;
  margin-left: auto;
  margin-right: auto;
}
#header {
  float: left;
  margin: 10px 0 15px 0;
}
#logo {
  float: left;
  margin-right: 10px;
}
#signin {
  float: left;
  width: 540px;
  height: 72px;
  background: url("images/formbg.gif") no-repeat top center;
  padding: 35px 0 10px;
  margin-bottom: 20px;
}
#signin .note {
  text-align: center;
  margin-top: 3px;
  font-size: .8em;
}
#ccforms {
  text-align: center;
}
#ccforms table {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  border: 3px inset;
  padding: 8px;
}
#ccforms table td {
  text-align: center;
}
form {
  margin-top: 13px;
}
form a {
  color: #408858;
}
label {
  display: block;
  font-size: .9em;
}
label span {
  font-size: .9em;
  color: #666;
}
#signin form {
  width: 477px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 5px;
}
#signin form div {
  float: left;
  margin-bottom: 3px;
}
#signin form input {
  width: 148px;
}
#signin form div#submit {
  clear: left;
  float: none;
}
#signin form #submit p {
  display: inline;
  padding: 0 15px;
  text-decoration: underline;
  font-size: 1.2em;
  font-weight: bold;
}
#topnav {
  color: #dFf9cf;
  font-size: .83em;
}
#topnav.safari a {
  margin-left: 1px;
}
#topnav a {
  color: #20301b;
  background-color: #bddba9;
  float: left;
  margin-left: 2px;
  padding: 1px;
}
#topnav a.first {
  margin-left: 0;
}
.nav li {
  display: inline;
  margin: 0;
  padding: 1px;
}
#footer {
  clear: both;
  margin: 20px 50px;
  padding-top: 3px;
  border-top: 1px solid;
  text-align: center;
  font-size: .95em;
}
#footer .nav li {
  background-color: transparent;
  font-size: 1.3em;
  color: #6fa36c;
}
#footer .nav li a {
  padding: 0 1px;
  font-size: .8em;
  color: #6fa36c;
  vertical-align: middle;
}
#footer #copyright {
  color: #3c5b37;
}
.errormessage {
  padding: 5px 10px;
  margin-bottom: 15px;
  text-align: center;
  border: 1px solid red;
  color: red;
}
.success {
  padding: 5px 10px;
  margin-bottom: 15px;
  text-align: center;
  border: 1px solid #375733;
  color: #fff;
}
.hiddenerror {
  display: none;
  color: red;
}
/* landing page
______________________________________*/
#pitch {
  position: relative;
  clear: both;
  background: url("images/mainblock.png") no-repeat;
  padding: 0;
  height: 436px;
  margin-bottom: 20px;
  color: #fff;
}
#pitch #splash {
  float: right;
}
#pitchtext {
  float: left;
  display: inline;
  margin: 105px 250px 20px 30px;
}
#largebody p, #smallbody p, #pitch p {
  text-indent: 20px;
}
#pitch .submit {
  position: absolute;
  left: 55px;
  bottom: 20px;
  border: none;
}
#news {
  background: url("images/news.gif") no-repeat top left;
  float: left;
  display: inline;
  height: 222px;
  padding-top: 23px;
  margin: 0 20px 20px 50px;
}
#stories {
  width: 480px;
  border-top: 1px solid;
}
#stories div {
  width: 425px;
}
.promo {
  float: right;
  clear: right;
  display: inline;
  width: 250px;
  margin-right: 50px;
  font-size: 1.2em;
  text-align: center;
}
.promo img {
  margin-bottom: 5px;
}
.promo p {
  margin-bottom: 15px;
}
.promo p img {
  margin-bottom: 0;
}
.promo span {
  font-weight: bold;
}
.promo span#hot {
  color: #ff1c26;
}
.promo span#older {
  color: #000;
}
/* large template page
______________________________________*/
#largecontainer {
  clear: both;
  float: left;
  background: url("images/largebgmid.jpg") repeat-y top center;
  margin-bottom: 30px;
}
#largebody {
  float: left;
  background: url("images/largebgbottom.jpg") no-repeat bottom center;
  padding-bottom: 15px;
}
#largebody .inner {
  float: left;
  width: 775px;
  background: url("images/largebgtop.gif") no-repeat top center;
  padding: 20px 40px;
  color: #fff;
}
#largebody form {
  text-align: center;  
}
#terms {
  padding: 0 20px;
}
.admin #signin form {
  width: 320px;
}
.admin #signin #loggedin {
  text-align: center;
  padding: 10px 50px;
}
.admin #largebody form {
  text-align: center;
}
.admin #largebody form div {
  float: none;
  width: 805px;
  margin-bottom: 20px;
}
.admin h2 {
  color: #333;
}
.admin #bannergenre, .admin #vidgenre, .admin #promogenre, .admin #galgenre {
  xdisplay: none;
}
p.action {
  margin: 10px 0;
}
p.action form {
  display: inline;
}
/* small template page
______________________________________*/
#smallbody {
  clear: both;
  background: url("images/smallbg.gif") no-repeat top center;
  width: 775px;
  height: 310px;
  padding: 20px 40px;
  color: #fff;
}

#smallbody form {
  margin-top: 40px;
  text-align: center;
}
#options {
  float: left;
  text-align: center;
}
#options a {
  float: left;
  margin: 30px 20px;
}
#options img {
}
#options #homlogo, #options #hommobilelogo {
  margin-top: 40px;
}
/* news sections and pages
______________________________________*/
#news .headline {
  color: #20301b;
}
#article h3 {
  text-align: center;
  margin: -15px 0 20px;
}
/* banners
______________________________________*/
.linkcode {
  color: #000;
  text-align: center;
  border: 1px inset #fff;
  padding: 10px;
  margin-top: 15px;
}
.linkcode .code {
  margin: 15px;
  font-family: "Lucida Console";
}
#sortforms {
  width: 424px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.bear #sortforms {
  width: 144px;
}
#sortforms div {
  float: left;
  margin: 0 10px 10px;
}
#sortforms div#mobilesize {
  float: none;
}
#banners {
  width: 775px;
  text-align: center;
}
#banners h3 {
  text-align: center;
}
#banners div {
  text-align: center;
  margin-top: 20px; 
}
#banners div.thin {
  display: inline;
}
#banners div.thin img {
  margin: 20px 15px;
}
/* Galleries
______________________________________*/
#gallery {
  text-align: center;
}
#thumbnails {
  float: left;
  width: 795px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#largebody #thumbnails p {
  text-indent: 0;
}
.thumbnail {
  float: left;
  margin: 15px 10px;
}
#content .thumbnail{
  width: 174px;
  height: 210px;
} 
#gallery .thumbnail {
  width: 174px;
  height: 210px;
}
.resource {
  width: 190;
  margin-top: 20px;
  text-align: center;
  float: left;
}
.video {
  width: 245px;
  float: left;
  margin: 15px 10px;
  height: 215px;
}
.video h3 {
  font-size: 1.15em;
}
#largebody .video p {
  text-indent: 0;
}