/* ================================================================== */
/* === 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 }

/* Custom fonts */
@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('fonts/modernpictograms/modernpics-webfont.eot');
    src: url('fonts/modernpictograms/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/modernpictograms/modernpics-webfont.woff') format('woff'),
         url('fonts/modernpictograms/modernpics-webfont.ttf') format('truetype'),
         url('fonts/modernpictograms/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'BlenderProBook';
    src: url('fonts/blender/blenderpro-book.eot');
    src: url('fonts/blender/blenderpro-book.eot?#iefix') format('embedded-opentype'),
         url('fonts/blender/blenderpro-book.woff') format('woff'),
         url('fonts/blender/blenderpro-book.ttf') format('truetype'),
         url('fonts/blender/blenderpro-book.svg#BlenderProBook') format('svg');
    font-weight: 200;
    font-style: normal; }

@font-face {
    font-family: 'HelveticaCnd';
    src: url('fonts/helvetica/helvetica-cnd.eot');
    src: url('fonts/helvetica/helvetica-cnd.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica/helvetica-cnd.woff') format('woff'),
         url('fonts/helvetica/helvetica-cnd.ttf') format('truetype'),
         url('fonts/helvetica/helvetica-cnd.svg#HelveticaCnd') format('svg');
    font-weight: 400;
    font-style: normal; }

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica/helvetica.eot');
    src: url('fonts/helvetica/helvetica.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica/helvetica.woff') format('woff'),
         url('fonts/helvetica/helvetica.ttf') format('truetype'),
         url('fonts/helvetica/helvetica.svg#Helvetica') format('svg');
    font-weight: 400;
    font-style: normal; }

@font-face {
    font-family: 'HelveticaCndLt';
    src: url('fonts/helvetica/helvetica-cndlt.eot');
    src: url('fonts/helvetica/helvetica-cndlt.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica/helvetica-cndlt.woff') format('woff'),
         url('fonts/helvetica/helvetica-cndlt.ttf') format('truetype'),
         url('fonts/helvetica/helvetica-cndlt.svg#HelveticaCndLt') format('svg');
    font-weight: 100;
    font-style: normal; }

@font-face {
    font-family: 'Bebas';
    src: url('fonts/bebas/bebas.eot');
    src: url('fonts/bebas/bebas.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebas/bebas.woff') format('woff'),
         url('fonts/bebas/bebas.ttf') format('truetype'),
         url('fonts/bebas/bebas.svg#HelveticaCndLt') format('svg');
    font-weight: 100;
    font-style: normal; }

h1, h2, h3, h4, h5, h6, p, div { font-weight : normal;  }

/* 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;
    overflow-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;  }

#cssda{
  height: 164px;
  width: 69px;
  position: absolute;
  top: 208px;
  right: 0px;
  z-index: 100;
}

header{
    width:100%;
    height:58px;
    padding-top: 10px;
    padding-left: 15px;
    background-color: #000000;
    z-index : 150;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

#header2{
    width:100%;
    height:58px;
    padding-top: 10px;
    padding-left: 15px;
    background-color: #000000;
    z-index : 200;
    position:fixed;
    top:0px;
    left:0px;
    display:none;
}

.rotten{
  position: absolute;
  top:3px;
  right:547px;
}

#header2 .rotten{
  right:227px;
}

#header2 .social{
  width:220px;
}

#title{
  clear:none;
  float:left;
  margin-left:10px;
  margin-top:-12px;
  cursor:pointer;
}

.social { position: absolute; top:5px; right:0; height: 48px; width:540px;}
#social-rollover{
  float:left;
  clear:none;
  position: relative;
  margin-left:20px;
}
#social-btns { clear:none; z-index:1; width:300px; height:48px; overflow:hidden; }
#social-btns-over{
    clear: none;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #ffffff;
    width: 320px;
    height: 48px;
    padding-top: 13px;
    padding-left: 140px;
    z-index: 10;
    font-family: 'HelveticaCnd',Helvetica,Arial,sans-serif;
    font-size: 20px;
    background-color: #292929;
    background-image : url(img/header/share_bg.jpg);
    background-repeat: no-repeat;
    background-position: 100px 10px;
}
.ablixa{
  float:left;
  clear:none;
}
.volume{
  float:left;
  clear:none;
  cursor:pointer;
}
#fb { margin-top: 12px; float: left; clear:none; }
#gplus { margin-left: 4px; margin-top: 12px; float: left; clear:none; width:65px;}
#pint { margin-left: 4px; margin-top: 12px; float: left; clear:none;}
#twtr { margin-left: 4px; margin-top: 12px; float: left; clear:none; width:80px;}
.tw-openroad { float: left; clear:none; margin-right:0px; margin-top:0px;}
.fb-openroad { float: left; clear:none; margin-right:0px; margin-top:0px;}
#volume { float: left; clear:none; cursor:pointer;}

/* SCROLLBAR */

.sp-scrollbar{
  width:5px;
  height:40px;
  margin-right: -5%;
  background-image:url(img/ui/scroll_line.png);
  background-repeat: repeat-y;
  background-position: 2px 0px;
}

.sp-thumb{
  background-color:#ffffff;
}

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

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


/* ================================================================== */
/* === 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){

}