/* AJP Web Styles */
@font-face {
  font-family: NorthwoodHigh;
  src: url(/therain/css/NorthwoodHigh.ttf);
}
@font-face {
  font-family: "NorthwoodHigh";
  src: url("http://www.geocities.ws/therain/css/NorthwoodHigh.eot");
  src: url("http://www.geocities.ws/therain/css/northwood_high-JudasPriest.woff") format("woff"),
url("http://www.geocities.ws/therain/css/NorthwoodHigh.otf") format("opentype"),
url("http://www.geocities.ws/therain/css/NorthwoodHigh.svg#filename") format("svg");
}

@font-face {
  font-family: JudasPriest;
  src: url(/therain/css/JudasPriest.ttf);
}
@font-face{ 
	font-family: 'JudasPriest';
	src: url('http://www.geocities.ws/therain/css/JudasPriest.eot');
	src: url('http://www.geocities.ws/therain/css/JudasPriest.eot?#iefix') format('embedded-opentype'),
	     url('http://www.geocities.ws/therain/css/JudasPriest.woff') format('woff'),
	     url('http://www.geocities.ws/therain/css/JudasPriest.ttf') format('truetype'),
	     url('http://www.geocities.ws/therain/css/JudasPriest.svg#JudasPriest') format('svg');
}
/* html elements */

body
{
	background: #000000;
	background-image: url('/therain/images/siteart/startile.gif');
	background-repeat: repeat;
	background-position:left top;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	font-family: "Cormorant Unicase", "Trebuchet MS", "Verdana", "Lucida Sans";
	font-size:.9em;
	color: #FFFFFF;
}

