/* GENERAL - Global styles only */



/*-------------------------------------------------------------
 ELEMENT SWITCHING BY SIZE
 
   .omega-[size]-up : style applies to [size] and larger formats
   .omega-[size]-only : style applies only the [size] format
 
   NOTE: there is no .omega-mobile+ because all styles here apply
   to mobile and larger formats..unless overridden in a higher-format
   stylesheet
-------------------------------------------------------------*/
.omega-narrow-up, .omega-narrow-only, .omega-normal-up, .omega-normal-only, .omega-wide-only {
	display:none !important;
}
.omega-mobile-only {
	display:block !important;
}	


/* ----------------------------------------------------------
 
 * * * * * * * * * STYLE LEGEND * * * * * * * * *
 
 
 :::::::: BOILERPLATE DEFAULTS TO CHANGE OUT WITH FIND/REPLACE ::::::::::
 
 		LINK TEXT COLOR:   		color: #ee4949;
 		LINK TEXT HOVER:   		color: #000;
 
 		BUTTONS bg-color: 		background-color: #ee4949;
 		BUTTONS hover color: 	background-color: #444;
 		
 		BORDERS: 				border: 1px solid #aaa;
 								border-bottom: 1px solid #aaa;
 								
 
 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 
 
							 
 BODY TEXT:
 	color: #777 ;
 	
 TITLES:
 	font-family: Aloe, Georgia, serif;
	color: #333;
	font-weight: 700;
	
 TITLES (on dark bg): 
 	font-family: ;
 	color: # ;

 COLORS:

 red		 =	#ee4949
 light gray	 = 	#aaaccc
 med gray	 = 	#444444
 dark gray	 = 	#3d3d3d


 * * * * * * * * * END STYLE LEGEND * * * * * * * * * *
------------------------------------------------------------*/




/*====================================!!! LAYOUT & GENERAL STYLES !!!=========================================*/



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

 LAYOUT
 
----------------------------------------------------------
--------------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
	background-color: #fff; /* for mobile bg */
}
body {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.6;
	font-family: "OpenSans", Helvetica, Arial, sans-serif;
	color: #777;
}
.region-content-inner {
	margin-bottom: 50px;
}


/* Clear Fix correction (add font-size to fix extra padding at bottom of site */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

/* applies to all elements - padding & border not added to total element width */
* {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* overrides to box-sizing (adds padding & border to total width) */
#colorbox, 
#cboxOverlay, 
#cboxWrapper {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


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

 hide-show via js 
 
--------------------------------------*/
.item-hide {
    overflow: hidden;
    display: block;
}
.item-shown {
    overflow: visible !important;
    height: auto !important;
}

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

 Colorbox Popups 
 
---------------------------------------*/

/* Comment form */
.node-comment-form-popup {
	height: auto;
	width: auto;
}

/* change font family to default body font */
#cboxContent {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

 System Messages 
 
---------------------------------------*/

#messages.grid-12 {
	margin: 0 auto;
	float: none;
	width: auto;
}
div.messages {
	font-size: 1.125em;
	line-height: 1.25;
	padding: 10px 10px 10px 45px;
	margin: 20px 0;
	background-color: #89E0FC;
	border: 0;
}
div.status, table tr.ok {
	background-color: #89E0FC;
}
div.status {
	background-position: 10px 20px;
}
div.error {
	background-position: 10px 20px;
	margin-top: 0;
}
div.status a,
div.error a,
div.warning a {
	color: #000; /* color needs to be visible from .messages bg-color value */
	text-decoration: underline;
} 

div.warning {
	background-position: 20px 30px;
	border-color: #EEDD55;
}
div.warning h2 {
	margin: 0;
}


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

 LOGGED IN AS ADMIN ON MOBILE
 
---------------------------------------*/

body.toolbar.responsive-layout-mobile, 
body.toolbar-drawer.responsive-layout-mobile {
	padding-top: 0 !important;
}
.responsive-layout-mobile #toolbar {
	position: relative;
}
.responsive-layout-mobile div.toolbar-drawer,
.responsive-layout-mobile .toolbar-menu a.toggle {
	display: none;
}

/* prevents side scrolling */
.responsive-layout-mobile #toolbar {
	margin:0;
	padding: 0;
}

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

 Font Icons - reset 
 
---------------------------------------*/

* a:before,
* a:after {
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	text-shadow: none;
	line-height: 1;
}
a:hover:before,
a:hover:after {
	text-decoration: none;
}

a:before,
h1:before,
h2:before,
h3:before,
h4:before,
h5:before,
h6:before,
a:after,
h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
}


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

 TEXT STYLES
 
----------------------------------------------------------
--------------------------------------------------------*/

a:link,
a:visited,
li a.active /* may need to re-address */{
	color: #ee4949;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
input.focus {
	color: #F8F4CA;
}
hr {
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	background: #aaa;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol,
ul, pre, table, address, fieldset {
	margin-bottom: 20px;
}



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

 HEADINGS & TITLES - general
 
-----------------------------------------------*/

h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.legacy-shownotes-item .field-label /* h2 styling */,
.legacy-node-full div.share-links-container:before /* legacy node share links title */ {
	letter-spacing: -0.05em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3 {
	font-weight: 700; /* removes ugly bold rendering of custom title fonts - remove as necessary */
	font-family: Aleo, "Helvetica", Arial, sans-serif;
	color: #333;
}

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

 h1
 
-------------------*/
h1 {
	font-size: 3em;
	line-height: 1;
	border-bottom: 1px solid #aaa;
	padding-bottom: 20px;
	text-transform: uppercase;
	margin-bottom: 2rem;
	letter-spacing: 2px;
}

/* overrides to account for node pager or menu block at page top */
.node-type-event h1, /* node pager */
.context-tour h1, /* menu block */
.context-gallery h1, /* menu block */
.context-music h1 /* menu block and pager */ {
	border: 0;
	margin-bottom: 0;
}

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

 h2
 
--------------------*/
h2, 
h2.node-title,
h2.block-title,
h2.views-title,
.legacy-shownotes-item .field-label, /* legacy node shownotes title */
.legacy-node-full div.share-links-container:before, /* legacy node share links title */
#edit-department-id-wrapper label[for*="department"], /* Store Dept title */
.page-store .view-display-id-dl_shows h3 /* store downloads title */ {
	font-size: 1.688rem; /* 27px */
}


h2.node-title, 
h2.block-title {
	line-height: 1.2;
}

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

 h3 - h6
 
---------------------*/

h3 {
	font-size: 1.313em; /* 21px */
}
h4 {
	font-size: 1.118em; /* 19px */
}
h5 {
	font-size: 1.063em; /* 17px */
}
h6 {
	font-size: 0.938em; /* 15px */
}



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

 LISTS - ordered & unordered defaults 

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

ol {
  list-style: decimal;
}
ol li {
	list-style-type: decimal;
}
ul {
	list-style: disc;
}
ul li {
	list-style: disc;
}
ul ul,
ol ol {
	padding-top: 0.5em;
}
ul ul li {
	list-style: circle;
}
.node ol,
.node ul {
	padding-left: 2em;
}
.node ul.inline,
.node ol.inline {
	padding-left: 0;
}

/*-------- Definition Lists --------*/
dt, .admin h3 {
	font-size: 1.125rem; /* 18px */
	margin: 0;
}
dd {
	padding-left: 10px;
	font-size: 0.938rem; /* 15px */
	font-style: italic;
	margin-bottom: 20px;
}

/* Content that needs typical ordered list styling */
.context-legal .block-system-main ol,
.context-legal .block-system-main ul,
.context-meet-greet-rules .block-system-main ol,
.highlight-product-body {
	margin: 0 0 30px 30px;
}
ol.search-results li {
	margin-left: 30px;
}

/* store page - negates .teaser-grid style on overarching views <li> for whole page */
.view-store-landing.teaser-grid #views-popup-wrapper .field-name-body li {
	list-style-type: disc;
	margin-left: 20px;
}

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

 TABLE STYLES 

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

table, tbody, tfoot, thead, tr, th, td {
	vertical-align: middle;
}
table {
	width: 100%;
}
thead th {
    background-color: #eee;
    border: 1px solid #aaa;
    font-size: 0.813rem;
    padding: 1em;
    text-align: left;
    text-transform: uppercase;
}
td {
    border: 1px solid #aaa;
    padding: 15px; 
    font-size: 0.75rem;
}
tr.odd {
	background-color: #fff;
}
tr.even {
	background-color: #f0f0f0;
}

/* user dashboard, drag to reorder profile images */
a.tabledrag-handle .handle {
	background: url("../../misc/draggable.png") no-repeat scroll 0 4px transparent;
	height: 17px;
	margin: -0.4em 0.5em;
	padding: 0.42em 0.5em;
	width: 13px;
}

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

 Fieldsets 
 
-----------------------------------------*/

fieldset {
	padding: 20px;
	border: 1px solid #aaa;
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
legend {
	font-size: 1.5rem;
	font-weight: normal;
	padding: 5px 15px;
	color: #333;
	text-transform: uppercase;
	font-family: Aleo, Georgia, serif;
	font-weight: 700;
	letter-spacing: 2px;
}
legend a:link {
	color: #222;	
}


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

 BUTTON styles
 
-----------------------------------------------------------
----------------------------------------------------------*/

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

 Button normal state
 
-------------------------------------*/

.button a,
a.button,
button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"],
.page-tour .attachment .views-popup-container .view-header a /*tour page */,
a.popup-link-item /* popup box links */,
#store-departments-links-container a /* store nav */,
.legacy-links-item a /* legacy buy buttons */,
.node-type-album .song-more-link a /*discography node more button*/,
ul.action-links li a,
.dashboard-privatemsg-message .views-field-thread-id a /* user dashboard messages */,
.page-community-users #views-popup-wrapper .views-field-view-user a /* user grid popup */,
form#comment-confirm-delete #edit-submit /* confirm item delete page */,
.form-actions a#edit-cancel /* confirm item delete page */,
.community-post-media-wrapper .post-view a /* view post button - admin dashboard */,
.page-legacy-list .views-field-commerce-price a /* legacy list buy button */,
#post-node-form input.form-submit /* community post form submit */ {
	background: #ee4949; 
	text-align: center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: block;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	text-shadow: none;
}

/* Exceptions to <a> css animation */
#colorbox button {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

/* !!!!!!---- SET DEFAULT PADDING on .button class ---!!!!!! */

.button a,
a.button,
button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"] {
	padding: 8px 10px 7px 10px; /* do not remove default padding completely - simply override elsewhere when necessary */
}

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

 Button hover state
 
-------------------------------------*/

button:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover,
.button a:hover,
a.button:hover,
.page-tour .attachment .views-popup-container .view-header a:hover /*tour page */,
a.popup-link-item:hover /* popup box links */,
#store-departments-links-container a:hover /* store nav */,
.legacy-links-item a:hover /* legacy buy buttons */,
.node-type-album .song-more-link a:hover /*discography node more button*/,
ul.action-links li a:hover,
.dashboard-privatemsg-message .views-field-thread-id a:hover /* user dashboard messages */,
.page-community-users #views-popup-wrapper .views-field-view-user a:hover /* user grid popup */,
form#comment-confirm-delete #edit-submit:hover /* confirm item delete page */,
.form-actions a#edit-cancel:hover /* confirm item delete page */,
.community-post-media-wrapper .post-view a:hover /* view post button - admin dashboard */,
.page-legacy-list .views-field-commerce-price a:hover /* legacy list buy button */,
#post-node-form input.form-submit:hover /* community post form submit */ {
	background: #333; 
	text-decoration: none;
	text-shadow: none;
}

li .button a.active {
	color: #fff; /* same as button text color */
}

/*---------- Form buttons (Override button styles) ----------*/
button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"] {
	border: 0;
}

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

 Views Popup  
 
-----------------------------------*/

.views-popup, #views-popup-wrapper {
	z-index: 1; /* sets above FB and social links */
}

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

 Views Popup Close button 
 
-----------------------------------*/

a.views-popup-close {
	border: 0;
	cursor: pointer;
	height: 0;
	padding-top: 28px;
	position: absolute;
	right: 3px;
	top: 1px;
	width: 25px;
	overflow: hidden;
	background-image: none;
	color: #fff;
}
a.views-popup-close:hover {
	color: #aaa;
}
.views-popup-close:before {
	content: "\7e"; /* close icon */
	display: block;
	font-family: "IcoMoonBasic";
	font-size: 22px;
	height: 24px;
	width: 27px;
	left: 1px;
	line-height: 30px;
	position: absolute;
	top: 0;
	speak: none;
}


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

 IMAGES
 
-----------------------------------------------------------
---------------------------------------------------------*/

img {
	vertical-align: middle; /* kills space between img, a, and container */
	width: 100%;
	height: auto;
}

/* exceptions to 100% img width */
table img,
img.file-icon,
.feed-icon img,
img#views-popup-ajax-throbber, /* tour, store page ajax loading gif */
.gallery-image-item img, /* gallery and gear gallery */
body.node-type-banner .field-type-image img,
#toolbar img,
.mollom-image-captcha img, /* captcha */
.commerce-paypal-icon,
.commerce-paypal-ec-icon, {
	width: auto;
}


/* exceptions to 100% img width */
table img,
img.file-icon,
.feed-icon img,
img#views-popup-ajax-throbber, /* tour, store page ajax loading gif */
.gallery-image-item img, /* gallery and gear gallery */
body.node-type-banner .field-type-image img,
.commerce-paypal-icon,
.commerce-paypal-ec-icon,
#toolbar img {
	width: auto;
}

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

 All images inside links 
 
------------------------------------*/
a img {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}


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

 colorbox zoom image -cursor icon 
 
------------------------------------*/

a.colorbox img,
.gallery-image-item img {
	cursor: url("../../images/cursor-zoom.png"), pointer;
}

/* video thumbnail - cursor icon */
a.colorbox-load img,
.gallery-video-item img {
	cursor: url("../../images/cursor-video.png"), pointer;
}

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

 Ajax Throbber - animated gif
 
-----------------------------------------*/

/* allow ajax throber to be width of image, not 100% */
img#views-popup-ajax-throbber {
	width: auto;
}

#views-popup-ajax-throbber-container {
	padding-left: 25px;	
}

/*-------------- for reference - comes from module -------------

.ajax-progress {
    display: inline-block;
}
.ajax-progress .throbber {
    background: url("/misc/throbber.gif") no-repeat scroll 0 -18px transparent;
    float: left;
    height: 15px;
    margin: 2px;
    width: 15px;
}
.ajax-progress .message {
    padding-left: 20px;
}
tr .ajax-progress .throbber {
    margin: 0 2px;
}
.ajax-progress-bar {
    width: 16em;
}

------------------------------*




/*====================================!!! HEADER SECTION !!!=========================================*/


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

                *****   FANTORRENT USER BAR   *****

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

.responsive-layout-mobile #zone-user-bar .region-user-bar {
	margin: 0;
}

#zone-user-bar-wrapper {
	background-color: #000;
	padding: 0px;
	font-size: 0.75rem; /* 12px */
	z-index: 999;
	height: auto;
	overflow: hidden;
}
#zone-user-bar {
	position: relative;
}

/* Shopping Cart Link */

#block-fantorrent-base-cart-link {
	padding-top: 5px;
}
#user-bar-cart-link a {
	background-color: #ee4949;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 7px 20px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
