/* ------------------------------------------------------ */
/*                                                        */
/*  FORT WORTH PUBLIC LIBRARY                             */
/*  CMS Stylesheet for Display Media                      */
/*  Version 2008-01-26-1340                               */
/*                                                        */
/*  Rudy Rodela  rudy.rodela@juno.com                     */
/*  (c) 2008 The Fort Worth Public Library                */
/*                                                        */
/* ------------------------------------------------------ */
/*                                                        */
/*  This stylesheet applies the span styles in the        */
/*  CMS stylesheets to structural elements to enhance     */
/*  portability for library content.                      */
/*                                                        */
/* ------------------------------------------------------ */


/* ------------------------------------------------------ */
/*  CMS-WIDE STYLES                                       */
/* ------------------------------------------------------ */


#LIB {

}

#LIB h1 {
	color:       #235ead; 
	font-weight: bold; 
	font-style:  normal;
	margin:      0px 0px 7px 0px; 
} 
#LIB h2 {
	color:       #000000; 
	font-weight: bold; 
	font-style:  italic; 
	margin:      16px 0px 6px 0px;
} 
#LIB h3 {
	color:       #000000; 
	font-weight: bold; 
	font-style:  normal; 
	margin:      0px 0px 6px 0px; 
} 
#LIB h4 {
	color:       #000000; 
	font-weight: normal; 
	font-style:  italic; 
	margin:      0px 0px 6px 0px; 
} 

#LIB p, #LIB li, #LIB td, #LIB dd, #LIB dt, #LIB blockquote, #LIB div {
	color:       #000000; 
	font-weight: normal;
	font-style:  normal; 
}

#LIB blockquote {
	margin-left: 14px;
	}

#LIB dt {
	font-weight:   bold;
	margin-left:   12px;
	margin-bottom: 10px;
}

#LIB dd {
	margin-left:   24px;
	margin-bottom: 12px;
}

#LIB table {
	margin:      0px 0px 7px 0px; 
}


/* ------------------------------------------------------ */
/*  LIBRARY-SPECIFIC CLASSES                              */
/* ------------------------------------------------------ */


#LIB img.coverart, #STAFFPICKS img.coverart {
	float:       left; 
	margin:      7px 7px 7px 0px;
	border:      0 none; 
}

#datestamp {
	padding:     5px;  
	border-top:  navy 1px solid;  
	margin-top:  1em;  
	text-align:  center;
	clear:       both;
}

/* Printer-friendly view links */
#PFV {  
	float:       right;
	font: normal 10px verdana;
	text-align:  right;
}

/* Used on Pearl's Picks pages */
#LIB .first {
	clear:       both; 
	border-top:  dashed 1px #999999; 
	padding-top: 4px; 
	margin-top:  2em;
}

/* Used on Reader's Nook */
#STAFFPICKS p {
	clear:       both;
}



/* ------------------------------------------------------ */
/*  HOME PAGE CLASSES                                     */
/* ------------------------------------------------------ */


/* Notice box above the content slider */

#LIB div.Notice {
	padding: 3px;
	border:  black 1px solid;
	color:   black;
	background-color: #efefcc;
	text-align: center;
}

#LIB div.Notice h2 {
	margin: 0px 0px 3px 0px;
}

#LIB div.Notice p {
	margin: 0px;
}


/* Spotlight slugs below the content slider */

#SPOTS h2 {
	clear:          both; 
	border-bottom:  black 1px solid; 
	background:     #EFEFDD; 
	margin-top:     1em; 
	margin-bottom:  0px; 
	padding-bottom: 2px; 
	padding-left:   2px;
}

#SPOTS p {
	margin-top:     2px; 
}

#SPOTS img {
	float:          left;
	border-left:    black 1px solid; 
	border-right:   black 1px solid;
	border-bottom:  black 1px solid;
	margin:         0px 4px .5em 0px;
}

#SPOTS hr {
	display: none;
}


/* The links badge (duh!) */

#BADGE {
	clear: both;
	margin-top: 12px;
}

#BADGE table, #BADGE img {
	border-top:    #888 1px solid; 
	border-left:   #777 1px solid; 
	border-right:  #333 1px solid; 
	border-bottom: #000 1px solid;
}

#BADGE td a, #BADGE td a:hover {
	text-decoration: none; 
	border-bottom: 0 none;
}