/*



Theme Name: Rockwell



Description: A stylish blog theme with 3 color options.



Author: Site5.com



Author URI: http://www.site5.com/



*/







/* MAIN STYLES



-------------------------------------------*/



* { margin: 0; padding: 0; }







body,html {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	margin:0;
	padding:0;
	background-color:#FFF;
	background-image:url("images/emc_bg_gen.jpg");
	background-repeat:repeat-x;
	line-height:145%;

}







ul {



	list-style:none;



}







a {



	text-decoration:none;



}







a:hover {



	border:none;



}







#colLeft a:hover {



	border:none;



}







#colRightInner a:hover {



	border:none;



}







a:focus {



	outline:none;



}







p {



	margin:1em 0;



}











 /* LAYOUT STRUCTURE



--------------------------------------------------*/



#wrapper {







	margin:0 auto;







	width:960px;







}







#headerlink a {
	float: left;
	height: 117px;
	width: 460px;
	display: block;
	text-indent: -999em;


}



#headerlink2 a {
	float: right;
	height: 117px;
	width: 460px;
	display: block;
	text-indent: -999em;


}















#headertop {



	height: 25px;



	padding-top: 10px;



}







#headericons {



	float: right;



}







.numimage {



vertical-align:text-bottom;



}







#headerbanner {
	height:117px;
	/*position:relative;



	z-index:99;*/



	
	width: 960px;


}



#header {
	height:192px;
	width:960px;
	background-image:url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}


#content {



	padding-top: 15px;



	padding-right: 0;



	padding-bottom: 5px;



	padding-left: 0;



	















}















#colLeft{
	width:610px;
	border:7px solid #EAEAE3;
	float:left;
	padding:17px 13px 17px 18px;
	background-color: #fff;


}















#colRight {
	width:288px;
	float:left;	
	padding-left:15px;
	position:relative;
}


#colRight h2 {
	color: #333333;
	padding-top: 8px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-size: 18px;
	}






#footer {
	width:950px;
	color:#FFFFFF;
	position:relative;
	font-size:11px;
	background-image: url(images/footergrad.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 35px;
	padding-left: 10px;


}

#footer a {
	color:#FFFFFF;
	text-decoration: underline;
}

#footer a:hover {
	color:#999999;
	text-decoration: none;
}







/* HEADER ELEMENTS 



--------------------------------------------------*/



/* -- logo --*/



.emclogo {
	width: 142px;
	height: 65px;
	background-image: url(images/emclogo.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	margin-left: 50px;
	margin-top: 10px;
}

.emclogo a {
	text-indent: -1999px;
    height: 65px;
	overflow: hidden;
	display: block;
}


#logoTag {



	position:absolute;



	top:65px;



	left:0;



}







#logoTag #logo {



	height:85px;



	background:url(images/bk_logo_left.png) no-repeat;



	padding-left:12px;



	float:left;



}







#logoTag #logoImg {



	background:none;



	padding:0;



	float:left;



	padding-top:3px;



	padding-right:10px;



}







#logoTag #logoImg img {



	border:none;



}







#logoTag #logo h1 a {



	display:block;



	padding-right:12px;



	background:url(images/bk_logo_right.png) 100% 0 no-repeat;



	color:#fff;



	font-size:34px;



	padding-top:14px;



	height:61px;



	float:left;



	line-height:100%;



}











#logoTag #tagline {



	float:left;



	padding-top:14px;



	padding-left:15px;



	color:#CFD5DA;



	text-transform:uppercase;



	width:300px;



}











#topLinks {



	position:absolute;



	top:9px;



	left:0;



}







#bottomLinks {



	color:#ffffff;



	position:absolute;



	top:12px;



	right:0;



}







#topLinks li, #bottomLinks li {



	float:left;



	background:url(images/bullet_top.jpg) 0 50% no-repeat;



	padding-left:7px;



	padding-right:15px;



}







#topLinks li a {



	color:#868686;



	font-size:11px;



	text-decoration:none;



	text-transform:capitalize;



	border:none;



}



