@import url(http://fonts.googleapis.com/css?family=EB+Garamond:400normal&subset=all) all;
/*reset*/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}
body,ul,ol,li,h1,h2,h3,h4,h5,h6
{
	margin:0;padding:0;
}
html,body
{
	background-color: #dfdfe0;
    /*-ms-filter:
        "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f1f1f4,EndColorStr=#cacaca)"
        ;
    background-image: -moz-linear-gradient(top, #f1f1f4, #cacaca);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f4),
        to(#cacaca) );
    background-image: linear-gradient(top, #f1f1f4, #cacaca);*/
	font-family: "EB Garamond", Georgia, serif;
	font-size:1em;
	text-align:center;
	color:#666;
	padding:0;
	margin:0;
	height:100%;
}

.secAds
{
	display:block;
	margin:0 auto;
	text-align:left;
	width:80%;
	background-color:#fff;
	border-width:0 1px 0;
	border-style:solid;
	border-color: #666;
	position:relative;
	height:auto; /* real browsers */
	_height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

.secAds .header 
{
	background-color:#666;
	border-bottom:10px solid #6699cc;
	color:#fff;
	min-height:50px;
	padding:10px 0;
	text-align:center;
}

.secAds .content
{
	padding-bottom:80px;
}

.secAds .footer 
{
	background-color:#666;
	border-top:10px solid #6699cc;
	bottom:0;
	color:#fff;
	min-height:40px;
	padding:10px 0;
	position:absolute;
	text-align:center;
	width:100%;
}

.secAds h1, .secAds h2, .secAds h3
{
	font-weight:normal;
	padding:10px;
}

.secAds h1
{
	padding:10px 10px 0;
}

.secAds .header a 
{
	color:#fff;
}

.secAds a
{
	color:#1F4CA5;
}

.secAds p
{
	padding:5px 10px;
	margin:0;
	max-width:600px;
	width:80%;
}

.secAds ul
{
	list-style-position:outside;
	margin-left:30px;
	padding:0 20px;
}

.secAds ul li
{
	padding-top:10px;
	max-width:600px;
}

.secAds .logo
{
	padding:10px;
	display:inline;
	float:right;
	border:0;
}

.secAds img
{
	padding-left:10px;
	vertical-align:middle;
	border:0;
	padding-top:5px;
}

.secAds img.top
{
	opacity:1;
	-moz-opacity:1;
	-webkit-transition: opacity 0.9s linear;
  	-moz-transition: opacity 0.9s linear;
  	-o-transition: opacity 0.9s linear;
  	transition: opacity 0.9s linear;
  	position:absolute;
	top:150px;
	right:0px;
  	z-index:1;
}

.secAds img.bottom
{
	position:absolute;
	top:150px;
	right:0px;
}

.secAds img.detail
{
	position:absolute;
	top:100px;
	right:0px;
}

.secAds img.top:hover
{
	-moz-opacity:0;
	opacity:0;
}

/*styles to support Y! widgets in my layout*/

.secAds .addToYButton
{
	padding:20px;
}

.secAds .addToYButton ul li
{
	padding-top:0;
	width:auto;
}

.secAds #yUnivHead
{
	border:1px solid #ccc;
	width:950px;
}
img.yucs-avatar
{
	padding:0;
}

.secAds #yUnivHead ul li
{
	width:auto;
}

.secAds .ushare
{
	width:600px;
	padding:0 10px 10px;
	height:35px;
}

.ygsh .ygsh-panel-hd span
{
	text-align:left;
}
.yui3-overlay
{
	top:100px !important;
	z-index:2 !important;
}

/*media queries*/
@media screen and (max-width: 1024px) {
	#uh-dmos-overlay, #uh-dmos-container {
		display:none;
	}
	#yUnivHead {
		display:none;
	}
	.secAds img{
		display:none;
	}
	.secAds {
		width:100%;
	}
	
}
@media screen and (min-width: 1024px) {
  	.secAds 
	{
		min-width:960px;
	}
	.secAds img
	{
		display:block;
	}
	.secAds img.banner {
		display:inline;
	}
	
}
@media screen and (max-width: 800px) {
	.secAds .header span 
	{
		display:none;
	}
	.secAds .header a
	{
		background-color:#333;
		border-radius:5px;
		padding:5px;
		margin:5px;
		text-align:left;
		text-decoration:none;
		
	}
	.secAds .header a:hover
	{
		background-color:#6699cc;
	}
	.secAds .ushare {
		display:none;
	}
}
@media screen and (max-width: 500px) {
	.secAds .header a
	{
		clear:both;
		display:block;
		width:50%;
	}
}