/*
	Theme Name:  Grab Radio
	Description: The Grab Radio theme
	Version:     2009
	Author:      John Blackbourn
	Author URI:  http://johnblackbourn.com/

*/

body {
    background: #191919 url('img/bg.png') top left no-repeat;
    margin: 0px;
    padding: 0px;
    text-align: center;
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 20px;
}

#outer {
	text-align: left;
	margin: 20px auto;
	width: 850px;
}

#header {
	float: left;
	margin: 18px 0px 0px 35px;
}

	#header p {
		margin: 0px;
	}

	#header a:link,
	#header a:visited {
		background: url('img/logo-new.png') left top no-repeat;
		display: block;
		width: 190px;
		height: 89px;
		margin: 0px;
	}

	#header a span {
		position: absolute;
		top: -999px;
	}

.nav {
	float: right;
	margin: 0px 30px 0px 0px;
}

	.nav ul {
		list-style: none;
		margin: 0px;
	}

	.nav li {
		float: left;
		width: 100px;
		text-align: center;
		line-height: 16px;
	}

	.nav li a:link,
	.nav li a:visited {
		color: #F8E726; /* #dbf087 */
		text-decoration: none;
		display: block;
		width: 100px;
		position: relative;
	}

	.nav li a span {
		display: block;
		position: absolute;
		left: 0px;
		cursor: hand; /* ie bug */
	}

	.nav li a span {
		width: 70px;
		margin: 0px 15px;
	}

#nav-top {}

	#nav-top ul {
		background: url('img/nav-top.png') right top no-repeat;
		height: 120px;
	}

	#nav-top li {
		background: url('img/nav-top.png') left top no-repeat;
		height: 120px;
	}

	#nav-top li a:link,
	#nav-top li a:visited {
		height: 100px;
		margin-top: 20px;
	}

	#nav-top li a:hover {
		background: url('img/nav-top-hover.png') left top repeat-x;
	}

	#nav-top li.current_page_item a {
		background: url('img/nav-top-on.png') left top repeat-x;
	}

	#nav-top li a span {
		bottom: 25px;
	}

#nav-bot {}

	#nav-bot ul {
		background: url('img/nav-bot.png') right bottom no-repeat;
		height: 100px;
	}

	#nav-bot li {
		background: url('img/nav-bot.png') left bottom no-repeat;
		height: 100px;
	}

	#nav-bot li a:link,
	#nav-bot li a:visited {
		height: 80px;
	}

	#nav-bot li a:hover {
		background: url('img/nav-bot-hover.png') left bottom repeat-x;
	}

	#nav-bot li.current_page_item a {
		background: url('img/nav-bot-on.png') left bottom repeat-x;
	}

	#nav-bot li a span {
		top: 25px;
	}

#inner {
	clear: both;
	background: #fff;
	padding: 10px 0px;
	position: relative;
	background: #fff url('img/bg-mid.png') center top repeat-x;
	width: 100%; /* hasLayout fix */
}

	#inner .appstore a:link,
	#inner .appstore a:visited {
		display: block;
		width: 132px;
		height: 43px;
		margin: 0px;
		background: url('img/appstore-small.png') center top no-repeat;
	}

	#inner .appstore a:focus,
	#inner .appstore a:hover {
		background: url('img/appstore-small.png') center bottom no-repeat;
	}

	#inner .appstore a span {
		top: -999px;
		position: absolute;
	}

	#inner .widget {
		margin-bottom: 30px;
	}

	#inner .widget ul,
	#inner .widget ol {
		padding-left: 17px;
	}

	#inner .widget h2 {
		font-size: 12px;
		font-weight: normal;
	}

	#inner .widget a:link,
	#inner .widget a:visited {
		color: #333;
	}

	#inner .widget .feed a:link,
	#inner .widget .feed a:visited {
		background: url('img/feed.png') left center no-repeat;
		padding-left: 17px;
	}


#h {
	clear: both;
	background: url('img/bg-top.png') center top no-repeat;
	height: 20px;
}

#f {
	background: url('img/bg-bot.png') center bottom no-repeat;
	height: 20px;
}

