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

Color Palette CSS
2005 November 9
Mark Fox: foxxx254@umn.edu
University Libraries Communications Office 

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

/*

COLOR PALETE STYLESHEET
This stylesheet controls the colors of certain components of the page in a compact form. It has been commented with the intention of making it very simple to shift the color pallete of the page quickly.

*/


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

	HEADER EXTENDED COLOR 
	
* * * * * * * * * * * * * * */

/*MAROON - MAIN*/

#ULib_Header { 
	background-image:url(../template-elements/header/extend_color_maroon.jpg);
	}

/* 
	When you customize your header image you will need to change the repeated background that it sits on top of. Simply change the filename below to the same color of your header.
	
     (green)	"...header/extend_color_green.jpg" 
	(maroon)                       "..._maroon.jpg" 
	  (grey)                       "..._grey.jpg"
	 (peach)                       "..._peach.jpg"
	(salmon)                       "..._salmon.jpg"
	   (sun)                       "..._sun.jpg"
	   (sky)                       "..._sky.jpg"
	  (teal)                       "..._teal.jpg"

*/ 




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

           SUBNAV
           
* * * * * * * * * * * * * * */


/*MAROON - MAIN*/

.subnav { background-color:#EBCACB; }

.subnav h1 { background-color:#6B001F; color:#fff;}


/* 
	If you see the subnav class it's usually good to have it match the color of your header. Use these combinations of colors for good results:
	
( your header color | .subnav background-color / subnav h1 background-color / subnav h1 color )
	       
 Green  |  #EFF5D0  /  #97AB20  /  #fff

  Grey  |  #E5E5E5  /  #848484  /  #fff

 Maroon |  #EBCACB  /  #6B001F  /  #fff
  
 Peach  |  #F0DED3  /  #EB9F6E  /  #000
 
Salomn  |  #FCE1D2  /  #DE6954  /  #fff

  Teal  |  #D1ECED  /  #2E787A  /  #fff
  
   Sun  |  #F5E5C6  /  #F6C665  /  #000
   
   Sky  |  #D3E2E8  /  #78C2E1  /  #000      

*/




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

           Headers
           
* * * * * * * * * * * * * * */



H1,H2, H3 { color:#848484; font-weight:bold; }


/* 

For your paragraph headers (text) it's good to use a bold solid color that matches or compliments your main header (image)

Grey: #848484 is a good default, works with any of the colors.
Maroon: #6B001F , Green: #97AB20 , Salomn: #DE6954 , Teal: #F6C665 also work well.

Peach: #EB9F6E, Sun: #F6C665, Sky: #78C2E1 are generally too light to work. 


*/