/* =================================== */
/* ======= ELEMENT DEFAULTS =========== */
/* =================================== */

html, body {
	width:100%;
	height:100%;
	min-height:100%;
	background-color:#071D34;
}

#bg {
	position:relative;
	width:100%;
	height:100%;
	min-height:100%;
	background-image:url("/therain/images/siteart/bg.png");
	background-position: center 0;
}

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

@font-face {
  font-family: 'Cormorant+Unicase';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

#layout {
	position:relative;
	width:100%;
	height:100%;
	min-height:100%;
	background-image:url("/therain/images/siteart/top.png");
	background-position: center 0;
	background-repeat:no-repeat;	
}

#main {
	position:relative;
	top:0;
	left:50%;
	margin-left:-549px;
	width:1100px;
	height:100%;
	min-height:100%;
}

header {
	position:relative;
	top:0;
	left:0;
	height:400px;
}

nav {
	position:absolute;
	top:35px;
	left:8px;
	background-color:rgba(7,22,55,0.2);
	border-top:1px solid #013064;
	border-bottom:1px solid #013064;
	width:1083px;
	height:40px;
}

nav ul {
	margin:12px 0 0 13px;
}

nav ul li { 
	display:inline;
	list-type:none;
}

nav  a.menu-item {
	font-family:"Futura";
	font-size:10pt;
	text-transform:uppercase;
	margin-right:14px;
	color:#6868FC;
	text-decoration:none;
	text-shadow:#013064 2px 2px 1px;
	display: inline-block;
	position: relative;
	top:-11px;
	left:0;
	overflow:hidden;
	height:40px;
	background-position:center -25px;
	background-repeat:no-repeat;
	
	-moz-transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

nav  a.menu-item > span:first-child{ 
	position: relative;
	display: block;
	height: 100%;
	padding:11px 20px 10px 20px;
	
	-moz-transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

nav  a.menu-item > span:first-child:after{ 
	content: attr(data-text);
	display: block;
	width: 100%;
	height: 100%;
	padding: inherit;
	position: absolute;
	top:100%;
	left:0;
	background-position:center -25px;
	background-repeat:no-repeat;
}

nav  a.menu-item:hover{
	color: #5BC5F9;
	background-image:url(/therain/images/icons/menu-active.png);
	background-position:center top;
	background-repeat:no-repeat;
}

nav  a.menu-item:hover > span:first-child{
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

nav  a.active {
	font-family:"Futura";
	font-size:10pt;
	text-transform:uppercase;
	margin-right:14px;
	color:#ffffff;
	text-decoration:none;
	text-shadow:#013064 2px 2px 1px;
	display: inline-block;
	position: relative;
	top:-13px;
	left:0;
	overflow:hidden;
	background-image:url(/therain/images/icons/menu-active.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding:11px 20px 10px 20px;
}

#social {
	position:absolute;
	bottom:0;
	left:0;
}

#social ul li {
	display:inline;
	list-type:none;
}

#social a,active,visited {
	opacity:0.1;
	-moz-transition: all 0.8s ease-out; 
	-webkit-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}

#social a:hover { 
	opacity:1;
	-moz-transition: opacity 0.9s ease-out; 
	-webkit-transition: opacity 0.9s ease-out;
	-o-transition: opacity 0.9s ease-out;
	-ms-transition: opacity 0.9s ease-out;
	transition: opacity 0.9s ease-out;
}

#social .facebook { margin:0 20px 0 22px; }
#social .twitter { margin:0 20px 0 0; }
#social .myspace { margin:0 20px 0 0; position:relative; top:5px; }
#social .youtube { margin:0 20px 0 0; position:relative; top:5px; }
#social .lastfm { margin:0 20px 0 0; }
#social .flickr { margin:0 20px 0 0; }
#social .amazon { margin:0 20px 0 0; position:relative; top:5px; }

#content {
	padding:40px 20px 20px 20px;
	min-height:500px;
}

#content .left {
	float:left;
	width:671px;
	margin-bottom:20px;
}

