/*
 * rdio.css
 */

header { margin-top: 0; }
#header ul.nav { margin: 0; }
body { font-size: 100%; }
body h1 { color: #D8CAA0; font-size: 5em; font-weight: 600; font-style: normal; padding: 0 0 0.5em; margin 0; } 
body h1 em { font-size: 0.5em; bottom: 1em; position: relative; }
body h2 { font-size: 2em; padding: 1em 0; }
body h2 a, body h2 a:hover { color: #D8CAA0; }

body h3 { padding: 1em 0; }
body h3.lessspace { padding: 0 0 1em; }
body h3 a { color: #C26700; }
body .desc h2 { font-weight: 300; padding: 0 0 0.5em; }
body .desc h2 em { font-style: normal; font-weight: 700; }

body div.feature {
	margin: 60px 0;
	text-align: left;
}

body div.feature h3 {
	color: #d0d0ce;
	margin: 0;
}

body div.feature p,body div.feature h3 {
	text-transform: lowercase;
	padding: 0;
	height: 1.4em;
}

body div.feature p {
	color: #8f8f8d;
}

body ul#twobutton li a { background: #302d29; line-height: 1; text-align: right; }
body ul#twobutton li a em { font-style: italic; font-weight: 700; }
body ul#twobutton li a span { bottom: 0.3em; font-size: 0.6em; font-weight: 700; position: relative; }
body ul#twobutton li a:hover { background: #45403b; }

body ul#twobutton {
	clear: left;
	display: block;
	float: left;
	margin: 30px 0 0;
	padding: 0;
}

body ul#twobutton li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

body ul#twobutton li a {
	display: block;
	padding: 10px 20px;
}

table {
	font-size: 0.8em;
}

table th {
    text-align: left;
}

.grid_8 img {
	display: block;
	padding: 0;
	margin: 40px 0 0;
}

.grid_8 p {
	font-size: 0.75em;
	font-style: italic;
	margin: 0;
	padding: 0.25em 0 0 0;
	text-align: center;
}

.slider img {
	display: none;
	position: absolute;
	width: 390px;
	height: 300px;
	left: 0;
	top: 0;
}

.slider img.active {
	display: block;
}