* {
	margin: 0;
	padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
	background: #FFFFFF url(../images/bg-general-new.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color: #474747;
}

body.expanded {
	background: #FFFFFF url(../images/bg-expandnew.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color: #474747;
}

.clear      { clear:both; }
.photo-link    { padding:5px; margin:5px; border:1px solid #ccc; display:block; width:200px; float:left; }
.photo-link:hover  { border-color:#999; }
 
.show_hide {
    display:none;
}

audio {
    width: 150px;
}

/* General text formatting */

@font-face {
	font-family: Bubblegum;
	src: url('PoetsenOne.ttf');
}

blockquote {
	position: relative;
	left: 20px;	
}

h1, h2 {
	font-family: Bubblegum, "Arial Black", Gadget, sans-serif;
}

h1, h3 {
	color: #333333;
}

h1 {
	margin-bottom: 20px;
	font-weight: normal;
}

h2 {
	margin-bottom: 20px;
	font-weight: lighter;
	color: #4C4C4C;
}


h5 {
	font-size:15px;
	background: linear-gradient(0.25turn, #b4deff, #fff);
}

p, ul, ol {
	margin-bottom: 20px;
	line-height: 1.8em;
	font-size: 13px;
}

ul, ol {
	list-style: inside;
}

p.construction {
	width: 100%;
	background-color: #FFF9B4;
	padding: 5px;
	border: 2px dashed #fff;
}

blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 20px;
	line-height: 1.8em;
}

a:link {
	color: #1953A7;
}

a:visited {
	color: #9E68C0;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

.archive a:hover {
	background-color: #CCC;
}

.borderbottom {
 	margin-bottom: 20px;
	border-bottom: 1px dashed #888888;	
	width: 95%;
}

/* Menu styles */

#menu {
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}

#menu ul {
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
	text-align: center;
	display: inline-block;
}

#menu li {
	display: inline-block;
	margin-left: -2px;
}

#menu a {
	display: block;
	padding: 21px 19px;
	border-left: 2px solid #FFB5D6;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 145%;
	color: #000000;
	background-color: #FFCAE4;
}

#map {
	padding:25px;	
}

#menu a:hover {
	background-image: url(../images/bgmenuroll.jpg);
}

#menu .selected a {
	background: #6FC4FF;  /* Change to 99FD98 for Xmas theme */
	color: #000;
}

    /* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  font-size: 10px;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 111;
}

.dropdown-content a {
    border-bottom: 1px dashed #999;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

    #desktop-only {
    display: inline;
    }

/* HEADER STYLES */

#header {
	max-width: 815px;
	height: 180px; 
	margin: 0 auto;
	background: url(../images/header/bubblegumdancer-header.jpg) no-repeat;
	background-size: cover;
}

#header-17 {
	max-width: 815px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/17.jpg) no-repeat;
	background-size: cover;
}

#header-1 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/1.jpg) no-repeat;
	background-size: cover;
}

#header-3 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/3.jpg) no-repeat;
	background-size: cover;
}

#header-5 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/5.jpg) no-repeat;
	background-size: cover;
}

#header-35 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/35.jpg) no-repeat;
	background-size: cover;
}

#header-20 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/20.jpg) no-repeat;
	background-size: cover;
}

#header-2 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/2.jpg) no-repeat;
	background-size: cover;
}

#header-4 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/4.jpg) no-repeat;
	background-size: cover;
}

#header-14 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/14.jpg) no-repeat;
	background-size: cover;
}

#header-313 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/313.jpg) no-repeat;
	background-size: cover;
}

#header-273 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/273.jpg) no-repeat;
	background-size: cover;
}

#header-56 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/56.jpg) no-repeat;
	background-size: cover;
}

#header-23 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/23.jpg) no-repeat;
	background-size: cover;
}

#header-31 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/31.jpg) no-repeat;
	background-size: cover;
}

#header-25 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/25.jpg) no-repeat;
	background-size: cover;
}

#header-58 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/58.jpg) no-repeat;
	background-size: cover;
}

#header-60 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/60.jpg) no-repeat;
	background-size: cover;
}

#header-38 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/38.jpg) no-repeat;
	background-size: cover;
}

#header-28 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/28.jpg) no-repeat;
	background-size: cover;
}

#header-49 {
	max-width: 770px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/header/49.jpg) no-repeat;
	background-size: cover;
}

#search {
	width: 780px;
	height: 40px;
	margin: 0 auto;
	padding-top: 15px;
	position: relative;
	left: -80px;  
	top: 3px;
	z-index: 2;
}

#search form {
	margin-top: 0 !important;
}

.search-select {
	font-size: 14px;
	width: 120px;
	height: 22px;
}

.search-input {
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 14px;
	width: 640px;
}

.search-submit {
	height: 25px;
	width: 40px;
	font-weight: bold;
	color: #000;
	border: 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;		
	background-color: #FFFF7B;
}

.socialbutton {
	width: 200px;
	position: relative;
	left: 730px;
	top: -50px;
}

.socialbutton img {
	height: 50px;
	width: auto;
}

.socialbutton img:hover {
	opacity: 0.8;
}

#release_res {
	text-align: center;
	max-width: 98%;
}

.imgrelres {
	float: left;
	margin: 10px;
	width: 150px;
	height: 150px;
	border: 0px;
	padding: 5px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-moz-box-shadow: 2px 2px 2px #CCCCCC;
	-webkit-box-shadow: 2px 2px 2px #CCCCCC;
    box-shadow: 2px 2px 2px #CCCCCC;	
}

/* Page styles */

#breadcrumb {
	position: relative;
	left: -10px;
	top: -66px;	
	width: 700px;
  	height: 35px;
	overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
	}

#page {
	max-width: 950px;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
}

#content {
	float: left;
	max-width: 670px;
	padding-top: 20px;
	position: relative;
	top: -40px;
	box-sizing: border-box;
}

.post news {
	margin-bottom: 20px;
	padding: 0 20px;
}

div.newsitem {
	border-bottom: 1px dashed #999;
	}
	
div.discuss {
	background-color: #ffffcc;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 5px;
	text-indent: 10px;	
}
	
div.posted {
	background-color: #FFFBE7;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
	
p.newsdate {
	text-indent: 10px;
	font-size: 11px;
	}	
	
p.reviewcap {
	font-size: 11px;
	}		
	
div.pagination {
	display: block;
	color: #000;
	background-color: #ffffcc;	
	padding: 10px;
	margin: 2px;
	font-size: 18px;
	float: left;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	text-align: center;
}	

div.pagination a {
	display: block;
	text-decoration: none;
}

div.pagination:hover {
	display: block;
	color: #000;
	background-color: #FFB5D6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	text-decoration: none;	
}

#sidebar {
	float: right;
	max-width: 230px;
	padding: 5px;
	background: #b4deff;
	text-align:left;	
	border-radius: 3px;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#sidebar a {
	color:#666666;
}

.sidebar {
	background-color: #c0e3ff;
}

.sidebar h2 {
	background-color: #76c3ff;
}

#sidebar h2 {
	margin: 0;
	padding: 5px 15px;
	color: #000;
}

#sidebar ul {
	margin: 0;
	padding: 20px;	
}

