/*
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
{
	width: 700px;
	margin: 30px auto 0 auto;
	padding: 5px;
	border: solid 1px #000;
}

div.rp_post
{
}

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 0px 0;
	margin: 0;
	line-height: normal;
}

div.rp_post p.rp_post_metadata
{
	color: #777;
	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: #b85b5a;
}

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

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
{
	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;
	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
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #000;
}

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


div#rp_frame{width: 99.6% ; padding:0px ; margin: 0px auto 10px auto ;
border: solid 0px #E9E9E9 ;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
height:80px}
div#rp_frame div.rp_post_content {height: auto ;}
div.rp_post {max-width: 90%;width: 100%;margin: 20px auto 30px auto;}
div#rp_frame div.rp_post_title {text-align: center;padding: 0px 10px 0px 10px ;clear: left;float: none;margin: 0px auto;}
div#rp_frame div.rp_post_title h2 {font-size: 18px ;color: #717171  ;font-family: Opensans ;font-style: italic ;font-weight: normal ;}
div#rp_frame div.rp_designation {text-align: right;padding: 0px 10px 0px 0px ;
font-size: 18px ;color: #AAAAAA  ;font-family: Opensans ;font-style: italic ;font-weight: normal ;float:right;}

div#rp_frame div.rp_post_content blockquote {
/*
background: #FFFFFF url('images/quote1.png') no-repeat scroll ; 
padding: 5px 10px 5px 60px ;
margin: 0px 0px 0px 0px ;
font-size: 21px  ;
border-bottom: 1px dotted #E6E1E1;
*/

background: none ; 
padding: 5px 0px 5px 0px ;
margin: 0px 0px 0px 0px ;
font-size: 21px  ;
border-bottom: 1px dotted #E6E1E1;
text-align:center;
}

div#rp_frame div.rp_post_content p{font-size: 18px; color:#373435; -webkit-font-smoothing: antialiased; text-shadow: 0px 0px 1px rgba(53,53,53,0.4);font-family: Opensans-semibold;}
div#rp_frame div#rp_nav{display:none;}

@media all and (max-width: 768px)
{
	div#rp_frame div.rp_post_title h2 {font-size: 16px ;}
	div#rp_frame div.rp_post_content p{font-size: 16px ;}
	div#rp_frame div.rp_designation{font-size: 10px ;}
}

@media all and (max-width: 480px)
{
	div.rp_post {width: 90% ;}
	div#rp_frame div.rp_post_title h2 {font-size: 14px ;}
	div#rp_frame div.rp_post_content p{font-size: 14px ;}
	div#rp_frame div.rp_designation{font-size: 9px ;}
}