/* -------------------------------------------------------------------------- */
/*
    name:	default.css
	desc:	YABS default stylesheet
*/

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

BODY   {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: smaller;
	border:0; 
	margin:0; 
	padding:0;
}

/* -------------------------------------------------------------------------- */
/* HEADER                                                                     */
/* -------------------------------------------------------------------------- */
    UL, LI  {
        border:0; 
        padding:0; 
        margin:0; 
        list-style:none;
        }


/*  top navigation bar (contains main heading and sign in/out options         */

    #top-navigation{
        background:url(images/topnav-bg.gif) repeat-x;
        width:auto;
        height:48px;
        margin:0 auto;
    }

    #top-navigation H1 {
        font-size : 24px;
        margin : 0;
        padding-top : 12px;
        padding-left : 18px;
        color : #eee;
        float : left;
        }
        
    #top-navigation P {
        float : right;
        padding-right :20px;
        font-size:11px;
        color : #eee;
        }

    #top-navigation A,
    #top-navigation A:visited {
        text-decoration:none;
		color:#fff;
	}

    #top-navigation A:hover{
	   color : #fff;
		text-decoration:underline;
	}
        
/*  main navigation bar (contains main section heading links and search form  */

    #navigation{
        background:url(images/nav-bg.gif) repeat-x; 
        height:32px; 
        margin:0 auto;
        width:auto; 
	}

	#navigation ul{
	    float : left;
        height:32px;
        line-height:32px;	
	}
	#navigation ul li{
		display:inline;
	}

	#navigation ul li a,
	#navigation ul li a:visited {
		background:url(images/line-a.gif) right no-repeat;
		padding:0 20px;
		display:block;
		text-decoration:none;
		float:left;
		color:#4261df;
		font-weight:bold;
		text-shadow: #ffffff 2px 2px 2px;
	}
	#navigation ul li a:hover{
		color:#1532a5;
	}

    #navigation .admin a, 
    #navigation .admin a:visited {
        color : #f66;
        }
    #navigation .admin a:hover {
        color : #f00;
        }

    /* navigation form - used for google custom search */
    #navigation FORM {
        float : right;
        padding-right :15px;
        margin-top : 4px;
        margin-bottom : 0px;
        font-size:11px;
        }

    #navigation FORM INPUT {
        border : 1px solid #888;
        }

    #navigation FORM INPUT:focus {	
        background-color: #FFC; 
        border-color: #FC6; 
    }
	
/*  sub navigation bar (contains sub-section links when over over main nav    */

    #sublinks{
        width:auto;
        margin:0 auto;
        background:#888 url(images/sublink.gif);
        height:30px;
        font-size:11px;
    }	
	#sublinks ul{
	 height:32px;
	 line-height:31px;	
	}
	#sublinks ul li{
		display:inline;
	}
	#sublinks ul li a,
	#sublinks ul li a:visited {
		padding:0 20px;
		display:block;
		text-decoration:none;
		float:left;
		color:#eee;
	}
	#sublinks ul li a:hover{
	   color : #fff;
		text-decoration:underline;
	}

    body.welcome #welcome a:visited,
    body.news #news a:visited,
    body.glossary #glossary a:visited,
    body.title-list #title-list a:visited,
    body.title-browse-editions #title-browse-editions a:visited,
    body.title-browse-publication #title-browse-publication a:visited,
    body.title-browse-location #title-browse-location a:visited,
    body.title-browse-era #title-browse-era a:visited,
    body.char-1 #char-1 a:visited,
    body.char-2 #char-2 a:visited,
    body.char-3 #char-3 a:visited,
    body.prop-1 #prop-1 a:visited,
    body.prop-2 #prop-2 a:visited,
    body.prop-3 #prop-3 a:visited,
    body.misc-compendiums #misc-compendiums a:visited,
    body.misc-annuals #misc-annuals a:visited,
    body.misc-serials #misc-serials a:visited,
    body.misc-comics #misc-comics a:visited,
    body.misc-games #misc-games a:visited,
    body.misc-film #misc-film a:visited,
    body.misc-other #misc-other a:visited {
        color : #fca;
        }

    #s0, #s1, #s2, #s3, #s4, #s5 {display:none;}

/* -------------------------------------------------------------------------- */
/* WRAPPER                                                                    */
/* -------------------------------------------------------------------------- */

#wrapper {
    margin : 10px 0 0 0;
    }

#wrapper UL LI {
    list-style: disc outside;
    margin-left : 1.5em;
    }

#wrapper OL LI {
    list-style: decimal outside;
    margin-left : -1.5em;
    }

#wrapper DL DT {
    margin-top : 0.5em;
    font-weight : bold;
    }
    
#wrapper DL DD {
    }


#wrapper A, #wrapper A:visited {
    text-decoration : none;
    color : #4261df;
    }

#wrapper A:hover {
    text-decoration : underline;
    color : #1532a5;
    }

/* Tweak link presentation using conditional selectors.  Smart browsers only */

a[href^="http:"] { 
    padding-right:15px; 
    background:transparent url(images/link-external.gif) center right no-repeat; 
    } 

a[href^="http://www.youtube.com/watch"] { 
    padding-right: 0px; 
    background: none; 
    } 

a[href^="http://www.youtube.com/watch"]:hover { 
    border-bottom : none;
    } 

a[href^="mailto:"] { 
    padding-right:15px; 
    background:transparent url(images/link-mail.gif) center right no-repeat; 
    } 

/* standard image styles  */

.imgleft {
	float : left;
    margin : 0 1em 0.5em 0;
}

.imgright {
	float : right;
    margin : 0 0 0.5em 1em;
}

.imgTable {
    margin : 0.1em;
    }
    
.imgTableBox {
    margin : 0.1em;
    border : 1px solid #00c;
    }

.clear {
    clear : both;
    }

.imgRental {
    opacity : 0.8;
    border : 1px solid #f00;
    }


/* -------------------------------------------------------------------------- */
/* MAIN                                                                       */
/* -------------------------------------------------------------------------- */

#main {
    border-top : 1px solid #fff;
    margin: 0 350px 0 22px;
    }

#main H3 {
    clear : left;
    color : #888;
    margin-top : 30px;
    margin-right: 150px;
    border-bottom : 1px dashed #fca;
    }

#main BLOCKQUOTE {
    margin-left : 2em;
    padding-left : 0.5em;
    border-left : 2px solid #fca;
    }

#main TR.alternate {
    background-color : #fec;
    }

#main TH {
    border-bottom : 1px solid #fca;
    text-align : left;
    }
    
#main TD {
    }

    
/* -------------------------------------------------------------------------- */
/* SIDEBAR                                                                    */
/* -------------------------------------------------------------------------- */

#sidebar {
    float : right;
    width : 300px;
    margin: 0 20px 0 0;
    padding-left : 10px;
    }
    
#sidebar H3 {
    color : #888;
    border-bottom : 1px dashed #fca;
    }

#sidebar .updateDate {
    font-size : smaller;
    color : gray;
    margin-left : 0.5em;
    }
    
#titleHeader {
    font-size : smaller;
    text-align : center;
    padding : 5px;
    border : 1px solid #888;
    margin-top : 20px;
    }

#admin {
    font-size : smaller;
    text-align : center;
    padding : 5px;
    border : 1px solid #f00;
    background-color : #fcc;
    margin-top : 20px;
    }

/* -------------------------------------------------------------------------- */
/* FOOTER                                                                     */
/* -------------------------------------------------------------------------- */

#footer   {
    clear : both;
	margin:50px auto 0px auto;
	width: 400px;
	border-top : 1px solid #fca; 
	text-align : center;
    }