﻿/*
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
{
	background:#ddd;
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:3px;
	width:265px;
	
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}

div.rp_post
{
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	padding:10px;
	padding-top:0;
	line-height:1.3em;
}

div#rp_post0{
	background:#F7E9E9 url(images/rp-bg.png) 0 0;
	color:#eee !important;
}
div#rp_post0 a{color:#fff;}
div#rp_post0 a:hover{color:#ccc;}

div#rp_post1{
	background:#F5E9F7 url(images/rp-bg.png) 0 -250px;
	color:#fff;
}
div#rp_post1 a{color:#fff;}
div#rp_post1 a:hover{color:#ffc4de;}

div#rp_post2{
	background:#C7DBAF url(images/rp-bg.png) 0 -500px;
	color:#d8ffbb;
}
div#rp_post2 a{color:#fff;}
div#rp_post2 a:hover{color:#d8ffbb;}

div#rp_post3{
	background:#D0E7F7 url(images/rp-bg.png) 0 -750px;
	color:#d2e2f4;
}
div#rp_post3 a{color:#fff;}
div#rp_post3 a:hover{color:#c2dbe9;}

div#rp_post4{
	background:#F7F4E9 url(images/rp-bg.png) 0 250px;
	color:#e1c7c7;
}
div#rp_post4 a{color:#fff;}
div#rp_post4 a:hover{color:#e1c7c7;}

div.rp_post div.rp_post_title h2 a {color:#444 !important; display:block;}
div.rp_post div.rp_post_title h2 a:hover {color:#000 !important;}

div.rp_post_title
{}
div.rp_post_title1 h2{
	padding:0px 10px 1px;
	margin:0 !important;
	background:#9E2929;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	font-size:1.1em !important;
	font-weight:bold !important;
}
div.rp_post_title2 h2{
	padding:0px 10px 1px;
	margin:0 !important;
	background:#80348C;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	font-size:1.1em !important;
	font-weight:bold !important;
}
div.rp_post_title3 h2{
	padding:0px 10px 1px;
	margin:0 !important;
	background:#43611F;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	font-size:1.1em !important;
	font-weight:bold !important;
}
div.rp_post_title4 h2{
	padding:0px 10px 1px;
	margin:0 !important;
	background:#2C527D;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	font-size:1.1em !important;
	font-weight:bold !important;
}
div.rp_post_title5 h2{
	padding:0px 10px 1px;
	margin:0 !important;
	background:#826C1A;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	font-size:1.1em !important;
	font-weight:bold !important;
}
div.rp_post_time_author
{
	font-family: Tahoma, Helvetica, Sans-Serif;
	font-size: 0.9em;
	color: #777;
	margin: 0 0 5px 0;
}

div.rp_post_content
{
	height: 240px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size:1.1em;
}

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
{
	padding: 5px 15px 5px 0;
}

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

div#rp_nav #rp_nav_arrows
{
	float:right;
}

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
{
	font-size:0.6em;
	padding: 2px 5px 2px 5px;
	border: solid 1px #aaa;
	background:#fff;
}

div#rp_nav #rp_nav_arrows span.rp_nav_arrow_text:hover
{
	background-color: #EDE5B8;
	border-color: #DBBE70;
}

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: #EDE5B8;
	border-color: #DBBE70;
}

div#rp_nav #rp_nav_arrows a#rp_nav_right
{
}

div#rp_nav #rp_nav_thumbnails
{
	font-size:0.7em;
	float:left;
	padding: 4px 5px 2px 30px;	
}

div#rp_nav #rp_nav_thumbnails a.rp_nav_thumbnail
{
}

div#rp_nav #rp_nav_thumbnails img
{
	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.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
{
	padding: 2px 5px 2px 5px;
	background-color: #EDE5B8;
	border: solid 1px #DBBE70;

}

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

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

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_off:hover
{
	background-color: #efd26f;
}
.rp_post_content li{
	margin-right:25px;
}