#bottomnav {
	width: 300px;
	height: 40px;
	margin: 0 auto;
	background-color: #ffcccc;
	position: fixed;
	border-radius: 10px;
	bottom: 10px;
	right: 20px;
}

#bottomnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#bottomnav li {
	display: inline;
}

#bottomnav a {
	display: block;
	float: left;
	width: 80px;
	height: 35px;
	padding: 10px 0 0 0;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	color: #000000;
}

#updates p {
	font-size:12px;
	padding:0 0 15px 0;
}

#project-profile {
    display: inline-block;
    font-size: 12px;
}

#cdads-mobile {
    display: none;
}

#cdads-desktop {
    display: inline;
}

.project-flag {
    width: 20px;
    height: 12px;
    margin-left:5px;
}

#project-name, #project-country, #project-alias, #project-members {
    border-bottom: 1px dashed #999;
    padding: 5px;
    margin-left: 5px;
}

#projectads-shortbio {
    max-width: 100%;
}

.shortbio-paypal, .shortbio-happyhouse {
    display: inline-block;
    width: 40%;
    height: auto;
    float: left;
    margin-right: 20px;
}

#updates p {
	font-size:12px;
	padding:0 15px 0 15px;
}

h3 {
	font-size:18px;
	margin-bottom: 5px;
	font-weight: normal;
	}
	
h4 {
	font-size:9px;
	margin-bottom: 5px;
	margin-bottom: 15px;
	font-weight: normal;
	}

#FSCForm1 {
	width: 100% !important;
}

#fsc_message1 {
	width: 100%;
	padding-top: 8px !important;
}

form#fsc_form1 input {
	width: 100%;
	height: 32px;
	margin-bottom: 5px !important;
}

form#fsc_form1 input,
form#fsc_form1 textarea {
    padding: 0 8px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	-webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

form#fsc_form1 input:focus,
form#fsc_form1 textarea:focus {
    border-color: #40B1FF;
}

form#fsc_form1 input[type="submit"]:hover {
	background-color: #46AFF8;
	color: #fff;
}

/* Sub Menu Info */

#submenu-info {
	max-width: 450px;
	font-size: 15px;
	text-indent: 20px;
	padding-bottom: 6px;
}

#submenu-info span {
	color: #000;
	background-color: #71adff;
	padding: 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;		
}

#submenu-info span:hover {
	color: #000;
	background: #3f90ff;	
	padding: 5px;
	display: inline;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;		
	-moz-box-shadow: -1px -1px 1px #CCCCCC;
	-webkit-box-shadow: -1px -1px 1px #CCCCCC;
    box-shadow: -1px -1px 1px #CCCCCC;	
}


/* Sub Menu */

#submenu {
	position: relative;
	top: -30px;
	margin: 6px;
	left: 0;
	width: 100%;
	font-size: 15px;
	padding-bottom: 6px;
}

#submenu span {
	color: #000;
	background-color: #b4deff;
	padding: 6px;
	display: inline;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;		
}

#submenu span.selected {
	color: #000;
	background: #68bdff;	
	-moz-box-shadow: -1px -1px 1px #CCCCCC;
	-webkit-box-shadow: -1px -1px 1px #CCCCCC;
    box-shadow: -1px -1px 1px #CCCCCC;	
}

#submenu span:hover {
	color: #000;
	background: #68bdff;	
	-moz-box-shadow: -1px -1px 1px #CCCCCC;
	-webkit-box-shadow: -1px -1px 1px #CCCCCC;
    box-shadow: -1px -1px 1px #CCCCCC;			
}

#submenu a {
	color: #003366;
	text-decoration: none;
}

#encyclopedia-menu {
	height: 25px;
	font-size: 18px;
	display: inline-block;
	width: 95%;
	margin: 0 auto;
	margin-top: 8px;
	padding: 1px;
	margin-bottom: 5px;
}

#encyclopedia-menu span {
	color: #000;
	background: #FFCAE4;
	padding: 6px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#encyclopedia-menu span.selected {
	color: #000;
	background: #6FC4FF;	
}

#encyclopedia-menu span.selected:hover {
	color: #000;
	background: #6FC4FF;	
}

#encyclopedia-menu span:hover {
	color: #000;
	background: #6FC4FF;	
}

#encyclopedia-menu a {
	color: #003366;
	text-decoration: none;
}

/* Year page */

#yearmenu {
	font-size: 15px;
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	margin-top: 8px;
	padding: 1px;
	margin-bottom: 5px;
}

#yearmenu span {
	float: left;
	color: #000;
	background: #fffbcd;
	padding: 6px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#yearmenu span.selected {
	color: #000;
	background: #6FC4FF;	
}

#yearmenu span.selected:hover {
	color: #000;
	background: #6FC4FF;	
}

#yearmenu span:hover {
	color: #000;
	background: #6FC4FF;
}

.year-project {
	width: 50%;
	height: auto;
	float: left;
	margin-bottom: 10px;
}

.year-project ul li {
	font-size: 12px;
}

.year-projectname {
	display: inline-block;
	background: #FFF9B4;
	max-width: 100%;
	padding: 10px;
	font-weight: bold;
	border-color: #fff;
	border: 6px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.year-projectname a {
	text-decoration: none;
}

img.release_thumb_year {
	width: 80px;
	height: 80px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #999999;
	-webkit-box-shadow: 2px 2px 2px #999999;
    box-shadow: 2px 2px 2px #999999; 	
}

img.release_thumb_year:hover {
	opacity: 0.8;
}

#contentbyyear {
	width: 90%;
	max-height: 120px;
	overflow: auto;
	overflow-y: scroll;
}

#releasebyyear {
	width: 90%;
	max-height: 180px;
	overflow: auto;
	overflow-y: scroll;
}

#social-menu {
	height: 25px; 
	font-size: 18px;
	display: inline-block;
	width: 95%;
	position: relative;
	left: 0px; 
	margin: 0 auto;
	margin-top: 8px;
	padding: 1px;
	margin-bottom: 5px;
	text-align: center;
}

#social-menu span {
	color: #000;
	background: #FFCAE4;
	padding: 6px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#social-menu span.selected {
	color: #000;
	background: #6FC4FF;	
}

#social-menu span.selected:hover {
	color: #000;
	background: #6FC4FF;	
}

#social-menu span:hover {
	color: #000;
	background: #6FC4FF;	
}

#social-menu a {
	color: #003366;
	text-decoration: none;
}

.encyclopediaindex {
	width: 100%;
}

.encyclopediaindex p {
	font-size: 11px;
}

.encyclopediaindex h2 a {
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
}

.encyccontent {
	float: left;
	width: 40%;
	height: auto;
	padding: 10px;
	border-right: 1px;
	background: #c8ebff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 3%;
	margin-bottom: 3%;
}

.encyccontent:hover {
	background: #b9e5ff;
}

.forum-ad-img {
	width: 100%;
}

.donateimage {
    width: 100%;
}

/* Goodies page */

#wallpapers {
	width: 100%;
}

.wallpaper {
	float: left;
	margin-left: 5%;
	margin-top: 2%;
}

.wallpaperthumb {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;
}

.wallpaperthumb:hover {
	opacity: 0.8;
}

/* Submenu results */