#content .right {
	float:right;
	width:371px;
	margin-bottom:20px;
}

.left h1 {
	width:621px;
	height:30px;
	background-image:url(/therain/images/headers/bg-left.png);
	font-family:"Futura";
	font-size:10pt;
	text-transform:uppercase;
	text-shadow:#164371 2px 2px 2px;
	padding:11px 0 0 50px;
	color:#15769E;
}

.right h1 {
	width:321px;
	height:30px;
	background-image:url(/therain/images/headers/bg-right.png);
	font-family:"Futura";
	font-size:10pt;
	text-transform:uppercase;
	text-shadow:#164371 2px 2px 2px;
	padding:11px 0 0 50px;
	color:#ffffff;
}

.left h2 {
	width:621px;
	height:30px;
	background-image:url(/therain/images/headers/bg-left.png);
	font-family:"Futura";
	font-size:10pt;
	text-transform:uppercase;
	text-shadow:#164371 2px 2px 2px;
	padding:11px 0 0 50px;
	color:#FFF;
}

.right h2 {
	width:321px;
	height:30px;
	background-image:url(/therain/images/headers/bg-right.png);
	font-family:"Futura";
	font-size:16pt;
	text-transform:uppercase;
	text-shadow:#164371 2px 2px 2px;
	padding:11px 0 0 50px;
	color:#15769E;
}

