/*

Description: 2009 Creative-Resonance latest posts.
Version: 1.0
Author: Richard Marsh
Author URI: http://www.creative-resonance.com/

	Creative-Resonance v3.0
	http://www.creative-resonance.com/

	This theme was designed and built by Richard Marsh,
	whose blog you will find at http://www.creative-resonance.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

#slider {
    width: 540px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 220px;
    width: 540px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 0px;
	padding-left: 1px;
	height: 220px;
	width: 540px;
}


ul.featurenavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.featurenavigation li {
    display: inline;
    margin-right: 5px;
}

ul.featurenavigation a {
    text-decoration: none;
	color: #FFFFFF;
}

ul.featurenavigation a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	background: url('../images/cr_blog_features_on.gif') no-repeat;
}

ul.featurenavigation a.selected {
	text-decoration: underline;
	color: #FFFFFF;
	background: url('../images/cr_blog_features_on.gif') no-repeat;
}

ul.featurenavigation a:focus {
    outline: none;
	color: #FFFFFF;
	background: url('../images/cr_blog_features_on.gif') no-repeat;
}

.hide {
    display: none;
}

#cr_features {
	height: 220px;
	width: 540px;
}
#cr_features_container {
	height: 220px;
	width: 540px;
	overflow: hidden;
}

#cr_features_navigation {
	float: right;
	height: 40px;
	width: 150px;
	text-align:right;
	padding-top:5px;
	}

a.feature_button {
	display:inline-block;
	text-align:center;
	background: url('../images/cr_blog_features_off.gif') no-repeat;
	color:#FFFFFF;
	font-size:14px;
	line-height:20px;
	width: 30px;
	height: 20px;
	}

#feature-1, #feature-2, #feature-3, #feature-4 {
	height: 220px;
	width: 540px;
	overflow: hidden;
	clear:both;
}


#cr_latest_pages .feature_article_image, .listed_article_image {
	float: left;
	width: 140px;
}

#cr_latest_pages .feature_article_with_image {
	float: right;
	width: 210px;
}

.listed_article_with_image {
	float: right;
	width: 460px;
}


.feature_review_image, .listed_review_image {
	float: left;
	width: 260px;
	margin-bottom:10px;
}
.feature_review_with_image {
	float: left;
	width: 260px;
}
.listed_review_with_image {
	float: right;
	width: 340px;
}

.feature_image {
	float: left;
	width: 220px;
}
.feature_with_image {
	float: right;
	width: 300px;
}

#slider p, #slider .readfeatureExcerpt {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

a.readFeature, a:hover.readFeature, a:visited.readFeature {
	margin: 20px 0 0 0;
	padding: 0px;
	display:inline-block;
	text-align:center;
	background: url('../images/cr_button_100_20.gif') no-repeat;
	color:#FFFFFF;
	font-size:12px;
	line-height:20px;
	width: 100px;
	height: 20px;
}