/* ================================================================== */
/* === Resolution independent styles ================================ */
/* ================================================================== */

/* Reset */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; }

/* HTML5 reset */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


/* Proper box model */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* General styles */
::-moz-selection {  }
::selection {  }

a{  
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s; }

a:hover{  }
a:active{  }
a:visited{  }

address{  }

aside{  }

b, strong{  }

body{ 
    margin:0;
    padding:0;
    background-color: #000000;
    xxoverflow-x:hidden;
}

blockquote{  }

button{ cursor: pointer; }
button:hover{  }
button:active{  }

caption, th, td{ vertical-align: middle; }

h1{  }
h2{  }
h3{  }
h4{  }
h5{  }
h6{  }

i, em{  }

img{  }

input, select, textarea{  }

input[type=radio]{  }
input[type=checkbox]{  }

label{  }

li{  }

p{ margin:0 0 1em 0; }

select{  }
select option{  }

table{ border: 0; border-spacing:0; empty-cells:show; }

textarea{ resize: none; }

ul, ol{  }

/* Custom styles */ 
aside, div, dl, fieldset, footer, form, header, iframe, nav, ul, ol, section, table{ clear: both; float: left;  }

header{
    width:100%;
    height:55px;
    padding-top: 13px;
    padding-left: 15px;
    background-color: #211010;
    position: relative;
    display:none;
}

#social { position: absolute; top:10px; right:0; height: 35px; width:338px;,overflow:hidden;}
#social-btns { clear:none; position:absolute; top:0px; left:0px; z-index:1; width:271px; height:35px; overflow:hidden; padding-top:8px;padding-left:5px;}
#social-btns-over{
    clear: none;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #f2eaec;
    width: 258px;
    height: 35px;
    padding-top: 11px;
    padding-left: 120px;
    z-index: 10;
    font-family: Georgia,serif;
    font-size: 13px;
    background-color: #762d3e;
    background-image: url(img/ui/share_icon.png);
    background-repeat: no-repeat;
    background-position:95px 9px;
}
#fb { margin-top: 2px; float: left; clear:none; }
#gplus { 
  margin-left: 15px;
  margin-top: 2px;
  float: left;
  clear: none;
  width: 35px;
}
#pint { margin-left: 4px; margin-top: 2px; float: left; clear:none;}
#twtr { margin-left: 10px; margin-top: 2px; float: left; clear:none;}
#tw-lionsgate,#volume { float: left; clear:none; margin-left:2px;}
#fb-lionsgate { float: left; clear:none; margin-left: 260px;}

#footer-title{
  position:absolute;
  top:10px;
  margin-left: -220px;
  left:50%;
}

/* Styling fb comment box */
.fbFeedbackContent .composer{
    background-color:none !important;
}

.fbFeedbackContent.fbDarkWidget .composer{
    background-color:none !important;
}

/* Styling the twitter box */
#tweet-box-container label {
  font-size: 16px;
  color: #669900;
}

#tweet-box-container #counter {
  font-size: 16px;
  color: #669900;
}

#tweet-box-container #tweet-box {
  border-color: #669900 !important;
  font-size: 12px;
}

#tweet-box-container .btn {
  border-color: #669900;
}

/* SCROLLBAR */

.sp-scrollbar{
  width:7px;
  height:40px;
  left:0px;
  right:auto;
  background-image:url(img/ui/scroll_bg_v.png);
  background-repeat: repeat-y;
}

.detailContainer .sp-scrollbar{
  background-image:url(img/ui/scroll_bg_v_w.png);
}

.sp-thumb{
  background-color:#ff8f20;

}

#wrapper{
    font-family:'BlenderProHeavy',Helvetica,Arial,sans-serif;
    font-weight: normal;
    min-width:1000px;
    overflow:hidden;
}

#content{
    position:relative;
    width:100%;
}

.royalSlider{
    width:686px;
    height:381px;
}

.galleryModuleBig, .videoModule, .videoModuleBig{
    margin-bottom:40px;
}

a{
  text-decoration: none;
  color:inherit;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
  overflow: hidden;
  position: relative;
  clear:none;
  float:none;
}

.jspPane
{
  position: absolute;
  clear:none;
  float:none;
}

.jspVerticalBar
{
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
  clear:none;
  float:none;
}

.jspHorizontalBar
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7px;
  clear:none;
  float:none;
  background-image:url(img/ui/scroll_bg.png);
  background-repeat: repeat-x;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
  margin: 0;
  padding: 0;
  clear:none;
  float:none;
}

.jspCap
{
  display: none;
  clear:none;
  float:none;
}

.jspHorizontalBar .jspCap
{
  float: left;
  clear:none;
  float:none;
}

.jspTrack
{
  position: relative;
  clear:none;
  float:none;
}

.jspDrag
{
  background: #fff;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  clear:none;
  float:none;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
  float: left;
  height: 100%;
  clear:none;
}

.jspArrow
{
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  clear:none;
  float:none;
}

.jspArrow.jspDisabled
{
  cursor: default;
  clear:none;
  float:none;
}

.jspVerticalBar .jspArrow
{

  height: 16px;
  clear:none;
  float:none;
}

.jspHorizontalBar .jspArrow
{
  background-color: #000;
  width: 150px;
  float: left;
  height: 100%;
  clear:none;
}

.jspVerticalBar .jspArrow:focus
{
  outline: none;
  clear:none;
  float:none;
}

.jspCorner
{
  background: #eeeef4;
  float: left;
  height: 100%;
  clear:none;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
  margin: 0 -3px 0 0;
}


/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */

/* Smartphones */
@media only screen and (max-width: 469px) {

}

/* Large smartphones */
@media only screen and (min-width: 470px) and (max-width: 699px) {

}

/* Tablets and landscape large smartphones */
@media only screen and (min-width: 700px) and (max-width: 1000px) {

}

/* Desktop screens */
@media only screen and (min-width: 1200px) and (max-width: 1499px){

}

/* Large screen */
@media only screen and (min-width: 1500px) and (max-width: 1799px){

}

/* Very large screen */
@media only screen and (min-width: 1800px){

}