/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }



body {
  font-family: Georgia,  Times, serif;
  color: #444;
  /*background:#666666 url(/images/bg.png); */
  background-color:#666666;
  background-color:rgba(0,0,0,0.8);
  margin:0;
  padding:0;
}
.float_fix {overflow:hidden;width:100%}

DIV#wrapper{
    width:960px;
    margin:10px auto 30px auto;

}
div#header {
  width:100%;
  overflow:hidden;
}

div#header {text-transform:none;font-size:16px}
div#header div#block_3 {float:right}
#search_form {float:right; margin-right:29px}
input#search_submit {border: 1px solid #2C2C2C; padding:2px 4px; margin-left: 5px}
input#seach_q {background-color: #CCCCCC;border-color: #999999 #EFEFEF #EFEFEF #999999; border-style:solid; border-width:1px;padding:3px}


a {outline: none}
DIV#left div.content{
    padding:10px 20px 30px 20px;
}
DIV#left{
    background:#F6F6EF url(/images/tile.gif);
    margin:0 10px;
    display:block;
    min-height:400px;
    height: auto !important;
    height: 400px;
}

DIV#outer_border{
    background-color: #333333;
    background-color:rgba(0,0,0,0.4);
    display:block;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:10px 0;
    width:100%;
}

div#header_bg {
    letter-spacing: 0.1em;
    margin:0 0 5px 0;
    background: #333333;
    background-color:rgba(0,0,0,0.6);
    padding:8px 10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color:#666;
    width:940px;
    height:120px;
}

.menu a, .menu a:visited {
    color:#CCC;
    font-size:12px;
    text-decoration:none;
    margin:0 3px;
    text-transform: uppercase;
}

#site_links {margin-bottom: 10px}

.menu a:hover {
    text-decoration:underline;
    color: white;
}
div#promotion {
  width:960px;
  margin:0 auto;
  text-align:center;
}

div#footer{
    margin-top:40px;
    background-color: #333333;
    background-color:rgba(0,0,0,0.8);
    padding:20px;
}
DIV#footer a{
    color:white;
    font-size:14px;
    text-decoration:none;
}


DIV#footer  a:hover {
    text-decoration:underline;
}

h1 {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  padding:0 0 10px 0;
  border-bottom: 1px solid #dddddd;
 text-align: center;
}

h2 {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin: 0 0 5px 0;
  padding:0 0 10px 0;
  font-size: normal;
  text-align: center;
}

.sub_detail, .sub_detail a, .sub_detail a:visited {
  color: #999999 ;
}
.sub_detail a:hover {
  color: #AA7733;
}

sup {
  font-family: Georgia, serif;
}

a.nofrills, a.nofrills:visited {
  color: #444;
}

a, a:visited {
  color: #3333CC;
}
a:hover {
  color: #3366ff;
}

#tab_holder a.nofrills, h2 a {
  text-decoration: none;
}

h2 a{
  border-bottom: 1px solid;
}

a.nofrills:hover {
  color: #AA7733;
}

.author {
  display:block;
  margin-bottom:5px;
}


#footer a, #footer a:visited {
  color: #AA7733;
}


#footnote li {
  margin-bottom: 10px;
}

.quotes p:first-letter {
  font-variant-small-caps;
  text-transform: uppercase;
}

.quotes {
  clear:both;
  text-align: left;
  margin: 0 0 0 10px;
  padding:15px 0 15px 0;
  width:100%;
  overflow:hidden;
}

.quotes p {
  line-height: 145%;
  font-size: 13pt;
  margin: 0;
  padding: 0;
  letter-spacing:0.04em;
}
.quotes .excerpt {float:left;width:400px;margin:0 30px 0 0 }
.quotes .meta {float:left}
.quotes .rating {height: 25px}
.quotes .author_details {}


a img {
  border: none;
}


.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

#container {
  width: 75%;
  margin: 0 auto;
  background-color: #FFF;
  padding: 20px 40px;
  border: solid 1px black;
  margin-top: 20px;
}

#flash_notice, #flash_error {
  padding: 5px 8px;
  margin: 10px 0;
}

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6;
}

#flash_error {
  background-color: #FCC;
  border: solid 1px #C66;
}

.fieldWithErrors {
  display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}

.movie_block .movie_wrapper {
  float:left;
  padding: 0 0 0 20px;
  width:630px;
}
.movie_block .movie_wrapper h2 { font-size: 16px; margin: 0 0 10px 0; text-align:left;}
.movie_block .thumb { float:left; width:200px; padding-right:10px }
.thumb a {-moz-border-radius:4px;-webkit-border-radius:4px}
.movie_wrapper .info {padding-right:10px}

