html {
	font-size: 16px;
	width: 100%;
}


* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background-color: #E9F0F5;
	margin: 0;
	min-width: 320px;
	padding: 0;
	width: 100%;
	font: normal 100% 'Open Sans', arial, sans-serif;
}

a {
	color: #40acff;
	outline: 0;
	text-decoration: none;
	-webkit-transition: color .1s;
	transition: color .1s;
}

#content {
	margin-right: 15px;
	padding-right: 336px;
}

* > .container {
	margin-top: 15px;
}

.main-header-search input:focus {
	color: #FFF;
}
#nav-below a {
	margin-bottom: 15px;
	max-width: 43%!important;
}
#nav-below a[rel~="next"] {
	float: right;
	text-align: right;
}
.author-page ul li+li:before {
	color: grey;
	content: "\2022";
	font-weight: 700;
	padding: 0 6px;
}
.border-top,
.side .tptn_posts_daily ul li + li,
.ui-menu li + li,
.related-posts li + li {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.cf {
	zoom: 1;
}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.container {
	overflow: hidden;
}
.entry-content .type {
	background: #40acff;
	color: #fff;
	display: block;
	font-size: 14pt;
	height: 40px;
	left: 0;
	line-height: 40px;
	position: absolute;
	text-align: center;
	top: 30px;
	width: 40px;
}
.fb-share-button {
	margin-right: 5px;
}
.gallery {
	margin: 0 auto;
	display: table;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 15px;
	margin: 0 0 15px;
}
.gallery .gallery-item {
	margin-top: 0;
	text-align: center;
	width: auto;
	margin: 15px;
	display: inline;
	float: left;
}
.gallery dl,
.gallery dt {
	margin: 0;
}
.gallery img {
	box-shadow: 0 3px 0 #D7E4ED;
}
.gallery img:hover {
	background: #FFF;
}
.gallery:before,
.gallery:after {
	content: " ";
	display: table;
}
.is-vishidden {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.layout {
	clear: both;
	float: none;
	padding: 0 15px;
	max-width: 1150px;
	margin: 0 auto;
}
.logo {
	float: left;
	padding-right: 2%;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
.logo img {
	position: relative;
	top: 13px;
	height: 40px;
	width: auto;
}
.logo:hover {
	opacity: .35;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}
.main-header-search input {
	background-color: transparent;
	background-image: url(http://aramajapan.com/wp-content/themes/aramajapan/img/social-media-icons.svg);
	background-size: 225px 32px;
	background-position: -192px center;
	background-repeat: no-repeat;
	border: 0;
	color: #FFF!important;
	font-size: 16pt;
	height: 60px;
	outline: 0;
	padding: 0 15px 0 35px;
	width: 100%;
}
.main-header-search input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.mainmenu {
	overflow: hidden;
}
.menu {
	background: #40acff;
	color: #FFF;
	font-size: 12pt;
	line-height: 60px;
	padding: 3px 0;
	position: relative;
	z-index: 250;
	width: 100%;
}

.menu-right {
	float: right;
	position: relative;
	top: 5px;
}
.menu-right .replace-img {
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.menu-right a.tip {
	background-color: white;
	border-radius: 4px;
	color: #40acff;
	padding: 8px 8px;
	top: -5px;
	position: relative;
	font-size: 90%;
}
.menu-right a.tip:hover {
	background-color: #40acff;
	color: white;
}
.menu-right a.replace-img {
	background-color: rgba(239, 239, 239, 0);
	background-image: url(http://aramajapan.com/wp-content/themes/aramajapan/img/social-media-icons.svg);
	background-size: 225px 32px;
	border-radius: .25em;
	height: 32px;
	-webkit-transition: background-color .2s ease 0;
	transition: background-color .2s ease 0;
	width: 32px;
	margin-top: 10px;
}
.menu-right a.facebook {
	background-position: -64px 0px;
}
.menu-right a.facebook:hover {
	background-color: #3b5998;
}
.menu-right a.google {
	background-position: -32px 0px;
}
.menu-right a.google:hover {
	background-color: #dd4b39;
}
.menu-right a.instagram {
	background-position: -128px 0px;
}
.menu-right a.instagram:hover {
	background-color: #3f729b;
}
.menu-right a.rss {
	background-position: -96px 0px;
}
.menu-right a.rss:hover {
	background-color: #f26522;
}
.menu-right a.twitter {
	background-position: 0 0px;
}
.menu-right a.twitter:hover {
	background-color: #55acee;
}
.menu-right a.tumblr {
	background-position: -160px 0px;
}
.menu-right a.tumblr:hover {
	background-color: #35465c;
}
.menu-right li {
	float: left;
	height: 32px;
	padding: 0 4px;
}









.success,
.error {
	color: #FFF;
	border-radius: 4px;
	padding: 1% 3%;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}
.success {
	background-color: #5CB85C;
}
.error {
	background-color: #D9534F;
}












/* NEWS POST */

.news-post {
	background-color: #fff;
	line-height: 1.6;
	margin-bottom: 15px;
}


.news-post .cover {
	background: #fff;
	overflow: hidden;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #E9F0F5;
}




.news-post .cover img {
	height: auto;
	width: 100%;
}

.news-post .header {
margin: 35px 15px 15px 15px;
}

.news-post .type {
	margin: 0 auto;
	margin-top: .5em;
}

.news-post  .type a,
.news-post  .type span {
	background-color: lightgrey;
	text-transform: uppercase;
}


.news-post h2.title {
	font-size: 175%;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.028em;
	margin: .35em 0 .25em 0;
	max-width: 650px;
}

.news-post .subtitle {
	font-size: .875em;
	margin: -20px 0 20px;
}

.news-post .entry-content {
	background: #fff;
	padding: 15px;
}

.news-post .entry-content a {
	border-bottom: 1px dotted #40acff;
}

.news-post .entry-content a > img {
	border-bottom: 0;
}

.news-post .entry-content  .embed-container a.media-source {
	color: grey;
	font-size: 80%;
	border: none;
	text-transform: uppercase;
}


.news-post a.more-link {
	margin-bottom: 3px;
	margin-top: 2%;
	width: 200px;
}

.news-post .entry-content  * + p, .news-post .entry-content  p + *  {
	margin-top: 15px;
}

.news-post .entry-content  * + .embed-container {
	margin: 1em 0;
}

.news-post .entry-content * + h1  {
	margin-top: 40px;
}


.news-post .entry-content * + h2  {
	margin-top: 30px;
}

.news-post .entry-content * + h3  {
	margin-top: 20px;
}

.news-post .entry-content * + h4  {
	margin-top: 10px;
}

.news-post .entry-content img {
	height: auto;
	max-width: 100%;
}
.news-post .entry-content section {
	margin: 75px auto 0;
	width: 80%;
}

.news-post blockquote {
	border-left: 2px solid #D3D3D3;
	margin-bottom: 2%;
	margin-left: 6%!important;
	margin-top: 15px;
	padding: 0 0 .5% 3%;
}
.news-post blockquote,
.news-post q {
	quotes: none;
}
.news-post blockquote:before,
.news-post blockquote:after,
.news-post q:before,
.news-post q:after {
	content: none;
}

.news-post .entry-content ol {
	list-style-type: decimal;
}
.news-post .entry-content ul {
	list-style-type: disc;
}
.news-post .entry-content ul,
.news-post .entry-content ol {
	margin: 0 0 2% 5%;
}

.news-post .entry-content .timestamp {
	font-size: .8rem;
	text-transform: uppercase;
	color: lightgrey;
	margin-bottom: 15px;
}


.news-post a.more-link,
input[type=submit] {
	position: relative;
	background-color: #40acff!important;
	border-radius: 4px;
	box-shadow: 0 3px 0 0 #278EFF!important;
	color: #FFF;
	display: block;
	border: 0!important;
	padding: 10px 25px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	z-index: 500;
}


* + .news-post a.more-link{
	margin-top: 15px;
}


.news-post a.more-link:active,
input[type=submit]:active {
	background-color: #f1505b!important;
	box-shadow: none!important;
	top: 3px!important;
	border: 0;
}
.news-post a.more-link:after {
	content: "\00276F";
	float: right;
	position: relative;
	top: 1px;
}

.news-post a.more-link:hover,
input[type=submit]:hover {
	background-color: #f1505b!important;
	box-shadow: 0 3px 0 0 #CF2D53!important;
}

/*! PAGINATION */

.news-post #post-pagination {
	text-align: center;
	margin-top: 25px;
}

.news-post #post-pagination a,
.news-post #post-pagination .current-post-page {
	padding: 10px 15px;
	border-radius: 3px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	overflow: hidden;
	margin: 2px 4px;
	background-color: white;
	display: inline-block;
	border: 0;
}
.news-post #post-pagination a:hover {
	background-color: #E9F0F5;
}
.news-post #post-pagination .current-post-page {
	background-color: #E9F0F5;
}


/* MODULES BELOW POSTS */

.post-shaded {
	background-color: #e2e2e2;
	padding: 15px;
}

.post-shaded p {
	font-weight: 700;
	text-transform: uppercase;
	font-size: .8rem;
}

.post-data {
	float: left;
	width: 65%;
}


.post-data ul {
	display: inline-block;
	margin-top: 15px;
}
.post-data ul li,
#nav-below a[rel~="prev"] {
	float: left;
}


.taglist {
	float: right;
	text-transform: uppercase;
	width: 35%;
}




.taglist ul {
	list-style-type: none;
	margin-top: 5px;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
}


.taglist ul li{
	list-style-type: none;
	float: left;
	margin-right: 4px;
	margin-bottom: 8px;
}

.taglist ul li a {
	padding: 2px 8px 4px 8px !important;
	font-size: 12px;
	border-radius: 2px;
	background-color: white;
	cursor: pointer;
	margin-top: 4px;
	
}

.social {
	margin-top: 3px;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
}

.social .link {
	padding: 2px 8px 4px 8px !important;
	color: white;
	font-size: 12px;
	border-radius: 2px;
	margin-right: 4px;
	cursor: pointer;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
	margin-top: 2px;
	display: inline-block;
}
 
.social .link:hover, .social  .link:active {
	color: white;
}
 
.social .twitter {
	background: #00aced;
}
 
.social .twitter:hover,.social .twitter:active {
	background: #0084b4;
}
 
.social .facebook {
	background: #3B5997;
}
 
.social .facebook:hover, .social  .facebook:active {
	background: #2d4372;
}
 
.social .googleplus {
	background: #D64937;
}
 
.social .googleplus:hover,.social .googleplus:active {
	background: #b53525;
}
 
.social .buffer {
	background: #444;
}
 
.social .buffer:hover,.social .buffer:active {
	background: #222;
}
 
.social .pinterest {
	background: #bd081c;
}
 
.social .pinterest:hover,.social .pinterest:active {
	background: #bd081c;
}
 
.social .linkedin {
	background: #0074A1;
}
 
.social .linkedin:hover,.social .linkedin:active {
	background: #006288;
}
 
.social .whatsapp {
	background: #43d854;
}
 
.social .whatsapp:hover,.social .whatsapp:active {
	background: #009688;
}

 @media screen and (min-width: 1024px) {
	.social .whatsapp {
	display: none !important;
	}
}


/* COMMENTS */


.news-post.comments .header {
margin: 15px 15px;
}






/* BOTTOM OF THE PAGE NAV */

#nav-below a {
	font-size: 120%;
	max-width: 45%;
	font-weight: 800;
	padding: 10px 0;
}
#nav-below a:before {
	color: lightgrey;
	font-weight: 100;
}
#nav-below a:hover:before {
	color: grey;
}
#nav-below a[rel=prev]:before {
	content: "\00276E";
	float: left;
	position: relative;
	top: 1px;
	margin-right: 10px;
}
#nav-below a[rel=next]:before {
	content: "\00276F";
	float: right;
	position: relative;
	top: 1px;
	margin-left: 10px;
}