#submenu-results {
	position: relative;
	margin-left: 30px;
	top: -15px;
	width: 100%;
	font-size: 14px;
	padding-bottom: 6px;
}

#submenu-results span {
	color: #000;
	font-size: 11px;
	background-image: url('../images/submenubg.jpg');
	padding: 5px;
	display: inline;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;		
}

#submenu-results span:hover {
	color: #000;
	background: #FFF9B4;	
	padding: 5px;
	display: inline;	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: -1px -1px 1px #CCCCCC;
	-webkit-box-shadow: -1px -1px 1px #CCCCCC;
    box-shadow: -1px -1px 1px #CCCCCC;			
}

#submenu-results a {
	color: #003366;
	text-decoration: none;
}

/* Sub Menu */

#submenu-reviews {
	position: relative;
	font-size: 15px;
	text-indent: 10px;
	padding-bottom: 6px;
}

#submenu-reviews span {
	color: #000;
	background-image: url('../images/submenubg.jpg');
	padding: 6px;
	display: inline;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;		
}

#submenu-reviews span.selected {
	color: #000;
	background: #FFF9B4;	
	-moz-box-shadow: -1px -1px 1px #CCCCCC;
	-webkit-box-shadow: -1px -1px 1px #CCCCCC;
    box-shadow: -1px -1px 1px #CCCCCC;	
}

#submenu-reviews span.selected:hover {
	color: #000;
	background: #FFF9B4;	
	-moz-box-shadow: -1px -1px 1px #CCCCCC;
	-webkit-box-shadow: -1px -1px 1px #CCCCCC;
    box-shadow: -1px -1px 1px #CCCCCC;	
}

#submenu-reviews span.submitrv {
	color: #000;
	background: #FFCDA7;	
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;
}

#submenu-reviews span.submitrv:hover {
	color: #000;
	background: #FFB985;	
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;	
}

#submenu-reviews span:hover {
	color: #000;
	background: #FFF9B4;	
	-moz-box-shadow: -1px -1px 1px #CCCCCC;
	-webkit-box-shadow: -1px -1px 1px #CCCCCC;
    box-shadow: -1px -1px 1px #CCCCCC;			
}

#submenu-reviews a {
	color: #003366;
	text-decoration: none;
}

iframe.videoplayer {
	/* max-width: 450px; */
	height: 335px;
	width: 100%;
}

/* Year Menu */

.yearnav {
	display: block;
	position: relative;
	-moz-column-count: 2; /* Firefox */
	-webkit-column-count: 2; /* Safari and Chrome */
	column-count: 2;
}

/* Contact Forms */

div.contact-form {
	width: 98%;
	font-size: 13px;
	font-weight: bold;
}

div.contact-form input, textarea {
	width: 95%;
	background-color: #ffffe9;
	border-width: 1px;
	border-color: #ccc;
}

.contact-form-input-title {
	margin: 10px 0 10px; 0; 
}
/* Project Page */

img.release_nail {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	padding-right: 6px;
	padding-bottom: 3px;
}

#disc td {
	padding: 10px;
}

#versions {
	font-size: 10px;
	cursor: pointer;
}

#moreinfo {
	display: none;
}

#showreleases1 {
	display: none;
}

#showreleases2 {
	display: none;
}

.project-products-horizontal {
    display: inline-block;
    width: 100%;
}

.project-products-left {
    float: left; 
    width: 15%; 
    margin-right: 5%;
}

.project-products-right {
    display: none;
}

.project_photo { 
	width: 250px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	left: -17px;
	top: -8px;	
  	-moz-box-shadow: 2px 2px 2px #CCCCCC;
	-webkit-box-shadow: 2px 2px 3px #CCCCCC;
    box-shadow: 2px 2px 3px #CCCCCC;
    transition: transform .2s;	
}

.project_photo:hover { 
	transform: scale(1.05);
}

.project_photo_world { 
	width: 250px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	left: -17px;
	top: -8px;	
    transition: transform .2s;	
}

.project_photo_world:hover { 
	transform: scale(1.05);
}

.ul-project {
	width: 90%;
}

#ulcolumns {
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
	position:relative;
	width: 90%;
	font-size: 13px;
}
 
table.profile td, th {
	vertical-align: text-top;
}

/* featured project release */

table.release-projects {
	float: left;
	background-color: #ffffcc;
	margin-left: 5px;
	font-size: 12px;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
    border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

table.release-projects:hover {
	background-color: #FFF9B4;
}

td.release-thumb-pjt {
	width: 10%;
}

td.release-title-pjt {
	width: 60%;
}

td.release-year-pjt {
	width: 10%;	
}

td.release-label-pjt {
	width: 20%;	
}

/* discog release */

.buydisc {
	font-size: 13px;
	margin-top: 10px;
	margin-left: 5px;
}

.discog-releasewrap {
	width: 100%;
}

.discog-master {
	width: 100%;
	background-color: #ffffcc;
	border-bottom: 1px dashed #ccc; 
	font-size: 14px; 
	display: flex; 
	align-items: center;
}

.discog-thumb {
	float: left; 
	width: 12%;
}

img.projectsrelease_thumb {
	width: 50px;
	height: 50px;
	border-radius: 2px;
    box-shadow: 1px 1px 1px #999999;
    margin: 6%;
}

img.release_thumb {
	width: 95%;
	height: auto;
	border-radius: 2px;
    box-shadow: 1px 1px 1px #999999;
    margin: 6%;
}

.discog-title {
	float: left; 
	width: 75%;
	margin-left: 2%;
}

.discog-label {
	float: left; 
	width: 5%;
}

.discog-year {
	float: left; 
	text-align: center;
	width: 7%;
	margin-right: 1%;
}

.discog-release {
	width: 90%;
	margin-left: 20px;
	border-bottom: 1px dashed #ccc;
	padding: 2px;   	
	font-size: 13px;
	transition: transform .2s;
	display: flex; 
	align-items: center;	
}

.discog-release:hover {
	background-color: #ffffd5;
  	transform: scale(1.03); 
}

.release-thumb {
	float: left; 
	width: 15%;
}

img.release_thumb2 {
	width: 65%;
	height: 65%;
	border-radius: 2px;
    box-shadow: 1px 1px 1px #999999;
    margin: 1%;
}

.release-title {
	float: left; 
	width: 63%;
}

.release-label {
	float: left; 
	width: 10%;
	margin-right: 1%;
}

.release-year {
	float: left; 
	width: 10%;
	text-align: center;
}

#textoverflow {
	width: 100%;
	height: 400px;
	overflow: auto;
	padding: 5px;
	font-size: 12px;
	
}

.latestprojects li {
	margin-bottom: 10px;
}

.latestprojects a {
	text-decoration: none;
}

.latestprojects span {
	font-size: 14px;	
	font-weight: bold;
	background: #FFF9B4;	
	margin: 5px;
	padding: 6px;
	margin-bottom:
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.latestprojects span:hover {
	background: #fff476;
}

.project-random {
	margin-bottom: 20px;
	border-bottom: 1px dashed #888888;	
	width: 95%;	
}

.project-random span a {
	text-decoration: none;
}

.project-random span {
	background: #FFF9B4;
	display: inline-block;
	padding: 7px;
	font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.project-random span:hover {
	background: #fff476;
}

.project-random span.bubblegum {
	background: #ffb5da;	
	padding: 7px;
	font-weight: bold;
	margin-bottom: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.project-random span.bubblegum:hover {
	background: #ff99cc;
}

.project-featuredphoto {
	float: left;
}

.project-featuredname {
	float: left; 
	width: 70%;
}

.project-featuredreleases {
	float: left; 
	width: 60%;
}

.project-featuredsongs {
	float: left; 
	width: 40%;
}

.twocolumns {
	width: 100%;
}
    
.columnone {
	float: left;
	width: 50%;
}
	
.columntwo {
	float: left;
	width: 50%;
}

.experimentalprojects {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
}

/* Index */

#quoteindex {
	display: block;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	font-style: italic;
}

/* Artist pages */

#portfoliobanner {
	float: right;
	width: 100px;
	height: auto;
	padding-bottom: 7px;
}

#projectsbyartist {
	float: right;
	width: 100px;
	height: auto;
	padding: 8px;
	background-color: #FFF9B4;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;			
}

span.projectsbyartist {
	font-size: 12px;
}

#skills {
	float: right;
	width: auto;
	height: auto;
	padding: 8px;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #FFF9B4;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;			
}

#portfoliobanner img {
	width: 63px;
	height: 63px;
	padding: 2px;
	padding-left: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* Archive page */

#projects {
	border-bottom: 1px dashed #888888;		
}

#alphabetselect {
	padding: 3px;
	padding-bottom: 10px;
	vertical-align: middle;
	font-size: 18px;
	border-bottom: 1px dashed #888888;
}

#alphabetselect span a {
	display: inline-block;
	padding: 10px;
	margin: 5px;
	margin-bottom: 3px;
	color: #000;
	background-color: #ffffcc;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
	text-decoration: none;	
	-moz-box-shadow: 1px 1px 1px #e3e3e3;
	-webkit-box-shadow: 1px 1px 1px #e3e3e3;
    box-shadow: 1px 1px 1px #e3e3e3;		
	}
	
#alphabetselect span a:hover {
	color: #000;
	background-color: #FFB5D6;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
	text-decoration: none;
}

#alphabetselect span a.alpha-select {
	background-color: #FFB5D6;
	text-decoration: none;
}

img.archivethumb {
	width: 60px;
	height: 60px;
	margin-left: 10px;
	margin-right: 20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

img.archivethumb-transparent {
	width: 60px;
	height: 60px;
	opacity:0.4;
	filter:alpha(opacity=40);
	padding-left: 10px;
	padding-right: 20px;	
}

#next-prev-menu span a {
	font-size: 14px;
	padding: 10px;
	margin: 5px;
	margin-top: 15px;
	margin-bottom: 3px;
	color: #000;
	background-color: #ffffcc;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
	text-decoration: none;	
	-moz-box-shadow: 1px 1px 1px #e3e3e3;
	-webkit-box-shadow: 1px 1px 1px #e3e3e3;
    box-shadow: 1px 1px 1px #e3e3e3;
}

#next-prev-menu span a:hover {
	color: #000;
	background-color: #FFB5D6;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
	text-decoration: none;
}

#next-prev-menu span a.next-button {
	float: right;
}

#next-prev-menu span a.previous-button {
	float: left;
}

img.featuredthumb {
	width: 80px;
	height: 80px;
	margin-left: 10px;
	margin-right: 20px;	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

img.featuredthumbproject {
	width: 150px;
	height: 150px;
	margin-left: 10px;
	margin-right: 20px;	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

img.featuredthumb-ss {
	width: 30%;
	height: 30%;
	margin-left: 10px;
	margin-right: 20px;	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

/* drop down project select */

form.projectdrop select {
	width: 100%;
	padding: 5px;
	background-color: #fff;
	font-size: 14px;
	border: 1px solid #ccc;
	cursor: pointer;
}

/* Store page */

#product {
	max-width: 100%;
	margin-bottom: 10px;
	clear: both;
}

.store-product {
    display: inline-block; 
    width: 160px;
    height: 180px;
    margin: 8px;
}

.product-item {
	width: 160px;
	height: 160px;
	margin: 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;
}

.product-space {
    clear: both;
}

.product-badge {
	float: left;
	width: 120px;
	height: 120px;
	margin: 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;
}

.product-option {
    font-size: 10px;
	padding: 3px;
	background: #FFF;
	margin: 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;	
}

.product-option:hover {
	background: #000;
	}

.product-option a {
	text-decoration: none;
	color: #000;
}

.product-option:hover a {
	color: #fff;
	}

.producttitle {
	float: left;
}

.product-item-project {
	width: 100%;
	height: 100%;
	margin: 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;	
}

.product-item-project-horizontal {
	width: 15%;
	margin: 3px;
	margin-bottom: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;	
}

/* Release page */

.masterrelease {
	float: right;
	color: #000;
	background: #FFF9B4;	
	padding: 5px;
	display: inline;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;		
}

.masterallversions {
	color: #000;
	background: #fffbca;	
	padding: 4px;
	margin-left: 3px;
	font-size: 12px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;		
}

.dropdown-button {
	color: #000;
	background: #fffeea;
	padding: 4px;
	font-size: 10px;
	display: inline;
	margin-left: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;		
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;
}

.cdinfo td, .cdinfo th {
	vertical-align: top;
	border-bottom: 1px dashed #999;	
}


.CDTable{
	display: table;
	padding-top: 10px;
	width: 100%;
}

.ReleaseContent {
	width: 100%;
	font-size: 14px;
}

.ReleaseCovers {
	float: left;
	width: 42%; 
	margin-top: 8px;
	margin-bottom: 8px;
}

.releaseimgandinfo {
	margin-bottom: 10px;
}

.ReleaseInfo {
    float: left;
	width: 55%;
	margin-left: 3%;
	margin-top: 8px;
	margin-bottom: 8px;
}

#release-label, #release-country, #release-year, #release-format, #release-catalog, #release-style, #release-buysell {
    display: table;
    width: 100%;
    padding: 4px;
	vertical-align: middle;
	border-bottom: 1px dashed #999;    
}
	
img.featuredrlsthumb {
	width: 150px;
	height: 150px;
	margin-left: 10px;
	margin-right: 20px;	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

img.featuredrlsthumb:hover {
	opacity: 0.8;
}

div.arrowright {
	width: 85px; 
	float: right;
	font-size: 12px;
	margin-top: 5px 0 0 0;
}

.morebutton {
	height: 30px;
	background: #fffeea;
	padding: 3px;
	float: right;
}

.morebutton span {
	font-size: 11px; 
	vertical-align: center;
}

#popup {
   border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;   
   text-align: center;
   vertical-align: middle;
   background-color: #fff;
   width: 500px;
   max-height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
   z-index: 9999;
   }
   
   #popup img {
   width: 100%;
   height: 100%;
   }
   
#blanket {
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position: absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
	}

img.release-image {
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-box-shadow: 4px 4px 4px #CCCCCC;
	-webkit-box-shadow: 4px 4px 4px #CCCCCC;
    box-shadow: 4px 4px 4px #CCCCCC;	
}

img.release-image:hover {
	opacity: 0.8;
}

.scansscroll {
	width: 100%;
  	height: 135px;
	overflow-x: scroll; 
	position: relative; 
	overflow-y: hidden;
	}

.scans {
	width: 100%; 
	white-space: nowrap;
	margin-top: 10px;
}

.scans span {
	font-size: 13px;
	font-weight: bold;
}

.scans img {
	margin: 3px;
	height: 80px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.scans img:hover {
	opacity: 0.8;	
}

img.ratings {
	vertical-align: top;
	float: right;
}

#alphabetselect span a {
	padding: 6px;
	margin-bottom: 2px;
	}

span.showhidecredits {
	font-size: 10px; 
	cursor: pointer; 
	float: right;
	background: #ffedd6;
	padding: 6px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 3px;
}

span.showhidecredits:hover {
	background: #ffe4c2;
}

.cdtracks {
	width: 95%;
	float: left; 
	border-bottom: 1px dashed #999; 
	padding: 3px;
	font-size: 14px;
}

.tracknumber {
	width: 10%;
	float: left; 
	}

.tracksong {
	width: 80%;
	float: left; 
}

.tracklength {
	width: 10%; 
	float: left; 
	text-align: right;
}

.songcredits {
	width: 100%;
	font-size: 10px; 
	display:none;
	margin: 5px;
}

.songcredits span {
	text-decoration: none;
	float: left; 
	background: #eeeeee;
	padding: 3px;
	font-size: 10px;
	margin: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px #bdbdbd;
	-webkit-box-shadow: 1px 1px 1px #bdbdbd;
    box-shadow: 1px 1px 1px #bdbdbd;
}

.songcredits span a {
	text-decoration: none;
}

.release-allversions {
	width: 100%;
}

.releasepage-master-selected {
	width: 100%;
	background-color: #ffe3aa;
	font-size: 13px;
	border-bottom: 1px dashed #ccc;
	padding: 2px;
	margin-bottom: 2px;
	display: flex; 
	align-items: center;
}

.releasepage-release-selected {
	width: 95%;
	background-color: #fff3ae;
	font-size: 13px;
	border-bottom: 1px dashed #ccc;
	padding: 2px;
	margin-bottom: 2px;
	margin-left: 2.5%;
	margin-right: 2.5%;
	display: flex; 
	align-items: center;
}

.releasepage-master-unselected {
	width: 100%;
	background-color: #ffecc4;
	font-size: 13px;
	border-bottom: 1px dashed #ccc;
	padding: 2px;
	margin-bottom: 2px;
	display: flex; 
	align-items: center;
}

.releasepage-release-unselected {
	width: 95%;
	background-color: #fff9d7;
	font-size: 13px;
	border-bottom: 1px dashed #ccc;
	padding: 2px;
	margin-bottom: 2px;
	margin-left: 2.5%;
	margin-right: 2.5%;
	display: flex; 
	align-items: center;
}

.releasepage-master-unselected:hover {
	background-color: #ffe3aa;
}

.releasepage-release-unselected:hover {
	background-color: #fff3ae;
}

.releasepage-thumb {
	float: left; 
	width: 10%;
}

.releasepage-title {
	float: left; 
	width: 60%;
	margin-left: 2%;
}

.releasepage-label {
	float: left; 
	width: 15%;
	margin-right: 1%;
}

.releasepage-year {
	float: left; 
	width: 10%;
	text-align: center;
}

/* CD page */

.cdsbyproject {
	width: 100%;
	margin-bottom: 10px;
}

.projectscds-container {
	width: 45%; 
	float: left;
	border: 1px dashed #999;
	border-radius: 4px;
	padding: 3px;
	margin: 1%;
}

.projectscds-title a {
	font-size: 15px;
	font-weight: bold; 
	text-decoration: none;
	padding: 4px;
	margin: 5px;
	background-color: #FFF9B4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.projectscds {
	width: 90%;
	max-height: 180px;
	margin-bottom: 5%;
	overflow: scroll;
	overflow: auto;
}

.cdrelease {
	width: 25%;
	padding: 5px; 
	float: left; 
	margin-bottom: 5%;
}

img.cdboxthumb:hover {
	opacity: 0.8;
}

img.featuredcdpic {
	width: 200px;
	height: 200px;
	margin-left: 10px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;
}

.featuredcd {
	float: left;
	width: 310px;
	height: 200px;
}

.featuredcdpic:hover {
	opacity: 0.8;
}

/* Reviews */

span.review-title {
	font-size: 14px;
	color: #000;
	background-image: url('../images/submenubg.jpg');
	padding: 5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;
}

.song-count-year {
	display: inline-block;
	width: 90px;
	font-size: 14px;
	color: #000;
	background-color: #FFCAE4;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;
}

.song-count-year span {
	font-size: 20px;
}

/* Songs page */

.songs-container {
	width: 100%;
}

.songs-headers {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	padding: 3px;
	margin-top: 5px; 
	margin-bottom: 5px; 
}

.songs-headers span {
	background-color: #fffbcd;
	padding: 4px;
	border-radius: 3px;
	margin-right: 4px;
}

.songs-name {
	width: 70%;
	float: left;
}

.songs-dur {
	width: 10%;
	float: left;
	text-align: center;
}

.songs-year {
	width: 20%;
	float: left;
	text-align: center;
}

.songs-content {
	width: 100%; 
	font-size: 13px;
	padding: 5px;
	border-bottom: 1px dashed #999;
}
	
span.songlyricbubble {
	float: right;
	margin-right: 10px;
}

#songcount {
	float: right;	
	padding-left: 20px;
}

#reviewcdpreview img {
	float: right;	
	padding: 10px;
	background-color: #FFF9B4;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
	text-decoration: none;	
	text-align: center;
	width: 60px;
	height: 60px;
}

table.songcount {
	background-color: #FFF9B4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;		
}

.songcount th {
	font-size: 12px;
	border-top: 1px dashed #888888;	
}

table.songcount td {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.genresongcount {
	width: 90px;
	float: right;
	font-size: 11px;
	margin-left: 8px;
	transition: transform .2s;
}

.genresongcount:hover {
	-ms-transform: scale(1.07); /* IE 9 */
	-webkit-transform: scale(1.07); /* Safari 3-8 */
	transform: scale(1.07); 
}

.genresongcount span.getgenres {
	float: left;
	background-color: #c3e7ff;
	margin-bottom: 2px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;		
}	

/* group see also */

#seegroup {
	float: right;	
	padding-left: 20px;
}

table.seegroup {
	background-color: #FFF9B4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;		
}

table.seegroup th {
	font-size: 20px;
}

table.seegroup td {
	font-size: 17px;
	text-align: center;
}

/* Stats */

#stats {
	max-width: 556px;
	height: 276px;
	background: url(../images/graphbg3.jpg);
	background-repeat: no-repeat;
	padding: 10px;	
	border-radius: 10px;
}

img.stat {
	position: relative;
	left: 15px;	
}

.stats-table td {
	vertical-align: top;
}

.stats-header {
	font-weight: bold;
	display: inline-block;
	padding: 5px;
	background-color: #FFF9B4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
}

img.statspic {
	float: right;
	position: relative;
	top: 15px;
	width: 70px;
	height: 70px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;		
}

/* Song page */

.songinfo {
	display: left;
	width: 79%;
	margin: 1%;
	max-height: 150px;
	overflow: auto; 
	font-size: 13px;
	vertical-align: center;
} 

.songinfotitle {
	float: left;
	width: 20%;
	font-size: 13px;
	font-weight: bold;
	vertical-align: center;
}

#lyric {
	width: 85%;
	max-height: 400px;
	overflow: scroll;
	font-size: 13px;
	position: relative;
	top: -10px;
	background: linear-gradient(#fcf2e6, #fcfae1);
	padding: 10px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/* Interview */

div.interview {
	padding: 10px;
	border-top: 1px dashed #999;
}

div.interview h3 {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
}

div.interview p {
	text-indent: 30px;
}

/* Random Releases */

#randomreleases {
	column-count: 9;
	-webkit-column-count: 9;
	-moz-column-count: 9;
	column-gap: 8px;
}

.randomrlsthumb {
	width: 60px;
	height: 60px;
	margin: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
}

.releasepagenewest {
	float: left; 
	width: 50%;
}

.releasepageadded {
	float: left; 
	width: 30%;
}


/* End random releases */

#footer {
	height: 50px;
	padding: 25px 0;;
	background: #FFE6F1 url(../images/footer.jpg) repeat-x;
}

#footer p {
	text-align: center;
	font-size: 77%;
}

#footer a {
	color: #666666;
}

#wallpapers li {
	display: inline;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

#wallpapers h3 {
	font-size: 16px;
	font-style: italic;
	font-weight: 200;
}

#wallpapers img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px #CCCCCC;
	-webkit-box-shadow: 5px 5px 5px #CCCCCC;
    box-shadow: 5px 5px 5px #CCCCCC;	
}

/* Info page styles */

.production {
	font-size: 13px;
}

.production li {
	padding: 5px;
}

ul #elements {
	font-size: 12px;
	list-style-position: inside;
	text-indent: 10px;
}

ul #elements li {
	padding: 5px;
}

#productionplayer {
	text-align: center;
	width: 130px;
	float: right;
	padding: 5px;
}

/* Lists */

#listed h3 {
	font-size: 30px;
}

#listed img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px #CCCCCC;
	-webkit-box-shadow: 5px 5px 5px #CCCCCC;
    box-shadow: 5px 5px 5px #CCCCCC;
}

p.img_song_thu {
	font-size: 11px;
}

img.song_img_thumb {
	float: left;
	width: 90px;
	height: 90px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#content img {
	max-width: 100%;
}

#responsive-menu {
    display: block;
}

/* All Songs page */

.displaycolumns {
	column-count: 3;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-gap: 3px;
	}

/* Genre styles */

.genreproject {
	float: left;
	margin-bottom: 10px;
}

.releasecd {
	display: inline-block;
	margin-bottom: 10px;
}

img.genreprojectimg {
	height: 120px;
	width: 120px;
	margin-right: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
}

img.genreindeximg {
	height: 50px;
	width: 50px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;	
}

span.totals {
	position: relative;
	left: 0px;
	top: -120px;
	font-size: 14px;
	font-weight: bold;
	background-color: #fff;
	padding: 4px;
	border: 1px;
}

span.projectname {
	text-align: center;
	font-size: 11px;
}

.seebubblegum {
	margin-bottom: 20px;
	font-size: 13px;
	margin-left: 10px;
}

.seebubblegum span a {
	text-decoration: none;
}

.seebubblegum span {
	background: #ffb5da;
	display: inline-block;
	padding: 7px;
	font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.seebubblegum span:hover {
	background: #ff99cc;
}

/* Genre Project page */

div.genres-project {
	width: 95%;
	margin-top: 6px;
	margin-left: 5px;
}

span.genres {
	font-size: 14px;
	font-weight: bold;
}

div.genre-bar {
	height: 15px; 
	background-image: url('../images/donutsprinkles.jpg');
	margin: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;	
}

div.bubbleometer-container {
	text-align: center;
	margin-bottom: 5px;
	margin-right: 5px;
}

div.bubbleometer-container span {
	font-size: 14px;
	font-weight: bold;
	
}

div.bubbleometer {
	height: 20px; 
	background-image: url('../images/bubbleometer.png');
	margin: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px #666;
	-webkit-box-shadow: 1px 1px 1px #666;
    box-shadow: 1px 1px 1px #666;
}

div.bubbleometer span {
    float: right;
    vertical-align: center;
    font-weight: bold;
    font-size: 12px;
    background: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; 
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.bubbleometer-container:hover .bubbleometerp {
	display: inline !important;
}

.bubbleometerp {
	display: none;
	font-size: 9px;
}

span.genre-project-label {
	font-size: 10px; 
	margin-left: 5px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::*/
/* Responsive CSS is Here*/
/*:::::::::::::::::::::::::::::::::::::::::::::::*/


/* Hidden mobile only views */

div.mobile-info {
	display: none;
}

#mob-selector {
   	display: none;
}

#mob-archive {
	display: none;
}

#info-centre-mob {
	display: none;
}

#donate-mob {
    	display: none;
}

#sidebar-mobile {
	display: none;
}

#mobile-only {
    display: none;
    }

#encyclopedia-mob {
    display: none;
}

.menu-desktop-only {
	display: inline-block;
}

.mobonlycountry {
	display: none;
	}

@media only screen and (max-width: 767px) {
.project-products-left {
    display: none;
}

#trmobhide {
	display: none;
}

.project-products-right {
    display: inherit;
}

td.rls-label {
	display: none; 
}

.menu-desktop-only {
	display: none;
}

}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    #menu a {
    	padding: 21px 10px;
    }
    
    #search {
    	position: relative;
    	left: 0px;
    }
    
    #responsive-menu {
        display: block;
    }
    
    #breadcrumb {
    	left: 0;
    	width: 600px;
    }
    
    #page {
	max-width: 750px;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
	}
	
	#content {
	max-width: 520px;
	top: -55px;
	}
	
	#sidebar {
	max-width: 190px;
	}

	#submenu {
	position: relative;
	top: -45px;
	}

	table.master {
	max-width: 530px;
	}
    
    #submenu-reviews a {
    	margin: 8px 0;
    	display: inline-block;
    }
    
    #submenu a {
        display: inline-block;
    	margin: 15px 0 0 0;
    }
    
    .socialbutton {
	width: 150px;
	position: relative;
	left: 600px;
	top: -70px;
	}
	
	.socialbutton img {
	height: 40px;
	width: auto;
	}

	.socialbutton img:hover {
	opacity: 0.8;
	}

}

@media only screen and (max-width: 480px) {
    #header,
    #header-17,
    #header-1,
    #header-3,
    #header-5,
    #header-35,
    #header-20,
    #header-2,
    #header-4,
    #header-14,
    #header-313,
    #header-56,
    #header-23,
    #header-31,
    #header-25,
    #header-58,
    #header-60,
    #header-273,
    #header-38,
    #header-28,
    #header-49 {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	background: url(../images/header/mobile-380.jpg) no-repeat;
    	-webkit-background-size: 380px 144px;
    	-moz-background-size: 380px 144px;
    	-o-background-size: 380px 144px;
    	background-size: 380px 144px;
    	overflow: hidden;
    }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 837px) {

body, body.expanded {
	background: #FFFFFF url(../images/bg-mob-380.jpg) repeat-x;
}
    
    #menu {
	    padding-top: 140px;
	    margin-bottom: 12px;
    }

    #responsive-menu {
        display: none;
        position: relative;
        top: -10px;
		border-bottom: 1px dashed #808080;  
	    padding: 5px 0 8px 0;
    }
    
    #menu ul {
    	display: inline-block;
	    width: 95%;
	    margin: 0 auto;
    }
    
    #menu li {
	    display: inline-block;
	    margin-bottom: 5px;
    }
    
    #mobile-only {
    display: inline;
    }
    
    #desktop-only {
    display: none;
    }
    
    .fa fa-caret-down {
        display: none;
    }
    
    .dropdown {
        display: none;
    }
    
    #encyclopedia-mob {
        display: inline-block;
    }
    
    #ulcolumns {
	-moz-column-count:1; /* Firefox */
	-webkit-column-count:1; /* Safari and Chrome */
	column-count:1;
	position:relative;
	width: 90%;
	font-size: 13px;
}
    
    #menu a {
    	display: inline-block;
    	font-size: 16px;
    	padding: 8px;
    	margin: 1px;
    	border: 0;
    	background-color: #F06EAA;
    	font-weight: bold;
    	border-radius: 5px;
    }
    
    #menu .selected a {
	    background: #F499C2;
    }
    
    #menu .larger-selected a {
    	background: #F499C2;
    }
    
	#encyclopedia-menu span {
	display: inline-block;
	position: relative; 
	top: -15px;
}

    #page {
	    padding: 20px;
    }
    
	#breadcrumb {
	position: relative;
	width: 100%;
  	height: 35px;
  	margin-bottom: 5px;
	overflow-x: scroll;
    overflow-y: hidden;
    direction: rtl;
    text-align: left;
    white-space: nowrap;
    clear: both;
	}

    #search {
    	position: relative;
    	display: inline-block;
    	top: -20;
    	left: 0;
    	max-width: 100%;
    	clear: both;
    }

	.search-select {
		font-size: 14px;
		max-width: 20%;
	}

	.search-input {
		border: 1px solid #ccc;
		padding: 3px;
		font-size: 14px;
		max-width: 85%;
	}

	.search-submit {
		height: 30px;
		max-width: 15%;
		border: 0px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-moz-box-shadow: 1px 1px 1px #CCCCCC;
		-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    	box-shadow: 1px 1px 1px #CCCCCC;			
		background-color: #FFFF7B;
	}
	
	#sidebar p {
	    font-size: 2vmin;
	    padding: 5px;
	    margin-bottom: 5px;
	}
	
	#sidebar ul {
	    font-size: 2vmin;
	    padding: 5px;
	}
	
	#sidebar h3 {
	    font-size: 2.5vmin;
	}
	
	#sidebar h2 {
	    font-size: 3.5vmin;
	    margin-left: 0;
	}
    
    #content {
    	float: left;
    	max-width: 60%;
	    top: -22px;
    }
    
    #sidebar {
        display: inherit;        
    	float: left;
    	overflow: scroll;
    	max-width: 35%;
    	margin-left: 5%;
    }
    
    .project_photo {
	max-width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
	left: 0;
	top: 0;	
  	-moz-box-shadow: 2px 2px 2px #CCCCCC;
	-webkit-box-shadow: 2px 2px 3px #CCCCCC;
    box-shadow: 2px 2px 3px #CCCCCC;
    transition: transform .2s;	
    }
    
    .featuredcd {
	width: 100%;
	height: auto;
	}

    img.featuredcdpic {
	width: 65%;
	height: auto;
	margin-left: 0px;
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;
	}
	
	img.releasedisc {
	width: 35%;
	height: auto;
	}
	
	.project-featuredphoto {
	float: left;
	width: 100%;
	}

	.project-featuredname {
	float: left; 
	width: 100%;
	}

	.project-featuredreleases {
	float: left; 
	width: 100%;
	}

	.project-featuredsongs {
	float: left; 
	width: 100%;
	}
	
	.twocolumns {
	width: 100%;
	}
    
    .columnone {
	float: left;
	width: 95%;
	}
	
	.columntwo {
	float: left;
	width: 95%;
	}
    
    .projectscds-container {
	width: 95%; 
	border: 0;
	border-radius: 0;
	border-bottom: 1px dashed #999;
	margin: 1%;
	}
	
	.projectscds {
	width: 100%;
	max-height: 80px;
	margin-bottom: 5%;
	overflow: auto;
	white-space: nowrap;
	}

	.cdrelease {
	float: left;
	width: 60px;
	height: 60px;
	padding: 5px;  
	margin-bottom: 5%;
	}
	
	.discog-master {
	width: 100%;
	background-color: #ffffcc;
	border-bottom: 1px dashed #ccc; 
	font-size: 14px; 
	display: flex; 
	align-items: center;
	}

	.discog-thumb {
	width: 40%;
	}

	.discog-title {
	display: inline-block;
	width: 60%;
	margin-left: 2%;
	}
	
	.discog-title span {
	display: inline-block;
	}

	.discog-label {
	display: none;
	}

	.discog-year {
	display: none;
	}
	
	.release-thumb {
	width: 40%;
	}

	.release-title {
	width: 60%;
	margin-left: 0;
	}
	
	.release-title span {
	display: inline-block;
	}
	
	.release-label {
	display: none;
	}
	
	.releasepage-thumb {
	width: 30%;
	}

	.releasepage-title {
	width: 60%;
	margin-left: 5%;
	margin-right: 5%;
	}
	
	.releasepage-label {
	width: 0%;
	display: none;
	}
	
	.releasepage-year {
	width: 0%;
	display: none;
	}

	.release-year {
	display: none;
	}
	
	.mobonlycountry {
	display: inline-block;
	font-size: 10px;
	}
	
	img.release_thumb_year {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px #999999;
	-webkit-box-shadow: 1px 1px 1px #999999;
    box-shadow: 1px 1px 1px #999999; 
	}
	
	img.genreprojectimg {
	height: 50px;
	width: 50px;
	margin-right: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	}

    #sidebar img {
        width: 100%;
    }
    
    .donateimage {
        width: 100%;
        height: auto;
    }
    
    .forum-ad-img {
	width: 100%;
    }
    
    #cdads-desktop {
    display: none;
    }
    
    #cdads-mobile {
    display: inline;
    }

    #mob-selector {
    	display: block;
    	position: relative;
    	top: -30px;
    	
    }
    
    #mob-archive {
    	display: inline;
    }
    
    #donate-mob {
    	display: inline;
    	padding: 20px;
    }
    
    #randomreleases {
    	display: none;
    }
        
    img.stat {
	    max-width: 98%;
    }
    
    #submenu {
    	position: relative;
    	top: -40px; 
    }
    
    #submenu a {
        display: inline-block;
    	margin: 15px 0 0 0;
    }
    
    #encyclopedia-menu {
	display: inline-block;
	font-size: 15px;
	position: relative;
    left: 0;
	} 
	
    .encyccontent {
	width: 36%;
	height: auto;
	padding: 10px;
	border-right: 1px;
	background: #c8ebff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 3%;
	margin-bottom: 3%;
}
    
    #submenu-reviews a {
    	margin: 8px 0;
    	display: inline-block;
    }
    
    div.video-bgd {
    display: none;
    }
    
	div.mobile-info {
	display: none;
  	position: fixed;
  	bottom: 0;
  	right: 0;
  	width: 98%;
  	height: auto;
  	text-align: left;
 	background-image: url('../images/submenubg.jpg'); 	
  	border: 0;
  	padding-top: 8px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 5px;  	
	}    
	
	img.mobile-proj-thumb {
	position: relative;
	float: right;
	width: 65px;
	height: 65px;
  	border-top-left-radius: 10px;
  	border-top-right-radius: 5px;  	
	}
	
	#popup {
   width: 90%;
   max-height: auto;
   }
	
	div.mobile-info span {
  	vertical-align: middle;
  	padding-left: 10px;
	}    	
		
	.topbutton {
  	border: none;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
	position: relative;
	float: left;
	padding: 15px;
	bottom: 0px;
	font-size: 20px;
	font-weight: bold;
	}
	
    .ReleaseContent {
	width: 100%;
    }

    .ReleaseCovers {
	display: inline-block;
	width: 100%; 
	margin-top: 8px;
	margin-bottom: 8px;
    }
    
    img.release-image {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 3px 3px 3px #CCCCCC;
	-webkit-box-shadow: 3px 3px 3px #CCCCCC;
    box-shadow: 3px 3px 3px #CCCCCC;	
    }

    .releaseimgandinfo {
	margin-bottom: 5px;
    }

    .ReleaseInfo {
	display: inline-block;	
	width: 100%;
	margin-left: 3%;
	margin-top: 5px;
	margin-bottom: 5px;
    }

    #release-label, #release-country, #release-year, #release-format, #release-catalog, #release-style, #release-buysell {
    display: table;
    width: 100%;
    padding: 3px;
	vertical-align: middle;
	border-bottom: 1px dashed #999;    
    }	
    
	.imgrelres {
	margin: 7px;
	width: 130px;
	height: 130px;
	padding: 4px;
	}
	
	.release-label {
	display: none;
	}
	
	#info-centre-mob {
	width: 60%;
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px;
	background: url(../images/sideboxbg.jpg) repeat-y;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	}
	
	.mob-project-info-table th, td {
	font-size: 12px; 
	}
	
	.socialbutton {
	display: none;
	}
	
	.year-project {
	width: 90%;
	height: auto;
	float: left;
	margin-bottom: 10px;
}

.songinfo {
	display: left;
	width: 99%;
	max-height: 150px;
	overflow: auto; 
	font-size: 13px;
	vertical-align: center;
} 

.songinfotitle {
	float: left;
	width: 99%;
	font-size: 13px;
	font-weight: bold;
	vertical-align: center;
}

.songs-headers {
	font-size: 14px;
}

.songs-content {
	font-size: 13px;
}

.songs-container {
	width: 98%;
}

.songs-name {
	width: 60%;
	margin-right: 3%;
}

.songs-year {
	width: 18%;
	overflow-wrap: break-word; 
}

.songs-dur {
	width: 15%;
	margin-right: 2%;
	overflow-wrap: break-word; 
}

.releasepagenewest {
	float: left; 
	width: 90%;
}

.releasepageadded {
	float: left; 
	width: 90%;
}

.project-flag {
	display: none;
}
	
	/* Store page */
	
#latest-products {
    display: none;
}

#product {
	max-width: 90%;
	clear: both;
}

.store-product {
    display: inline-block; 
    width: 80px;
    height: 80px;
    margin: 8px;
}

.product-item {
	float: left;
	width: 80px;
	height: 80px;
	margin: 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;	
}

.product-badge {
	float: left;
	width: 80px;
	height: 80px;
	margin: 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;		
	-moz-box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC;
    box-shadow: 1px 1px 1px #CCCCCC;	
}

.producttitle {
	float: left;
	height: 90px;
}

.cdrelease {
	width: 80%;
}
    
    /*:::::::::::::::::::::::::::::::::::::::*/
	/*static-menu-button*/
	/*:::::::::::::::::::::::::::::::::::::::*/
	.menu-button {
		z-index: 2;
    	border-radius: 2px;
    	display: block;
    	height: 30px;
    	left: auto;
    	line-height: 6px;
    	padding: 2px 4px 0;
		width: 46px;
    	transition: all ease-in-out 400ms;
    	-moz-transition: all ease-in-out 400ms;
    	-webkit-transition: all ease-in-out 400ms;
    	-ms-transition: all ease-in-out 400ms;
    	-o-transition: all ease-in-out 400ms;
    	margin-top: 15px;
        margin-left: 18px;
        margin-bottom: 26px;
        position: relative;
    }
    
    .menu-button::before {
    	content: url('../images/menu-mobile.png');
    	display: inline-block;
    	font-size: 40px;
    	font-weight: 700;
    	color: #000;
    	position: absolute;
    	top: -50%;
    	right: auto;
    	left: 60px;
    }

    
    .menu-button span {
    	display: inline-block;
    	width: 100%;
    	height: 5px;
    	background: #232323;
    	transition: all ease-in-out 400ms;
    	-moz-transition: all ease-in-out 400ms;
    	-webkit-transition: all ease-in-out 400ms;
    	-ms-transition: all ease-in-out 400ms;
    	-o-transition: all ease-in-out 400ms;
    	margin-bottom: 8px;
    }
    
    .menu-button.active span:first-child{
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform-origin: 12px 50%;
        -ms-transform-origin: 12px 50%;
        -webkit-transform-origin: 12px 50%;
        background: #000;
    }
    
    .menu-button.active span:nth-child(2) {
        display: none;
    }
    
    .menu-button.active span:last-child{
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform-origin: 16px 50%;
        -webkit-transform-origin: 16px 50%;
        -ms-transform-origin: 16px 50%;
        background: #000;
    }
    
    .menu-button:hover span{
        background: #000;
    }


}


/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 837px) {
    
    #header,
    #header-17,
    #header-1,
    #header-3,
    #header-5,
    #header-35,
    #header-20,
    #header-2,
    #header-4,
    #header-14,
    #header-313,
    #header-56,
    #header-23,
    #header-31,
    #header-25,
    #header-58,
    #header-60,
    #header-273,
    #header-38,
    #header-28,
    #header-49 {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	background: url(../images/header/mobile-480.jpg) no-repeat;
    	-webkit-background-size: 480px 144px;
    	-moz-background-size: 480px 144px;
    	-o-background-size: 480px 144px;
    	background-size: 480px 144px;
    	overflow: hidden;
    }

    #menu li {
	    display: inline-block;
    	margin-bottom: 5px;
    }

    #submenu {
    	top: -20px;
    }
    
    #menu a {
    	padding: 10px 15px;
    }
    
    #video {
	    width: 100%;
	    text-align: left;
    }
    
    #video .videoplayer {
	    width: 100%;
    }
    
	#info-centre-mob {
	width: 30%;	
	}
	
	.project_photo_mob {
	max-width: 100%;
	}
	
	.socialbutton {
	display: none;
}

}

/****THE END****/