
/*

// "Frontpage Slideshow" Module for Joomla! 1.5.x - Version 1.7.2

// Copyright (c) 2006 - 2008 JoomlaWorks, a Komrade LLC company.

// This code cannot be redistributed without permission from JoomlaWorks - http://www.joomlaworks.gr.

// More info at http://www.joomlaworks.gr and http://www.frontpageslideshow.net

// Developers: Fotis Evangelou - George Chouliaras

// ***Last update: April 27th, 2008***

*/



/* --- Slideshow Containers --- */

#fpss-outer-container {/*clear:both;*/width:900px;margin:0 auto;padding:0;border:1px solid #000000;background:#000000;}

#fpss-container {/*clear:both;*/margin:0;padding:0;position:relative;width:900px;}

#fpss-slider {overflow:hidden;background:none;/*clear:both;*/width:700px;height:300px;}



/* --- Slideshow Block --- */

.slide {position:absolute;right:0;width:900px;}

#slide-wrapper {display:none;font-size:12px;text-align:left;width:700px;height:300px;}

#slide-loading {background:#fff url(loading.gif) no-repeat center;text-align:center;margin-left:200px;width:700px;height:300px;}

#slide-outer {height:300px;}

#slide-outer .slide-inner {position:relative;margin:0;color:#fff;overflow:hidden;height:300px;}

#slide-outer .slide-inner a.fpss_img {display:block;margin:0 0 0 200px;padding:0px 0;border-left:1px solid #000000;overflow:hidden;}

#slide-outer .slide-inner a.fpss_img span {display:block;margin:0 0;overflow:hidden;height:300px;position:relative;}

#slide-outer .slide-inner a.fpss_img span span {margin:0;}

#slide-outer .slide-inner a.fpss_img span span span {background:url(readmore.png) no-repeat right bottom;}

#slide-outer .slide-inner a.fpss_img span span span img {display:none;}



/* --- Content --- */

.fpss-introtext {margin:0;padding:0;position:absolute;top:0;left:1px;overflow:hidden;background:#000;width:200px;height:220px;}

.fpss-introtext .slidetext {padding: 16px 4px 4px 8px;}



/* --- Navigation Buttons --- */

#navi-outer {position:absolute;bottom:0;left:0;/*clear:both;*/margin:8px 0 16px 0;padding:0;width:200px;overflow:hidden;display:block;}

#navi-outer ul {margin:0;padding:0 16px;text-align:right;}

#navi-outer li {display:inline;background:none;padding:0;margin:0;}

#navi-outer li a,#navi-outer li a:hover,#navi-outer li a.navi-active {display:block;float:left;overflow:hidden;width:30px;height:30px;padding:0;margin:2px;text-decoration:none;line-height:40px;background:#404040;}

#navi-outer li a {border:1px solid #B90D11;}

#navi-outer li a:hover {border:1px solid #ff9900;}

#navi-outer li a.navi-active {border:1px solid #ff9900;}

#navi-outer li a img,#navi-outer li a:hover img,#navi-outer li a.navi-active img {height:80px;width:auto;display:block;margin:-5px 0 0 -55px;}

#navi-outer li a img {opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}

#navi-outer li a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}

#navi-outer li a.navi-active img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}

#navi-outer li a span.navbar-img {}

#navi-outer li a span.navbar-key {padding:0 2px;}

#navi-outer li a span.navbar-title {display:none;}

#navi-outer li a span.navbar-tagline {display:none;}

#navi-outer li a span.navbar-clr {display:none;}

#navi-outer li.noimages {display:none;}



/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */

.fpss-introtext .slidetext h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;margin:0 0 5px;padding:0;color:#fff;line-height:22px;}

.fpss-introtext .slidetext h1 a {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#fff;}

.fpss-introtext .slidetext h1 a:hover {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#b90d11;}

.fpss-introtext .slidetext h2 {font-size:10px;margin:0 0 5px;padding:0;color:#b90d11;}

.fpss-introtext .slidetext h3 {font-size:11px;margin:0;padding:0;display:none;}

.fpss-introtext .slidetext p {margin:0;padding:0;color:#fff;}

.fpss-introtext .slidetext a.readon {display:none;}

.fpss-introtext .slidetext a.readon:hover {display:none;}



/* --- Generic Styling (highly recommended) --- */

a:active,a:focus {outline:0;}

#fpss-container img {border:none;}

.fpss-introtext .slidetext img,

.fpss-introtext .slidetext p img {display:none;} /* this will hide images inside the introtext */

.fpss-clr {/*clear:both;*/height:0;line-height:0;}



/* --- End of stylesheet --- */