/*
CSS Name: Rotating Posts Default Theme
Description: For Rotating Posts plugin with WordPress Default Theme
Author: Mark Inderhees
Version: 1.1

This can be used as a template for your own personal Rotating Posts Theme
*/

div#rp_frame
{
	margin: 5px 0 0 0;
	padding: 5px;
	border: solid 0px #000;
}

div.rp_post
{
}

div.rp_post h1
{
	margin: 0;
	font-size:1.4em;
	text-transform:uppercase;
	padding-bottom:10px;
	font-weight:bold;

}

div.rp_post_title
{
}
div.rp_post_metadatajk
{
	font-size: .9em;
	margin-top: -18px;
	color: #000;
	padding: 0;
	text-align: right;
}

div.rp_post_time_author
{
	font-size: 1em;
	color: #777;
	margin: 0 0 5px 0;
}

/*create a content area for the numbers arranged vertically and the posts on the right or the post on top and the thumbnail sspread underneath*/

div.rp_post_content
{
	width: 635px;
	height: 235px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size:1em;
}

div.rp_post_content p
{
	padding: 0 0 10px 0;
	margin: 0;
	line-height: normal;
}

div.rp_post p.rp_post_metadata
{
	font-size: .9em;
	color: #000;
	margin: 0;
	padding: 0;
}

div#rp_nav
{
	margin: 10px 0 0 0;
	padding: 0 0 3px 0;
}

div#rp_nav a
{
	cursor: pointer;
	text-decoration: none;
}

div#rp_nav #rp_nav_arrows
{
	padding: 0 15px 0 0;
}

div#rp_nav #rp_nav_arrows a.rp_nav_button:hover
{
	/*color: #b85b5a;*/
}

div#rp_nav #rp_nav_arrows a#rp_nav_left
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause
{
}

div#rp_nav #rp_nav_arrows img
{
}

div#rp_nav #rp_nav_arrows span.rp_nav_arrow_text
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #000;
}

div#rp_nav #rp_nav_arrows span.rp_nav_arrow_text:hover
{
	background-color: #000;
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause img#rp_nav_pause_normal
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause img#rp_nav_pause_pressed
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause span#rp_nav_pause_normal
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause span#rp_nav_pause_pressed
{
	/*color: #b85b5a;*/
	background-color: #000;
}

div#rp_nav #rp_nav_arrows a#rp_nav_right
{
}

div#rp_nav #rp_nav_thumbnails
{
}

div#rp_nav #rp_nav_thumbnails a.rp_nav_thumbnail
{
}

div#rp_nav #rp_nav_thumbnails img
{
width: 80px;
height: 30px;
	margin: 0 5px 0 0;
	border: solid 1px #000;
}

div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_on
{
}

div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_off
{
	opacity: 0.4;
	filter: alpha(opacity=40);
}

div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_off:hover
{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_on
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #000;
	background-color: #666666;
}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_on:hover
{
	background-color: #000000;
}

/*this is the thumbnail off section- edit here for numbers and layout?*/

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_off
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #000;
}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_off:hover
{
	background-color: #000000;
}