a,a:visited,a:active {
	color: #6868FC;
	text-decoration: none;
	text-shadow:#013064 3px 2px;
	-moz-transition: all 0.9s ease-in-out; 
	-webkit-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
	background-color: transparent;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	outline: 0;
	-moz-transition: all 0.7s ease-in-out; 
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

p
{
	font-size:.9em;
	text-align:left;
	color: #FFF;
}

p.break
{
	padding-bottom: 1px;
	background: transparent url(/therain/images/rp/rp_break.jpg) bottom left no-repeat;
}

/*============================Main Content=============================*/

div.clearing
{
	clear: both;
}

div#mainContent
{
	float: left;
	color: #FFF;
	width: 666px;
	padding-top: 33px;
}

#mainContent a
{
	color: #68C8FC;
	font-weight: bold;
	text-decoration: none;
	-o-transition: all 1.1s ease;
	-ms-transition: all 1.1s ease;
	-moz-transition: all 1.1s ease;	
	-webkit-transition: all 1.1s ease;
	transition: all 1.1s ease;
}

#mainContent a:hover
{
	color: #C9D0CB;
	font-weight: bold;
	text-decoration: none;
	-o-transition: all 0.9s ease;
	-ms-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;	
	-webkit-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

div.discogsItem, div.newsItem, div.contentItem
{
	background: #071D34 url(/therain/images/rp/feature_bg2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.item
{
	padding: 11px 0;
}

div.contentItem
{
	background: #164371;
	border: 2px solid #4B5D78;
	width: 620px;
	padding: 3px;
	margin-bottom: 11px;
}

div.listenWatch
{
	background: #4B5D78;
	border: 1px solid #5C6E89;
	padding: 3px;
	width: 191px;
	margin-bottom: 11px;
}

div.listenWatch img
{
	float: left;
	border: 1px solid #5C6E89;
	margin: 5px;
}

div.listenWatch p
{
	margin: 3px 0 6px 0;
	padding: 0;
}

div.connectWatch
{
	background: #164371;
	border: 1px solid #000000;
	padding: 2px;
	width: 191px;
	margin-bottom: 11px;
}

div.connectWatch img
{
	float: left;
	border: 1px solid #5D7B97;
	margin: 5px;
}

br
{
	clear: both;
}

hr
{
	text-align: left;
	width: 77%;
	color: #174372;
}

hr.top {
	overflow: visible; /* For IE */
	padding: 0;
	border: none;
 	border-radius: 55px;
	height: 33px;
	background: linear-gradient(-131deg, #000 5px, transparent 0) 0 5px, linear-gradient(135deg, #013064 5px, #071D34 0) 0 5px;
	background-color: #071D34;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 11px 11px;
	text-align: center;
}

hr.top:after {
	content: "Top Of Page";
	display: inline-block;
	position: relative;
	top: -0.2em;
	font-family: JudasPriest;
	font-size: 1.1em;
	padding: 0 0.25em;
	background: transparent;
}

/*===============================Headers==============================*/

h1
{
	font-family: NorthwoodHigh;
	font-size: 1.8em;
	color: #704A4A;
	margin: 0;
	background: #071D34 url(/therain/images/rp/lightfade_h_lg.png) no-repeat;
	border-bottom: 2px dotted #013064;
}

h2
{
	font-family: NorthwoodHigh;
	font-size: 2.2em;
	color: #0B5897;
	margin: 0;
	background: #071D34 url(/therain/images/rp/bluefade_h_lg.jpg) no-repeat;
	border-bottom: 2px dotted #013064;
}

h3
{
	font-family: JudasPriest;
	font-size: 2.0em;
	color: #0B5897;
	text-align: center;
	margin: 0;
	background: #071D34 url(/therain/images/rp/softfade_h_lg.png) no-repeat;
	border-bottom: 2px dotted #013064;
}

.album-header
{
	height: 400px;
	background: url('/therain/images/jp/logo-over.png') right 66% no-repeat scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.tagline
{
	font-family: NorthwoodHigh; cursive;
	font-weight:bold;
	color: #174372;
	text-shadow: 4px 2px 10px #92A8D1;
}

.navbar
{
	background: rgba(7,29,55,.7) /* #101645 */;
	border-color: #013064;
}

.navbar-brand img
{
	width:330px;
	height:50px;
	background: url(/luvers/images/brands/DEBUTbrand.png) left top no-repeat;
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-goog-ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

/*========================Listen and Watch Feature=======================*/


div#listenFeature, div#watchFeature, div#storeFeature
{
	width: 191px;
	margin: 0 auto;
}


div#connectFeature
{
	width: 222px;
	margin: 0px 0px 0px 33px;
}

/*========================Special Image Commands=======================*/

img.albumCover
{
	float: left;
	margin-right: 10px;
	border: 5px solid #164371;
	height: 200px;
	width: 200px;
}
img.bioPic
{
	margin-left: 90px;
	width: 262px;
	height: 373px;
	border: 1px solid #17255B;
}
img.thumbnail
{
	float: left;
	width: 50px;
	border: 1px solid #FFF;
	margin-right: 10px;
}
img.reviewPic
{
	width: 353px;
	height: 282px;
	border: 1px solid #000;
	margin: 10px;
}
img.bigItunes {
	margin: 5px 0;
	border: 1;
}

/*=============================Section Page============================*/

div#breadcrumbs
{
	text-align: right;
	border: 1px solid #17255B;
	background: #006699;
}

div#breadcrumbs a
{
	color: #62AFD1;
	font-weight: bold;
	text-decoration: none;
}

div#breadcrumbs a:hover
{
	color: #C9D0CB;
	font-weight: bold;
	text-decoration: none;
}

div#discography img
{
	float: left;
	margin-right: 10px;
	border: 1px solid #FFF;
}

div.albumInfo
{
	width: 40%;
	float: left;
	margin: 5px;
}

#AlbumCol_L
{
	width: 50%;
	float: left;
}
#AlbumCol_R
{
	width: 50%;
	float: right;
}

div.discogsItem li
{
	color: #FFFFFF;
	font-family: "Cormorant Unicase", "Trebuchet MS", "Verdana", "Lucida Sans";
	font-size: 1.0em;
	float: none;
	width: 100% !important;
	width: 90%;
}

div#discogsItem ol
{
	list-style: disc;
}

div#discogsItem ol li a
{
	color: #6868FC;
	text-decoration: none;
	display: block;
}

div#discogsItem ol li a:hover
{
	color: #C9D0CB;
	text-decoration: none;
}

div.item
{
	padding: 10px 0;
}

fieldset
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #FFF;
}

legend
{
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
}

/*====================Appears On Section Of Song Pages====================*/

#songClips img, table img
{
	border: 0;
	margin-left: 11px;
}

th,th.no,th.tim,th.lis,th.wat,th.tab
{
	color: #fff;
	padding: 5px;
	background: #0B166F;
	text-align: center;
	border-bottom: 2px dotted #6F83AB;
}

th.no
{
	width: 5px;
}
th.lyr
{
	width: 350px;
}
th.tim
{
	width: 25px;
}
th.lis
{
	width: 25px;
}
th.wat
{
	width: 25px;
}
th.tab
{
	width: 210px;
}

td,td.tim,td.lyr,td.ico, {
	text-align: center;
	padding: 0 11px 3px 0;
	align: center;
	valign: middle;
	border-bottom: 3px dotted;
	color: #FFF;
	font-family: "Cormorant Unicase", "Trebuchet MS", "Verdana", "Lucida Sans";
	font-size:.9em;
}

td.tot
{
	border-bottom: 2px dotted #173760;
	background: #0E1836;
	color: #BDBD8C;
}

td.lyr
{
	text-align: left;
	font-weight: bold;
}

td.ico
{
	text-align:center;
	align: center;
	valign: middle;
	background: url(/therain/images/icons/wma_na.gif) no-repeat;
}

div.credits
{
	background: rgba(11,22,55,0.7);
	border-bottom: 2px dotted #815B5B;
	margin-bottom: 11px;
}

table.credits
{
	width: 100%;
}

td.type
{
	color:#45495E;
	font-size:18px;
	text-align:right;
	text-transform:uppercase;
	width:44%;
}

td.name
{
	color:#34384D;
	font-size:16px;
	font-style:italic;
	text-align: left;
}

table.songClips
{
	width: 100%;
}

td.album
{
	color:#45495E;
	font-size:16px;
	text-align:right;
	text-transform:uppercase;
	width:44%;
}

td.songs
{
	color:#34384D;
	font-size:14px;
	text-align:left;
}

/*=============================Special Links============================*/

a.lyr
{
	padding-right: 22px;
	padding-bottom: 5px;
	text-align:center;
	align: center;
	valign: middle;
	background: url(/therain/images/siteart/lyrics_icon.gif) no-repeat;
}

a.wma
{
	padding-right: 22px;
	padding-bottom: 5px;
	text-align:center;
	align: center;
	valign: middle;
	background: url(/therain/images/siteart/wma_icon.gif) no-repeat;
}

a.ico
{
	padding-right: 22px;
	padding-bottom: 5px;
	text-align:center;
	align: center;
	valign: middle;
	background: url(/therain/images/siteart/wma_na.gif) no-repeat;
}

a.tab
{
	padding-left: 22px;
	padding-bottom: 5px;
	text-align:center;
	align: center;
	valign: middle;
	background: url(/therain/images/siteart/tab_icon.gif) no-repeat;
}

a.inf
{
	text-align: center;
	display: block;
}

.linkSource
{
	color: #C9D0CB;
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
	padding-left: 10px;
}

/*=============================Discography============================*/

div.rockarollaItem
{
	background: #071D34 url(/therain/images/rp/rockarolla_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.sadwingsItem
{
	background: #071D34 url(/therain/images/rp/sadwings_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.sinaftersinItem
{
	background: #06192D url(/therain/images/rp/sinaftersin_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}
div.stainedclassItem
{
	background: #06192D url(/therain/images/rp/stainedclass_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.killingmachineItem
{
	background: #071D34 url(/therain/images/rp/killingmachine_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.unleashedItem
{
	background: #071D34 url(/therain/images/rp/unleashed_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.britishsteelItem
{
	background: #071D34 url(/therain/images/rp/britishsteel_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.pointofentryItem
{
	background: #071D34 url(/therain/images/rp/pointofentry_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.screamingforItem
{
	background: #071D34 url(/therain/images/rp/screamingfor_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.defendersItem
{
	background: #071D34 url(/therain/images/rp/defenders_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.turboItem
{
	background: #071D34 url(/therain/images/rp/turbo_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.ramitdownItem
{
	background: #061A2E url(/therain/images/rp/ramitdown_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.painkillerItem
{
	background: #071D34 url(/therain/images/rp/painkiller_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.jugulatorItem
{
	background: #051628 url(/therain/images/rp/jugulator_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.demolitionItem
{
	background: #071D34 url(/therain/images/rp/demolition_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.retributionItem
{
	background: #071D34 url(/therain/images/rp/retribution_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.nostradamusItem
{
	background: #071D34 url(/therain/images/rp/nostradamus_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.redeemerItem
{
	background: #071D34 url(/therain/images/rp/redeemer_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.firepowerItem
{
	background: #071D34 url(/therain/images/rp/firepower_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.bestofItem
{
	background: #071D34 url(/therain/images/rp/bestof_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.heroheroItem
{
	background: #071D34 url(/therain/images/rp/herohero_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.metalworksItem
{
	background: #071D34 url(/therain/images/rp/metalworks_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}


div.priestliveItem
{
	background: #071D34 url(/therain/images/rp/priestlive_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.liverareItem
{
	background: #071D34 url(/therain/images/rp/liverare_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.livemeltdownItem
{
	background: #071D34 url(/therain/images/rp/livemeltdown_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.livelondonItem
{
	background: #071D34 url(/therain/images/rp/livelondon_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.touchofevilItem
{
	background: #071D34 url(/therain/images/rp/touchofevil_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.battlecryItem
{
	background: #071D34 url(/therain/images/rp/battlecry_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.metalogyItem
{
	background: #071D34 url(/therain/images/rp/metalogy_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.electriceyeItem
{
	background: #071D34 url(/therain/images/rp/electriceye_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.warofwordsItem
{
	background: #071D34 url(/therain/images/rp/warofwords_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}

div.smalldeadlyItem
{
	background: #071D34 url(/therain/images/rp/smalldeadly_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	border: 2px solid #376FB5;	
	width: 640px;
	padding: 1px;
	margin-bottom: 5px;
}