* {
   font: 13px "Lucida Grande", "Lucida Sans Unicode", "Arial", sans-serif;
}
html, body {
   color: #fff;
   text-align: center;
   margin: 0 auto; /* center, not in IE5 */
   margin: 0;
   padding: 0;
}

object, a { 
   outline: none; 
}

#header {
   overflow: hidden;
   width: 999px;
   text-align: left;
   margin: 0 auto; /* center, not in IE5 */
   margin-top: 10px;
}

#topnavgiation {
   text-align: center;
   height: 45px;
   background: #c5b6a2;
}

#topnavgiation div {
   position: relative;
   width: 999px;
   text-align: center;
   margin: 0 auto;
}

#topnavgiation div a {
   float: left;
   text-decoration: none;
   color: #3f2f18;
   font-size: 18px; 
   padding-top: 0.6em;
   padding-bottom: 0.7em;
}

#topnavgiation div a:hover {
   background: #dcd0c0;
}

/**********************/

#jsddm {	
   margin: 0px;
	padding: 0px;
}
	
#jsddm li {	
   float: left;
   list-style: none;
   padding: 0px;
   margin: 0px;
}

#jsddm li a {	
   color: #3f2f18;
   font-size: 18px; 
   display: block;
   text-decoration: none;
   white-space: nowrap;
   padding: 0px;
   padding-top: 0.6em;
   padding-bottom: 0.7em;
   margin: 0px;
}

#jsddm li a:hover {	
   background: #dcd0c0;
}
		
#jsddm li ul {	
   margin: 0px;
   padding: 0px;
   position: absolute;
   z-index: 600;
   visibility: hidden;
   border-left: 1px solid #685131; 
   border-bottom: 1px solid  #685131;
}

#jsddm li ul li {	
   text-align: left;
   float: none;
   display: inline;
}

#jsddm li ul li a {	
   text-align: left;
   /* width: auto; */
   color: #3f2f18;
   width: 230px;
   padding-top: 0.6em;
   padding-bottom: 0.7em;
   padding-left: 15px;
   background: #dcd0c0;
}

#jsddm li ul li a:hover {	
   background: #c5b6a2;
}

#jsddm li ul#storesubmenu {
   margin-left: -1px;
}

#jsddm li ul#moreinfosubmenu {
   margin-left: -116px;
}

/**********************/

#videopanel {
   text-align: center;
   height: 397px;
   background: #564227 url(../images/videopanelbg.png) repeat-x;
}

#video {
   margin: 0 auto;   
   text-align: center;
   height: 397px;
   width: 667px; 
   background: #000000 url(../images/videobg.png) no-repeat;
}

#videoscreen {
   /*background-image: url(../images/Player_bg.jpg) no-repeat;*/
   margin: 0 auto;   
   text-align: center;
   height: 360px;
   width: 640px; 
}

#socialpanel {
   margin-top: 7px;
   width: 988px;
   height: 41px;
   background: #8a6d45 url(../images/socialpanelbg.png) no-repeat;
}

#watchmore {
   margin-top: 11px;
   margin-left: 15px;
   float: left;
}

#transcript {
   text-align: left;
   width: 152px;
   height: 20px;
   margin-top: 11px;
   margin-left: 13px;
   float: left;
}

#nowplaying {
   float: left;
   width: 640px;
   margin-top: 11px;
   margin-left: 13px;
}

#nowplaying a, #transcript a {
   color: #FFF;
}

#watchmore a {
   text-decoration: none;
   color: #FFF;
   font-size: 15px;   
}

#socialicons {
   margin-top: 8px;
   margin-right: 13px;
   float: right;
}

#content {
   overflow: hidden;
   width: 999px;
   text-align: center;
   margin: 0 auto; /* center, not in IE5 */
}

#rightspace {
   margin-top: 19px;
   float: right;
   width: 229px;
   margin-right: 7px;
}

#adspace {
   margin-top: 19px;
   float: right;
   width: 229px;
   margin-right: 7px;
}


#footer {
   margin-top: 65px;
}

#subscribe {
   overflow: hidden;
   width: 999px;
   text-align: center;
   margin: 0 auto; /* center, not in IE5 */
   margin-bottom: 30px;
}

#subscribe div {
   text-align: justify;   
}

#subscribe div, #subscribe a {
   color: #2a3535;
}

#bottomnavigation {
   color: #3f2f18;
   height: 315px;
   background: #f4f1ed;
   width: 100%;
}

#bottomnavigationbar {
   width: 100%;
   background: #dfd7cb;
   height: 45px;
   margin-bottom: 21px;
}

#bottomnavigationbar div {
   width: 999px;
   text-align: center;
   margin: 0 auto;
}