#user-bar-cart-link a:hover {
	text-decoration: none;
	background-color: #fff;
	color: #000;
}
#user-bar-cart-link a:before {
	content: "\3c";
	font-family: "IcoMoonBasic";
	font-size: 1.188rem; /* 19px */
	margin-right: 10px;
	width: 20px;
	speak: none;
	vertical-align: middle;
}


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

 DASHBOARD LINKS 
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/

/* Dashboard links container */
#block-fantorrent-base-user-bar {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	padding: 5px 0;
}

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

 USER Dashboard link 

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

#user-bar-user-dashboard-link,
#user-bar-user-dashboard-link-mobile {
	margin: 0 20px 0 0;
	float: left;
	vertical-align: top;
}
/* User dashboard icon - style: button no text */
#user-bar-user-dashboard-link a,
#user-bar-user-dashboard-link-mobile a {
	color: #eee;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	position: relative;
	width: 40px;
	margin-right: 5px;
	float: left;
}
#user-bar-user-dashboard-link a:before,
#user-bar-user-dashboard-link-mobile a:before {
	background-color: transparent;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	content: "\76";
	display: block;
	font-family: "IcoMoonBasic";
	font-size: 30px;
	height: 28px;
	left: 0;
	line-height: 26px;
	padding: 1px 4px;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 30px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
#user-bar-user-dashboard-link a:hover:before,
#user-bar-user-dashboard-link-mobile a:hover:before {
	color: #fff;
	background-color: #ee4949;
}


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

 ADMIN Dashboard Links 
 
----------------------------------*/

#user-bar-admin-dashboard-link, 
#user-bar-analytics-dashboard-link, 
#user-bar-store-dashboard-link,
#user-bar-admin-dashboard-link-mobile,
#user-bar-analytics-dashboard-link-mobile,
#user-bar-store-dashboard-link-mobile {
	float: left;
	position: relative;
	margin: 0 0 0 5px;
	vertical-align: top;
}
#user-bar-admin-dashboard-link a,
#user-bar-analytics-dashboard-link a,
#user-bar-store-dashboard-link a,
#user-bar-admin-dashboard-link-mobile a,
#user-bar-analytics-dashboard-link-mobile a,
#user-bar-store-dashboard-link-mobile a {
	background-color: transparent;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding: 3px;
	color: #eee;
	height: 0;
	overflow: hidden;
	padding-top: 27px;
	position: relative;
	width: 30px;
}
#user-bar-admin-dashboard-link a:hover,
#user-bar-analytics-dashboard-link a:hover,
#user-bar-store-dashboard-link a:hover,
#user-bar-admin-dashboard-link-mobile a:hover,
#user-bar-analytics-dashboard-link-mobile a:hover,
#user-bar-store-dashboard-link-mobile a:hover {
	color: #fff;
	background-color: #ee4949;
}

/*---------------------------
 admin dashboard 
----------------------------*/
#user-bar-admin-dashboard-link a:before,
#user-bar-admin-dashboard-link-mobile a:before {
	content: "\e613";
	font-family: "IcoMoonBasic";
	font-size: 22px;
	left: 4px;
	position: absolute;
	top: 3px;
}

/*---------------------------
 Analytics Dashboard Link 
----------------------------*/
#user-bar-analytics-dashboard-link a:before,
#user-bar-analytics-dashboard-link-mobile a:before {
	content: "\e610";
	font-family: "IcoMoonBasic";
	font-size: 22px;
	left: 4px;
	position: absolute;
	top: 3px;
}

/*---------------------------
 Store Admin link 
----------------------------*/
#user-bar-store-dashboard-link a:before,
#user-bar-store-dashboard-link-mobile a:before {
	content: "\e604";
	font-size: 24px;
	left: 4px;
	position: absolute;
	top: 2px;
	font-family: "IcoMoonBasic";
}


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

 USER BAR - HELP LINKS  (email signup, search, contact, faq)
 
--------------------------------------------------------
------------------------------------------------------*/

/* container */
.block-fantorrent-help-links {
	margin: 0;
	overflow: hidden;
	padding: 5px 0;
	position: absolute;
	right: 6px;
	top: 0;
	width: auto;
	z-index: 9999;
}
ul#user-bar-search-block {
	margin: 0;
	overflow: hidden;
}
ul#user-bar-search-block li {
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	float: left;
}
ul#user-bar-search-block li a {
	color: #eee;
	background-color: transparent;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	position: relative;
	width: 30px;
}
ul#user-bar-search-block li a:hover {
	background-color: #ee4949;
	color: #fff;
}


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

 Search button 
 
------------------------------------*/

ul#user-bar-search-block li#user-bar-search-item a:before {
	content: "\41";
	font-family: "IcoMoonBasic";
	font-size: 18px;
	left: 6px;
	position: absolute;
	top: 5px;
	vertical-align: middle;
	speak: none;
}

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

 Contact button 
 
-------------------------------------*/

ul#user-bar-search-block li#user-bar-contact-item a:before {
	content: "@";
	font-size: 23px;
	font-weight: normal;
	left: 5px;
	position: absolute;
	top: 1px;
	vertical-align: middle;
	width: 40px;
	speak: none;
}

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

 FAQ button 
 
----------------------------------*/

ul#user-bar-search-block li#user-bar-faq-item a:before {
	content: "\26";
	font-family: IcoMoonBasic;
	font-size: 18px;
	font-weight: normal;
	left: 6px;
	position: absolute;
	top: 5px;
	vertical-align: middle;
	width: 40px;
	speak: none;
}


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

 LOGO
 
---------------------------------------------------------
--------------------------------------------------------*/

#zone-branding-wrapper {
	background-color: transparent;
	height: auto;
	margin-bottom: 10px;
}
#fantorrent-logo-container {
	text-align: center;
}
a#fantorrent-logo-link {
	color: #222;
	font-size: 1.50em;
	text-transform: uppercase;
	display: block;
	padding: 10px 0;
	font-family: Aleo, Georgia, serif;
	font-weight: 700;
	
}


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

 MAIN NAVIGATION 
 
---------------------------------------------------------
--------------------------------------------------------*/


/*------------ MOBILE NAV----------- */

/* show/hide nav button */

#block-superfish-1 .omega-mobile-only a.show-link {
	width: auto;
	/* negates show-link class positioning */
	left: 0;
	top: 0;
	margin-left: 0;
}
#zone-menu-wrapper {
	margin-bottom: 30px;
}
#block-superfish-1 {
	height: auto;
}
#block-superfish-1 ul {
	margin: 0;
	padding: 0;
}
#block-superfish-1 ul li {
	list-style-type: none;
	margin: 0 0 4px 0;
	padding: 0;
	list-style-image: none;
	text-align: center;
	float: none;
}
#block-superfish-1 ul li a {
	padding: 10px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	color: #222;
	background-color: #ddd;
	font-size: 17px;
	font-family: Aleo, Georgia, serif;
	font-weight: 100;
}
#block-superfish-1 ul li a:hover {
	background-color: #ee4949;
	color: #fff;
}

/* subnav hover */
#block-superfish-1 ul ul {
	display: none;
}

#block-superfish-1 a.show-link {
	border-radius: 0;
}


/*====================================!!! CONTENT SECTION !!!=========================================*/



/*---------------------------------------
 
 SUB-NAVIGATION in PAGE CONTENT
 
---------------------------------------*/

/* Hide Duplicate h2.block-title from submenu on pages */
#zone-content .block-menu-block h2.block-title {
	display: none;
}
#zone-content .menu-block-wrapper {
	margin: 20px 0 2em;
	overflow: hidden;
	padding: 10px;
	background-color: #eee;
}
#zone-content .menu-block-wrapper ul.menu {
	margin: 0;
	padding: 0;
}
#zone-content .menu-block-wrapper ul.menu li {
	float: none;
	list-style-type: none;
	list-style-image: none;
	border: 0;
	padding: 0;
	margin: 10px 0;
}
#zone-content .menu-block-wrapper a {
	text-transform: uppercase;
	display: block;
}
#zone-content .menu-block-wrapper a:hover {
	text-decoration: none;
}


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

 PAGERS
 
