@charset "UTF-8";

@import url("remooz/remooz.css");

@media all {

	html, body {
		margin: 0;
		padding: 0;
		outline: 0;
		border: 0;
		height: 100%;
	}

	body {
		background-color: #222;
		color: #333;
	}

	* {
		font-family: Calibri,"Trebuchet MS",Arial,Helvetica,sans-serif;
		font-size: 13px;
		padding: 0;
		margin: 0;
	}

	.container {
		width: 980px;
		margin: auto;
	}

	#header {
		background: #ffdb34 url("../img/top-hl-fff.png") left top repeat-x;
		min-height: 80px;
		border-bottom: 1px solid #222;
	}

	#header .container {
		padding: 20px;
		width: 940px;
	}

	#header h1 {
		padding: 0;
		margin: 0;
		color: #8b0f0f;
		background: transparent url("../img/logo-revolutionise.png") left top no-repeat;
	}

	#header h1 a {
		width: 233px;
		height: 40px;
		display: block;
		text-indent: -9009px;
	}

	#contents {
		background: transparent url("../img/top-fa-000.png") 0px -10px repeat-x;
		padding-bottom: 20px;
		border-top: 1px solid #cfab04;
	}

	#contents .container {
		padding-top: 20px;
	}

	.contents {
		padding: 10px 20px 20px;
		background-color: #fff;
		width: 940px;
		-moz-border-radius: 0 10px 0 0;
		-webkit-border-radius: 0 10px 0 0;
		border-radius: 0 10px 0 0;
	}

	.contents.left-column {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	a {
		color: #8b0f0f;
		text-decoration: none;
	}

	a:visited {
		color: #6b0000;
	}

	a:hover {
		color: #9f7b00;
	}

	a img {
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		outline: 0 !important;
	}

	h2 {
		font-size: 18px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #555;
	}

	ul, li {
		list-style: none;
	}

	ul.actions, ul.list {
		margin-top: 10px;
	}

	ul.actions li {
		display: inline;
	}

	ul.list li {
		margin-bottom: 5px;
	}

	ul.actions a {
		padding-left: 20px;
		background-position: center left;
		background-repeat: no-repeat;
		height: 16px;
		display: block;
		float: left;
		margin-right: 10px;
	}

	.actions a[href^=http] {
		background: transparent url("../img/world.png") left top no-repeat;
		padding-left: 20px;
	}

	.actions a.discuss {
		background-image: url("../img/comments.png");
	}

	.actions a.paste {
		background-image: url("../img/paste_plain.png");
	}

	.actions a.manual {
		background-image: url("../img/pdf.gif");
	}

	abbr {
		border-bottom: 1px dotted #222;
		cursor: help;
	}

	p {
		margin-top: 10px;
		line-height: 1.8em;
	}

	.right-cell {
		float: right;
		color: #999;
		text-align: right;
	}

	.right-cell span {
		display: block;
		margin-bottom: 4px;
	}

	.left-cell {
		margin-right: 120px;
	}

	.clear-both {
		clear: both;
	}

	.contents:hover {
		background: #ffdb34 url("../img/top-hl-fff.png") 0px 1px repeat-x;
	}

	.contents:hover p, .contents:hover span {
		color: #000;
	}

	.contents:hover h2 {
		color: #333;
	}

	.plugin {
		background: transparent url("../img/plugin.png") right top no-repeat;
		height: 16px;
		padding-right: 20px;
	}

	.date {
		background: transparent url("../img/date.png") right top no-repeat;
		height: 16px;
		padding-right: 20px;
	}

	.logotype {
		background: transparent url("../img/image.png") right top no-repeat;
		height: 16px;
		padding-right: 20px;
	}

	.info {
		background: transparent url("../img/information.png") right top no-repeat;
		height: 16px;
		padding-right: 20px;
	}

	.spotify {
		background: transparent url("../img/icon-spotify.png") right top no-repeat;
		height: 16px;
		padding-right: 20px;
	}

	.mobile {
		background: transparent url("../img/phone.png") right top no-repeat;
		height: 16px;
		padding-right: 20px;
	}

	.android {
		background: transparent url("../img/android.png") right top no-repeat;
		height: 16px;
		padding-right: 20px;
	}

	.redesign {
		background: transparent url("../img/image_edit.png") right top no-repeat;
		height: 16px;
		padding-right: 20px;
	}

	.design {
		background: transparent url("../img/images.png") right top no-repeat;
		height: 16px;
		padding-right: 20px;
	}

	.icon-spotify {
		background: transparent url("../img/icon-spotify.png") left top no-repeat !important;
		height: 16px;
		padding-right: 20px;
	}

	.icon-spotifylist {
		background: transparent url("../img/icon-spotifylist.png") left top no-repeat !important;
		height: 16px;
		padding-right: 20px;
	}

	.contents-mirror {
		margin-top: 2px;
		height: 18px;
		background: transparent url("../img/top-mirror-fff.png") 0px -50px repeat-x;
	}

	.left-column {
		width: 170px;
		float: left;
		margin-right: 20px;
		min-height: 180px;
	}

	.left-column.left-android {
		min-height: 225px;
	}

	.right-column {
		float: left;
		width: 710px;
		min-height: 180px;
	}

	.left-column-mirror {
		float: left;
		width: 210px;
		margin-right: 20px;
	}

	.right-column-mirror {
		float: left;
		width: 750px;
	}

	.contents:hover + .contents-mirror, .contents:hover + .clear-both + .contents-mirror + .contents-mirror, .contents:hover + .contents + .clear-both + .contents-mirror {
		background-image: url("../img/top-mirror-ffdb34.png");
	}

	#footer {
		border-top: 1px solid #444;
		background-color: #333;
		padding: 10px 20px 80px;
	}

	#footer div {
		color: #666;
	}

	#footer a, #footer a:visited {
		color: #888;
	}

	#footer a:hover {
		color: #999;
	}

	#footer p:first-child {
		margin-top: 0;
	}

}