/* --| Stylesheet for IndieFeed.com Index Feature Page |-- */

/* Basics */
body,html{
	background-color:#101b25;
	background-image:url(../images/bg-blips.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	font-family:"Trebuchet MS", Arial, Verdana;
	color:#666666;
}
a{
	color: #FFFFCC;
}
a:hover{
	color:#FFFFFF;
	background-color:#101b25;
}
.clear{
	clear:both;
	margin:0 auto;
	padding:0;
}

/* Header and Nav */
#nav{
	position:absolute;
	margin:0 auto;
	padding:0;
	top:5px;
	right:0px;
}
#nav a{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 auto;
	padding:14px;
}
#nav a:hover{
	background-color:transparent;
	background-image:url(../images/transparent-black.png);
}
#nav ul{
	list-style:none;
	background-image:url(../images/transparent-black.png);
	width:auto;
	margin:0 auto;
	padding:10px;
	overflow:hidden;
	float:right;
}
#nav li{
	display:inline;
	margin:0 auto;
	padding:0;
}
#header{
	width:900px;
	height:100px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#logo{
	position:absolute;
	top:20px;
	left:0;
}
#logo a,#logo img{
	border:none;
}
#logo a:hover{
	border:none;
	background:transparent;
}

/* Content */
#content{
	width:900px;
	margin:0 auto;
	padding:0;
}
#video{
	background:#FFFFFF;
	height:320px;
	width:480px;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
}
#video #flash{
	margin:0 auto;
	padding:20px 20px 0;
}
#video embed{
	margin:0 auto;
	padding:0;
}
#video object{
	margin:0 auto;
	padding:0;
}
#video p{
	text-align:center;
	margin:0 auto;
	padding:0.6em;
}
#main{
	background-image:url(../images/transparent-black.png);
	color:#FFFFFF;
	height:320px;
	width:420px;
	margin:0 auto;
	padding:0;
	float:left;
	overflow:hidden;
}
#main .block{
	padding:10px 20px;
}
#main h1,#main h2{
	font-family:"Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-size:22px;
	color:#FFFFFF;
	margin:0 auto 10px;
	padding:0;
}
#main p{
	font-size:14px;
	color:#FFFFFF;
	width:auto;
	margin:0 auto;
	padding:0;
}
#main sup{
	font-size:40%;
}
#main .block ul li a{
	color:#666666;
	text-decoration:none;
	border:none;
}
#main .block ul li img{
	border:none;
	width:112px;
	height:56px;
	color:#666666;
	font-size:10px;
}
#main .block ul li a:hover{
	background: none;
	color: #33CCCC;
}
#main .block ul{
	margin:0 auto;
	padding:8px 14px;
	list-style:none;
}
#main .block ul li{
	margin:4px;
	padding:4px;
	display:inline;
	float:left;
	text-align:center;
	width:112px;
	height:56px;
	border:1px dotted #CCCCCC;
}
#main .block ul li:hover{
	background:#FFFFFF;
}
#main .block ul li p{
	margin:0;
	padding:0;
	color:#666666;
	font-size:12px;
	display:none;
}
#items_container .left{
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
}
#items_container .right{
	float:left;
	margin:0;
	overflow:hidden;
}
#items_container .player{
	background-image:url(../images/transparent-black.png);
	margin-bottom:10px;
	padding:6px;
	height:auto;
	border:1px dotted #666666;
	float:left;
	width:526px;
	overflow:hidden;
}
#items_container .player object{
	margin:2px 0;
	padding:0;
}
#items_container .player h1{
	font-size:14px;
	margin:0 auto;
	padding:0;
}
#items_container .player h2{
	font-size:12px;
	color:#999999;
	margin:0 auto 2px;
	padding:0;
	overflow:hidden;
}
#items_container .player h2 a{
	font-size:12px;
	color: #CCCCCC;
	margin:0 auto;
	padding:2px 6px 2px 0;
	text-decoration:none;
}
#items_container .player .rss a{
	color:#999999;
	font-size:10px;
	float:left;
}
#items_container .player .rating{
	float:left;
	font-size:10px;
	margin:0 auto;
	padding:0 10px;
	text-align:center;
	position:relative;
}
#items_container .player .rating img{
	width:8px;
	height:8px;
}
#items_container .player .rating .post-ratings-loading{
	display:none;
}
#items_container .player .rating .post-ratings-text{
	bottom:0;
	float:left;
	position:absolute;
	right:-32px;
}
#items_container .player .download a{
	color:#33FF99;
	font-size:10px;
	float:right;
}
#items_container .review{
	background-image:url(../images/transparent-black.png);
	margin:0;
	padding:10px;
	width:600px;
	height:auto;
	border:1px dotted #666666;
	float:none;
	clear:both;
	overflow:hidden;
}
#items_container .review blockquote{
	font-size:14px;
	color:#99ffff;
	margin:0 auto;
	padding:10px;
}
#items_container .review blockquote.odd{
	color:#ccff99;
}
#items_container .review .name a{
	color: #999999;
	font-size:14px;
	float:right;
	text-align:right;
	margin:0;
	padding:10px;
}
#items_container .review .link a{
	background:#000000;
	color:#33FF99;
	font-size:14px;
	float:right;
	margin:0;
	padding:10px;
}
#items_container .albumart{
	background-image:url(../images/transparent-black.png);
	border:1px dotted #666666;
	margin:0;
	padding:8px;
	overflow:hidden;
}
#items_container .albumart a img{
	padding:0;
	margin:0;
	border:none;
	width:250px;
	height:250px;
	float:left;
}
#items_container .genre a{
	border:none;
	text-decoration:none;
	color:#999999;
}
#items_container .genre img{
	border:none;
	width:56px;
	height:56px;
	font-size:10px;
}
#items_container .genre a:hover{
	background: none;
	color: #33CCCC;
}
#items_container .genre{
	margin:0 12px 10px 0;
	padding:6px 4px;
	display:inline;
	float:left;
	text-align:center;
	width:60px;
	background-image:url(../images/transparent-black.png);
	height:auto;
	border:1px dotted #666666;
	overflow:hidden;
}
#items_container .genre p{
	margin:0;
	padding:0;
	color:#666666;
	font-size:10px;
	line-height:12px;
	display:none;
}