-------------------------------------------------------------
------------------------------------------------------------*/

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

 LOAD MORE link 
 
--------------------------------------*/

.item-list ul.pager-load-more {
	background: url("../../images/more-button-rule.png") repeat-x scroll left center transparent;
	border: 0 none;
	margin: 20px 0;
}
.item-list ul.pager-load-more li {
	padding: 0px;
	margin: 0;
	float: none;
	display: block;
	border: 0;
}

/* Load More button */
/* original
ul.pager-load-more li.pager-next a {
	background-color: #fff;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0 0 3px #aaa;
	box-shadow: 0 0 3px #aaa;
	color: #444;
	padding: 5px 20px;
	text-transform: lowercase;
	width: auto;
	display: inline-block;
} */
ul.pager-load-more li.pager-next a {
    background-color: #000;
    border-radius: 50%;
    color: #aaa;
    padding: 33px 20px;
    text-transform: lowercase;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 17px;
    font-family: "Aleo", Helvetica, Arial, sans-serif;
}

ul.pager-load-more li.pager-next a:hover {
	background-color: #ee4949;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	/* same as the <a> - needed to override omega defaults for hover */
	border-radius: 50%;
}

/* mobile */
.responsive-layout-mobile ul.pager-load-more li.first.last {
	margin-left: 0;
}

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

 NODE PAGER - Previous / Next 
 
-----------------------------------------*/

.node-pager-container {
	height: auto;
	min-height: 60px; /* icon height + padding */
	position: relative;
	margin-bottom: 40px;
	padding: 15px 0;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
}
.block-entity-pager {
	overflow: hidden;
}

a.entity-pager-link,
a.back-to-river-link {
	font-size: 0.75rem; /* 12px */
	line-height: 1.3;
	text-transform: uppercase;
	vertical-align: middle;
	min-height: 30px;
	padding: 0;
	text-decoration: none;
	color: #444;
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
a.entity-pager-link:hover,
a.back-to-river-link:hover {
	color: #ee4949;
}

/*-----------------------
 << PREVIOUS 
------------------------*/

#entity_pager_1-item-previous, /* songs */
#entity_pager_2-item-previous, /* album node */
#entity_pager_3-item-previous, /* product node */
#entity_pager_4-item-previous, /* articles */
#entity_pager_5-item-previous /* legacy */{
	float: left;
	max-width: 40%;
}
a#entity-pager-previous-link {
	padding-left: 35px;
	padding-top: 5px;
}
/* icon */
a#entity-pager-previous-link:before  {
	content: "\3d";
	display: block;
	font-family: "IcoMoonArrows";
	font-size: 25px;
	line-height: 28px;
	letter-spacing: -16px;
	margin-right: 20px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	speak: none;
}

/*-----------------------
 << PREVIOUS (mobile only)
------------------------*/

.responsive-layout-mobile a#entity-pager-previous-link {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 28px 0 0 0;
	position: relative;
	width: 34px;
}
.responsive-layout-mobile a#entity-pager-previous-link:before  {
	position: absolute;
	left: 0;
	top: 0px;
	width: 34px;
	speak: none;
}

/*-----------------------
 NEXT >> 
-------------------------*/

#entity_pager_1-item-next, /* songs */
#entity_pager_2-item-next, /* album node */
#entity_pager_3-item-next, /* product node */
#entity_pager_4-item-next, /* articles */
#entity_pager_5-item-next /* legacy */ {
	float: right;
	max-width: 40%;
}
a#entity-pager-next-link {
	padding-right: 35px;
	padding-top: 5px;
	text-align: right;
}

/* icon */
a#entity-pager-next-link:after {
	content:"\3e";
	display: block;
	font-family: "IcoMoonArrows";
	font-size: 25px;
	line-height: 28px;
	letter-spacing: -16px;
	margin-right: 20px;
	vertical-align: middle;
	speak: none;
	position: absolute;
	top: 0;
	right: 0;
}

/*-----------------------
 NEXT >>  (mobile only)
-------------------------*/

.responsive-layout-mobile a#entity-pager-next-link {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 28px 0 0 0;
	position: relative;
	width: 34px;
}
.responsive-layout-mobile a#entity-pager-next-link:after {
	position: absolute;
	right: 0px;
	top: 0px;
}

/*-------------------------
 ALL - list link 
--------------------------*/

.back-to-river-link-container {
	position: absolute;
	left: 50%;
	margin-left: -15px;
}
a.back-to-river-link {
	overflow: hidden;
	height: 0;
	width: 30px;
	padding-top: 30px;
}
a.back-to-river-link:before {
	content: "\62";
	display: block;
	font-family: "IcoMoonBasic";
	font-size: 1.625rem;
	left: 2px;
	margin-right: 10px;
	position: absolute;
	top: 0;
	vertical-align: middle;
	speak: none;
}


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

 SHARE / SOCIAL NETWORK LINKS
 
---------------------------------------------------------
-------------------------------------------------------*/

ul.share-links-container {
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	height: 35px;
	margin: 0;
	padding: 5px 0;
	display: block;
}
ul.share-links-container li,
.teaser-grid ul.share-links-container li /* store page popup */ {
	float: left;
	height: auto;
	margin: 0 10px 0 0 !important;
	padding: 0;
	list-style-type: none;
}
.teaser-grid ul.share-links-container {
	padding: 5px 0;
	border-color: #555;
	overflow: visible; /* overwrites .teaser-grid ul */
}

/* Exceptions */

.node-type-song ul.share-links-container,
.node-type-album ul.share-links-container {
	margin-bottom: 30px;
}
.node-type-song ul.share-links-container:before,
.node-type-album ul.share-links-container:before,
.node-type-article ul.share-links-container:before {
	display: block;
	content: "Share:";
	font-size: 1.188em; /* 19px */
	line-height: 1.2;
	margin-right: 10px;
	float: left;
}

/* fix alignment of FB iframe */
.share-link-facebook iframe {
	position: relative;
	top: -5px;
}


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

 Socialite JS button styling 
 
-----------------------------------------*/

/* all */
a.socialite.twitter-share, 
a.socialite.facebook-like, 
a.socialite.googleplus-one {
	background-color: #444;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #fff;
	display: block;
	font-size: 0.688rem; /* 11px */
	margin: 0;
	padding: 3px 9px;
	text-align: center;
	max-width: 85px;
}
/* twitter */
a.socialite.twitter-share span:before {
	color: #00C5F9;
	content: "0";
	font-family: "IcoMoonSocial";
	margin-right: 4px;
	vertical-align: middle;
	speak: none;
	line-height: 1;
}
/* facebook */
a.socialite.facebook-like span:before {
	background-color: #3B5998;
	border: 1px solid #777;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	color: #fff;
	content: "P";
	display: inline-block;
	font-family: "IcoMoonSocial";
	font-size: 8px;
	height: 12px;
	line-height: 10px;
	margin-right: 3px;
	position: relative;
	text-align: center;
	top: -1px;
	vertical-align: middle;
	width: 12px;
	speak: none;
}
/* google +1 */
a.socialite.goolgeplus-one {
	padding: 0 6px 0 9px;
}
a.socialite.googleplus-one span {
	color: #444; /* hides text in button color */
}
a.socialite.googleplus-one span:before {
	color: #fff;
	content: "!";
	font-family: "IcoMoonSocial";
	vertical-align: middle;
	speak: none;
	line-height: 1;
}


/*------------ Non-JS styling -------------------*/
/* Print link */
li.share-link-print a {
	padding-bottom: 5px;
	height: 16px;
}

