/* CSS file for Tillywig, created Feb 10, 2009. Mary Ecsedy, Circuit
Riders LLC. */


/* The basic browser viewport window. To see its extent change the
background-color to ff00ff. */

	body {
		margin: 0;
		padding: 0;
		background-color: #ffffff;
		font-size: 100%;  
		text-align: center; 
	}

	
/* Default rules for the most common HTML elements. */

	body, h1, h2, h3, h4, h5, h6, ol, ul, li, p {
		font-family: arial, sans-serif;
                background-color: #ffffff;
                color: #000000;
	}





/* Additional default heading rules.  */

        h1 {
                color: #145db6;
                font-size: 120%;
                font-weight: bold;
                text-align: left;
                margin: 10px 0px 5px 0px;  /* Top, Right, Bottom, Left. Always in that order.*/
                padding: 0px 0px 10px 0px;
        }


        h2 {
                color: #145db6; 
                font-size: 115%;
                font-weight: bold;
                text-align: left;
                margin: 20px 18px 10px 0px;
                padding-bottom: 5px;
                border-bottom: 1px solid #25c0e0;
        }

        h3 {
                color: #082549; 
                font-size: small;
                font-weight: bold;
                margin: 20px 0px 0px 0px;
                padding-top: 0px;
        } 










/* Default paragraph rule. */
        p { 
                background-color: #ffffff;
                color: #000000;
                margin: 0px 20px 10px 0px;
                font-size: small;
                font-weight: normal;
                text-align: left;
                padding-right: 10px;
        } 




/* Default link rules. */

	a { 
                color: #000000; 
                text-decoration: none;
                font-size: small;
        }

	a:focus, a:hover, a:active {
		color: #145db6;
        /*        font-size: small; */
	}





/* Default image rule. This suppresses the default border. */

        img { 
                border: 0px;
        }



/* Unordered, i.e., bulleted, lists. Currently not used.
        
        ul li { 
                background-color: #ffffff;
                color: #000000;
                font-size: x-small;
        } */










/* The Container div holds everything else. */

body { background: #fff;}
	#container {
        background: white;
                margin: 1em auto;
		width: 800px;
		text-align: left;
                padding: 0px;
		border: 0px solid #ff00ff; 
	}







/* The Header div holds the logo at the top of each page. */

	#header {
                background-image: url(../../images/Top_banner.jpg);
                background-repeat: no-repeat; 
		height: 128px;
		background-color: transparent;
		color: #ccffff;
                margin: 18px;
                padding: 0px;
		border: 0px solid #02b2d7; 
	}







/* Mainnav is the div that holds the horizontal navigation links below
the header. The links themselves are stored in mainnav.inc. You can
update the links on all pages on the site at the same time by updating
that one file. */

/*IMPORTANT NOTE: This div has a NEGATIVE top margin setting so it
appears to float over the Top_banner.jpg header image. The
background-color is transparent instead of white to let the underlying
header image show through. */

	#mainnav {
                background-color: transparent; 
                color: #f07228;
		text-align: left ;
                margin: -60px 20px 20px 90px;
                padding: 0px;
                border: 0px solid #b4a5c8;
                font-size: 8px;
		font-family: arial, sans-serif;
        position: relative;
	}


    #logo-link { 
       /* height: 100px; width: 800px; position: absolute; top: 0; */
    }



/* The following rules control the layout and behavior of the mainnav
links. */

        #mainnav ul { 
                background-color: transparent; 
                color: #f07228;
		list-style-type: none;
        }

	#mainnav li{
                background-color: transparent; 
                color: #f07228;
		display: inline;
	}
	
	#mainnav li a {
                background-color: transparent;
		color: #f07228; /* Orange */
		text-decoration: none;
                font-weight: bold;
		margin: 0px 5px 0px 5px;
	}

	#mainnav li a:hover {
		text-decoration: none; 
                background-color: transparent;
		color: #25c0e0; /* Star Blue */
	}


/* This is a Span Class that is used to style the "|" character
between the mainnav links. */

        .green-bar {
                color: #a4d258;
                font-size: 24px;

                border: 0px solid #ff00ff;
        }










/* The bulleted list under Browse. */

        #lcol ul { 
                list-style-type: none;
                margin: 7px 0px 0px 25px;
                padding: 0px;
         }


        #lcol li a:link, #lcol li a:visited { 
                background-image: url(../../images/star.jpg); /* Blue Star */
                background-position: left;
                background-repeat: no-repeat;
                display: block;
                margin: 0px 0px 0px -20px;
                padding: 2px 0px 2px 20px;
                background-color:#ffffff;
                color: #145d86;
                text-decoration: none;
                font-weight: normal;
        }

        #lcol li a:hover, #lcol li a:visited:hover { 
                background-image: url(../../images/star_orange.jpg); /*Orange Star */
                background-position: left;
                background-repeat: no-repeat;
                background-color: #ffffff;
                color: #f07228;
                text-decoration: none;
        }


        #lcol li a:active { 
                background-color: #afd4d4;
                color: #ffffff;
                text-decoration: none;
        }


        #lcol ul li { 
                font-size: 7px; /* Fixed-font for design sake. */
        }