#bottomLinks li a {



	color:#FFFFFF;



	font-size:11px;



	text-decoration:none;



	text-transform:capitalize;



	border:none;



}

#bottomLinks li a:hover {
	color:#999999;


}







/* TOP MENU */







#topMenu {
	Height: 75px;
	width: 960px;

}











#topMenu ul.sf-menu {



	margin-left:-1px;



}







#topMenu ul.sf-menu li {



	float:right;



	line-height:60px;



	padding-top: 0;



	padding-right: 20px;



	padding-bottom: 0;



	padding-left: 20px;



	font-size: 14px;



	



	}



	



#topMenu ul.sf-menu li a {



	text-decoration:none;



	/*text-transform:uppercase;*/



	border:none;



}



#topMenu ul.sf-menu li a:hover {



	color:#FFF;



}







#topMenu ul.sf-menu li li {



	background:#D02458;



	padding-right:15px;



	padding-top:5px;



}







#topMenu ul.sf-menu li ul.children {



	border-bottom:none;



}







#topMenu ul.sf-menu li ul.children li,#topMenu ul.sf-menu li.page_item ul li  {



	position:relative;



	line-height:100%;



	height:28px;



	text-transform:none;



}



#topMenu ul.sf-menu li ul.children li a, #topMenu ul.sf-menu li.page_item ul li a {



	text-decoration: none;



	display:block;



	padding-top:7px;



	line-height:100%;



	border:none;



	text-transform:none;



}



#topMenu ul.sf-menu li ul.children li a:hover, #topMenu ul.sf-menu li.page_item ul li a:hover{



	color:#fff;



	



}



#topMenu ul.sf-menu li ul.children li ul.children {



	border: none;







}



#topMenu ul.sf-menu li ul.children li ul.children a {



	text-decoration: none;



	position:relative;



	border:none;



}

/*pad up to nav AH */

#topMenu ul.sf-menu li ul.children, #topMenu ul.sf-menu li.page_item ul



{



	margin:6px 0 0 0;



	



}



#topMenu ul.sf-menu li ul.children ul.children



{



	margin:0 0 0 38px;



}







/* ------------------------*/







#socialLinks {



	position:absolute;



	right:10px;



	bottom:10px;



}







#socialLinks a {



	display:block;



	float:left;



	padding-right:10px;



	border:none;



}







#socialLinks a img {



	border:none;



}







#site5top {



	position:absolute;



	top:9px;



	right:0;



}







#site5top a {



	display:block;



	width:200px;



	height:19px;



	background:url(images/site5_top.jpg) 0 0 no-repeat;



	text-indent:-9999px;



}







/* COLLEFT ELEMENTS



----------------------------------------------*/



.searchQuery, #archive-title {



	border-bottom:1px solid #E2E2D8;



	padding:0 0 10px;



	margin-bottom:15px;



}







.searchQuery strong, #archive-title strong {



	font-size:14px;



}	











#colLeft h1 {



	padding:0;



	font-family:Arial, Helvetica, sans-serif;



	color:#e21c24;



	font-size:26px;



	/*letter-spacing:+1px;*/



	line-height:120%;



	text-decoration:none;



	font-weight:bold;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #CCCCCC;



	margin-bottom: 20px;



}

#colLeft h2 {
	color:#666666;
}

#riskheader1 {

	color:#000000;
	font-size:22px;
	line-height:120%;
	text-decoration:none;
	font-weight:bold;
	margin-bottom: 20px;
	height: 29px;
	width: 400px;
	padding-left:142px;
	padding-top: 14px;
	padding-right: 8px;
	padding-bottom: 8px;
	background-image: url(images/riskheaders_01.gif);
	background-repeat: no-repeat;
}
#riskheader2 {

	color:#000000;
	font-size:22px;
	line-height:120%;
	text-decoration:none;
	font-weight:bold;
	margin-bottom: 20px;
	height: 29px;
	width: 400px;
	padding-left:142px;
	padding-top: 14px;
	padding-right: 8px;
	padding-bottom: 8px;
	background-image: url(images/riskheaders_02.gif);
	background-repeat: no-repeat;
}
#riskheader3 {

	color:#000000;
	font-size:22px;
	line-height:120%;
	text-decoration:none;
	font-weight:bold;
	margin-bottom: 20px;
	height: 29px;
	width: 400px;
	padding-left:142px;
	padding-top: 14px;
	padding-right: 8px;
	padding-bottom: 8px;
	background-image: url(images/riskheaders_03.gif);
	background-repeat: no-repeat;
}