/* Google +1 */
li.share-link-plusone {
	max-width: 170px; /* narrow max */
	overflow: hidden;
}


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

 PRINT & EMAIL LINKS - HORIZONTAL 
 
------------------------------------------*/

/* kills img & annoying alt text */
ul.share-links-container li.share-link-email .forward-icon,
ul.share-links-container li.share-link-print .forward-icon {
	display: none;
}

/* twitter */
ul.share-links-container.direction-horizontal .share-link-twitter .socialite-loaded {
	max-height: 20px;
	max-width: 85px;
	padding-top: 2px;
}

/* facebook */
ul.share-links-container.direction-horizontal .share-link-facebook .socialite-loaded {
	padding-top: 2px;
	width: 85px;
	max-height: 21px;
}

/* google +1 */
ul.share-links-container.direction-horizontal .share-link-plusone .socialite-loaded {
	max-height: 24px;
	max-width: 85px;
}

/* email & print */
ul.share-links-container.direction-horizontal li.share-link-email, 
ul.share-links-container.direction-horizontal li.share-link-print {
	height: 22px;
	width: 22px;
	float: left;
}
ul.share-links-container.direction-horizontal li.share-link-email a,
ul.share-links-container.direction-horizontal li.share-link-print a {
	display: block;
	width: 22px;
	height: 22px;
	position: relative;
	color: #444;
	line-height: 16px;
}
/* hide print & email icons in mobile */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	ul.share-links-container.direction-horizontal li.share-link-email, 
	ul.share-links-container.direction-horizontal li.share-link-print {
		display: none;
	}
}

/* icons */
ul.share-links-container.direction-horizontal li.share-link-email a:hover,
ul.share-links-container.direction-horizontal li.share-link-print a:hover {
	color: #bbb;
}
ul.share-links-container.direction-horizontal li.share-link-email a:before {
	position: absolute;
	content: "\6f";
	font-family: IcoMoonBasic;
	font-size: 1.125rem; /* 18px */
	top: 4px;
	left: 0;
	border: 0;
	padding: 0;
	speak: none;
}

/* print link */
ul.share-links-container.direction-horizontal li.share-link-print a:before {
	border: 0;
	content: "\45";
	display: block;
	font-family: IcoMoonBasic;
	font-size: 1.063rem; /* 17px */
	left: 0;
	line-height: 1.5;
	padding: 0;
	position: absolute;
	top: 0;
	speak: none;
}

/* SHARE LINKS - No Direction (appears in community post) */
ul.share-links-container.direction-none {
	height: auto;
	padding: 10px 0;
	border: 0;
}
ul.share-links-container.direction-none li {
	float: none;
	height: 25px;
	margin: 0 0 6px 0;
	border: 0;
}

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

 SHARE LINKS - node footer - 
 Email and print links inline with text
 
-----------------------------------------*/

li.forward_link a.forward-page:before {
	content: "\6f";
	font-family: IcoMoonBasic;
	font-size: 18px;
	speak: none;
	margin-right: 5px;
}
li.print_html a.print-page:before {
	content: "\45";
	font-family: IcoMoonBasic;
	font-size: 1.125rem; /* 18px */
	speak: none;
}


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

 TEASER LIST & TEASER GRID styles
  
-----------------------------------------------------------
---------------------------------------------------------*/

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

 TEASER-GRID
 
----------------------------------------*/

.teaser-grid  {
	margin: 0;
	padding: 0;
}
.teaser-grid ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.teaser-grid li,
.teaser-grid .item-list li,
.teaser-grid .teaser-grid-row {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}

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

 TEASER-LIST
 
----------------------------------------*/

.teaser-list {
	padding: 0;
}
.teaser-list ul {
	margin: 0;
	padding: 0;
}
.teaser-list-row,
.item-list li.teaser-list-row {
	padding: 15px 0;
	border-bottom: 1px solid #aaa;
	list-style-type: none;
	margin: 0;
	position: relative;
	overflow: hidden;
}

/* first and last row alterations */
.teaser-list-row:first-child,
.item-list li.teaser-list-row:first-child,
.region-sidebar-second .teaser-list-row:first-child {
	padding-top: 0;
}
.teaser-list-row:last-child,
.item-list li.teaser-list-row:last-child,
.region-sidebar-second .teaser-list-row:last-child {
	border-bottom: 0;
}

/* list row content - articles */
.teaser-list h3.title {
	font-size: 15px;
	margin-bottom: 5px;
}
.teaser-list .post-date {
	font-size: 0.813em;
	font-style: italic;
}
.teaser-list .media-thumb-item {
	width: 160px;
	float: left;
	margin-right: 30px;
}
.teaser-list ul.share-links-container {
	border: 0;
	height: 20px;
	margin: 0px;
	padding: 5px 0;
}


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

 CLICKABLE class: 
 
 Makes entire teaser-row container a link, vs
 just the linked text within. Style to make 
 visible changes on container hover.
  
-----------------------------------------------*/

/*----------------------------
 in main content area
------------------------------*/

/* articles list page */

.teaser-list .clickable:hover h3 a {
	color: #000; /* same as a:hover */
}

/*------------------------------
 general 
-------------------------------*/

.clickable {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.clickable-hover {
	cursor: pointer;
	background: none;
}

/*-----------------------------
in sidebar 
------------------------------*/

/* unlinked text */
#region-sidebar-second .clickable-hover {
	color: #777;
}
/* linked text */
#region-sidebar-second .clickable a {
	color: ; /* same as default sidebar text */
}
#region-sidebar-second .clickable-hover a {
	color: #ee4949;
	text-decoration: none;
}
#region-sidebar-second .clickable-hover .dateblock {
	background-color: #ee4949;
}
#region-sidebar-second .clickable-hover .dateblock .month,
#region-sidebar-second .clickable-hover .dateblock .day {
	color: #fff;
}


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

 More Link - sidebar blocks
 
----------------------------------------*/

.more-link a {
	display: block;
}


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

 General SIDEBAR BLOCK Styles 
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/

/* all sidebar block containers */
.region-sidebar-second-inner .block,
#event-node-sidebar {
	margin-bottom: 40px;
	position: relative;
	background-color: transparent;
	padding: 0;
	color: #aaa; /* basic unlinked text color for all sidebar blocks */
}

/* Sidebar block title */
.region-sidebar-second h2.block-title,
#event-node-sidebar h2.block-title {
	color: #333;
	text-transform: uppercase;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	padding: 20px 0;
	margin: 0;
	font-size: 1.563rem;
	letter-spacing: 2px;
	text-align: center;
	background-image: url(../images/dingbat-three-lines-left.png), url(../images/dingbat-three-lines-right.png);
	background-position: left center, right center;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

/* Padding around content list */
.region-sidebar-second .view-content,
.region-sidebar-second .view-empty {
	padding: 7% 0;
}

/* sidebar block link colors */
.region-sidebar-second-inner .block .view-content a,
.region-sidebar-second .more-link a,
.region-sidebar-second ul.pager a,
.block-dash-nodes-activity .view-footer a /* community post node page */,
.region-sidebar-second .teaser-list-row a,
.region-sidebar-second .teaser-list-row a {
	color: #222;
}

/* sidebar block link colors - hover */
.region-sidebar-second-inner .block .view-content a:hover,
.region-sidebar-second .more-link a:hover,
.region-sidebar-second ul.pager a:hover,
.block-dash-nodes-activity .view-footer a:hover /* community post node page */,
.region-sidebar-second .teaser-list-row a:hover,
.region-sidebar-second .teaser-list-row a:hover {
	color: #ee4949;
}

/* sidebar button override color */
.region-sidebar-second-inner .block .view-content .button a {
	color: #fff; /* make same as .button text color */
}

