/* AMNESTY IN ACTION MEDIA OPTION STYLES */

/* STYLES FOR 4 BLOCK PHOTO GALLERY w/description and links to pages */

/* Photo gallery template ||| Joshuaink.com ||| March 2005 ||| Free to use but this credit must remain in place */
/* modified styles to fit within Tremblant Escapes design */

#main-content{
	width: 259px;
	height: 182px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #f7f7f7;
}

#main-content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#main-content li {
	width: 129px;
	border-left: 1px solid #f7f7f7;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	padding: 0;
	text-align: center;
	position: relative;
	float: left;
	display: inline;
	margin: 0;
}

#main-content li.rightside {
	width: 128px;
}

#main-content a:hover { 
	white-space: normal;
	text-decoration: none;
	}

#main-content a span{
/*\*/
	position:absolute;
	left:-9999px;
}

#main-content a:hover span{	
	top:0px;
	left:0px;
	width: 129px;
	background:#FFF;
	color: #000;
	padding: 3px 0;
	margin: 0;
	font-size:80%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;	
} 

img {
	border: none;
}


/* MEDIA STYLES for stu nicholls photo gallery
w/ thumbnails lined up as a bottom strip, with large image above */

		/* needed for IE to make :active state work first time */
		a, a:visited {color:#000;} 
		
		/* common styling for all galleries */
		a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; width:25px; height:25px; float:left; margin:0 5px 3px 5px; border:1px solid #333; z-index:50;}
		a.slidea {background:url(../index_images/join_amnesty/join_bhopal.jpg);}
		a.slideb {background:url(../index_images/join_amnesty/join_china.jpg);}
		a.slidec {background:url(../index_images/join_amnesty/join_darfur.jpg);}
		a.slided {background:url(../index_images/join_amnesty/join_raised_arms.jpg);}
		a.slidee {background:url(../index_images/join_amnesty/join_too_late.jpg);}
		a.slidef {background:url(../index_images/join_amnesty/join_vigil.jpg);}
		a.slideg {background:url(../index_images/join_amnesty/join_zimbabwe.jpg);}
		a.gallery em {display:none;}
		a.gallery:hover {margin:0 5px 3px 5px; border:1px solid #fff;}
		
		
		/* styling for BOTTOM gallery */
		#container-bottom {position:relative; width:260px; height:182px; background:#004147 url(../index_images/join_amnesty/default_image2_145high.jpg) top left no-repeat; border:0; padding: 0; margin:0 auto;}
		#container-bottom img {border:0;}
		#container-bottom .thumbs {position:absolute; left:0; bottom:0; height:28px;}
		
		#container-bottom a.gallery:active, #container-bottom a.gallery:focus {border:1px solid red;}
		#container-bottom a.gallery:active em, #container-bottom a.gallery:focus em {display:block; position:absolute; width:259px; height:145px; top:-152px; left:0; padding:0; color:#000; border:0; z-index:50;}
		
/* end of MEDIA STYLES for stu nicholls photo gallery
w/ thumbnails lined up as a bottom strip, with large image above */		


/* MEDIA STYLES for write for rights special event
w/ randomly inserted photos, link to writeathon site, etc. october 31, 2007
and additional styles for writeathon counter Dec 11-13 display */

#write-images {
	background: transparent;
	width: 260px;
	height: 182px;
	margin: 0;
	padding: 0;
	text-align: left !important;
}

#write-images a {
	text-decoration: none;
	cursor: hand;
}

p.special, p.special2 {
	margin: 0;
	padding: 20px 0 0 3px;
	color: #E9CE62;
	font-family: arial, trebuchet-ms, sans-serif;
	font-weight: bold;
	font-size: 17px;
	width: 152px;
	line-height: 1.38em;
}

p.special2 a, p.special2 a:link, p.special2 a:visited, p.special2 a:active {
	color: #e9ce62;
	text-decoration: underline;
}

p.special2 a:hover {
	color: #fff;
}

p.special span {
	font-size: 25px;
	font-weight: normal;
}

p.special2 span.join {
	font-size: 28px;
	font-weight: normal;
}

p.thanks {
	margin: 0;
	padding: 3px;
	font-size: 14px;
}


/* end write for rights media styles 1 */

/* MEDIA STYLES for write for rights special event 
on DECEMBER 10th only - Universal Declaration of Human Rights article display */

#udhr-wrap {
	background: url(../index_images/join_amnesty/bg_udhr.jpg);
	width: 260px;
	height: 182px;
	margin: 0;
	padding: 0;
	text-align: left !important;
}

#udhr-wrap h3 {
	margin: 0;
	padding: 8px 10px;
	color: #333;
	font-size: 1.0em;
}

#udhr-wrap div.udhr-articles {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 11px;
	height: 108px;
}

#udhr-wrap div.udhr-articles ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 95px;
	
}

#udhr-wrap div.udhr-articles ul li {
	height: 95px;
	overflow: hidden;
	width: 250px;
	padding: 0 0 0 10px;
}


#udhr-wrap .band-wrap {
	margin: 0;
	padding: 0;
	background: #FFFF99;
}

#udhr-wrap a.navigate {
	font-size: 11px;
	padding-left: 10px;
	color: #333;
	text-decoration: none;
}

#udhr-wrap a:hover.navigate {
	color: red;
}

#udhr-wrap p.article-fav {
	margin: 0;
	padding: 6px 3px 2px 10px;
	font-size: 11px;
	border-bottom: 1px solid #666;
	background: #FFFF99;
}

#udhr-wrap p.article-fav a {
	text-decoration: none;
	padding-right: 3px;
	font-weight: bold;
	color: #333;
}

#udhr-wrap p.article-fav a:hover {
	color: red;
}