#bottomnavigationbar div a {
   float: left;
   text-decoration: none;
   color: #3f2f18;
   font-size: 18px; 
   padding-top: 0.6em;
   padding-bottom: 0.6em;
}

#bottomnavigationbar div a:hover {
   background: #dcd0c0;
}

#bottomnavigationbarhrefs {
   width: 999px;
   text-align: center;
   margin: 0 auto;
}

#bottomnavigationbarhrefs div {
   float: left;
   text-align: left;
}

#bottomnavigationbarhrefs div a {
   clear: both;
   text-decoration: none;
   color: #3f2f18;
}

#bottomnavigationbarhrefs div a:hover {
   text-decoration: underline;
}

#copyright {
   width: 100%;
   float: left;
   background: #f4f1ed;
   position: relative;
   margin-top: 110px;
   padding-bottom: 50px;
   clear: both;
   color: #3f2f18;
}

#copyright a {
   color: #3f2f18;
}

#archivecats {
   text-align: left;
   margin-top: 20px;
   width: 200px;
   float: left;
}

#archivecats p {
   color: #2a3535;
}

#archivecats h1 {
   margin: 0px;
   margin-bottom: 15px;
   color: #2a3535;
   font-weight: bold;
   font-size: 20px;
}

#archivecats h2, #archivecats h2 a  {
   margin: 0px;
   color: #2a3535;
   font-weight: bold;
   font-size: 15px;
}

#archivecats ul {
   margin: 0px 0px 15px 0px;
   padding: 0px;
}

#archivecats ul li {
   list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
   line-height: 20px;
   color: #2a3535;
}

#archivecats ul li a {
   text-decoration: underline;
   color: #2a3535;
}

#archivecats ul li a:hover {
   text-decoration: underline;
}

#archivelist {
   margin-top: 20px;   
   margin-left: 5px;
   width: 545px;
   float: left;
}

#archivelist p {
   color: #2a3535;
}

#archivelist h1 {
   margin: 0px;
   margin-bottom: 15px;
   color: #2a3535;
   font-weight: bold;
   font-size: 20px;
   text-align: left;
}

.archive-loading-status {
   margin: 150px 0 0 0;
}

.archiveitem {
   float: left;
   clear: both;
   text-align: left;
}

.archivestill {
   float: left;
}

.archivestill img {
   height: 90px; 
   width: 120px; 
}

.archivedesc {
   height: 90px;
   width: 238px;
   margin-left: 5px;
   float: left;
   color: #2a3535; 
}

.archivedate {
   height: 90px;
   width: 176px;
   margin-left: 5px;
   float: left;
   color: #2a3535; 
}

.front_vid_thumbs {
   width: 736px;
   margin-top: 12px;
   margin-right: 25px;
   float: left;
}

.vid_thumb {
   float: left;
   margin-left: 15px;
   background: #fff url('../images/vid_thumb_bg.gif') no-repeat;
   width: 229px;
   height: 269px;
}

.vid_still {
   position: relative;
   width: 191px;
   height: 143px;
   margin-top: 19px;
   margin-left: 19px;
   border: 1px solid #333333;
}

.vid_desc {
   margin-top: 20px;
   position: relative;
   padding-left: 20px;
   padding-right: 20px;
   text-align: left;
   color: #182e06;
}

.submit {
   float: left;
   padding-bottom: 3px;
   background: transparent url("../images/submit_bg.png") no-repeat;
   height: 35px;
   border: solid 0 #fff;
   width: 107px;
   color: #182e06;
}

.textfield {
   /* Microsoft decided in IE8 that they were going to mess it up for 
      everybody by screwing up CSS support. Nice bugs Microsoft. 
      You're the clear bug trophy winner and probably always will be. 
      I LOVE how in IE8 the text field jumps, and 'fixed' makes the
      background image for the text field DISAPPEAR in IE8. Thus, 
      see the class above this one, textfieldbgdiv, which then breaks
      validation. */
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   padding-top: 8px;
   padding-left: 8px;
   padding-right: 8px;
   padding-bottom: 8px;
   background: transparent;
   height: 34px;
   border: solid 0 #fff;
   width: 289px;
   font-size: 15px;
   color: #fff;
}

.textfieldbgdiv {
   width: 299px;
   float: left;
   background: transparent url("../images/text_box.png") no-repeat;
}