/* Sidebar Button Colors */
.region-sidebar-second .button a,
.region-sidebar-second a.button {
	background-color: #ee4949;
}

/* Sidebar list & grid rows */
.region-sidebar-second .teaser-list-row,
#event-node-sidebar .teaser-list-row {
	border: 0 none;	
	padding: 10px 0;
	line-height: 1.3;
}
.region-sidebar-second .teaser-grid-row,
.song-videos .teaser-grid .teaser-grid-row /* song node */ {
	line-height: 1.3;
	width: 48%;
	margin: 0 4% 4% 0;
	border-bottom: 0;
	font-size: 0.750em; /* 12px */
}
.region-sidebar-second .teaser-grid-row .views-field-title,
.song-videos .teaser-grid .teaser-grid-row .views-field-title {
	text-align: center;
}

/* Sidebar row content titles */
.region-sidebar-second .views-field-title, 
.region-sidebar-second .field-title {
	font-size: ;
}
.region-sidebar-second .teaser-grid-row .views-field-title {
	padding: 5px;
}


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

 More Link - general settings
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/

.more-link,
.region-sidebar-second .view-footer {
	text-align: right;
}
.more-link a,
.region-sidebar-second .view-footer a {
	display: block;
	padding: 10px;
	position: relative;
	text-transform: uppercase;
	vertical-align: bottom;
	text-decoration: none;
	font-size: 1rem; /* 16px */
	text-align: right;
	color: #333;
}
.more-link a:hover {
	text-decoration: none;
	color: #ee4949;
}
.more-link a:after {
	background-color: transparent;
	content: "\3e";
	display: inline-block;
	font-family: "IcoMoonArrows";
	font-size: 20px;
	height: 22px;
	line-height: 23px;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	width: 20px;
	speak: none;
	position: relative;
	top: -2px;
}

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

 More Link - main content section
 
-----------------------------*/

.block-main .view-footer {
	padding: 10px 0;
}
.block-main .more-link {
	position: relative;	
	left: 0;
	top: 0;
	background: none;
}
.block-main .more-link {
	padding: 10px 0;
}
.block-main .more-link a {
	width: auto;
	padding: 0;
	text-align: right;
}
.block-main .more-link a:after {
	background: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
	/* line-height: 1.5; */
}

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

 More Link - sidebar blocks only 
 
-------------------------------*/

.region-sidebar-second .more-link,
.region-sidebar-second .view-footer,
#event-node-sidebar .more-link {
	position: relative;
}
.region-sidebar-second .more-link a,
.region-sidebar-second .view-footer a,
#event-node-sidebar .more-link a {
	background-color: transparent;
	padding: 10px 0;
	border-top: 1px solid #aaa;
	color: #333;
	vertical-align: middle;
}
.region-sidebar-second .more-link a:hover,
.region-sidebar-second .view-footer a:hover,
#event-node-sidebar .more-link a:hover {
	background-color: transparent;
	color: #ee4949;
}

.region-sidebar-second .more-link a:after,
.region-sidebar-second .view-footer a:after,
#event-node-sidebar .more-link a:after {
    background-color: transparent;
    content: ">";
    display: inline-block;
    font-family: "IcoMoonArrows";
    font-size: 18px;
    height: 22px;
    line-height: 23px;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
    background: #ccc;
    padding: 5px;
    border-radius: 50%;
    position: relative;
    top: -2px;
    color: #fff;
    margin-left: 6px;
    -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.region-sidebar-second .more-link a:hover:after,
.region-sidebar-second .view-footer a:hover:after,
#event-node-sidebar .more-link a:hover:after {
	background-color: #ee4949;
}

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

 CONTAINER STYLES
  
---------------------------------------------------------
-------------------------------------------------------*/

.embedded-video-container {
	width: 100%;
	height: 100%;
}

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

 NODE-CONTAINER STYLES 
 
---------------------------------------*/

.node-row-container,
.node-middle-row1-container,
.node-middle-row2-container,
.node-middle-row3-container,
.node-middle-row4-container,
.node-middle-row5-container,
.node-middle-row6-container,
.node-middle-row7-container,
.node-bottom-row-container {
	padding-bottom: 2.5em; /* 40px */
	margin-bottom: 2.5em; /* 40px */
	border-bottom: 1px solid #aaa;
	position: relative;
}
.node-bottom-row-container {
	border-bottom: 0;
}

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

 SHOW MORE / SHOW LESS - toggle links 
 
-----------------------------------------*/

/* show more */
a.show-link {
	display: block;
	clear: both;
	background: #222;
	border-radius: 20px;
	text-align: center;
	color: #fff; 
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 13px;
	width: 180px;
	position: relative;
	margin-top: 10px;
}
a.show-link:hover {
	background: #444;
	color: #fff;
	text-decoration: none;
}
a.show-link:before,
a.show-link:after {
	content: "\25";
	font-family: IcoMoonArrows;
	font-size: 13px;
	letter-spacing: -10px;
	margin-right: 15px;
	position: relative;
	top: 1px;
	speak: none;
}
a.show-link:after {
	margin-left: 6px;
	margin-right: 6px;
}

/* show less */
a.show-link.show-processed:before,
a.show-link.show-processed:after {
	top: 1px;
	content: "\24";
	speak: none;
}


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

 FORMS
 
-----------------------------------------------------------
---------------------------------------------------------*/

.image-widget-data input.form-file {
	margin-right: 10px;
}
label.option {
	vertical-align: middle;
}
input[type="checkbox"] {
	cursor: pointer;
}

textarea {
	padding: 20px;
	font-family: "OpenSans", Helvetica, Arial, sans-serif;
	background: #efefef;
}

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

 POP-UP BUY NOW fields 
 
-----------------------------------------*/

.add-to-cart-form-popup .field {
	padding: 5px 15px 15px 15px;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.add-to-cart-form-popup .form-type-item {
	font-size: 1.125em; /* 18px */
}
.add-to-cart-form-popup .form-type-item label {
	display: none;
}

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

 COLORBOX LOGIN STYLES 
 
----------------------------------------*/

/* Popup colorbox Login */

#colorbox #community-anon-login-box {
	
}

/* "not a member" section */
#colorbox #community-anon-login-box .community-anon-login-box-join {
	border: 1px solid #aaa;
	background-color: #eee;
	padding: 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 30px;
}

/* "already have an account" text */
#colorbox #community-anon-login-box .community-anon-login-box-message {
	font-size: 1.125rem; /* 18px */
	margin-bottom: 5px;
	text-align: center;
}

/* join the community text */
#colorbox #community-anon-login-box .community-anon-login-box-join a {
	font-size: 20px;
	margin-bottom: 10px;
}

/* Form fields */
#colorbox #community-anon-login-box label {
	font-size: 14px;
}
#colorbox #community-anon-login-box input {
	padding: 10px;
	font-size: 0.875rem; /* 14px */
	height: auto;
	width: 100%;
}
#colorbox #community-anon-login-box .form-actions input {
	margin-bottom: 40px;
}

/* Janrain social links */
#colorbox #community-anon-login-box .item-list {
	
}
#colorbox #community-anon-login-box .rpx-links li {
	margin: 0;
	padding: 0;
}
#colorbox #community-anon-login-box .rpx-links li a:first-child {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}
#colorbox #community-anon-login-box .rpx-links li a:first-child:before {
	content: "Or ";
}

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

 DRUPAL TABS - navigation tab buttons
 
---------------------------------------------------------
-------------------------------------------------------*/

.tabs ul.primary {
	margin: 0 0 20px 0;
	padding: 0;	
	overflow: hidden;
	border-bottom: 1px solid #aaa;
}
.tabs ul.primary li {
	margin: 0 3px 0 0;
	padding: 0;
	float: left;
	list-style-type: none; /* for comments */
}
.tabs ul.primary li a {
	background-color: #eee;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: #888;
	font-size: 0.875rem; /* 14px */
	display: block;
	padding: 6px 15px;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #aaa;
	border-bottom: 0;
	text-align: center;
}
.tabs ul.primary li a:hover,
.tabs ul.primary li.active a  {
	background-color: #444;
	color: #fff;
	border-color: #333;
}