.hometext {



	color:#e21c24;



	font-size:18px;



	line-height:120%;



	font-weight:bold;



	margin-bottom: 10px;



}







.alignleft {



	float:left;



	margin:5px 15px 5px 0;



}







.alignright {



	float:right;



	margin:5px 0 5px 15px;



}







#colLeft img {
	padding:8px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;


}







#colLeft .blogItem {



	margin-bottom:10px;



	padding-bottom:10px;



}







#colLeft .blogItem .itemTitle {



	position:relative;



	background:url(images/bk_dotted_vert.gif) 58px 0 repeat-y;



	margin-bottom:10px;



}







#colLeft .blogItem .date{



	float:left;



	width:47px;



	height:50px;



	text-align:center;



	padding-right:25px;



}







#colLeft .blogItem .date .month{



	color:#ccc;



	font-size:10px;



	text-transform:uppercase;



	padding-bottom:5px;



}







#colLeft .blogItem .date .day {



	font-size:20px;



	color:#fff;



	font-weight:bold;



	line-height:130%;



}







#colLeft .blogItem .itemTitle h1 {



	border:none;



}







#colLeft .blogItem .itemTitle h1 a{



	border-bottom:1px dotted #999;



	padding:0;



	font-family:Georgia, "Times New Roman", Times, serif;



	color:#333;



	font-size:26px;



	letter-spacing:-1px;



	line-height:110%;



	text-decoration:none;



	font-weight:normal;



}











#colLeft .blogItem .metadata {



	padding:5px 0 8px;



	border-top:1px solid #E2E2D8;



	border-bottom:1px solid #E2E2D8;







	font-size:11px;



}







#colLeft .blogItem a.more-link {



	display:block;



	width:90px;



	height:24px;



	text-align:center;



	clear:both;



	border:none;



	line-height:22px;



	margin-top:10px;



}







#colLeft .social {



	border:1px dashed #9FD9FF;



	background:#EAF7FF;



	padding: 0 10px;



}







#colLeft .social p {



	padding-left:5px;



	margin:0.8em 0 0.5em;



}







#colLeft .social a {



	border:none;



}







#colLeft .social a img {



	padding:5px;



	border:none;



	background:none;



}







#colLeft .social a:hover img {







}







#colLeft .social strong {



	color:#00C1F2;



}







#colLeft h2#comments {



	border-bottom:1px solid #E2E2D8;



	padding:20px 0 15px;



}















/* COLRIGHT ELEMENTS







----------------------------------------------*/







#boxAbout {







	border:1px solid #626262;







	background:#1B1B1B url(images/bk_box_about.jpg) 0 0 no-repeat;







	padding:13px 12px 5px;







	color:#838383;







	margin-bottom:12px;







}















#boxAbout h2 {







	border-bottom:1px solid #626262;







	padding-bottom:8px;







	color:#ccc;







}























#colRightInner {







	border:7px solid #EAEAE3;







	background:#fff;







	padding:8px 8px 15px;







	position:relative;



	



	







}















#colRightInner h2 {







	font-size:16px;







	padding:5px 0 8px;







	border-bottom:1px solid #E2E2D8;







}















#colRightInner ul {







	padding-bottom:10px;







}















#colRightInner ul li {







	padding:6px 0;







	border-bottom:1px solid #E2E2D8;







}















#colRightInner ul li a {







	color:#666;







	border:none;







}



#colRightInner1 {
	border:7px solid #EAEAE3;
	background:#fff;
	position:relative;
	margin-top: 15px;
	padding: 8px;
	/*height: 145px;*/


}