.viewall {
	font-family:"Cormorant Unicase', serif";
	font-size:7pt;
	text-transform:uppercase;
	padding:3px 10px 2px 10px;
	margin:0 15px 0 0;
	background:rgba(22,66,111,0.9);
	border:1px solid #013064;
	color:#ffffff;
	border-radius:3px;
	text-decoration:none;
	box-shadow:inset #111111 0 0 5px;
	
	-moz-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.viewall:hover {
	color:#ffffff;	
	-moz-transition: all 0.2s ease-out; 
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

a.viewall {
	float:right;
	color:#6868FC;
	text-decoration:none;
	display: inline-block;
	
	-moz-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

a.viewall:hover {
	color:#ffffff;
	
	-moz-transition: all 0.2s ease-out; 
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

a.viewall:after {
	content: '';
	display: block;
	height: 1px;
	width: 0%;
	background: transparent;
	-moz-transition: width 0.5s ease, background-color 3s ease;
	-webkit-transition: width 0.5s ease, background-color 3s ease;
	-o-transition: width 0.5s ease, background-color 3s ease;
	-ms-transition: width 0.5s ease, background-color 3s ease;
	transition: width 0.5s ease, background-color 3s ease;
}

a.viewall:hover:after {
	width: 100%;
	background: #FFFFFF;
	
	-moz-transition: width 0.5s ease, background-color 0.1s ease;
	-webkit-transition: width 0.5s ease, background-color 0.1s ease;
	-o-transition: width 0.5s ease, background-color 0.1s ease;
	-ms-transition: width 0.5s ease, background-color 0.1s ease;
	transition: width 0.5s ease, background-color 0.1s ease;
}

.box {
	background-color:rgba(0,0,0,0.4);
	border-radius:0 0 5px 5px;
	border-left:1px solid #5D7B97;
	border-right:1px solid #5D7B97;
	border-bottom:1px solid #3A4C67;
	padding:10px;
	font-family:"Cormorant+Unicase', serif";
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:20px;
	box-shadow:inset #174372 0 0 5px;
	line-height:15px;
	text-align:justify;
	text-shadow:#9D875C 1px 1px 0px;
	display:block;
}

.box p  a,acitve,visited{
	text-shadow:#174372 1px 1px 0px;
	color:#FFFFFF;
	text-decoration:none;
	display: inline-block;
	
	-moz-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.box p  a:hover {
	color:#ffffff;
	
	-moz-transition: all 0.2s ease-out; 
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.box p  a:after {
	content: '';
	display: block;
	height: 1px;
	width: 0%;
	background: transparent;
	-moz-transition: width 0.5s ease, background-color 3s ease;
	-webkit-transition: width 0.5s ease, background-color 3s ease;
	-o-transition: width 0.5s ease, background-color 3s ease;
	-ms-transition: width 0.5s ease, background-color 3s ease;
	transition: width 0.5s ease, background-color 3s ease;
}

.box p a:hover:after {
	width: 100%;
	background: #9D875C;
	-moz-transition: width 0.5s ease, background-color 0.1s ease;
	-webkit-transition: width 0.5s ease, background-color 0.1s ease;
	-o-transition: width 0.5s ease, background-color 0.1s ease;
	-ms-transition: width 0.5s ease, background-color 0.1s ease;
	transition: width 0.5s ease, background-color 0.1s ease;
}

.latest-release {
	text-align:center;
	color:#173760;
}

.latest-release h3 {
	font-family:"Futura";
	font-size:9pt;
	text-transform:uppercase;
	text-shadow:#D8462E 2px 2px 2px;
	color:#926C6C;
	margin-bottom:5px;
}

.latest-release a {
	font-family:"Cormorant+Unicase";
	font-size:8pt;
	text-transform:uppercase;
}

#slider {
	background:rgba(0,0,0,0.3);
	border:1px solid #D8462E;
	padding:10px 10px 0 10px;
	box-shadow:inset #013064 0 0 5px;
	margin-bottom:20px;
	border-radius:5px 5px 0 0;
	position:relative;
}

#slider img {
	border:1px solid #013064;
	box-shadow:#013064 0 0 10px;
	width:647px;
	height:298px;
}

.slider-overlay {
	background-image:url(/therain/images/headers/slider-overlay.png);
	width:647px;
	height:298px;
	position:absolute;
	top:11px;
	left:11px;
	z-index:1000;
}

.unoSlider ul,
.unoSlider .sliderView {
    min-height: 300px;
}

.unoSlider ul {
    list-style: none;
    overflow: hidden;
    position: relative;
}

.sliderNav {
	text-align:center;
	margin-top:10px;
}

.sliderNav span {
	position:relative;
	top:0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 25px;
    margin-right: 5px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;
}

.sliderNav span:hover,
.sliderNav span:active {
    color: #FFFFFF;
}

.sliderNav .current {
    color: #6868FC;
}

.unoSlider .sliderView {
    left: 1000px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.unoSlider .current {
    left: 0;
    opacity: 1;
    z-index: 10;
}

#wrapper {
	height:1px;
	background:#000000;
	position:relative;
	top:10px;
	box-shadow:#013064 0 1px 0;
}
#progressBar {
	background:#D8462E;
	height:1px;
	z-index:1;
	width:0%;
}

footer {
	clear:both;
	width:1058px;
	border-top:1px dotted #0E2C48;
	padding:20px 0 20px 0;
	margin:20px 20px 0 20px;
	display:block;
}

#endorsement {
	font-family:"Futura";
	font-size:8pt;
	text-transform:uppercase;
	text-shadow:#000000 2px 2px 2px;
	color:#FFFFFF;
	text-align:center;
}

#endorsement ul li {
	display:inline;
	list-type:none;
	position:relative;
	top:10px;
	left:1px;
}

#endorsement a,active,visited {
	opacity:0.1;
	-moz-transition: all 0.7s ease-out; 
	-webkit-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	-ms-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

#endorsement a:hover { 
	opacity:1;
	-moz-transition: opacity 0.9s ease-out; 
	-webkit-transition: opacity 0.9s ease-out;
	-o-transition: opacity 0.9s ease-out;
	-ms-transition: opacity 0.9s ease-out;
	transition: opacity 0.9s ease-out;
}

#endorsement .dean { margin-right:20px; }
#endorsement .spector { position:relative; top:-15px; margin-right:20px; }
#endorsement .jackson { position:relative; top:-18px; margin-right:20px; }
#endorsement .sfarzo { position:relative; top:-18px; margin-right:20px; }
#endorsement .hiwatt { position:relative; top:-23px; margin-right:20px; }
#endorsement .lawkstar { position:relative; top:-5px; margin-right:20px; }
#endorsement .redlionmusic { position:relative; top:5px; margin-right:20px; }
#endorsement .steamhammer { position:relative; top:-18px; margin-right:20px; }
#endorsement .spv { position:relative; top:-18px; }