.movie_block {
  clear:both;
  width:100%;
  overflow:hidden;
  margin:10px 0 0 0;
  padding: 10px 0;
}

.movie_block .rating_wrapper {
  width:100%;
}

.flickr_pagination {
  margin-top:30px;
  text-align: center;
  padding: .3em;font-size:20px  }
  .flickr_pagination a, .flickr_pagination span {
    padding: .2em .5em; }
  .flickr_pagination span.disabled {
    color: #AAA; }
  .flickr_pagination span.current {
    font-weight: bold;
    color: #FF0084; }
  .flickr_pagination a {
    border: 1px solid #DDDDDD;
    color: #0063DC;
    text-decoration: none; }
    .flickr_pagination a:hover, .flickr_pagination a:focus {
      border-color: #003366;
      background: #0063DC;
      color: white; }
  .flickr_pagination .page_info {
    color: #aaa;
    padding-top: .8em; }
  .flickr_pagination .prev_page, .flickr_pagination .next_page {
    border-width: 2px; }
  .flickr_pagination .prev_page {
    margin-right: 1em; }
  .flickr_pagination .next_page {
    margin-left: 1em;}

a.movie_thumb {text-indent:-999px; width:200px; height:150px; display:block }

.movie_wrapper h1 span {font-size:12px;font-weight:normal}
.movie_wrapper .legend  { margin-top:5px; }
.movie_wrapper  h5 { float:left;width:120px;margin:0;font-size:14px }
.movie_wrapper .ratingform { float:left;margin:0 10px 0 0px;display:none }
.movie_wrapper .viewer_ratingform { float:left;margin:0 10px 0 0px;display:none }
.loader {background:url(/images/ajax-loader.gif) no-repeat;padding-left:16px}
h5 a, h5 a:visited {text-decoration:none}

.user_review_header h4 {display:inline;font-size:12px;float:left;margin:0;padding:0}
.user_review {padding: 0px 0 15px 0;margin:20px 0 0 20px;width:650px;overflow:hidden}
.user_review_text p {line-height:1.5em; font-size:16px;margin-top:5px}
.user_review_text {clear:both; padding:1px;text-align:justify}
.user_review form { float:left;margin:0 10px 0 10px }
.user_review_header a {font-size:13px;margin:0 0px 0 0}


form.formtastic fieldset, form.formtastic fieldset ol li { display:block }
.rating ol li { display:inline-block !important}
.formtastic textarea {height:150px}
.formtastic {width: 600px}
.thin_border {border-bottom: 1px solid #dddddd;}
form.user_review {width: 800px}
form.user_review textarea {height: 300px}
#new_user input {width:220px}

#tab_holder {
    display:block;
    height:30px;
    border-bottom:1px solid #aaa;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px;
}
#tab_holder a.active{
    color:black;
    background-color:#F6F6EF;
    height:30px;
    line-height:30px;
}
#tab_holder a{
    height:29px;
    line-height:29px;
    display:block;
    float:left;
    padding:0 10px;
    background-color:white;
    border-left:1px solid #aaa;
    border-top:1px solid #aaa;
    border-right:1px solid #aaa;
    margin-right:5px;
    background-color:#EFEFEF;
    color:black;
}

.twitter_form {
  background-color:#EEEEFF;
  clear:both;
  padding:5px 5px 5px 10px;
  width:300px;
  overflow:hidden;
}

.twitter_form textarea {
  height: 50px;
  margin:5px 5px 5px 0px;
  width:280px;
  display:block;
}

.twitter_form span.button {
  display:inline-block;
  background-color:#5B74A8;
  outline: medium none;
  vertical-align:bottom;
  font-size:11px;
  color:#ffffff;
  width:auto;
  margin-left:200px;
}

.ui_text {
  cursor:pointer;
  background-color: transparent;
  color:#ffffff;
  width:auto;
}

.twitter_form .title {
  font-size:11px;
  font-weight:bold;
}

.counter{
  font-size:20px;
  font-weight:bold;
  color:#ccc;
  }
.warning{color:#600;}
.exceeded{color:#e00;}

#user_profile span.label {
  width:200px;
  float:left;
  display:block;
}

#user_profile h4 {margin:0 0 10px 0 }

#user_profile div {
  clear:both;
  margin-top:10px;
}

#user_profile {
  padding: 10px 10px 10px 20px;
  margin-bottom:10px;
  border: 1px solid #dddddd;
  font-size:18px;
  width:840px;
  overflow:hidden;
}

#user_profile_details {
  width:840px;
  margin:20px 0 10px 0;
  border-top: 1px solid #dddddd;
  padding: 10px 10px 10px 20px;
}

#faq p {
  margin: 5px 0 5px 0;
}

