/* 

    Flick Slideshow Lite v 1.0: 2006-05-15 
 
        Copyright 2006 - Paul Russell - http://russelldad.googlepages.com
        
        This software is licensed under the CC-GNU LGPL 
        <http://creativecommons.org/licenses/LGPL/2.1/>
 
        

        The styles in this file make the slideshow pretty. without them it
        is not pretty.   
        
        
        
        STANDARD DISCLAIMER: 
        No warranties, either express or implied, are hereby given. All
        software is supplied as is, without guarantee. The user assumes all
        responsibility for damages resulting from the use of this software,
        including, but not limited to, frustration, disgust, system abends, disk
        head-crashes, general malfeasance, floods, fires, shark attack, nerve
        gas, locust infestation, cyclones, hurricanes, tsunamis, local
        electromagnetic disruptions, hydraulic brake system failure, invasion,
        hashing collisions, normal wear and tear of friction surfaces, comic
        radiation, inadvertent destruction of sensitive electronic components,
        windstorms, the Riders of Nazgul, infuriated chickens, malfunctioning
        mechanical or electrical sexual devices, premature activation of the
        distant early warning system, peasant uprisings, halitosis, artillery
        bombardment, explosions, cave-ins, and/or frogs falling from the sky. 
        This text was stolen from http://www.alertbear.com/
        
        
*/



body 
{
    margin-top:0em;
    margin-left:.2em;
}    

/* the main content on the create a slideshow page */
.content 
{
    margin-left: 5em;
    margin-top: 5em;
}

/******************************************************************* 

                USEFUL LINKS SECTION

*******************************************************************/

/* defines the behavior of the useful link border on the slideshow page   */
fieldset 
{
    border: 1px solid lightgrey;
	padding: 1em;
}

/* defines the behavior of the title for theuseful link border 
   on the slideshow page   */
fieldset legend 
{
	color:#0063DB;
	font-size:0.7em;
	font-weight:bold;
}

/* the useful links div tag uses this */
.links
{
    text-align:left;
    margin-left:1em;
}

/* links in the useful links section are formated with this */
.links a
{
	color:#0063DB;
	font-size:0.8em;
	text-decoration:none;
}

/*  when you hover over a useful link */
.links a:hover
{
 	text-decoration: none; 
    color:#ff0084;
	font-weight:bold;
	font-size:0.8em;
	text-decoration:none;   
}

/******************************************************************* 

               SLIDESHOW text

*******************************************************************/

.slideshowtitle 
{
    font-size: 25px;
    color:#0063DC;
    font-weight:bold;
   /*  font-style:italic; */
}

.slideshowauthor 
{
    color: gray;
    font-size:.8em;
}

/******************************************************************* 

               Progress Bar (for elapsed time between photots

*******************************************************************/

/* controls the div tag that wraps the progress bar */
.progressmeter 
{
    margin-bottom:10px;
}

/* the actual progress bar background color */
.progressbar 
{
    background: #0063DC;
}

/* the color to set the background when waiting for an image to load */
.progressbarloadwait 
{
    color: #ff0084;
}



/******************************************************************* 

               slideshow controls

*******************************************************************/

/* div tag wrapper for all the controls */
.controls 
{
    margin-bottom:0px;
    padding-bottom:0px;
}

/* how each control if formated */
.control 
{
    font-size:25px;
    font-weight:bold;
    color:#0063DC;
    text-align:center;
    text-decoration: none;
    margin-bottom:0px;
    padding-bottom:0px;
}

/* the sub text on the previous and next buttons */
.controlSubText
{
    font-size:10px;
    margin-top:0px;
    padding-top:0px;
}

/* formatting for the text next to the delay between pictures text */
.delayText
{
   font-size: 10px;
    color: gray;
}

/* text telling the user what picture is displayed */
.picCount
{
    color:#0063DC;
    font-size:12px;
}



/******************************************************************* 

              The image in all its glory

*******************************************************************/

/* the formating for the main image */
.mainimage 
{
    border:solid gray 1px;
    margin-bottom:1px;
    margin-top:1px;
}

/* yup. its the text under the picture */
.textunderpicture
{
    color:#0063DC;
    font-size:12px;
}

.pictureTitle { }


/* the link that determines if  */
.showhidethumbs
{
    font-size: 12px;
}


/* when we show thumbnails we do it this way */
.thumbimage 
{
    border:none;
    margin:2px;
}


.thumbnailScroll 
{
	/*width: 330px;*/
	height: 700px;
	margin-bottom: 50px;
    overflow: scroll;
    
}



/* the display font color for status messages on the create page */
.statusMessage 
{
    color:#ff0084;
}

/* the color of the R in the word flickr */
.flickr_r_color 
{
    color:#ff0084;
}

/* the color of the R in the word flickr */
.flickr_pink 
{
    color:#ff0084; 
}

/* flickrs standard blue */
.flickr_blue 
{ 
    color:#0063DC; 
}
    
    

/*****************************************

            LINK STYLES

*****************************************/
a:link 
{ 
    color: #0063DC; 
    text-decoration: none; 
}

a:visited 
{   color: #2E67C7; 
    text-decoration: none; 
}

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

a:active 
{ 
    color: #ff0084; 
    text-decoration: none; 
}


/*****************************************

            The TITLE Bar formatting.
            
    This formating style was heavily influenced
    by flickr leech

*****************************************/
.title_flickr 
{
    color:#0063DC;
    font-size:35px;
    font-weight:bold
}

.title_flickr_r 
{
    color:#ff0084;
    font-size:35px;
    font-weight:bold
}

.title_main 
{
    color:lightgrey;
    font-size:35px;
    font-weight:bold
}

.title_subtext 
{
    color:lightgrey;
    font-size:15px;
    font-weight:bold
}


/* the button that lets you go to the create a new slideshow page */
.createButton 
{
    /* background:lightgrey;*/
    text-decoration: underline;
    font-size:.8em;
}

/* the button that lets you go to the create a new slideshow page */
a:createButton  
{
    /* background:lightgrey;*/
    text-decoration: underline;
    font-size:.8em;
}