@import url(screen_common.css);

/* -------------------------------------------------------------- */
/* HTML                                                           */
/* -------------------------------------------------------------- */
a             				{ color: #FFF; text-decoration: none; }
body                        { background-color: #000;  color: #000; }
h4, #col2 h4 {
    margin: 3px 0 0 0; 
    font: bold 13px Arial, Helvetica, Verdana, Sans-Serif;
	line-height: 110%;
}
h5 {
    font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
    background-color: transparent;
	color: #000;
	margin: 2px 0 0 8px;
	padding-bottom: 5px;
}

html,  form, #wrapper     	{ height:100%; }
ul.EktronEditorsMenu li a   { color: blue; } 

/* -------------------------------------------------------------- */
/* LAYOUT                                                         */
/* -------------------------------------------------------------- */
.carat                    	{ font: normal 16px 'courier new', courier, monospace; }

/* all columns */
#col1, #col2, #col3 {
    height: 160px;
    float: left;
    margin-top: 4px;
    margin-bottom: 6px;
    font-size: 11px;
    overflow: hidden; 
    line-height: 150%;
}
#col1 ul li, #col2 ul li, #col3 ul li { padding-bottom: 3px; }

/* column 1 */
#col1 {
    width: 321px;
    /*
	solid -  background-color: #4d87a9;
	CSS3 - background-color: rgba(77,135,169,0.8);
	*/
	background: transparent url(../images/background/90_turquoise.png);  	
    margin-right: 6px;
    position: relative;
}
#col1 img               	{ margin: 2px 7px 0 0; }
#col1 h5 {
    font: bold 11px arial, helvetica, tahoma, sans-serif;
	display: inline-block;  
	color: #000;
	margin: 10px 0 5px 19px;
    border: 0;
}
 
/* column 2 */
#col2 {
    width: 322px;
	/*
	solid - background-color: rgba(159,138,40,0.8);
    CSS3 - background-color: #9f8a28;
	*/
	background: transparent url(../images/background/90_orange.png);  	
    margin-right: 6px;
    position: relative;    
}
#col2 img[title] {
    float: left;
	margin: 0 12px 10px 0;
}

/* column 3 */
#col3 { 
	width: 322px; 
	/*
	solid - background-color: rgba(236,107,37,0.8);
	CSS3 - background-color: #ec6b25;
	*/ 
	background: transparent url(../images/background/90_tan.png); 	
}
#captionContainer {
    width: 370px;
    float: right;
    position: absolute;
    top: 25%;
    right: 0;    
}
#captionNavigation {
    margin-top: 1px;
    padding: 5px 8px 4px 18px;
    font-size: 11px;
    color: #999;
    font: bold 12px Arial, Helvetica, Verdana, Sans-Serif;        
	background: transparent url(../images/background/80-black.png);    
}
#captionNavigation a     	{ color: #999; }
#captionNavigation a:hover  { color: #FFF; text-decoration: none; }
#captionNavigation p        { float: right; }

p.entryLinks {
    font: normal 11px Arial, Helvetica, Verdana, Sans-Serif;
    color: #FFF;
    text-align: right;
    margin: 6px 14px 0 0;
    float: right;
}

.offsetBlock                { padding-left: 20px; font-family: Georgia, 'Times New Roman', Times, Serif; }

#pageBottomWrapper          { position: absolute; width: 100%; bottom: 0; }
#pageBottom                 { width: 977px; }

#wrapper                    { position: relative; z-index: 3; }
    
/* -------------------------------------------------------------- */
/* SUPERSIZED PLUG IN                                              */
/* -------------------------------------------------------------- */
body                        { overflow: hidden; /*Needed to eliminate scrollbars*/ }
#content {
	height: 100%;
	width: 100%;
	z-index: 3;
	position:absolute;
}

#prevslide, #nextslide, #pauseplay {
	display: block;
	height: 12px;
	background: transparent url(../images/background/slide-controls.gif) no-repeat 0 2px;
	float: right;
} 
#pauseplay {
	background-position: -14px 2px;
	width: 28px;
	display: none;
}
#prevslide, #nextslide { 
	width: 23px;
}
#nextslide {
	background-position: -36px 2px;
}

/* Debug styles
#prevslide { background-color: green; }
#nextslide { background-color: purple; }
#pauseplay { background-color: red; }
*/

#slidecounter {    
    color: #999;   
	font-weight: bold;
	display: inline;
}
#slidecaption {
    padding: 8px 8px 10px 18px;
    overflow: hidden;
	background: transparent url(../images/background/80-black.png);
	color: #999;
}
#slidecaption h4 {
    font: bold 16px Arial, Helvetica, Verdana, Sans-Serif;    
    color: #FFF;
}
#slidecaption p {
    font: normal 13px Arial, Helvetica, Verdana, Sans-Serif;      
    line-height: 150%;
    margin: 4px 0 0 0;    
}
#slidecaption p a 			{ color: #b2b2b2; }
#slidecaption p img {
    vertical-align: text-bottom; 
    margin-left: 4px;
}

/*Supersize Plugin Styles*/
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	/*background-image: url(../images/photo/home/progress.gif);*/
}
#supersize                  { position:fixed; }
/*#supersize img {*/
#supersize img, #supersize a {
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize a                { cursor: default; }
#supersize .prevslide, #supersize .prevslide img {
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img {
	z-index: 2;
}