/*====================================!!! FOOTER SECTION !!!=========================================*/

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

 FOOTER
 
---------------------------------------------------------
-------------------------------------------------------*/

#zone-footer-wrapper {
	background: #fff;
	-webkit-box-shadow: 0px -5px 9px rgba(0, 0, 0, 0.07);
	box-shadow: 0px -5px 9px rgba(0, 0, 0, 0.07);
}
#page #zone-footer.container-12 {
	width: 100%;
}
#zone-footer {
	padding: 30px 20px;
}

/* Facebook and Twitter counters */

#block-fantorrent-base-connect-links {
	float: right;
}
#section-footer ul.inline-links {
	float: right;
	list-style-type: none;
	padding-top: 9px;
}
#section-footer ul.inline-links li {
	float: left;
	list-style-type: none;
}
#section-footer ul.inline-links li.connect-link-facebook {
	margin-right: 10px;
}

/* twitter */
#section-footer ul.inline-links li.connect-link-twitter iframe {
	max-width: 150px; /* increase as needed */
	overflow: hidden;
}

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

 Feedback link
 
-----------------------------------*/

#block-id-feedback-form-feedback-link {
	position: absolute;
	top: 0;
	left: 0;
}
#block-id-feedback-form-feedback-link a {    
	background-color: #000;
	-webkit-border-radius: 4px;
    border-radius: 4px;
    color: #ee4949;
    display: block;
    padding: 2px 10px;
    text-decoration: none;
}

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

 Footer Copyright & Logos 
 
------------------------------------*/

#block-fantorrent-base-footer-message {
	font-size: 13px;
	overflow: hidden;
	color: #777;
}
#block-fantorrent-base-footer-message .privacy-footer a {
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid #aaa;
}

#block-fantorrent-base-footer-message .footer-logos {
	margin-bottom: 10px;
	overflow: hidden;
}

/* Idea Den Logos */

.copyright {
	display: block;
	margin: 3px 10px 10px 0;
	overflow: hidden;
}
a.masterchannel-logo, a.ideaden-logo {
	background-color: transparent;
	background-image: url("../../../../../../profiles/fantorrent_bands/themes/boilerplate/images/masterchannel-logo-dark.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 40px;
	text-indent: -9999px;
	width: 120px;
	opacity: .5; 
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	margin-right: 15px;
}
a.interscope-logo {
	background-color: transparent;
	background-image: url("../../images/interscope-logo-dark.svg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 50px;
	font-size: 0;
	width: 30px;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	margin-right: 15px;
}


a.ideaden-logo:hover,
a.merchden-logo:hover,
a.interscope-logo:hover {
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}


/*-------------------------------
 
 Social Icons
 
--------------------------------*/

#social-icons ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#social-icons ul li {
	margin: 0 7px 7px 0;
	padding: 0;
	float: left;
	list-style-type: none;
	border: 0;
}
#social-icons ul li:last-child {
	margin-right: 0;
}
#social-icons ul li a {
	margin: 0;
	padding: 50px 20px 0;
	width: 54px;
	display: block;
	height: 0;
	overflow: hidden;
	position: relative;
	color: #ccc;
	background-color: transparent;
	border-radius: 50%;
	border: 2px solid #ccc;
}
#social-icons ul li a:hover {
	color: #ee4949;
	background-color: transparent;
	border-color: #ee4949;
}

/* icons */
#social-icons ul li a:before {
	position: absolute;
	top: 10px;
	left: 10px;
	font-family: IcoMoonSocial;
	font-size: 31px;
	line-height: 31px;
	speak: none;
}
#social-icons ul li#facebook a:before {
	content: "Q";
}
#social-icons ul li#twitter a:before {
	content: "\30";
}
#social-icons ul li#youtube a:before {
	content: "\4b";
}
#social-icons ul li#itunes a:before {
	content: "\4f";
}
#social-icons ul li#instagram a:before {
	content:"\40";
	left: 12px;
}
#social-icons ul li#email a:before {
	font-family: IcoMoonBasic;
	content:"\6f";
	font-size: 29px;
	line-height: 30px;
}


/*====================================!!! SPECIFIC PAGES !!!=========================================*/


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

 ABOUT PAGE 
 
--------------------------------------------------------
------------------------------------------------------*/

.context-about {
	
}



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

 GALLERY - page
 
--------------------------------------------------------
------------------------------------------------------*/

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

 Gallery Filter links
  
---------------------------------*/

.gallery-years-view ul {
	margin: 0 0 30px 0;
	border-bottom: 1px solid #aaa;
	overflow: hidden;
	padding: 0 0 20px 0; /* 20px padding + 10px margin on filter <li> = 30px */
}
.gallery-years-view ul li {
	list-style-type: none;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
}
.gallery-years-view ul li a {
	display: block;
	padding: 3px 5px;
	border: 1px solid #aaa;
	text-decoration: none;
	color: #444;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.gallery-years-view ul li a:hover,
.gallery-years-view ul li.active a,
.gallery-years-view ul li a.active {
	background-color: #444;
	color: #fff;
	border-color: #444;
}

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

 Gallery Items
 
---------------------------------*/

.page-gallery .gallery-image-item,
.page-gallery .gallery-video-item,
.page-gallery .gallery-image-item-mobile,
.page-gallery .gallery-video-item-mobile,
.page-gear .gallery-image-item,
.page-gear-m .gallery-image-item-mobile  {
	margin-bottom: 15px;
	padding: 0;
	background-color: #fff;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

}
.page-gallery .gallery-image-item-mobile,
.page-gallery .gallery-video-item-mobile,
.page-gear .gallery-image-item-mobile {
	margin: 15px auto;
	width: 270px;
}
.page-gallery .gallery-image-item:hover,
.page-gallery .gallery-video-item:hover,
.page-gallery .gallery-image-item-mobile:hover,
.page-gallery .gallery-video-item-mobile:hover,
.page-gear .gallery-image-item:hover,
.page-gear .gallery-image-item-mobile:hover {
	-webkit-box-shadow: 0 0 8px #aaa;
	box-shadow: 0 0 8px #aaa;
}
.gallery-video-item, 
.gallery-video-item-mobile {
	position: relative;
	z-index: 1;
}
.gallery-video-item:before, 
.gallery-video-item-mobile:before {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	content: "\74";
	font-family: "IcoMoonBasic";
	display: block;
	background-color: rgba(0,0,0,0.8);
	padding: 5px;
	color: #aaa;
	font-size: 20px;
	speak: none;
}
.gallery-item a {
	display: block;
}

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

 Gallery image info *
 
---------------------------------*/

.gallery-image-info-inline {
	padding: 10px;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid #aaa;
	border-top: 0;
}
.gallery-info-title {
	margin-bottom: 3px;
	width: 245px;
}
.gallery-info-comment-count {
	float: left;
	margin-right: 10px;
}

/* Icons */
.gallery-info-comment-count:before,
.gallery-info-photos-count:before {
	content: "\35";
	font-family: "IcoMoonBasic";
	font-size: 11px;
	line-height: 13px;
	display: inline-block;
	margin-right: 2px;
	vertical-align: middle;
	color: #777;
	position: relative;
	top: -1px;
	speak: none;
}
.gallery-info-photos-count:before {
	content: "\65";
	top: -2px;
	speak: none;
}

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

 Gallery - Mobile Only
  
---------------------------------*/

.page-gallery-m .gallery-image-item-mobile,
.page-gallery-m .gallery-video-item-mobile,
.page-gear-m .gallery-image-item-mobile {
	margin-bottom: 20px;
}
.page-gallery-m .gallery-image-item-mobile img,
.page-gallery-m .gallery-video-item-mobile img,
.page-gear-m .gallery-image-item-mobile img {
	width: 100%;
	height: auto;
}
.page-gallery-m .gallery-image-item-mobile .gallery-info-title,
.page-gallery-m .gallery-video-item-mobile .gallery-info-title,
.page-gear-m gallery-image-item-mobile .gallery-info-title {
	width: auto;
}

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

 SEARCH page
 
------------------------------------------------------
----------------------------------------------------*/

.page-search #search-form #edit-basic {
	margin-bottom: 30px;
}
.page-search .tabs ul.primary {
	margin: 0;
	border: 0;
}