#colRightInner1 h2 {







	font-size:16px;



	color: #FFFFFF;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #FFFFFF;



	margin-bottom: 8px;



	padding-top: 5px;



	padding-right: 0;



	padding-bottom: 8px;



	padding-left: 0;







}







#colRightInner1 p {



	font-size:13px;



	color: #FFFFFF;



	padding-top: 6px;



	padding-right: 0;



	padding-bottom: 6px;



	padding-left: 22px;



	margin: 0px;



}







#colRightInner1 ul {







	padding-bottom:10px;







}















#colRightInner1 ul li {







	padding:6px 0;







	border-bottom:1px solid #E2E2D8;







}















#colRightInner1 ul li a {







	color:#666;







	border:none;







}




#colRightInner2 {
	border:7px solid #EAEAE3;
	background:#fff;
	position:relative;
	margin-top: 15px;
	background-image:url(images/nextstep_bg.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 53px;


}















#colRightInner2 h2 {







	font-size:16px;



	color: #FFFFFF;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #FFFFFF;



	margin-bottom: 8px;



	padding-top: 5px;



	padding-right: 0;



	padding-bottom: 8px;



	padding-left: 0;







}


#colRightInner2 p {



	font-size:13px;



	color: #FFFFFF;



	padding-top: 6px;



	padding-right: 0;



	padding-bottom: 6px;



	padding-left: 22px;



	margin: 0px;



}







#colRightInner2 ul {







	padding-bottom:10px;







}















#colRightInner2 ul li {







	padding:6px 0;







	border-bottom:1px solid #E2E2D8;







}















#colRightInner2 ul li a {







	color:#666;







	border:none;







}







#colRightInner3 {



	height: 207px;
	
	border:7px solid #EAEAE3;



	background:#fff;



	position:relative;



	margin-top: 15px;



	background-image:url(images/plege_bg.jpg);



	background-repeat: no-repeat;



	padding: 0px;



}















#colRightInner3 h2 {



	font-size:16px;



	color: #FFFFFF;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #FFFFFF;



	padding-top: 5px;



	padding-right: 0;



	padding-bottom: 8px;



	padding-left: 0;



}







#colRightInner3 p {



	padding-left: 9px;



	padding-top: 11px;



	margin: 0px;



}







#colRightInner3 a {



	padding: 0px;



	margin: 0px;



}















#colRightInner3 ul {







	padding-bottom:10px;







}















#colRightInner3 ul li {







	padding:6px 0;







	border-bottom:1px solid #E2E2D8;







}















#colRightInner3 ul li a {







	color:#666;







	border:none;







}







#colRightInnersub {







	border:7px solid #EAEAE3;



	background:#fff;



	position:relative;



	margin-top: 0;



	background-image:url(images/sub_bg.jpg);



	background-repeat: no-repeat;



	padding-top: 8px;



	padding-right: 8px;



	padding-bottom: 15px;



	padding-left: 8px;



	



}















#colRightInnersub h2 {



	font-size:16px;



	color: #FFFFFF;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #FFFFFF;



	margin-bottom: 8px;



	padding-top: 5px;



	padding-right: 0;



	padding-bottom: 8px;



	padding-left: 0;



}















#colRightInnersub ul {







	padding-bottom:10px;







}















#colRightInnersub ul li {







	padding:6px 0;







	border-bottom:1px solid #E2E2D8;







}















#colRightInnersub ul li a {







	color:#666;







	border:none;







}















#colRight #recentcomments .url {







	font-weight:bold;







}















#colRight #ads {







	padding-bottom:5px;







	width:290px;







} 















#colRight #ads a {







	float:left;







	margin:0 7px 6px 0;







	border:none;







}















#colRight #ads a img {







	border:none;







}















#colRight #flickr {







	margin-top:10px;







}















#colRight #flickr a {







	border:none;







}















#colRight #flickr a img {







	border:none;







	padding:10px 11px 0 0;







}















