/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body {color: #1f3e96; background-image: url('http://jurassicpoprecords.com/images/bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}

.white {color: white;}

.nav-bar {background: rgba(230, 230, 230, .22); border: none; margin-top: 0; padding:0; }

.nav-bar > li {margin-right: 0px; padding: 0px; border: none; box-shadow: none; line-height: 40px; transition: .175s all ease-in-out; -webkit-transition: .175s all ease-in-out; -moz-transition: .175s all ease-in-out; -o-transition: .175s all ease-in-out;}

.nav-bar > li:last-child {box-shadow: none; border-right: none;} 

.nav-bar > li:hover { background: rgba(255, 255, 255, .25); color: #fff; transition: .175s all ease-in-out; -webkit-transition: .175s all ease-in-out; -moz-transition: .175s all ease-in-out; -o-transition: .175s all ease-in-out;}

.nav-bar > li > a {color: #fff;}

.nav-bar > li > a:hover {color: #fff; transition: .175s all ease-in-out; -webkit-transition: .175s all ease-in-out; -moz-transition: .175s all ease-in-out; -o-transition: .175s all ease-in-out;}

.nav-bar > li.active:hover { background: rgba(255, 255, 255, .25); cursor: default; }

.nav-bar > li.active { background-color: rgba(255, 255, 255, .25); border-color: #fff; }

.nav-bar > li.active > a {color: #fff; transition: .175s all ease-in-out; -webkit-transition: .175s all ease-in-out; -moz-transition: .175s all ease-in-out; -o-transition: .175s all ease-in-out;}

.panel { background: rgba(188, 205, 223, .1); border: none; padding: 15px; -webkit-transition: .175s all ease-in-out; -moz-transition: .175s all ease-in-out; -o-transition: .175s all ease-in-out; transition: .175s all ease-in-out; }

.panel.dark { background: rgba(0, 0, 0, .5); border: none; padding: 15px; -webkit-transition: .175s all ease-in-out; -moz-transition: .175s all ease-in-out; -o-transition: .175s all ease-in-out; transition: .175s all ease-in-out;}

.panel:hover { background: rgba(188, 205, 223, .15); transition: .25s all ease-in-out;}

.panel.dark:hover { background: rgba(0, 0, 0, .65); transition: .25s all ease-in-out;}

h1, h2, h3, h4, h5, h6 {color: #fff; font-weight: 600; margin: 5px 0px 5px 0px; letter-spacing: 1.5px; text-shadow: rgba(0, 0, 0, .01)}

h2 {letter-spacing: 0px; font-weight: 600px;}

h5 {font-size: 15pt;}

h6 {font-size: 13.2pt; letter-spacing: 0px;}

h6.smaller {font-size: 12pt;}

#newsfeed h6 {font-size: 13.2pt; letter-spacing: 0px; margin: 0px 10px 10px 15px;}

hr {margin:6px 0px 6px 0px; border-color: #444;}

p.lead {font-weight: normal; font-size: 11pt; color: #1f3e96;}

p {font-size: 10pt; font-weight: normal; color: #ccc;}

p.bio {font-size: 9pt;}

#newsfeed p {margin: 0px 15px 0px 15px;}

#newsfeed iframe {}

.left-indent {margin-left: 10.3px;}

.row { width: 940px;}

.column, .columns { float: left; min-height: 0px; padding: 0 10px; position: relative; }

small {font-size: 9pt; font-weight: lighter; color: #fff;}

.button {border: none; box-shadow: none; background-color: #3D57A1;}

.button:hover {background-color: #92b3ee}

.button.secondary {background: rgba(160, 160, 255, .22); border: none; color: white;}

.button.secondary:hover {background: rgba(230, 230, 230, .08);}

a {font-weight: bold;}

#newsfeed img {}

.container {min-height: 90vh;}

.center {text-align: center; margin-left: auto; margin-right: auto; display: block;}


.carttotal {
	text-align: right;
	margin-bottom: 10px;
	margin-top:15px;
}

.shopping_cart {
	text-align: right;
	margin-bottom: 10px;
	margin-top:10px;
}

.account_login {
	text-align: left;
	margin-bottom: 10px;
	margin-top:10px;
}

.twicon {background-image: url('../images/twicon.png'); height:34px; background-repeat: no-repeat; background-size: contain; display: inline-block;}
.fbicon {background-image: url('../images/fbicon.png'); height:34px; background-repeat: no-repeat; background-size: contain; display: inline-block;}
.yticon {background-image: url('../images/yticon.png'); height:34px; background-repeat: no-repeat; background-size: contain; display: inline-block;}
.igicon {background-image: url('../images/igicon.png'); height:34px; background-repeat: no-repeat; background-size: contain; display: inline-block;}

.twicon:hover {background-image: url('../images/twicon1.png'); transition: .175s all ease-in-out; -webkit-transition: .175s all ease-in-out; -moz-transition: .175s all ease-in-out; -o-transition: .175s all ease-in-out;}
.fbicon:hover {background-image: url('../images/fbicon1.png'); transition: .175s all ease-in-out; -webkit-transition: .175s all ease-in-out; -moz-transition: .175s all ease-in-out; -o-transition: .175s all ease-in-out;}
.yticon:hover {background-image: url('../images/yticon1.png'); transition: .175s all ease-in-out; -webkit-transition: .175s all ease-in-out; -moz-transition: .175s all ease-in-out; -o-transition: .175s all ease-in-out;}
.igicon:hover {background-image: url('../images/igicon1.png'); transition: .175s all ease-in-out; -webkit-transition: .175s all ease-in-out; -moz-transition: .175s all ease-in-out; -o-transition: .175s all ease-in-out;}

.cart_image {
  vertical-align:middle;}

.orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; }
.orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

#featured { background: url(http://jurassicpoprecords.com/stylesheets/spinner.gif) center center #000 no-repeat; height: 350px; }
#featured img { display: none; }

#featured.orbit { background: none; }
#featured.orbit img { display: block; }

.smicon {font-family: 'socialicoregular'; font-size: 40pt; font-weight: normal; color: #fff;}

.smicon .a {color: #fff;}

.smicon .a:hover {color: #3D57A1;}

span.artist {text-align: center; font-size: 8pt; color: #fff; font-weight: bold;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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





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


input[value="Add to Cart!"] {float:right;}

input[type=submit] {font-size: 15px; background-color: #ddd; padding: 10px; box-shadow: none; border: none;}
input[type=submit]:hover {cursor: hand; cursor: pointer; background-color: #989898; color:#fff;}

input[value=Remove] {font-size: 15px; background-color: #ddd; padding: 10px;}
input[value=Remove]:hover {cursor: hand; cursor: pointer; background-color: #989898; color:#fff; box-shadow: none; border: none;} 

input#reg_form_submit_button {font-size: 15px; background-color: #ddd; padding: 10px;}
input#reg_form_submit_button:hover {cursor: hand; cursor: pointer; background-color: #989898; color:#fff; box-shadow: none; border: none;} 

input#reg_form_submit_button {font-size: 15px; background-color: #ddd; padding: 10px;}
input#reg_form_submit_button:hover {cursor: hand; cursor: pointer; background-color: #989898; color:#fff; box-shadow: none; border: none;} 

input[value=Cancel] {font-size: 15px; background-color: #ddd; padding: 10px; margin-right:1px; box-shadow: none; border: none;}
input[value=Cancel]:hover {cursor: hand; cursor: pointer; background-color: #989898; color:#fff;}

input[value="Forgot Password"] {font-size: 15px; background-color: #ddd; padding: 10px; margin-top:5px; box-shadow: none; border: none;}
input[value="Forgot Password"]:hover {cursor: hand; cursor: pointer; background-color: #989898; color:#fff;} 

input[value="Start New Account"] {font-size: 15px; background-color: #ddd; padding: 10px; margin-top:0px; box-shadow: none; border: none;}
input[value="Start New Account"]:hover {cursor: hand; cursor: pointer; background-color: #989898; color:#fff; box-shadow: none; border: none;} 

input[value="Try Again"] {font-size: 15px; background-color: #ddd; padding: 10px; margin-top:0px; box-shadow: none; border: none;}
input[value="Try Again"]:hover {cursor: hand; cursor: pointer; background-color: #989898; color:#fff;} 

input[value="Continue"] {font-size: 15px; background-color: #ddd; padding: 10px; margin-top:0px; box-shadow: none; border: none;}
input[value="Continue"]:hover {cursor: hand; cursor: pointer; background-color: #989898; color:#fff;}

  @font-face {
    font-family: 'socialicoregular';
    src: url('../fonts/socialico-webfont.eot');
    src: url('../fonts/socialico-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/socialico-webfont.woff') format('woff'),
         url('../fonts/socialico-webfont.ttf') format('truetype'),
         url('../fonts/socialico-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */