/* You can override, change, and otherwise mess with these settings as much as you like.
In fact, I encourage it.*/

#vrp_box {
}

#vrp_image_box {
	/*margin:10px;*/
	
	
}

img.vrp_img {
	position:relative;
	padding:0px;
	margin:0px;
	border-color: #330a1f;
}


img.vrp_img_mag {
	float:left;
	padding:0px;
	margin:0px;
	
}

#vrp_image_box #vrp_title_caption a {
	text-decoration:none;
	font-size: 12px;
	color: #c93a84;
	margin-top:20px;
}

#vrp_image_box #vrp_title_caption a:hover {
	text-decoration:none;
	color: #E9458C;
	font-size: 12px;
	
	
}

#vrp_image_box #vrp_title_caption_mag a {
	text-decoration:none;
	
	
}

#vrp_image_box #vrp_title_caption_mag a:hover {
	text-decoration:none;
	color: #000000;
}


#vrp_title_caption {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#vrp_title_caption_mag {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	
}

#vrp_h3 {
	margin:10px;
	margin-top:20px;
	font-size:12px;
	letter-spacing: .2em;  
}

.h3_drop_cap {
	font-size:140%;
}

#vrp_excerpt p {
	padding:0px;
	text-align: justify;
}

#vrp_excerpt_mag p {
	padding:0px;
	text-align:justify;
}

#featured_tag {
	position:relative;
	top:2px;
}

#featured_tag p {
}

/*******************
*** popup styles ***
*******************/
a.info{
    position:relative;
    z-index:24;
    text-decoration:none;
    padding:0px;
    margin:0px;
}

a.info:hover {
	z-index:25;
	
}

a.info span {
	display: none;
}

a.info:hover span {
    display:block;
    position:absolute;
    top:0em; left:0em; width:12.9em; height:6.1em;
    font-size:12px;
    background:#c93a84;
    color:#efefef;
    padding:5px;
	line-height:14px;
	z-index:5000; 
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

	  
}

a.info:hover span p.pop_title {
	font-size:14px;
	line-height:16px;
	padding-bottom:5px;
	margin-bottom:0px;
}