#footer {
	border-top:1px dotted #0E2C48;
	padding:20px 0 20px 0;
	margin:40px 0 0 0;
	display:block;
}

#footer  a,active,visited {
	color:#6868FC;
	text-decoration:none;
	display: inline-block;
	-moz-transition: all 0.5s ease-out; 
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#footer a:after {
	content: '';
	display: block;
	height: 1px;
	width: 0%;
	background: transparent;
	-moz-transition: width 0.5s ease, background-color 3s ease;
	-webkit-transition: width 0.5s ease, background-color 3s ease;
	-o-transition: width 0.5s ease, background-color 3s ease;
	-ms-transition: width 0.5s ease, background-color 3s ease;
	transition: width 0.5s ease, background-color 3s ease;
}

#footer a:hover:after {
	width: 100%;
	background: #23273C;
	-moz-transition: width 0.5s ease, background-color 0.1s ease;
	-webkit-transition: width 0.5s ease, background-color 0.1s ease;
	-o-transition: width 0.5s ease, background-color 0.1s ease;
	-ms-transition: width 0.5s ease, background-color 0.1s ease;
	transition: width 0.5s ease, background-color 0.1s ease;
}

#footer  a:hover {
	color:#FFFFFF;
	-moz-transition: all 0.2s ease-out; 
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#footer .menu {
	float:left;
	font-family:"Futura";
	font-size:8pt;
	color:#926C6C;
	text-shadow:#152641 1px 1px 0px;
}

#footer .copyright {
	float:left;
	font-family:"Futura";
	font-size:8pt;
	color:#5BC5F9;
	text-shadow:#23273C 1px 1px 0px;
	margin-left:114px;
}

#footer .credits {
	float:right;
	font-family:"Futura";
	font-size:8pt;
	color:#A8AEB8;
	text-shadow:#2D363C 1px 1px 0px;
}

.scrollToTop {
	position:fixed;
	right:50%;
	margin-right:-590px;
	bottom:15px;
	display:none;
}

.clear {
	clear:both;
}

.fb {
	position:relative;
	top:-5px;
	height:503px;
	overflow:hidden;
	padding-bottom:5px;
	font-family:"Verdana";
}

.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{ min-width:280px;width: 100% !important;}
.fb-like-box iframe[style]{min-width:280px;width: 100%; border:none !important;}
.fb-comments span{width: 100%; border:none !important;}
.fb-comments iframe span[style]{width: 100%; border:none !important;}
.fb-like-box span{min-width:280px;width: 100%; border:none !important;}
.fb-like-box iframe span[style]{min-width:280px;width: 100%; border:none !important;}
.-cx-PRIVATE-pluginBoxContainer__border{ border:none !important;}

#twitter {
	font-size:7pt;
	color:red;
}

.twitter-timeline {
	font-family:"Futura";
	font-size:8pt;
}


/* 
 * Pager v1.1.0 - 2014-11-25 
 * A jQuery plugin for simple pagination. Part of the formstone library. 
 * http://formstone.it/pager/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */

.pager .pager-pages {
  text-align: center;
}
.pager .pager-pages a,
.pager .pager-pages .ellipsis.hide {
  display: none;
  margin: 0 5px;
}
.pager .pager-pages a.active,
.pager .pager-pages a.first,
.pager .pager-pages a.last,
.pager .pager-pages a.visible,
.pager .pager-pages .ellipsis {
  display: inline-block;
}
.pager .pager-control {
  display: block;
}
.pager .pager-control.previous {
  float: left;
}
.pager .pager-control.next {
  float: right;
}
.pager .pager-position,
.pager .pager-select {
  display: none;
}
.pager.mobile .pager-pages {
  display: none;
}
.pager.mobile .pager-position {
  display: block;
  text-align: center;
}
.pager.mobile .pager-select {
  display: block;
  opacity: 0;
  position: absolute;
  z-index: -1;
}