#colRight #flickr h2{







	background:url(images/flickr_logo.jpg) 0 0 no-repeat;







	padding-left:66px;







	padding-top:7px;







}















a#site5_sidebar {







	display:block;







	width:240px;







	height:68px;







	text-indent:-9999px;







	background:url(images/site5_sidebar.jpg) 0 0 no-repeat;







}















/*COMMENTS



---------------------------------------------*/



#colLeft ul.commentlist {



	margin-bottom:10px;



	list-style-type:none;



}







#colLeft ul.commentlist li {



	background:none;



	border-bottom:1px solid #E2E2D8;



	padding:10px 0;



	padding-left:40px;



}







#colLeft ul.commentlist li .avatar {



	float:left;



	width:32px;



	margin-left:-40px;



	padding:0;



	border:none;



}







#colLeft ul.commentlist li img {



	border:none;



	padding:0;



	



}







* html #colLeft ul.commentlist li .avatar {



	margin-bottom:-20px;



}











#colLeft ul.commentlist li .commentmetadata {



	font-size:11px;



	color:#777;



}











/* FORMS



-------------------------------------------------*/



#searchform {



	position:absolute;



	right:0;



	top:80px;



}







#searchform input {



	border:1px solid #626262;



	background:#000;



	padding:5px 4px 6px;



	color:#999;



	width:215px;



	float:left;



}







#searchform input#searchsubmit {



	width:65px;



	height:30px;



	border:none;



	background:url(images/bk_search_but.jpg) 0 0 no-repeat;



	cursor:pointer;



}







/* post comment */







#commentform label {



	display:block;



	padding:5px 0 2px;



}







#commentform input, #commentform textarea {



	border:1px solid #ddd;



	padding:5px;



	font-size:12px;



	font-family:Arial, Helvetica, sans-serif;



	color:#666;



	width:300px;



}











#commentform textarea {



	width:500px;



}







#commentform input#submit{



	border:none;



	width:90px;



	height:24px;



	text-align:center;



	padding-top:4px;



	margin-top:5px;



}







/* contact */







#contact label {



	display:block;



	padding:8px 0 2px;



}







#contact input, #contact textarea {



	border:1px solid #ddd;



	padding:5px;



	font-size:12px;



	font-family:Arial, Helvetica, sans-serif;



	color:#666;



	width:300px;



}







#contact textarea {



	width:500px;



}







#contact input.submit {



	border:none;



	width:90px;



	height:24px;



	text-align:center;



	padding-top:4px;



	margin-top:15px;



}







.errormsg, .successmsg{



	background:#FEF4F1;



	border:1px solid #F7A68A;



	color:#DA4310;



	padding:10px;



}







.successmsg {



	border:1px solid #9FD9FF;



	background:#EAF7FF;



	color:#00BFF5;



}











/* CLEARING



---------------------------------------------------*/



.clearfix:after {



    content: "."; 



    display:block; 



    height: 0; 



    clear: both; 



    visibility: hidden;



}



.clearfix {



	display: block;



}



/* Hides from IE-mac \*/



* html .clearfix {height: 1%;}



.clearfix {display: block;}



/* End hide from IE-mac */







.clear {



	clear: both;



}







.noclear {



	clear: none;



}







/* CONTENT ELEMENTS







---------------------------------------------------*/







#homebox {



	width: 610px;



	padding-top: 0;



	height: 155px;



	color: #FFFFFF;



	font-size: 14px;



	line-height:120%;



	}



	



#homebox p {



	margin: 0px;



	padding-top: 3px;



	padding-right: 0px;



	padding-bottom: 0px;



	padding-left: 0px;



	font-weight: normal;



	}



	



#homebox h2 {



	font-family: arial;



	font-size: 15px;



	font-weight: bold;



	color: #000000;



	padding: 0px;



	margin: 0;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #FFFFFF;



	text-decoration: none;



	}



	



#homebox h2 a {



	text-transform: uppercase;



	text-decoration: none;



	letter-spacing: 1px;



	color: #000000;



	}



	



#homebox h2 a:hover {



	color: #999999;



	text-decoration: none;



	}



	



/*#homebox p {



	font-family: arial;



	font-weight: bold;



	}*/



	



/*.homeboxes {



	background-color: #FFFFFF;



	height: 90px;



	width: 175px;



	float: left;



	padding-top: 46px;



	padding-left: 8px;



	padding-right: 8px;



	padding-bottom: 8px;



	margin-top: 10px;



	margin-right: 10px;



	margin-bottom: 0px;



	margin-left: 0px;



	}*/



	



.riskbox1 {



		background-color: #FFFFFF;



	height: 100px;



	width: 175px;



	float: left;



	padding-top: 36px;



	padding-left: 10px;



	padding-right: 10px;



	padding-bottom: 8px;



	margin-top: 10px;



	margin-right: 10px;



	background-image: url(images/riskboxes_01.gif);



	background-repeat: no-repeat;



	background-position: right;



	}



.riskbox2 {



		background-color: #FFFFFF;



	height: 100px;



	width: 175px;



	float: left;



	padding-top: 36px;



	padding-left: 8px;



	padding-right: 8px;



	padding-bottom: 8px;



	margin-top: 10px;



	margin-right: 10px;



	background-image: url(images/riskboxes_02.gif);



	background-repeat: no-repeat;



	background-position: right;



	}



.riskbox3 {



		background-color: #FFFFFF;



	height: 100px;



	width: 175px;



	float: left;



	padding-top: 36px;



	padding-left: 10px;



	padding-right: 10px;



	padding-bottom: 8px;



	margin-top: 10px;



	background-image: url(images/riskboxes_03.gif);



	background-repeat: no-repeat;



	background-position: right;



	}



	



#homebox a {



	color: #FFFFFF;



	text-decoration: underline;



	border-top-width: 0px;



	border-right-width: 0px;



	border-bottom-width: 0px;



	border-left-width: 0px;



	border-top-style: none;



	border-right-style: none;



	border-bottom-style: none;



	border-left-style: none;



	}



#homebox a:hover {



	color: #999999;



	text-decoration: underline;



	}



.homeboxesimg {



	padding-right: 10px;



	margin: 0px;



	padding-top: 0px;



	padding-bottom: 0px;



	padding-left: 0px;



	border-top-width: 0px;



	border-right-width: 0px;



	border-bottom-width: 0px;



	border-left-width: 0px;



	border-top-style: none;



	border-right-style: none;



	border-bottom-style: none;



	border-left-style: none;



	float: left;



	}



	



.fbbutton {







}



.fbbutton a {



	background-image: url(images/fb_large.jpg);



	background-repeat: no-repeat;



	display: block;



	height: 45px;



	width: 288px;



	text-indent: -999em;



}



.fbbutton a:hover {



	background-image: url(images/fb_large.jpg);



	background-repeat: no-repeat;



	background-position: 0px -45px;



}







.friendsbutton {


float: right;
margin-top: 10px;	
width: 157px;

}

.friendsbutton a {



	background-image: url(images/friends_butt.gif);



	background-repeat: no-repeat;



	display: block;



	height: 28px;



	width: 157px;



	text-indent: -999em;



}



.friendsbutton a:hover {



	background-image: url(images/friends_butt.gif);



	background-repeat: no-repeat;



	background-position: 0px -28px;



}

.showsupport  {
	width: 248px;
	margin-top: 94px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

.showsupport a {



	background-image: url(images/support_butt.gif);



	background-repeat: no-repeat;



	display: block;



	height: 45px;



	width: 248px;



	text-indent: -999em;



}



.showsupport a:hover {



	background-image: url(images/support_butt.gif);



	background-repeat: no-repeat;



	background-position: 0px -45px;



}

.supportspruik {
	background-color: #E0ECFF;
	border: 1px solid #999999;
	padding: 8px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-image: url(images/supspruik.jpg);
	background-repeat: repeat-x;
}

/*** SLIDESHOW **/

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
	height: 102px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}