/*---------------------------------------------  Category Scroller Style
*/

#items_container {
    width: auto;
    height: 280px;
    overflow: hidden;
    position: relative;
	padding:0;
	margin:10px auto 0;
}
div.slide_item {
    width: auto;
    height: auto;
/*    position: absolute;
    left:0;
    top:0;*/
	overflow:hidden;
}
div.first_item {
	top:0;
    left:0;
}
div.slide_item p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
	margin:0 auto;
}
ul.category_nav{
	list-style:none;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	text-align:center;
	width:100%;
}
ul.category_nav li{
	display:inline;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	width:200px;
}
ul.category_nav li a{
	border-top:2px solid #000000;
	background: transparent url(../images/transparent-black.png);
	float:left;
	font-size:10px;
	margin:0;
	overflow:hidden;
	padding:10px 0;
	white-space:nowrap;
	width:130px;
	cursor:pointer;
}
ul.category_nav li a:hover{
	border-top-color:#66FFCC;
	background: #33CC99;
	color:#000000;
}
ul.category_nav li.current_category a{
	border-top-color: #333333;
	background: transparent;
}
ul.category_nav li.current_category a:hover{
	color:#FFFFFF;
}

.playpause{
	text-align:center;
	margin:10px auto;
	padding:0;
	color: #999999;
	font-size:12px;
}
.playpause span{
	text-align:center;
	margin:10px auto;
	padding:2px 6px;
	color: #66CCCC;
	font-size:12px;
	text-transform:uppercase;
}

/* ----------------------------------------------  Footer
 */
#footer{
	clear:both;
	margin:0 auto;
	padding:0;
}
#footer #ad{
	background-color:transparent;
	background-image:url(../images/transparent-black.png);
	border:1px dotted #666666;
	height:90px;
	margin:20px auto 0;
	padding:10px 0;
	text-align:center;
	width:900px;
}
#footer #ad a,#footer #ad img{
	border:none;
	padding:0;
	margin:0 auto;
}
#footer #inner{
	width:900px;
	background:#FFFFFF;
	margin:20px auto 0;
	padding:0 0 10px;
	position:relative;
}
#footer #inner p{
	width:140px;
	margin:0;
	padding:20px;
	float:left;
	font-family:"Lucida Sans Unicode", "Trebuchet MS", Arial;
	font-size:11px;
}
#footer #inner a{
	width:auto;
	margin:0 10px 0 0;
	padding:0;
	float:left;
}
#footer img{
	margin:0 auto;
	padding:0;
	border:none;
}
#footer #designby{
	bottom:0;
	height:80px;
	margin:0 auto;
	padding:0;
	position:absolute;
	right:-180px;
	width:180px;
}
#footer #designby img{
	margin:0 auto;
	padding:0;
	border:none;
	float:right;
}
#footer #designby a{
	color: #666666;
	margin:0 auto;
	padding:0;
}
#footer #designby a:hover{
	background:transparent;
	color: #009999;
}
#footer #designby p{
	bottom:4px;
	color:#33CC99;
	float:left;
	font-size:10px;
	margin:0 auto;
	padding:0;
	position:absolute;
	right:182px;
	text-align:right;
	width:148px;
}

/*  Search
------------------------------------------*/

#search{
	position:absolute;
	right:0;
	bottom:2px;
}

#search h2{
	color:#99FFCC;
	font-size:10px;
	margin:0;
	padding:0;
}

#searchform{
	width:auto;
	margin:0 auto;
	padding:0;
}

#searchform div{
	width:auto;
	margin:0 auto;
	padding:0;
}

#search-sidebar,#search-submit{
	height:auto;
	width:auto;
	margin:0 auto;
	padding:0;
	float:left;	
}
#search-sidebar input{
	width:140px;
	margin:0 2px 0;
	padding:4px;
	background:url(../images/transparent-black.png);
	color:#FFFFFF;
	border:none;
	font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}
#search-submit input{
	width:48px;
	margin:0 auto;
	padding:3px;
	background:#EFEFEF;
	color:#444444;
	border:none;
	font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}
#sidebar input:focus {
	background:#fff;
	border:1px solid #eee;
}