#faq li {
  margin: 15px 0 15px 0;
}
#faq {width:600px}
#faq li span {font-weight:bold}


a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    margin-right: 10px; /* sliding doors padding */
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
div.a_button {overflow:hidden;width:100%}

.movie_wrapper div.a_button {overflow:visible;width:100%}
img.corner {border:0; width:150px; height:150px; position:absolute; right:0px; top:0px; margin:0px; padding:0px}

.review_rating {float:right}
.review_url {float:left}

.link_menu {
    display:block;
    font-size:14px;
    float:left;
    border-left: 1px solid #777;
    padding-left:10px;
    margin-top:20px;
}
.link_menu a{
    margin-bottom:15px;
    display:block;
    text-decoration: none;
}
.link_menu a.last { margin-bottom:0}
.video_block, .music_block {padding:0 0 10px 0;margin-top:5px}

.synopsis {text-align:justify; overflow:hidden;
          margin:0; padding:0; width:650px; clear:both}
.synopsis p {margin:10px 0; padding:0}

.share {display:inline-block;margin-left:15px}

    div#main_menu a.faux{
      text-decoration:none;
    }
    div#main_menu{
      z-index:9999;
    }
    DIV#main_menu ul{
      list-style-type:none;
      margin:0;
      padding:0;
    }
    /*DIV#main_menu ul li:hover > div{
      display:inline;
    }*/
    .dis_inline {display:inline}
    DIV#main_menu ul li{
      float:left;
      margin-right:5px;
      position:relative;
      line-height:30px;
      z-index:9999;
    }
    DIV#main_menu ul li div{
      position:absolute;
      left:0; top:0;
      display:none;
      border-bottom:1px solid #983402;
      z-index:9999;
    }
    DIV#main_menu ul li a.ch, DIV#main_menu ul li div a.faux{
      display:inline-block;
      padding:0 10px;
      width:auto;
    }
    DIV#main_menu ul li > a:hover, DIV#main_menu ul li div a.faux, DIV#main_menu ul li div a:hover {
      /*background-color:#DEB390*/;
    }
    DIV#main_menu ul li div a {
      display:block;
      cursor:pointer;
      padding:0 10px;
      width:200px;
      background-color:black;
      background:none repeat scroll 0 0 rgba(0, 0, 0, 0.95);
      z-index:9999;
    }
    .separator{
      display:block;
      border-left:1px solid #983402;
      border-right:1px solid #983402;
      padding:7px 5px;
      background-color:white;
    }
    .separator > span{
      border-bottom:1px solid #ccc;
      display:block;
    }
    div#main_menu {
      padding:0;
      margin:15px 0 0 0;
      z-index:9999;
    }
#social {
  position:fixed;
  margin:0;
  padding:0;
  top:35%;
  height:100px;
  left:0;
}
#social a {display:block}
span.language {font-size:10px;font-weight:none}

ul.slideshow {
  list-style:none;
  width:200px;
  height:150px;
  overflow:hidden;
  position:relative;
  margin:0;
  padding:0;
}

ul.slideshow a {text-decoration:none}

ul.slideshow li {
  position:absolute;
  left:0;
  right:0;
}

ul.slideshow li.show {
  z-index:5;
}

ul img {
  border:none;
}

.slideshow-caption {
  width:200px;
  height:0px;
  position:absolute;
  bottom:0;
  left:0;
  color:#fff;
  background:#000;
  cursor: pointer;
}

.slideshow-caption .slideshow-caption-container {
  padding:5px 10px;
}

.slideshow-caption h3 {
  margin:0;
  padding:0;
  font-size:14px;
  text-transform: uppercase;
  letter-spacing:1px;
}

.slideshow-caption p {
  margin:5px 0 0 0;
  padding:0;
  font-size: 14px;
}

#sliders {
  width:100%;
  overflow:hidden;
  margin-bottom:10px;
}
#sliders h4 {
  margin:0 0 10px 0;
  padding:0;
  text-transform:uppercase;
  font-size:12px;
}

.slider_container {
  float:left;
  width:200px;
  padding-left:90px;
}

ul.slider_links li {
  display:block;
  height:150px;
}

ul.slider_links  {
  width:100%;
}

div.promotion {
  width:100%;
  overflow: auto;
  margin-bottom:10px;
  padding-bottom:10px;
}

.promotion h4 {
  margin: 5px 0 5px 0;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.05em;
}

ul.promotion {
  list-style:none;
  height:150px;
  position:relative;
  margin:0;
  padding:0;
}

ul.promotion a {text-decoration:none}

ul.promotion li {
  float:left;
  margin-right:20px;
  position: relative;
  display: inline-block;
  width: 200px;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{display:none !important}
div.star-rating,div.star-rating a{background:url(/images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */