/* Fonts */
@font-face {
	font-family: 'Copperplate Gothic Light Web';
	src: url('fonts/COPRGTL.eot');
	src: url('fonts/COPRGTL.eot?#iefix') format('embedded-opentype'), url('fonts/COPRGTL.woff') format('woff'), url('fonts/COPRGTL.ttf') format('truetype'), url('fonts/COPRGTL.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lucida Sans Custom';
	src: url('fonts/LSANS.eot');
	src: url('fonts/LSANS.eot?#iefix') format('embedded-opentype'), url('fonts/LSANS.woff') format('woff'), url('fonts/LSANS.ttf') format('truetype'), url('fonts/LSANS.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Body */
html, body { height: 100%; }
body { margin: 0px auto; font-size: 62.5%; font-family: 'Lucida Sans Custom'; } /* Base font size: 10px */ 

a, a:link, a:visited { color: #e5a93b; text-decoration: none; }
a:hover, a:active { color: black; }

/* Headings */
h1 { font-size: 3em; } /* 30px */
h2 { font-size: 3em; } /* 30px */
h3 { font-size: 2.2em; } /* 22px */
h4 { font-size: 1.6em; } /* 16px */

/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block; }

/* Main Wrapper */
#mainwrapper { min-height: 100%; height: auto !important; height: 100%;	margin-bottom: -120px; } /* the bottom margin is the negative value of the footer's height */

/* Header*/

/* Logobar */
#logobar { height: 55px; background: black; width: 100%; margin: 0px auto; padding: 0px; clear: both; }
#logobarinner {	max-width: 1200px; margin: 0px auto; padding: 0px; }

#logocontainer { width: 130px; height: 55px; float:  left; padding-left: 5px; }
#logoinner { }
#logo { border: 0px none transparent; padding-top: 4px;}

#socialcontainer { float: right; padding-right: 5px; }
#partnersinner { float: left; }
#socialinner { float: right; }
#mascotlogo { border: 0px none transparent; vertical-align:top; padding: 14px 8px 0 0; }
#itlogo { border: 0px none transparent; vertical-align:top; padding: 17px 8px 0 0; }
#totologo { border: 0px none transparent; vertical-align:top; padding: 23px 10px 0 0; }
#fbicon { border: 0px none transparent; vertical-align:top; padding: 10px 2px 0 0; }
#twicon { border: 0px none transparent; vertical-align:top; padding: 10px 2px 0 0; }
#yticon  { border: 0px none transparent; vertical-align:top; padding: 10px 2px 0 0; }
#scicon  { border: 0px none transparent; vertical-align:top; padding: 10px 2px 0 0; }
#spicon  { border: 0px none transparent; vertical-align:top; padding: 10px 2px 0 0; }


/* Nav */
#topnav { width: 100%; margin: 0px auto; padding: 0px; clear: both; border-bottom: 1px solid #333; }
#topnavinner { max-width: 1200px; margin: 0px auto; }
#mainmenu { height: 45px; display: table-cell; vertical-align: middle; padding-left: 5px; }
#mainmenu li { float:left; font-size: 1.8em; padding: 0 10px 0 10px; font-family: 'Copperplate Gothic Light Web', 'Lucida Sans' }
#mainmenu a, #mainmenu a:link, #mainmenu a:visited { color: black; text-decoration: none; text-transform: uppercase; }
#mainmenu a:hover, #mainmenu a:active { color: #e5a93b; }

/* Banner/slider */
#sliderwrapper { max-width: 1680px; margin: 0px auto; margin-top: -1px; padding: 0px; }

/* Content */
#contentwrapper { margin-top: 10px; margin-bottom: 20px; clear: both; display: inline-block; width: 100%; }
h2 { border-bottom: 2px solid #e5a93b; margin-bottom: 15px; }
h2 a, h2 a:link, h2 a:visited { color: black; text-decoration: none; }
h2 a:hover, h2 a:active { color: #e5a93b; }

h3 { margin-bottom: 2px; }
h3 a, h3 a:link, h3 a:visited { color: black; text-decoration: none; }
h3 a:hover, h3 a:active { color: #e5a93b; }

h4 { margin-top: 5px; margin-left: 2px; }

/* Breadcumbs */
#breadcrumbs { overflow: auto; padding-left: 10px; font-size: 1.2em; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
#breadcrumbs li { float: left; }
#breadcrumbs li.breadcrumb-ancestor:after { color: #999; content: "\00BB"; padding-left: 7px; padding-right: 7px; }
#breadcrumbs li.breadcrumb-current {  }

/* Content Home */
#contenthome {max-width: 1200px; margin: 0px auto; }
#contenthome #leftcontent { width: 45%; min-width: 300px; float: left; padding: 0 10px 10px 15px; }
#contenthome #rightcontent { width: 45%; min-width: 300px; float: right; padding: 0 15px 10px 10px; }

#contenthome section { padding-bottom: 20px; }
#contenthome #news { padding-bottom: 0px; }
#contenthome #rightcontent .sidecolwrapper { width: 100%; clear: both; display: inline-block; }
#contenthome #rightcontent #album-latest { width: 55%; float: left; }
#contenthome #rightcontent #album-latest-soundcloud {  width: 40%; float: right; }
#album-latest img { width: 100%; height: auto; }
.album-moresounds { width: 100%; text-align: center; font-size: 1.8em; line-height: 25px; padding-top: 15px; }

/*#contenthome #rightcontent .sidecolwrapper { width: 100%; clear: both; display: inline-block; }
#contenthome #rightcontent #album { width: 60%; float: left; }
#contenthome #rightcontent #scan { width: 30%; float: right; padding-top: 52px; }
#contenthome #rightcontent #scan .scan-poweredby { font-family: Copperplate Gothic Light Web; font-size: 1.8em; width: 100%; text-align: center; padding-bottom: 10px; }
.album-latest img { width: 100%; height: auto; }
.scan-logo img { width: 100%; height: auto; }*/

.tweet {  }
.tweet-icon { float: left; padding-top: 3px; padding-right: 3px; }
.tweet-body { font-size: 1.3em; line-height: 20px; }
.tweet-time { font-size: 1.3em; line-height: 20px; color: #999999; padding-bottom: 10px; }

#contenthome #rightcontent #scan { width: 100%; padding-top: 20px; }
#contenthome #rightcontent #scanwrapper { width: 50%; margin: 0 auto; }
#contenthome #rightcontent #scan .scan-poweredby { font-family: Copperplate Gothic Light Web; font-size: 1.6em; width: 100%; text-align: center; padding-bottom: 10px; }
.scan-logo img { width: 100%; height: auto; }

/* Content Pages */
#content {max-width: 1200px; margin: 0px auto; padding-top: 5px; }
#contentheader { padding-left: 8px; padding-top: 40px; }
#content #maincontent { width: 64%; float: left; padding: 25px 10px 10px 15px; }
#content #maincontentnews { width: 64%; float: left; padding: 25px 10px 10px 15px; border: 0px solid black;}
#content #sidecontent { width: 300px; float: right; padding: 25px 15px 10px 10px; }
#content #sidecontentnews { width: 300px; float: right; padding: 25px 15px 10px 10px; border: 0px solid black;}
#content #sidecontentartist { width: 300px; float: right; padding: 25px 15px 10px 10px; }
#content #sidecontenttour { width: 300px; float: right; padding: 25px 15px 10px 10px; border: 0px solid black;}
#content #sidecontentmusic { width: 300px; float: right; padding: 25px 15px 10px 10px; border: 0px solid black;}
#content #sidecontentpictures { width: 300px; float: right; padding: 25px 15px 10px 10px; }
#content #sidecontentshop { width: 300px; float: right; padding: 25px 15px 10px 10px; border: 0px solid black;}
#content #sidecontent section { padding-bottom: 20px; }
#content #sidecontentnews section { padding-bottom: 20px; }
#content #sidecontentartist section { padding-bottom: 20px; }
#content #sidecontenttour section { padding-bottom: 20px; }
#content #sidecontentmusic section { padding-bottom: 20px; }
#content #sidecontentpictures section { padding-bottom: 20px; }
#content #sidecontentshop section { padding-bottom: 20px; }
#content #newsmain { padding-bottom: 0px; }
.page-content { font-size: 1.3em; line-height: 20px; }
.page-content p { padding-top: 10px; padding-bottom: 10px; }
.page-content strong { font-weight: bold; }
.page-content em { font-style: italic; }
.page-content h3 { font-size: 1.6em; }
.page-content ul { padding-left: 30px; padding-top: 7px; padding-bottom: 7px; }
.page-content ol { padding-left: 30px; padding-top: 7px; padding-bottom: 7px; }
.page-content ul li { list-style-type: disc; }
.page-content ol li { list-style-type: decimal; }
.page-content img { max-width: 100%; height: auto; }
.page-content .subtitle { color: #999999; padding-bottom: 10px; }
.page-content .imagecaption { width: 100%; text-align: center; color: #999999; clear: both; display: block; }
.page-content .alignleft { float: left; padding-right: 15px; }
.page-content .alignright { float: right; padding-left: 15px; }
.page-content .aligncenter { width: 100%; text-align: center; }
#content #maincontent h3 { padding-top: 10px; padding-bottom: 8px; }
#sideimage { width: 100%; padding-bottom: 20px; }
#sideimage img { width: 100%; height: auto; }

/* Side Menu */
#sidemenu .sidemenuinner { background: #eee; padding: 10px 10px 10px 10px; }
#sidemenu .sidemenuinner ul { padding: 0px; margin: 0px; }
#sidemenu .sidemenuinner li { padding: 0px; margin: 0px; font-size: 1.8em; line-height: 25px; }

/* News & Articles Area */

/* Articles */
.article-postedby { font-size: 1.3em; color: #999999; padding-bottom: 10px; }
#contentheader .article-postedby { padding-left: 2px; padding-top: 5px; }
.article-category { text-transform: uppercase; }
.article-image img { max-width: 100%; height: auto; }
.articles-list .article-image { padding-bottom: 5px; }
.article-content { font-size: 1.3em; line-height: 20px; }
.article-introduction { font-size: 1.3em; font-weight: bold; line-height: 20px; }
.article-body { font-size: 1.3em; line-height: 20px; padding-top: 10px; }
.article-introduction p, .article-body p { padding-top: 10px; padding-bottom: 10px; }
.article-body strong { font-weight: bold; }
.article-introduction em, .article-body em { font-style: italic; }
.article-body h3 { font-size: 1.6em; }
.article-introduction img, .article-body img { max-width: 100%; height: auto; }
.article-introduction ul, .article-body ul { padding-left: 30px; padding-top: 7px; padding-bottom: 7px; }
.article-introduction ol, .article-body ol { padding-left: 30px; padding-top: 7px; padding-bottom: 7px; }
.article-introduction ul li, .article-body ul li { list-style-type: disc; }
.article-introduction ol li, .article-body ol li { list-style-type: decimal; }
.article-body .subtitle { color: #999999; padding-bottom: 10px; }
.article-body .imagecaption { width: 100%; text-align: center; color: #999999; clear: both; display: block; }
.article-body .alignleft { float: left; padding-right: 15px; }
.article-body .alignright { float: right; padding-left: 15px; }
.article-body .aligncenter { width: 100%; text-align: center; }
.article-footer { font-size: 1.2em; padding-top: 10px; }
.articles-list article { padding-bottom: 20px; }
.articles-list article.last {  }
.articles-totals { font-size: 1.2em; color: #999999; padding-bottom: 20px; }
.pagingPages { font-size: 1.2em; }
.pagingDisabled { color: #999999; }
.readmore { font-size: 1.3em; padding-top: 5px; }

/* Archive Side Bar */
#archive { background: #eee; padding: 10px 10px 10px 10px; margin-bottom: 20px; }
#archive .archive-year-list { padding-top: 2px; }
#archive .archive-year-list li { font-size: 1.3em; font-weight: bold; padding-left: 2px; padding-top: 2px; }
#archive .archive-selected-year { padding-top: 5px; padding-left: 2px; font-size: 1.3em; }
#archive .archive-selected-year strong { font-weight: bold; }
#archive .archive-month-list { padding-top: 2px; }
#archive .archive-month-list li { font-size: 1.3em; font-weight: bold; padding-left: 2px; padding-top: 2px; }
#archive .archive-selected-month {padding-top: 15px; padding-left: 2px; font-size: 1.3em; }
#archive .archive-selected-month strong { font-weight: bold; }
#archive .archive-removefilter { font-size: 1.2em; padding-top: 3px; padding-left: 2px; }

/* Tour */
.tour-viptickets { width: 100%; display: block; padding-top: 10px; padding-bottom: 30px; }
.tour-vipticketsinner { width: 150px; margin: 0px auto; display: block; text-align: center; font-family: Copperplate Gothic Light Web; font-size: 2.0em; background: #000; color: white; padding-top: 8px; padding-bottom: 8px;}
.tour-vipticketsinner a, .tour-vipticketsinner a:link, .tour-vipticketsinner a:visited { color: white; }
.tour-vipticketsinner a:hover, .tour-vipticketsinner a:active { color: #e5a93b; }

/* Tour Dates */
.tourdates-list { width: 100%; border: 0px solid black; margin-bottom: 20px; display: table;  }
.tourdates-list li { width: 100%; display: table-row; clear: both; }
.tourdates-list .tourdates-date { vertical-align: top; padding: 0px 10px 10px 0px; display: table-cell; }
.tourdates-list .tourdates-dateinner { width: 35px; border: 1px solid black; padding: 5px 8px 5px 8px; background-color: #eee; text-align: center; }
.tourdates-list .tourdates-day { font-size: 2.8em; line-height: 26px; display: block; }
.tourdates-list .tourdates-month { font-size: 2.0em; line-height: 20px; display: block; }
.tourdates-list .tourdates-year { font-size: 1.4em; line-height: 14px; display: block; }
.tourdates-list .tourdates-location { font-size: 1.3em; vertical-align: top; padding: 10px 10px 0px 10px; border: 0px solid black; display: table-cell; }
.tourdates-list .tourdates-city { display:block; font-weight: bold; text-transform: uppercase; }
.tourdates-list .tourdates-country { display:block; color: #999; }
.tourdates-list .tourdates-venue { font-size: 1.3em; font-weight: bold; vertical-align: top; padding: 10px 10px 0px 10px; border: 0px solid black; display: table-cell; }
.tourdates-list .tourdates-tour { font-size: 1.3em; vertical-align: top; padding: 10px 10px 0px 10px; border: 0px solid black; display: table-cell; }
.tourdates-list .tourdates-tickets { display: table-cell; vertical-align: top; padding: 10px 5px 0px 10px; border: 0px solid black; }
.tourdates-list .tourdates-ticketsinner { background-color: #333; width: 60px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; border: 0px solid black; padding: 3px 5px 3px 5px; }
.tourdates-list .tourdates-tickets a, .tourdates-list .tourdates-tickets a:link, .tourdates-list .tourdates-tickets a:visited { color: white; }
.tourdates-list .tourdates-tickets a:hover, .tourdates-list .tourdates-tickets a:active { color: #e5a93b; }
.tourdates-list .tourdates-notickets { display: table-cell; }

#tourdates .tourdates-list { width: 100%; margin-bottom: 5px; display: inline-block; border: 0px solid black; }
#tourdates .tourdates-list li { width: 100%; position:relative; margin-bottom: 10px; display: inline-block; clear: both; border: 0px solid red; }
#tourdates .tourdates-list .tourdates-date { padding: 0; position: absolute; left: 0; top: 0; border: 1px solid black; display: block; }
#tourdates .tourdates-list .tourdates-dateinner { width: 35px; border: 0px solid black; padding: 5px 8px 5px 8px; background-color: #eee; text-align: center; }
#tourdates .tourdates-list .tourdates-day { font-size: 2.8em; line-height: 26px; display: block; }
#tourdates .tourdates-list .tourdates-month { font-size: 2.0em; line-height: 20px; display: block; }
#tourdates .tourdates-list .tourdates-year { font-size: 1.4em; line-height: 14px; display: block; }
#tourdates .tourdates-list .tourdates-location { font-size: 1.3em; vertical-align: top; padding: 0px 0px 0px 0px; margin: 0 70px 0 62px; border: 0px solid black; display: block; }
#tourdates .tourdates-list .tourdates-city { display:block; font-weight: bold; text-transform: uppercase; }
#tourdates .tourdates-list .tourdates-country { display:block; color: #999; }
#tourdates .tourdates-list .tourdates-venue { font-size: 1.3em; font-weight: bold; vertical-align: top; padding: 10px 0px 0px 0px; margin: 0 0px 0 62px; border: 0px solid black; display: block; }
#tourdates .tourdates-list .tourdates-tour { font-size: 1.3em; vertical-align: top; padding: 0px 0px 0px 0px; margin: 0 0px 0 62px; border: 0px solid black; display: block; }
#tourdates .tourdates-list .tourdates-tickets { display: block; position:absolute;right:0;top: 0; float: right; vertical-align: top; padding: 0px 0px 0px 10px; border: 0px solid black; }
#tourdates .tourdates-list .tourdates-ticketsinner { background-color: #333; width: 55px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; border: 0px solid black; padding: 3px 5px 3px 5px; }
#tourdates .tourdates-list .tourdates-tickets a, #tourdates .tourdates-list .tourdates-tickets a:link, #tourdates .tourdates-list .tourdates-tickets a:visited { color: white; }
#tourdates .tourdates-list .tourdates-tickets a:hover, #tourdates .tourdates-list .tourdates-tickets a:active { color: #e5a93b; }
#tourdates .tourdates-list .tourdates-notickets { display: none; }

/* Tour Info */
.tourinfo-tourdates .tourdates-list li { margin-bottom: 25px; }
.tourinfo-tourdates .tourdates-list { margin-bottom: 5px; }

/* Tour Info Sidebar */
.tourinfo-list h3 { font-size: 1.6em; }
.tourinfo-list article { padding-bottom: 5px; }

/* Music Area */
.music-content { clear: both; }
.music-content h3 { font-size: 2.0em; }
.albums-list .album-wrapper { width: 215px; height: 270px; }
.albums-list li { float: left; }
.albums-list .album-title { font-size: 1.4em; padding-right: 15px; }
.albums-list .album-title a, .albums-list .album-title a:link, .albums-list .album-title a:visited { color: black; }
.albums-list .album-title a:hover, .albums-list .album-title a:active { color: #e5a93b; }
.albums-list .album-subtitle { font-size: 1.2em; color: #999999; padding-right: 15px; }
.albums-list .album-subtitle a, .albums-list .album-subtitle a:link, .albums-list .album-subtitle a:visited { color: #999999; }
.albums-list .album-subtitle a:hover, .albums-list .album-subtitle a:active { color: #e5a93b; }
.albums-list .album-coverimage { width: 200px; padding: 5px 15px 2px 0; }
.albums-list .album-coverimage img { width: 100%; height: auto; }

/* DVDs */
.dvds-list .dvd-wrapper { width: 215px; height: 350px; }
.dvds-list li { float: left; }
.dvds-list .dvd-title { font-size: 1.4em; padding-right: 15px; }
.dvds-list .dvd-title a, .albums-list .album-title a:link, .albums-list .album-title a:visited { color: black; }
.dvds-list .dvd-title a:hover, .albums-list .album-title a:active { color: #e5a93b; }
.dvds-list .dvd-subtitle { font-size: 1.2em; color: #999999; padding-right: 15px; }
.dvds-list .dvd-subtitle a, .albums-list .album-subtitle a:link, .albums-list .album-subtitle a:visited { color: #999999; }
.dvds-list .dvd-subtitle a:hover, .albums-list .album-subtitle a:active { color: #e5a93b; }
.dvds-list .dvd-coverimage { width: 200px; padding: 5px 15px 2px 0; }
.dvds-list .dvd-coverimage img { width: 100%; height: auto; }

/* Album */
#album-coverwrapper { width: 215px; float: left; }
#album-coverimage { width: 200px; padding: 13px 15px 2px 0; }
#album-coverarchivewrapper { width: 175px; float: left; }
#album-coverarchiveimage { width: 160px; padding: 13px 15px 10px 0; }
#album-coverimage img, #album-coverarchiveimage img { width: 100%; height: auto; }
#album-soundcloud { padding-top: 20px; padding-bottom: 20px; }
#album-tracklistwrapper { width: 100%; clear: both; display: inline-block; }
#album-tracklist { width: 47%; float: left; }
#album-credits { width: 47%; float: left; padding-left: 6%; }

.album-buy { width: 100%; }
.album-buylink { font-size: 1.3em; padding: 7px 0 2px 5px; }
.album-buylink-buttoncd { height: 20px; background-image: url(/img/buycd.png); background-repeat: no-repeat; }
.album-buylink-buttoncd a { padding-left: 22px; line-height: 20px; }
.album-buylink-buttonitunes { height: 20px; background-image: url(/img/buyitunes.png); background-repeat: no-repeat; }
.album-buylink-buttonitunes a { padding-left: 22px; line-height: 20px; }
.album-buylink-buttondvd { height: 20px; background-image: url(/img/buydvd.png); background-repeat: no-repeat; }
.album-buylink-buttondvd a { padding-left: 22px; line-height: 20px; }

/* Discography */
.discography-list { margin-bottom: 20px; display: table; }
.discography-list li { display: table-row; clear: both; line-height: 24px; }
.discography-list .discography-year { font-size: 1.3em; vertical-align: top; padding: 0px 15px 10px 0px; display: table-cell; }
.discography-list .discography-yearinner { background: #eee; border: 1px solid black; padding: 1px 8px 1px 8px; background-color: #eee; }
.discography-list .discography-title { font-size: 1.3em; font-weight: bold; vertical-align: top; padding: 0px 15px 10px 0px; display: table-cell; }
.discography-list .discography-artist { font-size: 1.3em; color: #999; vertical-align: top; padding: 0px 0px 10px 0px; display: table-cell; }

/* Video Area */
.video-description { font-size: 1.3em; line-height: 20px; }
.video-description p { padding-bottom: 15px; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Picture Area */
p.picture { padding-top: 10px; padding-bottom: 0px; }
p.picture-caption { padding-top: 5px; padding-bottom: 25px; }

/* Shop */
.shop-albums-list .album-wrapper { width: 215px; height: 330px; }
.shop-albums-list li { float: left; }
.shop-albums-list .album-title { font-size: 1.4em; padding-right: 15px; }
.shop-albums-list .album-title a, .albums-list .album-title a:link, .albums-list .album-title a:visited { color: black; }
.shop-albums-list .album-title a:hover, .albums-list .album-title a:active { color: #e5a93b; }
.shop-albums-list .album-subtitle { font-size: 1.2em; color: #999999; padding-right: 15px; }
.shop-albums-list .album-subtitle a, .albums-list .album-subtitle a:link, .albums-list .album-subtitle a:visited { color: #999999; }
.shop-albums-list .album-subtitle a:hover, .albums-list .album-subtitle a:active { color: #e5a93b; }
.shop-albums-list .album-coverimage { width: 200px; padding: 5px 15px 2px 0; }
.shop-albums-list .album-coverimage img { width: 100%; height: auto; }
.shop-albums-list .album-buylink { padding-left: 0px; }

#sidecontentshop #tourdates h2 { margin-bottom: 5px; }
#sidecontentshop #merchandise .sectioncontent { padding-bottom: 10px; }
#sidecontentshop #merchandise .sectioncontent img { width: 100%; height: auto; }

/* Footer */
#pagefooter, .clearfooter { height: 120px; clear: both; }
#pagefooter { background: #333; width: 100%; padding: 0px; }

#footernav { max-width: 1200px; margin: 0px auto; clear: both; padding-top: 20px; padding-bottom: 5px; text-align:center; }
#footernav ul { display: inline-block; }
#footernav li { float:left; font-size: 1.4em; padding: 0 10px 0 10px; font-family: 'Copperplate Gothic Light Web', 'Lucida Sans' }
#footernav a, #footernav a:link, #footernav a:visited { color: white; text-decoration: none; text-transform: uppercase; }
#footernav a:hover, #footernav a:active { color: #e5a93b; }

#aboutnav { max-width: 1200px; margin: 0px auto; clear: both; padding-top: 7px; padding-bottom: 7px; text-align:center; }
#aboutnav ul { display: inline-block; }
#aboutnav li { float:left; font-size: 1.3em; padding: 0 10px 0 10px; font-family: 'Copperplate Gothic Light Web', 'Lucida Sans' }
#aboutnav a, #aboutnav a:link, #aboutnav a:visited { color: #e5a93b; text-decoration: none; text-transform: uppercase; }
#aboutnav a:hover, #aboutnav a:active { color: white; }

#copyright { max-width: 1200px; margin: 0px auto; clear: both; padding-top: 5px; padding-bottom: 20px; text-align:center; }
#copyrightinner { display: inline-block; color: white; font-size: 1.0em; }
#copyrightinner a, #copyrightinner a:link, #copyrightinner a:visited { color: #e5a93b; text-decoration: none; }
#copyrightinner a:hover, #copyrightinner a:active { color: white ; }

@media only screen and (max-width: 1200px) {
    #contenthome #rightcontent #album-latest { width: 48%; float: left; }
    #contenthome #rightcontent #album-latest-soundcloud {  width: 48%; float: right; }
    .album-moresounds { font-size: 1.6em; line-height: 22px; padding-top: 10px; }
}

@media only screen and (max-width: 1050px) {
    #contenthome #rightcontent #album-latest { width: 45%; float: left; }
    #contenthome #rightcontent #album-latest-soundcloud {  width: 50%; float: right; }
    .album-moresounds { font-size: 1.6em; line-height: 22px; padding-top: 10px; }

    #contenthome #rightcontent #scan .scan-poweredby { font-size: 1.6em; }

    .article-page .article-image, .tour-page .article-image { display: block; overflow: hidden; }
    /*.article-page .article-image img, .tour-page .article-image img { max-width: 3000px; width: auto; height: 230px; margin-left: -40px; }*/
}

@media only screen and (max-width: 1000px) {
    /* Nav */
    #mainmenu { height: 20px; padding-top: 10px; padding-bottom: 10px; }
    #mainmenu li { float:left; line-height: 22px; font-size: 1.6em; padding: 0 10px 0 10px; font-family: 'Copperplate Gothic Light Web', 'Lucida Sans' }
    #mainmenu a, #mainmenu a:link, #mainmenu a:visited { color: black; text-decoration: none; text-transform: uppercase; }
    #mainmenu a:hover, #mainmenu a:active { color: #e5a93b; }
    
    /* Content & News */
    #content #maincontent { width: 60%; float: left; padding: 25px 10px 10px 15px; }
    #content #maincontentnews  { width: 60%; float: left; padding: 25px 10px 10px 15px; }
    #content #maincontenttour  { width: 60%; float: left; padding: 25px 10px 10px 15px; }
    #content #maincontentmusic  { width: 60%; float: left; padding: 25px 10px 10px 15px; }
    #content #maincontentshop  { width: 60%; float: left; padding: 25px 10px 10px 15px; }

    /*.article-page .article-image img, .tour-page .article-image img { max-width: 100%; height: auto; margin-left: 0px; }*/
}
@media only screen and (max-width: 900px) {
    /* Content & News */
    #content #maincontent { width: 56%; float: left; padding: 25px 10px 10px 15px; }
    #content #maincontentnews  { width: 56%; float: left; padding: 25px 10px 10px 15px; }
    #content #maincontenttour  { width: 56%; float: left; padding: 25px 10px 10px 15px; }
    #content #maincontentmusic  { width: 56%; float: left; padding: 25px 10px 10px 15px; }
    #content #maincontentshop  { width: 56%; float: left; padding: 25px 10px 10px 15px; }
    #contentheader { padding-top: 30px; }

    /*#contenthome #rightcontent #album { width: 60%; float: left; }
    #contenthome #rightcontent #scan { width: 32%; float: right; padding-top: 52px; }*/
}
@media only screen and (max-width: 820px) {
    /* Logobar */
    #mascotlogo { width: auto; height: 20px; padding: 17px 8px 0 0; }
    #itlogo { width: auto; height: 18px; padding: 19px 8px 0 0; }
    #totologo { width: auto; height: 10px; padding: 25px 10px 0 0; }
    #fbicon { width: 25px; height: 25px; padding: 15px 2px 0 0; }
    #twicon { width: 25px; height: 25px; padding: 15px 2px 0 0; }
    #yticon  { width: 25px; height: 25px; padding: 15px 2px 0 0; }
    #scicon  { width: 25px; height: 25px; padding: 15px 2px 0 0; }
    
    /* Content & News */
    #contenthome #leftcontent { width: auto; min-width: 100px; float: none; padding: 0 15px 10px 15px; }
    #contenthome #rightcontent { width: auto; min-width: 100px; float: none; padding: 0 15px 10px 15px; clear: both; }

    #contenthome #rightcontent #album-latest { width: 55%; float: left; }
    #contenthome #rightcontent #album-latest-soundcloud {  width: 40%; float: right; }
    .album-moresounds { font-size: 1.8em; line-height: 25px; padding-top: 15px; }

    /*#contenthome #rightcontent #album { width: 58%; float: left; }
    #contenthome #rightcontent #scan { width: 33%; float: right; padding-top: 52px; }*/

    #contenthome #rightcontent #scan { padding-top: 10px; }
    #contenthome #rightcontent #scanwrapper { width: 25%; }
    
    #content #maincontent { width: auto; float: none; padding: 10px 15px 10px 15px; }
    #content #sidecontent { display: none; }

    #content #maincontentnews { width: auto; float: none; padding: 10px 15px 10px 15px;}
    #content #sidecontentnews { width: auto; float: none; padding: 10px 15px 10px 15px; clear: both;}
    #content #sidecontentartist { width: auto; float: none; padding: 10px 15px 10px 15px; clear: both;}
    #content #sidecontenttour { width: auto; float: none; padding: 10px 15px 10px 15px; clear: both;}
    #content #sidecontentmusic { width: auto; float: none; padding: 10px 15px 10px 15px; clear: both;}
    #content #sidecontentpictures { width: auto; float: none; padding: 10px 15px 10px 15px; clear: both;}
    #content #sidecontentshop { width: auto; float: none; padding: 10px 15px 10px 15px; clear: both;}

    #content #sidecontentnews #tourdates { display: none; }
    #content #sidecontentartist #tourdates { display: none; }
    #content #sidecontentmusic #tourdates { display: none; }
    #content #sidecontentpictures #tourdates { display: none; }

    #contentheader { padding-top: 20px; padding-right: 8px; }
    
    #sideimage {display: none;}

    .discography-list { margin-top: 15px; }
}
@media screen and (max-width: 800px) and (orientation:landscape) {
    h1 { font-size: 2.6em; } /* 30px */
    h2 { font-size: 2.6em; } /* 30px */
    h3 { font-size: 2.0em; } /* 22px */
    h4 { font-size: 1.4em; } /* 16px */

    .article-postedby { font-size: 1.2em; }
    .articles-list .article-postedby { padding-bottom: 7px; }
    .article-content { display: none; }
    .readmore { padding-top: 0px; }

    .page-content .alignleft { float: none; padding-right: 0px; }
    .page-content .alignright { float: none; padding-left: 0px; }
    .article-body .alignleft { float: none; padding-right: 0px; }
    .article-body .alignright { float: none; padding-left: 0px; }
}
@media only screen and (max-width: 725px) {
    /* Main Wrapper */
    #mainwrapper { min-height: 100%; height: auto !important; height: 100%;	margin-bottom: -90px; } /* the bottom margin is the negative value of the footer's height */

    /* Footer */
    #pagefooter, .clearfooter { height: 90px; clear: both; }
    #footernav { display: none; }
    #aboutnav { max-width: 1200px; margin: 0px auto; clear: both; padding-top: 20px; padding-bottom: 7px; text-align:center; }

    #contenthome #rightcontent #scanwrapper { width: 30%; }
}
@media only screen and (max-width: 500px) {
    h1 { font-size: 2.6em; } /* 30px */
    h2 { font-size: 2.6em; } /* 30px */
    h3 { font-size: 2.0em; } /* 22px */
    h4 { font-size: 1.4em; } /* 16px */
    
    #contenthome #rightcontent #album-latest { width: 45%; float: left; }
    #contenthome #rightcontent #album-latest-soundcloud {  width: 50%; float: right; }
    .album-moresounds { font-size: 1.6em; line-height: 22px; padding-top: 10px; }

    #contenthome #rightcontent #scanwrapper { width: 40%; }
    #contenthome #rightcontent #scan .scan-poweredby { font-size: 1.5em; }

    .article-postedby { font-size: 1.2em; }
    .articles-list .article-postedby { padding-bottom: 7px; }
    .article-content { display: none; }
    .readmore { padding-top: 0px; }
    
    .page-content .alignleft { float: none; padding-right: 0px; }
    .page-content .alignright { float: none; padding-left: 0px; }
    .page-content .imagecaption { text-align: left; }
    .article-body .alignleft { float: none; padding-right: 0px; }
    .article-body .alignright { float: none; padding-left: 0px; }
    .article-body .imagecaption { text-align: left; }

    /* Tour Dates */
    .tourdates-list { width: 100%; margin-bottom: 20px; display: inline-block; border: 0px solid black; }
    .tourdates-list li { width: 100%; position:relative; margin-bottom: 10px; display: inline-block; clear: both; border: 0px solid red; }
    .tourdates-list .tourdates-date { padding: 0; position: absolute; left: 0; top: 0; border: 1px solid black; display: block; }
    .tourdates-list .tourdates-dateinner { width: 35px; border: 0px solid black; padding: 5px 8px 5px 8px; background-color: #eee; text-align: center; }
    .tourdates-list .tourdates-day { font-size: 2.8em; line-height: 26px; display: block; }
    .tourdates-list .tourdates-month { font-size: 2.0em; line-height: 20px; display: block; }
    .tourdates-list .tourdates-year { font-size: 1.4em; line-height: 14px; display: block; }
    .tourdates-list .tourdates-location { font-size: 1.3em; vertical-align: top; padding: 0px 0px 0px 0px; margin: 0 70px 0 62px; border: 0px solid black; display: block; }
    .tourdates-list .tourdates-city { display:block; font-weight: bold; text-transform: uppercase; }
    .tourdates-list .tourdates-country { display:block; color: #999; }
    .tourdates-list .tourdates-venue { font-size: 1.3em; font-weight: bold; vertical-align: top; padding: 10px 0px 0px 0px; margin: 0 0px 0 62px; border: 0px solid black; display: block; }
    .tourdates-list .tourdates-tour { font-size: 1.3em; vertical-align: top; padding: 0px 0px 0px 0px; margin: 0 0px 0 62px; border: 0px solid black; display: block; }
    .tourdates-list .tourdates-tickets { display: block; position:absolute;right:0;top: 0; float: right; vertical-align: top; padding: 0px 0px 0px 10px; border: 0px solid black; }
    .tourdates-list .tourdates-ticketsinner { background-color: #333; width: 55px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; border: 0px solid black; padding: 3px 5px 3px 5px; }
    .tourdates-list .tourdates-tickets a, .tourdates-list .tourdates-tickets a:link, .tourdates-list .tourdates-tickets a:visited { color: white; }
    .tourdates-list .tourdates-tickets a:hover, .tourdates-list .tourdates-tickets a:active { color: #e5a93b; }
    .tourdates-list .tourdates-notickets { display: none; }

    /* Music Area */
    .albums-list .album-wrapper { width: 145px; height: 220px; }
    .albums-list li { float: left; }
    .albums-list .album-title { font-size: 1.3em; padding-right: 10px; }
    .albums-list .album-subtitle { font-size: 1.2em; color: #999999; padding-right: 10px; }
    .albums-list .album-coverimage { width: 130px; padding: 5px 15px 2px 0; }
    .albums-list .album-coverimage img { width: 100%; height: auto; }

    .dvds-list .dvd-wrapper { width: 145px; height: 272px; }
    .dvds-list li { float: left; }
    .dvds-list .dvd-title { font-size: 1.3em; padding-right: 10px; }
    .dvds-list .dvd-subtitle { font-size: 1.2em; color: #999999; padding-right: 10px; }
    .dvds-list .dvd-coverimage { width: 130px; padding: 5px 15px 2px 0; }
    .dvds-list .dvd-coverimage img { width: 100%; height: auto; }

    /* Discography */
    .discography-list .discography-year { padding: 0px 10px 10px 0px; }
    .discography-list .discography-title { font-weight: normal; padding: 0px 10px 10px 0px; }

    /* Shop */
    .shop-albums-list .album-wrapper { width: 145px; height: 280px; }
    .shop-albums-list li { float: left; }
    .shop-albums-list .album-title { font-size: 1.3em; padding-right: 10px; }
    .shop-albums-list .album-subtitle { font-size: 1.2em; color: #999999; padding-right: 10px; }
    .shop-albums-list .album-coverimage { width: 130px; padding: 5px 15px 2px 0; }
    .shop-albums-list .album-coverimage img { width: 100%; height: auto; }
}
@media only screen and (max-width: 450px) {
    /* Logobar */
    #logobar { height: 60px; background: black; width: 100%; margin: 0px auto; padding: 0px; clear: both; }
    #logobarinner {	max-width: 1200px; margin: 0px auto; padding: 0px; }

    #logocontainer { width: 100px; height: 55px; float:  left; padding-left: 5px; }
    #logoinner { }
    #logo { border: 0px none transparent; padding-top: 6px; }

    #socialcontainer { float: right; padding-right: 5px; }
    #partnersinner { float: none; }
    #socialinner { float: right; }
    #mascotlogo { width: auto; height: 15px; padding: 6px 4px 0 0; }
    #itlogo { width: auto; height: 12px; padding: 9px 4px 0 0; }
    #totologo { width: auto; height: 8px; padding: 13px 2px 0 0; }
    #fbicon { width: 25px; height: 25px; padding: 8px 2px 0 0; }
    #twicon { width: 25px; height: 25px; padding: 8px 2px 0 0; }
    #yticon  { width: 25px; height: 25px; padding: 8px 2px 0 0; }
    #scicon  { width: 25px; height: 25px; padding: 8px 2px 0 0; }

    /* Main Wrapper */
    #mainwrapper { min-height: 100%; height: auto !important; height: 100%;	margin-bottom: -130px; } /* the bottom margin is the negative value of the footer's height */

    /* Footer */
    #pagefooter, .clearfooter { height: 130px; clear: both; }

    #aboutnav { max-width: 1200px; margin: 0px auto; clear: both; padding-top: 15px; padding-bottom: 7px; text-align:left; }
    #aboutnav li { float:none; font-size: 1.4em; line-height: 18px; padding: 0 10px 0 20px; font-family: 'Copperplate Gothic Light Web', 'Lucida Sans' }
    #copyright { max-width: 1200px; margin: 0px auto; clear: both; padding: 5px 20px 15px 20px; text-align:left; }
    
}
@media only screen and (max-width: 400px) {
    #contenthome #rightcontent #album-latest { width: 100%; float: none; }
    #contenthome #rightcontent #album-latest-soundcloud { display: none; }
    
    /*#contenthome #rightcontent #album { width: 100%; float: none; }
    #contenthome #rightcontent #scan { width: 100%; float: none; padding-top: 0px; padding-bottom: 25px; text-align: center; }
    .scan-logo img { width: 55%; height: auto; }*/
    
    #contenthome #rightcontent #scanwrapper { width: 45%; }
    #contenthome #rightcontent #scan .scan-poweredby { font-size: 1.5em; }
    
    /* Album */
    #album-coverwrapper { width: 100%; float: none; }
    #album-coverimage { width: 100%; padding: 0px 0px 2px 0; }
    #album-coverarchivewrapper { width: 100%; float: none; }
    #album-coverarchiveimage { width: 160px; padding: 0px 0px 10px 0; float: none; }
    #album-coverimage img, #album-coverarchiveimage img { width: 100%; height: auto; }
    #album-soundcloud { padding-top: 20px; padding-bottom: 20px; }
    #album-tracklistwrapper { width: 100%; clear: both; display: inline-block; }
    #album-tracklist { width: 100%; float: none; }
    #album-credits { width: 100%; float: none; padding-left: 0px; }
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */