@charset "utf-8";

/** Popup Gallery Styles *****
*****************************/

a { outline: none; color: #2082BD; }
img { border: none; }

body {
	background:url(/images/greytowhite_wp.gif) repeat-x;
	margin: 0px;
	font: normal normal 0.7em Arial, Helvetica, sans-serif;
	line-height:1.22em;
}
.popupContainer {
	margin: 0 auto;
	border: 1px solid #dbdbdb;
	width: 775px;
	overflow: hidden;
	background: #fff url(/images/popup_gallery/bg_petal_repeat.jpg) repeat-y top right;
}
h1, ul, li {
	margin: 0; padding: 0;
}
h2, h3  {
	margin: 4px 0;
	color: #555;
	font: normal bold 1.3em "Trebuchet MS", Arial;
	border: 0;
}
a.logo {
	display: block;
	height: 60px;
	width: 231px;
	background: url(/images/popup_gallery/logo.gif) no-repeat 0 0;
	text-indent: -30000px;
}
/* Left Frame Styles */
.left {
	float: left;
	width: 433px;
	padding: 11px;
	background: #fff url(/images/popup_gallery/bg_content_horizontal.gif) repeat-x top left;
}
.popupContainer h3 {
	font-size: 1.5em;
	
}
.featuredContainer {
	float: left;
	position: relative;
	border: 1px solid #999;
	width: 305px;
	background: #f3f3f3;
	color: #777;
}
.featuredContainer img {
	height: 305px;
	width: 305px;
}
.featuredContainer h3, .featuredContainer p {
	padding: 0 10px;	
	margin: 10px 0;
	text-align: justify;
}
.featuredContainer h3 {
	margin: 4px 0 0 0;
}
ul.galleryNav {
	position: absolute;
	top: 280px;
	height: 25px;
	width: 100%;
	background: url(/images/popup_gallery/bg_nav_horizontal.png) repeat-x;
}
ul.galleryNav li {
	color: #333;
	float: right;
	margin: 4px 4px 0 0;
	line-height: 1.5em;
	list-style: none;
}
ul.galleryNav li a.link {
	display: block;
	height: 18px;
	width: 21px;
	background: url(/images/popup_gallery/bg_pagination.gif) no-repeat 0 0;
	text-indent: -30000px;
}
ul.galleryNav li a.link:hover {
	background-position: 0 -18px;
}
ul.galleryNav li a.link.next {
	background-position: -21px -0px;
}
ul.galleryNav li a.link.next:hover {
	background-position: -21px -18px;
}
ul.moreImages {
	float: left;
	width: 126px;
}
ul.moreImages li {
	float: left;
	display: inline;
	margin: 0 0 7px 10px;
	width: 53px;
	height: 53px;
}
ul.moreImages li a {
	display: block;
	width: 51px;
	height: 51px;
	border: 1px solid #999;
}
ul.moreImages a:hover, ul.moreImages li.active a {
	border: 0;
	width: 53px;
	height: 53px;
}
ul.moreImages img {
	display: block;
	width: 100%;
	height: 100%;
}
/* Right Frame Styles */
.right {
	float: right;
	position: relative;
	width: 300px;
	padding: 270px 10px 10px 10px;
}
.mpu {
	position: absolute;
	top: 10px; left: 10px;
	height: 250px;
	width: 300px;
} 
.moreGalleries {
	padding: 10px 20px;
}
.moreGalleries h4 {
	color: #8f576e;	
	font-size: 1.5em;
	font-weight: bold;
	margin: 10px 0 0 0;
}

.moreGalleries li {
	margin: 8px 0;
	list-style: none;
}
/* Sponsored Link Styles */
h3.sponsored {
	padding: 1px 0;
	border-top: 1px solid #fdc182;
	border-bottom: 1px solid #fdc182;
	color: #5c3a4e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
h3.sponsored strong {
	float: left;
	background: url(/images/popup_gallery/bg_sponsored_text.gif) repeat-x 0 0;
	border-right: 1px solid #fff;
	padding: 4px 5px;
}
h3.sponsored span {
	display: block;
	width: 100%;
	background: url(/images/popup_gallery/bg_sponsored.gif) repeat-x 0 0;
}
/** Helpers **/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}