﻿/*
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
*/
.book1 a ,.book1
{
 color:#3F3F3F;
 font-size: 11px;
 text-align: right;
 margin-top: 10px;

}
.book2 a , .book2
{
 color:#7A7A7A;
 font-size: 11px;
 margin-top: 10px;
 text-align: right;
}




div#rp_frame
{
	background:#ABD3E9;
	border:1px solid #3399CC;
	margin:15px 5px 5px 0px;

	padding:3px;
	width:318px;

	-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:#FFFFFF;
    text-align: right;


}
div#rp_post0 a{}
div#rp_post0 a:hover{color:#ccc;}

div#rp_post1{
	background:#FFFFFF

}
div#rp_post1 a{}
div#rp_post1 a:hover{}

div#rp_post2{
	background:#FFFFFF

}
div#rp_post2 a{}
div#rp_post2 a:hover{}

div#rp_post3{
	background:#FFFFFF

}
div#rp_post3 a{}
div#rp_post3 a:hover{}

div#rp_post4{
background:#FFFFFF

}
div#rp_post4 a{}
div#rp_post4 a:hover{}

div.rp_post div.rp_post_title h2 a {color:#FFFFFF !important; display:block;font-size:12px;   font-family: Tahoma;  }
div.rp_post div.rp_post_title h2 a:hover {color:#000 !important;}

div.rp_post_title
{}
div.rp_post_title h2{

	margin:0 !important;
	background:#3399CC;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	font-size:11px ;!important;
     font-family: Tahoma;
	font-weight:bold !important;
}

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: 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: left;

}

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 #3399CC;
	background:#fff;
    color:#3399CC;
}

div#rp_nav #rp_nav_arrows span.rp_nav_arrow_text:hover
{
	background-color: #3399CC;
	border-color: #3399CC;
    color:#FFFFFF;
}

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:right;
	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: #CCF2FF;
	border: solid 1px #0099CC;

}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_on:hover
{
	background-color: #0099CC;
    color:#FFFFFF;
}

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

}

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