#contactform {
   float: left;
}
.contactfield {
   margin-bottom: 5px;
   float: left; 
   width: 100%; 
   clear: both;
}
.contactfieldlabel {
   float: left; 
   padding-top: 5px; 
   font-size: 15px; 
   margin-right: 10px; 
   width: 135px; 
   text-align: right;
}
.textareabgdiv {
   width: 366px;
   float: left;
   background: transparent url('/images/textarea_bg.png') no-repeat;
}
#contactform .textarea {
   /* Microsoft decided in IE8 that they were going to mess it up for 
      everybody by screwing up CSS support. Nice bugs Microsoft. 
      You're the clear bug trophy winner and probably always will be. 
      I LOVE how in IE8 the text field jumps, and 'fixed' makes the
      background image for the text field DISAPPEAR in IE8. Thus, 
      see the class above this one, textfieldbgdiv, which then breaks
      validation. */
   overflow: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   padding-top: 5px;
   padding-left: 8px;
   padding-right: 8px;
   padding-bottom: 8px;
   background: transparent;
   height: 202px;
   border: solid 0 #fff;
   width: 366px;
   color: #fff;
   font-size: 15px;
}
.required {
   font-weight: bold;
   color: darkred;
}

#blogcontent, #contactform {
   color: #2a3535;
   text-align: justify;
   margin-top: 20px;
   width: 740px;
}

#blogcontent strong, #contactform strong {
   font-size: 15px;
   font-weight: bold;
}

#blogcontent li {
	font-size: 15px;
}

#blogcontent em, #contactform em {
   font-size: 15px;
   font-style: italic;
}

#blogcontent .post .entry p, #contactform p {
   font-size: 15px;
}

#blogcontent h1, #contactform h1 {
   text-align: left;
   margin: 0px;
   font-size: 35px;
}

#blogcontent h2, #contactform h2 {
   margin: 0 0 20px 0;
   font-size: 28px;
   font-weight: bold;
}

#blogcontent h3, #contactform h3 {
   margin: 0px;
   font-size: 18px;
}

#blogcontent .searchresult h3 a {
   font-size: 20px;
   font-weight: bold;
}

#blogcontent a, #contactform a {
   color:  #2a3535;
   text-decoration: underline;
   font-size: 15px;
}

#blogcontent .post h2 {
   text-align: left;
   color:  #2a3535;
   text-decoration: none;
   font-size: 25px;
}

#blogcontent .post small {
   font-size: 18px;
}

.blognavigation {
   width: 100%;
}

.blognavigation .entriesolderlink {
   width: 40%;
   text-align: right;
   float: right;
}
.blognavigation .entriesnewerlink {
   width: 40%;
   text-align: left;
   float: left;
}

#blogcontent .blognavigation a {
   font-size: 18px;
   color: default;
   text-decoration: none;
}

#blogcontent .blognavigation a:hover {
   text-decoration: underline;
}

.cuedata {
   color: #182e06;
   font: 13px "Lucida Grande", "Lucida Sans Unicode", "Arial", sans-serif;
}

#cuepoint {
   position: absolute; 
   /*top: 493px;*/
   bottom: 37px;
   height: 20px;
   width: 630px; 
   z-index: 500; 
   float: left; 
   margin: 0px; 
   padding: 5px; 
   margin-left: 13px; 
   text-align: left; 
   clear: both; 
   background: black;
   /*color: #182e06;*/
   color: white;
}

#cuepoint a {
   /*color:  #2a3535;*/
   color: white;
   
}

#contest {
   position: absolute;
   top: 0px;
   left: -170px;
   width: 183px;
   height: 397px;
}
#contest img {
   border: 0;
}

#contest-right {
   position: absolute;
   top: 0px;
   left: 653px;
   width: 183px;
   height: 397px;
}
#contest-right img {
   border: 0;
}


#hilow {
   position: absolute; 
   top: 171px; 
   height: 50px;
   width: 497px; 
   z-index: 502; 
   float: right; 
   margin: 0px; 
   padding: 5px; 
   margin-left: 145px; 
   text-align: center; 
   clear: both; 
   /*background: black;*/
   color: white;
}

/*
#hilowmask {
   position: absolute; 
   top: 171px; 
   height: 338px;
   width: 630px; 
   z-index: 501; 
   float: left; 
   margin: 0px; 
   padding: 0px; 
   margin-left: 13px; 
   text-align: left; 
   clear: both; 
   background: transparent;
}
*/

/* Begin Images */
p img {
   padding: 0;
   max-width: 100%;
   }

/* Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid) */

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
   }

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
   }

.alignright {
   float: right;
   }

.alignleft {
   float: left;
   }
/* End Images */

#gallerybreadcrumbs li {
   padding-right: 15px;
   list-style: none;
   float: left;
}

#galleryalbumname {
   margin: 0;
   clear: both;
}

#galleryalbumname h2 {
   margin: 0;
   text-align: left;
   color:  #2a3535;
   text-decoration: none;
   font-size: 25px;
}