.news-post,
.side-holder.round,
.ui-autocomplete,
.side img.tptn_thumb,
.related-posts img,
.contact input,
.contact textarea,
.netizen-comment,
.custom img,
.staff img {
	border-radius: 3px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	overflow: hidden;
}
.helper {
	background-color: white;
}

















.related-posts .title {
	display: block;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}
.share-module {
	display: inline-block;
	width: 100%;
	font-size: .8rem;
	text-transform: uppercase;
	border-top: 1px solid #E9F0F5;
}

.share-module b {
	font-weight: 300;
}


.share-module > div > a, .share-module > div >  span {
	position: relative;
	padding: 15px;
	display: block;
	color: grey;
}

.share-module a:hover {
	background-color: #E9F0F5;
	color: lightgrey;
}

.share-module i {
	font-size: 115%;
	color: lightgrey;
}



.date {
	color: grey;
	font-size: 90%;
	border: none;
}
.side {
	color: #475258;
	display: block;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px!important;
	width: 336px;
}



.side .ad {
	text-align: center;
}

.side .tptn_posts_daily .tptn_title,
.side .tptn_posts .tptn_title {
	display: block;
	font-size: 90%;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}
.side .tptn_posts_daily ul li,
.side .tptn_posts ul li {
	background: none;
	clear: both;
	display: block;
	list-style: none;
	padding: 5%;
}
.side .tptn_posts_daily ul,
.side .tptn_posts ul {
	margin: 0!important;
	padding: 0!important;
}
.side .widget-container,
.cf:after {
	clear: both;
}
.side .widget-container:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.side h2 {
	background-color: #3b97d3;
	border: 0;
	color: #FFF;
}
.side h3.widget-title {
	padding: 15px 6%;
}
.side h3.widget-title,
.widget-container h3{
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	color: #40acff;
	display: block;
	font-weight: 700;
	text-transform: uppercase;
}
.side img.tptn_thumb {
	clear: left;
	display: block;
	float: left;
	height: 75px!important;
	margin: 0 5% 5% 0 !important;
	width: 75px!important;
}
.side img.tptn_thumb:after {
	content: ' ';
	height: 100%;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 100%;
}
.social li {
	display: inline-block;
	margin: 0 6px;
}
.thumbnail-parent {
	display: table;
	padding: 2% 3%;
	width: 100%;
}
.thumbnail-parent .left {
	width: 50px;
}
.thumbnail-parent > .right {
	padding: 0 4% 0 2%;
	vertical-align: top;
}
.thumbnail-parent > div {
	display: table-cell;
}
.top-stories a img {
	float: left;
	margin-right: 6%;
}
.twitter-share-button {
	width: 80px!important;
}
.ui-autocomplete {
	background-color: #FFF;
	cursor: default;
	position: absolute;
	font-size: 90%;
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-menu {
	display: block;
	float: left;
	list-style: none outside none;
	margin: 0;
}
.ui-menu .ui-menu-item {
	clear: left;
	float: left;
	margin: 0;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	background-color: #FFF;
	cursor: pointer;
	display: block;
	padding: 2% 3%;
	-webkit-transition: color .1s background .1s;
	transition: color .1s background .1s;
}
.ui-menu .ui-menu-item a:hover {
	background: #ddd;
	color: #333;
}
.ui-widget-content {
	border-top: 0!important;
	color: grey;
	margin-left: 25px;
	margin-top: -2px;
	min-height: 0;
	outline: 0;
	-webkit-transition: min-height .2s;
	transition: min-height .2s;
	z-index: 1000;
}


/*FOR YOUTUBE VIDEO*/

.video-container, .embed-youtube {
	width: 100%;
	height: 0px;
	position: relative;
	padding-bottom: 42.284%;
}
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed,
.video-container iframe,
.video-container object,
.video-container embed {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	max-width: 100%;
}


.widget-container {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.widget-container h3{
	padding: 15px 3%;
}
.yarpp-related-widget h3 {
	margin-bottom: 0;
}
.contact form {
	margin: 0 auto;
}
.contact ul {
	margin: 0!important;
}
.contact ul li {
	list-style-type: none;
	margin: 0 0 15px 0;
}
.contact label {
	display: none;
}
.staff {
	margin: 0 auto;
	width: 100%;
}
.staff h2,
.staff h3 {
	margin: 0!important;
}
.staff ul {
	font-size: 90%;
	margin: 0 auto;
}
.staff .admin li {
	display: inline;
}
.staff .admin ul li+li:before {
	color: grey;
	content: "\2022";
	font-weight: 700;
	padding: 0 6px;
}
.staff .admin {
	width: 45%;
	float: left;
	margin-bottom: 7%;
	padding: 0 15px;
}
.staff img {
	border-radius: 50px;
}
.staff p,
.staff h2,
.staff h3,
.staff ul {
	padding: 15px;
}
.staff .contributor {
	padding: 15px;
	float: left;
	width: 28.333%;
	text-align: center;
}
.staff .contributor:nth-child(3n+1) {
	clear: left
}
.contact textarea,
.contact input {
	width: 90%;
	background-color: RGBA(204, 204, 204, .1);
	outline: none;
	border: none;
	display: block;
	margin: 0 auto;
	padding: 2%;
}
.contact input[type=submit] {
	width: auto!important;
	padding: 1% 3%;
}
.contact textarea {
	height: 150px;
}

a.social-icon {
	border-radius: 2px;
	padding: 6px 15px;
}
a.social-icon .fa,
.news-post .tptn_counter,
.author-page ul li {
	display: inline;
}

footer {
	background-color: #FFF;
	color: grey;
	padding: 4% 0;
}
footer .about {
	float: left;
	padding: 2%;
	width: 60%;
	
}

footer .about p {
   max-width: 400px;
   
	
}

footer .about img {
	margin-bottom: 25px;
}
footer .about li {
	color: gray;
	float: left;
}
footer .about ul {
	display: inline-block;
	margin-top: 4%;
	width: 100%;
}
footer .about ul:nth-of-type(1) li {
	margin-right: 1%;
}
footer .about ul:nth-of-type(2) li {
	margin-right: 4%;
}
footer .categories li,
footer .follow li {
	margin-bottom: 1%;
}
footer .categories p,
footer .follow p {
	font-weight: 700;
	margin-bottom: 6%;
	text-transform: uppercase;
	font-size: .8rem;
}
footer .categories,
footer .follow {
	float: left;
	padding: 2%;
	width: 14%;
}
hr {
	border: 1px solid #D3D3D3;
	margin: 4% 0;
}
body,
input,
textarea {
	color: #323232;
	font: 100% 'Open Sans', arial, sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
.side-holder img {
	display: block;
}
b,
strong {
	font-weight: 700;
}
a:hover {
	color: #cf2d53;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	margin: 0;
	padding: 0;
}
ol li {
	margin-left: 3%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}


/* NETIZEN COMMENTS */
.netizen-comment {
	background-color: white;
	width: 100%;
	border-radius: 3px;
}

* + .netizen-comment {
	margin-top: 15px;
}

.netizen-comment .attribution {
	background-color: #CF2D53;
	color: white;
}
.netizen-comment .tokumei {
	padding: 15px;
	overflow: hidden;
}
.netizen-comment .number {
	padding: 15px;
	display: inline;
	float: left;
	text-align: center;
}
.netizen-comment .rating {
	padding: 15px;
	display: inline;
	float: right;
}
.netizen-comment .comment {
	padding: 15px;
	clear: both;
}


/* RANKING */
.ranking {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
	border-radius: 3px;
	box-shadow: 0px 3px 1px #D7E4ED;
	overflow: hidden;
	margin: 4% 0;
}
.ranking img {
	float: left;
	margin-right: 2%;
	max-height: 100%;
	width: auto;
}
.ranking tr.big td {
	height: 80px;
}
.ranking th {
	background-color: #40ACFF;
	color: white;
	font-weight: normal;
}
.ranking th.title {
	font-size: 130%;
	padding-bottom: 0;
}
.ranking td,
.ranking th {
	padding: 15px;
}
.ranking td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ranking th.rank {
	width: 10%;
}
.ranking th.song,
.ranking th.artist {
	word-wrap: break-word;
	table-layout: fixed
}
.ranking th.song {
	text-align: left;
	width: 70%;
}
.ranking th.sales {
	width: 20%;
}
.ranking td {
	vertical-align: top;
}
.ranking td.rank,
.ranking td.sales {
	text-align: center;
}
.ranking td.rank .number,
.ranking td .song {
	font-size: 120%;
}
.ranking td .artist {
	color: grey;
}
.ranking td.rank div.place {
	text-transform: uppercase;
	font-size: 70%;
	padding: 5px;
}
.ranking td.rank div.new {
	color: #cf2d53;
}
.ranking td.rank div.rankdown {
	color: #40ACFF;
}
.ranking td.rank div.rankup {
	color: #83ff40;
}
.ranking td.rank div.stay {
	color: grey;
}
table .alignLeft {
	text-align: left;
}
table .alignCenter {
	text-align: center;
}
table .alignRight {
	text-align: right;
}


/* REVIEW */

* + .review h3.title2 {
	margin-top: 0px;
}

* + .review .summary  {
margin-top: 15px;
}


.review .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.review .summary .text {
  flex-order: 1;
}

.review .summary .img {
  max-width: 300px;
  margin-right: 15px;
  order: -1;
}

.review .summary .img img {
  max-width: inherit;
  height: auto;
}

.review .summary {
  position: relative;
}

 * + .review .summary {
  margin-top: 15px;
}

@media (max-width: 768px) {
  .review .summary {
	display: block;
  }
  .review .summary .img {
	margin: 0 auto;
  }
  
  .review .summary .img +.text {
	margin-top: 15px;
  }
  
}



/* ORGANIZED TABLE */
table.organized {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
	border-radius: 3px;
	box-shadow: 0px 3px 1px #D7E4ED;
	overflow: hidden;
	vertical-align: top;
	margin: 15px 0;
}
table.organized th {
	background-color: #40ACFF;
	color: white;
	font-weight: normal;
}
table.organized th.title {
	font-size: 130%;
	padding-bottom: 0;
}




table.organized td,
table.organized th {
	padding: 10px 2.5px;
	vertical-align: top;
}


table.padded td,
table.padded th {
	padding: 15px;
	vertical-align: top;
}


table.organized td.image {
	width: 200px;
	vertical-align: top;
	padding: 0;
}
table.organized td.image img {
	width: 100%;
	height: auto;
}
table.organized td.label {
	padding-right: 50px;
	text-align: left;
	min-width: 75px;
}
table.organized td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
img.alignright {
	float: right;
	margin: 0 0 1em 1em
}
img.alignleft {
	float: left;
	margin: 0 1em 1em 0
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.winner {
	background: url(http://i.imgur.com/XHhRXac.gif);
}



.quote {
	width: 50%;
	float: right;
	margin: 2% 0 15px 3%;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 125%;
	letter-spacing: 1px;
}
.quote p {
	text-align: left!important;
}
.quote p:before,
.quote p:after {
	font-family: Georgia, serif;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 48px;
	font-size: 50px;
	opacity: .2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.quote p:before {
	content: '\201C';
	margin-right: 4px;
	margin-left: -32px;
}
.quote p:after {
	content: '\201D';
	margin-left: 4px;
	margin-right: -8px;
}
.quote-by {
	display: block;
	padding-right: 15px;
	text-align: right;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
}
.interviewTitle {
	border-bottom: 1px solid #E8F5F9;
	padding: 15px 0;
	margin-top: 40px!important;
	margin-bottom: -15px!important;
}
.interview-box {
	width: 40%;
	float: right;
	margin: 0 0 15px 3%;
	clear: both;
	border-radius: 3px;
	box-shadow: 0px 3px 1px #D0E4EA;
	overflow: hidden;
	font-size: 90%;
	background-color: #E8F5F9;
	margin-top: 5px;
}
.interview-box h4 {
	margin-top: 0px!important;
	padding: 3%;
	border-bottom: 1px solid #D0E4EA;
}
.interview-box ul,
.interview-box li {
	list-style-type: none;
	padding: 0!important;
}
.interview-box li:before {
	content: "\25B6";
	color: red;
	font-size: 90%!important;
	padding-right: 15px;
	font-size: 150%;
	font-weight: bold;
}
.interview-box a.itunes {
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);
	padding: 3px;
	border-radius: 3px;
	background-color: red;
	color: white;
	margin-bottom: 5px!important;
	display: block;
	text-align: center;
	font-size: 90%;
}
.interview-box a.itunes:hover {
	color: red!important;
	background-color: white;
}
.interview-question {
	margin-top: 30px;
	margin-bottom: 15px;
}
.interview-red {
	color: red;
}
.interview-blue {
	color: #40ACFF;
}




/*! Flickity v2.0.2
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
	position: relative;
}
.flickity-enabled:focus {
	outline: none;
}
.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}
/* draggable */

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
	position: absolute;
	top: 50%;
	width: 84px;
	height: 84px;
	border: none;
	border-radius: 50%;
	background: white;
	background: hsla(0, 0%, 100%, 0.75);
	cursor: pointer;
	/* vertically center */
	
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
	background: white;
}
.flickity-prev-next-button:focus {
	outline: none;
	box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.flickity-prev-next-button.previous {
	left: 15px;
}
.flickity-prev-next-button.next {
	right: 15px;
}
/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 15px;
}
.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 15px;
}
.flickity-prev-next-button:disabled {
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	cursor: auto;
}
.flickity-prev-next-button svg {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
}
.flickity-prev-next-button .arrow {
	fill: #333;
}
/* ---- page dots ---- */

.flickity-page-dots {
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: 1;
}
.flickity-rtl .flickity-page-dots {
	direction: rtl;
}
.flickity-page-dots .dot {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 8px;
	background: #333;
	border-radius: 50%;
	opacity: 0.25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* cell */

#carousel {
	width: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}


* > #carousel {
	margin-top: 15px;
}

.featured-artist {
	position: relative;
}

.post-cell {
	width: 30%;
	height: 325px;
	margin: 0 15px;
	margin-right: 0;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	background-position: center center;
	background-size: cover;
}
.featured-artist .post-cell {
	width: 100%;
	height: 250px;
	margin: 0;
}
.post-cell .gradient {
	background-position: 0 100%;
	background-size: auto 200%;
	height: 100%;
	-webkit-transition: background-position .5s;
	transition: background-position .5s;
	width: 100%;
	background: linear-gradient(to bottom,rgba(80, 171, 241,.25) 0, rgba(80, 171, 241,0.4) 50%, rgba(80, 171, 241,0.4) 70%, rgba(80, 171, 241,.8) 100%);
}
.post-cell:hover .gradient {
	background-position: 0 30%;
}
.post-cell .mainlink {
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20;
}
.post-cell .content {
	bottom: 0;
	color: #FFF;
	display: block;
	left: 0;
	width: 80%;
	height: 100%;
	position: absolute;
	text-transform: uppercase;
}
.post-cell .content .type {
	padding: 0;
	margin: 25px;
}
.type a,
.type span {
	background-color: #40acff;
	color: white;
	font-weight: 400;
	font-size: .7rem;
	line-height: 1;
	margin: 2px;
	border-radius: 3px;
	padding: .45em .75em;
	letter-spacing: .25px;
	text-transform: uppercase;
	width: auto;
	float: left;
	transition: opacity .125s;
}

.type a:hover {
	opacity: .75;
}


.type a + *, .type span + *{
	margin-left: 3px;
}
.post-cell .content .title {
	font-size: 160%;
	font-weight: 800;
	line-height: 110%;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	letter-spacing: .5px;
	position: absolute;
	bottom: 0;
	margin: 25px;
	-webkit-transition: bottom .25s;
	transition: bottom .25s;
}
.post-cell:hover .content .title {
	bottom: -5px;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


.ad {
	text-align: center;
	width: 100%;
}


.custom {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;

}

.custom.spacing {
padding: 0 15px;
	
}

.custom img {
	width: 100%;
	height: auto;
}
	
	
.custom a {
	position: absolute;
    width: 100%;
    height: 100%;
	display: block;
}

.custom.leaderboard {
	width: 728px;
	height: 90px;
}

.custom.side-holder {
	width: 336px;
}



* + .custom, .custom + *,  * + .ad, .featured-artist + *, * + .featured-artist {
	margin-top: 15px;
}






/* RESPONSIVE */


@media (min-width: 2000px) {
	#carousel .post-cell {
		width: 18%;
		height: 250px;
	}
}




@media (max-width: 1200px) {
	#carousel .post-cell {
		width: 66%;
		height: 250px;
	}
}



@media (max-width: 950px) {
	
	.custom.leaderboard {
		width: 100%;
		height: auto;
	}

	#nav-below a {
	font-size: 110%;
	}
	
	html {
		font-size: 85%;
	}
	
	.post-data ul li {
		width: 100%;
	}
	body {
		font: normal 115% 'Open Sans', arial, sans-serif;
		min-width: 320px;
	}
	.flickity-prev-next-button {
		width: 44px;
		height: 44px;
	}
	#carousel .post-cell {
		margin-top: 0;
		margin-left: 0;
		border-radius: 0;
	}
	.post-cell .content .title {
		font-size: 130%;
		width: 100%;
	}
	#side-fb,
	.featured-artist,
	#side-top10 {
		display: none;
	}
	nav.menu {
		text-align: center;
	}
	nav.menu .mainmenu {
		display: none;
	}
	nav.menu .logo {
		float: none;
	}
	nav.menu .logo img {
		height: 30px;
	}
	.side {
		clear: both;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#content {
		clear: both;
	}
	.news-post .image {
		max-height: 250px;
	}
	#content {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.post-data {
		width: 100%;
		float: none;
	}

	.taglist {
		width: 100%;
		float: none;
		margin-top: 15px;
	}

	footer {
		overflow: hidden;
		
	}
	footer .about ul {
		display: none;
	}
	footer .categories p,
	footer .follow p {
		margin-bottom: 2%;
	}
	footer .layout > div {
		float: left;
		width: 100%;
	}
	footer .follow li,
	footer .categories li {
		float: left;
		margin-right: 4%;
	}
	nav ul {
		display: none;
	}
}


@media (max-width: 400px) {
	html {
		font-size: 80%;
	}
	
	#carousel .post-cell {
		width: 100%;
	}
}