/* -------------------------------------------------------------- 
-----------------------------------------------------------------
    Layout

      Defaults
      Main
      Header
      Content
      Sidebar
      Footer
      Etc
-----------------------------------------------------------------
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
    Defaults
-------------------------------------------------------------- */
body {background: url(../images/bg-body.png); color: #000}
div, ul, ol, li, form {position:relative}

/* -------------------------------------------------------------- 
    Main
-------------------------------------------------------------- */
#wrapper {width: 1145px; margin: 0 auto; background: url('../images/bg-wrapper.png') top center repeat-y;}
#header  {width: 980px; margin: 0 auto 10px; background: url('../images/bg-header.jpg') top center no-repeat; height: 150px;}

/* -------------------------------------------------------------- 
    Header 
-------------------------------------------------------------- */
#logo {display: block; height: 0 !important; overflow: hidden; padding-top: 120px; width: 380px; background: url(../images/logo.png) no-repeat; margin: 0 auto;}

/* -------------------------------------------------------------- 
    Content 
-------------------------------------------------------------- */
.video-container {margin: 0 auto 30px; display: inline-block; width: 1145px;}
.video-wraptop {background: url(../images/video-bgtop.png) no-repeat; height: 15px}
.video-wrapmid {background: url(../images/video-bgmid.png) repeat-y;  }
.video-wrapbot {background: url(../images/video-bgbot.png) no-repeat; height: 25px}
.video-wraptop, 
.video-wrapmid,
.video-wrapbot,
.video-content {width: 100%; float: left;}
.video {margin-left: 20px; width: 854px;}
.video-description {background: url(../images/video-bgdesc.png) no-repeat; height: 480px; width: 241px; padding: 0 10px 0 15px; }
.video,
.video-description {float: left;}
.video-description .first {margin-bottom: 40px; margin-left: -5px;}

.stories {width: 650px; margin: 0 auto}
.stories fieldset {border: 1px solid #ddd; padding: 20px;}
.stories fieldset legend {padding: 5px 10px 5px 40px; background: url('../images/story-icon.png') left center no-repeat;}

.comment-block {display: inline-block; margin-bottom: 20px; }
.thumb, .comment {float: left;}
.thumb {padding-right: 21px; background: url('../images/story-arrow.png') 125px 20px no-repeat; z-index: 99999;}
.thumb img {border: 5px solid #0f578d;}
.comment {width: 446px; margin-left: -1px; background: #f6f6f6 ; border: 1px solid #ddd; padding: 10px;}
.comment-block.tweets {width: 100%;}
.video-embed {padding-left: 85px;}

/* -------------------------------------------------------------- 
    Footer 
-------------------------------------------------------------- */
#footer {margin-top: 60px; color: #898989;}
.credits {margin: 0 auto; width: 555px}
.credits .logo {float:left; margin-right: 20px}
.credits .logo.third {margin-right:0}
.legal {padding: 10px 0 20px 0; margin: 0;}

/* -------------------------------------------------------------- 
    Images
-------------------------------------------------------------- */
.image-footerend {display: block; margin: 0 auto 30px; background: url(../images/image-footerend.png) no-repeat; width: 980px; height: 25px; }
.image-arrows {display: block; margin: 0 auto 18px; background: url(../images/image-arrows.png) no-repeat; width: 187px; height: 77px; }

  /* Image Replace */
  .imagereplace-yourabout {margin: 0 auto 20px; height: 0 !important; overflow: hidden; padding-top: 79px; width: 889px; background: url(../images/imagereplace-yourabout.png) no-repeat; font-size: 12px;}
  .imagereplace-watchthisvideo {display: inline-block; margin: 0 auto 15px; height: 0 !important; overflow: hidden; padding-top: 75px; width: 240px; background: url(../images/imagereplace-watchthisvideo.png) top center no-repeat}
  .button-addtocart {position: absolute; bottom: 0; right: 10px;}
  .imagereplace-checkoutthebuzz {display: inline-block; margin: 0 auto; height: 0 !important; overflow: hidden; padding-top: 72px; width: 100%; background: url(../images/imagereplace-checkoutthebuzz.png) top center no-repeat}
  .imagereplace-landon{display: inline-block; margin: 0 auto; height: 0 !important; overflow: hidden; padding-top: 101px; width: 261px; background: url(../images/imagereplace-landon.png) top center no-repeat}

/* -------------------------------------------------------------- 
    Etc 
-------------------------------------------------------------- */
.font12 {font-size: 12px}
.font14 {font-size: 14px}
.font16 {font-size: 16px}
.font22 {font-size: 22px}
.bold {font-weight: bold;}
.align-center {text-align: center}
.align-left   {float: left; overflow: hidden}
.align-right  {float: right; overflow: hidden}
.width25  {width: 25%} 
.width35  {width: 35%} 
.width50  {width: 50%} 
.width65  {width: 65%} 
.width100 {width: 100%}
.uppercase {text-transform: uppercase;}
.space-tb-20 {margin: 20px 0}
.space-tb-40 {margin: 40px 0}