#content {
	margin: 10px 30px;
	float: left;
	width: 580px;
}

	#content h1,
	#content h2,
	#content h3,
	#content h4 {
		font-weight: bold;
		margin: 20px 0px 20px 0px;
	}

	#content h1 {
		margin: 0px 0px 30px 0px;
		padding-top: 20px;
		font-weight: normal;
		font-size: 22px;
		line-height: 26px;
		letter-spacing: -1px;
	}

	#content h2 {
		font-size: 22px;
		font-weight: normal;
		letter-spacing: -1px;
	}

	#content h3 {
		font-size: 14px;
	}

	#content h4 {
		font-size: 12px;
	}

	#content p,
	#content ol,
	#content blockquote,
	#content ul {
		margin: 0px 0px 15px;
		padding: 0px;
	}

	#content blockquote,
	#content ol,
	#content ul {
		margin-left: 40px;
		margin-right: 40px;
	}

	#content blockquote p {
		color: #525252;
		font-style: italic;
	}

	#content a:link {
		text-decoration: underline;
		color: #333;
	}

	#content a:visited {
		text-decoration: underline;
		color: #777;
	}

	#content .alignleft {
		float: left;
	}

	#content .alignright {
		float: right;
	}

	#content img.alignleft {
		margin: 0 10px 5px 0;
	}

	#content img.alignright {
		margin: 0 0 5px 10px;
	}

	#content img.centered {
		display: block;
		margin: 0px auto 5px;
	}

	#content .aligncenter,
	#content div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#content .wp-caption {
		border: 1px solid #ccc;
		text-align: center;
		padding-top: 5px;
		margin: 0px 0px 10px 0px;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}

	#content .wp-caption.alignleft {
		margin-right: 15px;
	}

	#content .wp-caption.alignright {
		margin-left: 15px;
	}

	#content .wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}

	#content .wp-caption p.wp-caption-text {
		padding: 4px;
		margin: 0;
		color: #525252;
	}

	#content .meta {
		color: #777;
		font-size: 11px;
	}

	#content .meta a:link,
	#content .meta a:visited {
		color: #777;
	}

	#content .post {
		border-top: 1px solid #ccc;
		padding-top: 15px;
		margin-top: 35px;
	}

	#content .post-first {
		border-top: 0px;
		padding-top: 0px;
		margin-top: 0px;
	}

	#content .post h2 {
		margin-bottom: 5px;
	}

.home {}

	.home #content {
		margin: 0px 50px 0px 0px;
		float: none;
		width: auto;
	}

	.home #content ul {
		list-style: none;
		margin-bottom: 20px;
		margin-left: 360px;
		margin-right: 0px;
	}

	.home #content li {
		margin-left: 20px;
		background: url('img/y.png') left center no-repeat;
		padding: 5px 0px 5px 40px;
	}

	.home #content img.alignleft {
		margin: 0 30px 5px 20px;
	}

	.home #content img.alignright {
		margin: 0 20px 5px 30px;
	}

	.home #cta a:link,
	.home #cta a:visited {
		display: block;
		margin: 20px 0px 10px 360px;
		width: 256px;
		height: 67px;
		background: url('img/appstore1.png') left top no-repeat;
	}

	.home #cta a:focus,
	.home #cta a:hover {
		background-position: bottom left;
	}

	.home #cta a span {
		top: -999px;
		position: absolute;
	}

#sidebar {
	margin: 75px 30px 0px 0px;
	float: right;
	width: 180px;
}

#social {
	float: right;
	color: #bbb;
	margin-top: 20px;
}

	#social a:link,
	#social a:visited {
		text-decoration: none;
		color: #bbb;
		padding: 2px 0px 3px 26px;
	}

	#social a:hover {
		color: #fff;
	}

	#social a.link-twitter {
		background: url('img/link-twitter.png') 2px top no-repeat;
	}

	#social a.link-facebook {
		background: url('img/link-facebook.png') 2px top no-repeat;
	}

	#social a.link-twitter:hover {
		background: url('img/link-twitter.png') 2px bottom no-repeat;
	}

	#social a.link-facebook:hover {
		background: url('img/link-facebook.png') 2px bottom no-repeat;
	}

#footer {
	clear: both;
	font-size: 10px;
	color: #666;
	margin-top: 10px;
}

	#footer a:link,
	#footer a:visited {
		text-decoration: underline;
		color: #666;
	}

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

#inner .edit {
	float: right;
	margin: 0px;
	position: absolute;
	top: 15px;
	right: 30px;
	font-size: 10px;
}

	#inner .edit a:link,
	#inner .edit a:visited {
		text-decoration: none;
		color: #eee;
		background: #333;
		padding: 5px 8px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	#inner .edit a:hover {
		background: #505050;
		color: #fff;
	}

.commentlist .avatar {
	float: left;
	margin-right: 10px;
}

.commentlist {
	list-style: none;
	padding: 0px;
}

.commentlist li {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#inner .admin {
	right: 80px;
}

hr {
	display: none;
}

a img {
	border: 0px;
}

.br {
	clear: both;
}