/* form wrapper */
.page-search #edit-basic {
	padding: 20px;
	border: 1px solid #aaa;
}

/* label */
.page-search label[for="edit-keys"] {
	margin-right: 5px;
}

/* input */
.page-search input#edit-keys {
	width: 150px;
}

/* submit */
.page-search #edit-basic .form-submit {
	margin: 1em 0;
}

/* ----Search Results -------*/

.search-results p:last-child {
	margin-bottom: 0;
}
.search-results li {
	border-bottom: 1px dotted #aaa;
	margin-bottom: 1em;
}
/* in-context results display */
.search-results .search-snippet-info {
	background-color: #f5f5f5;
	font-size: 0.813rem;
	margin-bottom: 20px;
	padding: 15px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

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

 FAQ - Contact page
 
------------------------------------------------------
----------------------------------------------------*/

.page-faq-page #webform-component-category {
	padding-top: 0;
}
.page-faq-page #webform-component-category label[for="edit-submitted-category"] {
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-top: 0;
	border-bottom: 1px dotted #aaa;
}
.page-faq-page .faq-question {
	padding: 0 0 5px 20px;
}
.page-faq-page .faq-question-answer {
	margin-bottom: 10px;
}

/* arrow right */
.page-faq-page .faq-question-answer:before {
	content: "#";
	font-family: IcoMoonArrows;
	float: left;
	margin-right: 10px;
	speak: none;
}

/* arrow down */
.page-faq-page .faq-question-answer.expanded:before {
	content: "%";
	float: left;
	font-family: IcoMoonArrows;
	margin-right: 10px;
	position: relative;
	top: 2px;
	speak: none;
}

/* Feedback form */
.page-faq-page .region-sidebar-second-inner .block-id-feedback-form,
.context-contact .region-sidebar-second-inner .block-id-feedback-form {
	background: #eee;
	border: 1px solid #aaa;
	color: #444;
}
.region-sidebar-second-inner .block-id-feedback-form h2.block-title {
	margin-bottom: 20px;
}
.page-faq-page .region-sidebar-second-inner .block-id-feedback-form ul,
.context-contact .region-sidebar-second-inner .block-id-feedback-form ul {
	margin: 0;
	padding: 0;
}
.page-faq-page .region-sidebar-second-inner .block-id-feedback-form li,
.context-contact .region-sidebar-second-inner .block-id-feedback-form li {
	list-style-type: none;
}
.page-faq-page .region-sidebar-second input, 
.page-faq-page .region-sidebar-second select,
.context-contact .region-sidebar-second input,
.context-contact .region-sidebar-second select {
	width: 100%;
}
.block-id-feedback-form label {
	font-weight: normal;
	line-height: 120%;
	margin-bottom: 5px;
}


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

 PARTNERS / LINKS - page
 
------------------------------------------------------
----------------------------------------------------*/

/* section titles */
.view-sponsors h3 {
	font-size: 1.5rem;
}

/* items */
.view-sponsors .teaser-grid-row,
.view-sponsors.teaser-grid li {
	line-height: 1.125;
	margin: 0 0 15px 0;
	text-align: center;
	width: 100%;
	float: none;
	background-color: #fff;
}
.view-sponsors .teaser-grid-row .views-field-field-images-1,
.view-sponsors.teaser-grid li .views-field-field-images-1 {
	margin-bottom: 10px;
	border: 1px solid #aaa;
	padding: 5px;
}

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

 PRIVACY / TERMS OF USE - page
 
------------------------------------------------------
----------------------------------------------------*/

#privacy-policy, 
#termsofuse {
	border-bottom: 1px solid #aaa;
	margin-bottom: 40px;
	padding: 40px 0;
}
#termsofuse ol,
#termsofuse ul,
#privacy-policy ul,
#privacy-policy ol {
	margin: 0 0 30px 30px;
}

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

 PRINT page (linked from icon in social links ul)
 
------------------------------------------------------
----------------------------------------------------*/

.print-logo {
	font-size: 30px;
	margin-bottom: 10px;
}
.print-content h2 {
	margin: 40px 0 20px 0;
}
.print-content p:last-child {
	margin: 20px 0 40px;
}


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

 LEGAL - Terms & Privacy Page
 
------------------------------------------------------
----------------------------------------------------*/

.context-legal .last-updated {
	font-size: 0.875em; /* 14px */
	text-align: right;
}




/*====================================!!! SPOTLIGHT BANNER SECTION !!!=========================================*/

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

 SPOTLIGHT BANNER POPUP 
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/

.responsive-layout-mobile .block-fantorrent-ads-support:before {
	content: "PROMOTIONS:";
	display: block;
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 30px;
	text-align: center;
	border-top: 4px double #aaa;
	color: #444;
}


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

 Toggle button 
 
---------------------------------------*/

a.spotlight-toggle {
	background-color: transparent;
	padding: 15px;
	width: 100%;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	color: #fff;
	display: block;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
}
a.spotlight-toggle img {
	width: auto;
}


/*---------------------------
 Spotlight Closed 
-----------------------------*/
a.spotlight-toggle.closed {
	background-color: #32bcd5;
}
a.spotlight-toggle.closed:hover {
	background-color: #000;
	text-decoration: none;
}


/*--------------------------
 Spotlight Open 
----------------------------*/
a.spotlight-toggle.open {
	background-color: #dd5c5c;
}
a.spotlight-toggle.open:hover {
	background-color: #000;
	text-decoration: none;
}



/*------------------------------------------------
 
 Drop Down Section
 
------------------------------------------------*/

.spotlight.drop-down {
	background: #eee;
	padding: 20px;
	margin-bottom: 10px;
}


/* Spotlight Images */
.spotlight-images-wrapper {
	margin-bottom: 15px;
}

/* spotlight - h2 title */
.spotlight h2 {
	color: #222;
	font-size: 23px;
	line-height: 1;
	margin-bottom: 5px;
}
.spotlight h5 {
	font-size: 15px;
}



/*-------------------------------
 spotlight - body and link 
---------------------------------*/

.spotlight-body-and-link-wrapper {
	color: #999;
}
.spotlight-body-and-link-wrapper .field-name-body {
	font-size: 1.5rem;
	line-height: 1.3;
	margin-bottom: 10px;
	position: relative;
}
.spotlight .field-name-body p a {
	color: #bbb;
}


/* Link Field */
.spotlight.drop-down .field-type-link-field .field-label {
	display: none;
}
.spotlight .field-type-link-field {
	display: block;
	font-size: 1em;
}
.spotlight .field-type-link-field a {
	display: block;
	font-size: 1.250rem;
	line-height: 1;
	padding: 10px 30px 10px 30px;
	color: #fff;
	background-color: #32bcd5;
	border-radius: 15px;
	text-align: center;
}
.spotlight .field-type-link-field a:hover {
	text-decoration: none;
	background-color: #ddd;
	color: #222;
}
.spotlight .field-type-link-field a:after {
	content: "/";
	font-family: "IcoMoonArrows";
	font-size: 25px;
	line-height: 27px;
	margin-left: 5px;
	vertical-align: middle;
}