/****
Layout
****/
div.resource {
	font-size: 1.0em;
	
	border: 1px solid #cfc9b3;
	border-left: none;
	border-right: none;
	border-bottom: none;
	
	background-color: #E2DBC6;
	background-color: #ded8c9;
	background-color: #fff;
	background-color: #fff6e1;

	background-color: #fff;

	padding: 8px 0px;
	margin: 20px 0px;
}



div.descPane {
	margin: 4px 0 0 0;
	padding: 0px 0px 0px 0px;

	min-height: 40px;
}
div.infoPane {
	margin: 0 0px 0 0;
	padding: 1px 4px 2px 4px;
	background: #efeade;
	border-bottom: 1px solid black;
	border-bottom: 1px solid #e1d6c6;
}

div#MessageFlash {
	position: absolute;
	display: none;
	margin: 8px 0px;
	padding: 12px 12px;
	border: 1px solid #ded8c9;
	font-weight: bold;
	text-align: center;
}



/****
Header
****/

div.resource div.headerBar {
	background-color: #451c47;
	background-color: #AA1300;
	background-color: #710d00;
	
	
	margin: -8px 0 0 0;
	padding: 6px 12px 0px 12px;
	border-bottom: 1px solid white;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

/* edit link */
div.resource div.edit {
	float: left;
	font-size: 0.85em;
	padding: 5px 3px 0 0;
}


/* header */
div#body div.resource h3 {
	font-size: 1.3em;
	color: #433d2c;
	margin: 6px 0px 4px 0px;
}
div#body div.resource h3 a {
	color: white;
}

div.resource span.extType {
	font-size: 0.75em;
	color: #675a3d;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	text-transform: uppercase;
	text-transform: small-caps;
}


/* Favorite */
div.resource div.favorite {
	float: left;
	margin: 0px 2px 0px 0px;
	cursor: pointer;
	width: 24px;
	height: 24px;
	
	background: transparent url('/images/vote/star_sprite.png') 0 0 no-repeat;
}
div.resource div.favorite_on {
	background: transparent url('/images/vote/star_sprite.png') 0 -48px no-repeat;
}
div.resource div.loading {
	background: transparent url('/images/vote/star_sprite.png') 0 -24px no-repeat;
}
div.resource div.score {
	font-size: 0.85em;
	color: #8E825E;
	color: #ccc;
	float: left;
	padding: 0px 8px 0px 0px;
	position: relative; top: 8px;
}


/* Tags */
div.tags {
	float: right;
	text-align: right;
	width: 300px;
	margin-top: 6px;
}

span.tag {
	margin: 0px 2px;

	line-height: 18px;
	padding: 0 5px 1px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	background: #DEE7F8;
	background: #E66F19;
	background: #00f;
	background: #DEE7F8;
	
	
	color: black;
	font-size: 0.85em;
}
span.tag-active {
	background: #aa1300;
	background: #D01A00;

	border-color: black;
	color: white;
}

div#body div.tags span.tag a {
	text-decoration:none;
	color:inherit;
}



/****
Content
****/

/* links */
ul.links {
	display: inline;
	height: 22px;
	font-size: 0.90em;
}
ul.links li {
	display: inline;
	padding: 0px 4px;
}

div.resource span.link {
	font-size: 0.80em;
	font-weight: normal;
}



/* Rating */
div.ratingsBlock {
	float: right;
}

div.avgRatings {
	font-size: 0.85em;
}
div.resource .countText {
	font-size: 0.85em;
}


/* Vote Stars */
div.ratingsSection {
	height: 17px;
	position: relative;
	width: 200px;

	font-size: 0.85em;
	
}
div.ratingsLabel {
	float: left;
}
div.ratingsVoteWrapper {
	position: absolute;
	left: 60px;
}
div.ratingsCaptionWrapper {
	position: absolute;
	left: 164px;
	width: 54px;
	font-size: 0.75em;
}

/* screenshot */
div.resource div.screenshot {
	border: 1px solid #9c988d;
	margin: 3px 8px 0 0;
	float: left;
}

/* added on */
div.resource .addedInfo {
	font-size: 0.75em;
	color: #8E825E;
}
div.resource .editedInfo {
	font-size: 0.75em;
	color: #8E825E;
}


/* text description */
div.resource .desc {
	margin-top: 0;
	line-height: 1.2em;
	color: #433d2c;
}



/* more info footer */
div.resource div.footer {
	margin-top: 6px;
	height: 12px;
}

/* more info link*/
div.resource div.moreInfo {
	margin-top: 0px;
	padding-left: 12px;
	font-size: 0.75em;
	float: right;
}

div.resource div.editLink {
	clear: both;
	margin-top: 0px;
	padding-left: 12px;
	font-size: 0.75em;
	float: right;
}

/* attribution */
div.resource div.attribution {
	font-size: 0.50em;
	padding: 0 8px 0 0;
}