/* The is the blue divider line in lcol. */
        .blue-line-210 { 
                background-color: #ffffff;
                color: #25c0e0;
                border-top: 1px solid #25c0e0;
                margin: 10px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
        }



/* Paragraph text within the lcol div. */

        #lcol p {
                margin-left: 0px;
                padding: 0px;
        }


      #nav-apply-now { 
        color: #145db6; 
      }




/* Search box */

        .search-box { 
               padding: 5px 0px 5px 0px;
               border: 1px solid #25c0e0;
               
        }








/* Main contents area of the page. */
 


/* The lcol div is the left column. */

    #lcol {
        clear: both;
        float: left;
        margin: 0px 0px 18px 18px;
        padding-top: 5px;
        font-size: small;
        width: 210px; 
    }

	#contents-top {
        width: 548px;
        min-height: 540px;
		/* old: margin: 0px 0px 0px 252px; */

        float: left;
        margin-left: 24px;
                color: #000000;
                padding: 0px;
		border: 0px solid #ff0000; 
	}

    #contents-bottom { clear: both; }







/* This is a trick to make sure the layout is not affected by the
float on top-awards above. */

        .clearboth { 
                clear: both; 
        }




/* Footer. */

	#footer {
		clear: both;
		margin: 36px 18px 18px 18px;
		background-color: #ffffff;
                color: #145db6;
                font-size: x-small;
                text-align: center;
                border-top: 1px solid #a4d258; /* Green top border line. */
	}


        #footer p {
                background-color: #ffffff;
                color: #3d3d3d;
                margin: 5px 15px 15px 0px;
                font-size: x-small;
                font-weight: normal;
                text-align: center;
                letter-spacing: 0.1em;
        }


/* The following rules control the layout and behavior of the links in
the footer. */

        #footer ul { 
                background-color: transparent; 
                color: #145db6;
		list-style-type: none;
        }

	#footer li{
		display: inline;
        white-space: nowrap;
	}
	
	#footer li a {
                background-color: transparent;
		color: #145db6; /* Blue */
		text-decoration: none;
                font-weight: bold;
		margin: 1em .5em 0em .5em;
	}

	#footer li a:hover {
		text-decoration: none; 
                background-color: transparent;
		color: #f07228; /* Orange */
	}







/* The following sections contain the rules required to implement the
unique design elements and layout on each page. */








/* SUBMISSIONS PAGE RULES */



/* Color class selectors based on the 3 main colors on the Home
page. Used to apply different colors to h2 on submissions page. */

        .toptoy { 
                color: #145db6; /* Top Toy Blue */
                font-weight: bold;
        }



        .LOL { 
                color: #79a423; /* LOL green */
        }



        .brain-child { 
                color: #f07228; /* Brain Child orange */
        }



/* Heading 2s on the Submissions page. */

        .toptoy h2 { 
                color: #145db6; /* Top Toy Blue */
                padding-top: 20px;
                margin: 20px 0px 5px 0px;
                border-top: 1px solid #25c0e0;
                border-bottom: 0px solid #25c0e0;
        }


        .LOL h2 { 
                color: #79a423; /* LOL green */
                padding-top: 20px;
                margin: 20px 0px 5px 0px;
                border-top: 1px solid #25c0e0;
                border-bottom: 0px solid #25c0e0;
        }


        .brain-child h2 { 
                color: #f07228; /* Brain Child orange */
                padding-top: 20px;
                margin: 20px 0px 5px 0px;
                border-top: 1px solid #25c0e0;
                border-bottom: 0px solid #25c0e0;                          
        }



/* Green star bullets in the Winner's Receive section of Submissions page. */

        .green-star-bullet p { 
                background-image: url(../../images/star_green.jpg); /* Green star bullet */
                background-position: top left;
                background-repeat: no-repeat;
                margin: 0px 10px 0px 0px;
                padding: 2px 0px 2px 20px;
        }

















        #center { 
                text-align: center;
        }

        .center { 
                text-align: center;
        }

        .left { 
                text-align: left;
        }

        .right { 
                text-align: right;
        }

.clear { clear: both !important;}

/* Basic underline span class */

       .underline { 
                text-decoration: underline;
        }




/* Added by Matt. Format the Category headers on award-winners.php */


div.small-year-banner {
    /* "2009 Tillywig Award Winners" - appears just over each category header image */
    /* color: #2e598e; */
    color: #145db6 !important;
    font-size:12pt !important;
    font-weight:bold;
}