/*
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
{
	border: 0;
	height: 296px;
	position: relative;
	border: 1px solid #cccccc;
	background-color: #cccccc;
	border-top: 0;
}

div.rp_post
{
	z-index: 10;
	position: absolute;
	top: 0px; left: 0px;
}

div.rp_post h2
{
	margin: 0;
}

div.rp_post_title
{

}

div.rp_post_time_author
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	color: #777;
	margin: 0 0 5px 0;
}

div.rp_post_content
{
	height: 125px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

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

div.rp_post p.rp_post_metadata
{
	color: #777;
	margin: 0;
	padding: 0;
}

div#rp_nav
{
}

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

div#rp_nav_arrows
{
	height: 25px;
	width: 25px;
	position: absolute;
	display: table-cell;
	background-color: #669900;
	bottom: 0px; left: 0px;
	z-index: 100;
	text-align: center;
}

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: #b85b5a;
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause img#rp_nav_pause_normal
{
	background-color: #669900;
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause img#rp_nav_pause_pressed
{
	background-color: #ff0000;
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause span#rp_nav_pause_normal
{
	background-color: #669900;
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause span#rp_nav_pause_pressed
{
	background-color: #ff0000;
}

div#rp_nav #rp_nav_arrows a#rp_nav_right
{
}

div#rp_nav_thumbnails
{
	position: absolute;
	top: -1px; right: 0px;
	width: 280px;
	z-index: 100;
	display: table;
}

div#rp_nav #rp_nav_thumbnails a.rp_nav_thumbnail
{
}

div#rp_nav #rp_nav_thumbnails img
{
	position: absolute;
	top: 1px; right: 1px;
	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.2;
	filter: alpha(opacity=20);
}

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

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_on
{
	border: solid 1px #000;
	background-color: #ddd;
}

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

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

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

div#navlink 
{
}

div.rp_nav_thumbnail_on
{
	padding-left: 32px;
	padding-right: 24px;
}

div.rp_nav_thumbnail_off
{
	padding-left: 32px;
	padding-right: 24px;
}

td.rp_nav_thumbnail_on
{
	 background-image: url('over.gif');
	 background-repeat: no-repeat;
	 background-position: 0px 50%;
	 background-attachment: initial;
	 background-origin: initial;
	 background-clip: initial;
	 background-color: initial;
}

td.rp_nav_thumbnail_off
{
	 background-image: url('normal.gif');
	 background-repeat: no-repeat;
	 background-position-x: 0px;
	 background-position-y: 0px;
}

span.rp_nav_thumbnail_on
{
		font-family: Georgia; font-weight: bold; font-size: 13px; 
	color: #ffffff;
}

span.rp_nav_thumbnail_off
{
		font-family: Georgia; font-weight: bold; font-size: 13px; 
	color: #000000;
}