/*	Template CSS for generic PSD pages.. 
	error pages, redirect pages, etc.
*/


/* Official University of Chicago Colors
Primary Colors
    maroon = "#800000";
    grayLight = "#D6D6CE";
    grayDark = "#767676";
Secondary Colors
    yellowLight = "#FFB547";
    yellowMedium = "#FFA319";
    yellowDark = "#CC8214";
    orangeLight = "#D49464";
    orangeMedium = "#C16622";
    orangeDark = "#874718";
    redLight = "#B1746F";
    redMedium = "#8F3931";
    redDark = "#642822";
    greenLight = "#ADB17D";
    greenMedium = "#8A9045";
    greenDark = "#616530";
    green2Light = "#8A8B79";
    green2Medium = "#58593F";
    green2Dark = "#3E3E23";
    blueLight = "#5B8FA8";
    blueMedium = "#155F83";
    blueDark = "#0F425C";
    violetLight = "#725663";
    violetMedium = "#350E20";
    NavBarLinks are non-approved #333333
*/

@import url("fonts.css");
@import url("blockquotes.css");
@import url("menus.css");

/*  This is the bit that centers the content in the 
    middle of the browser window 
    We're going to put all the website content inside a <div class="wrap"></div>
*/
#wrap { 
	width: 900px; 
	margin: 0 auto; 
}

header { 
	display: block; 
    padding: 1em 1em 0em 1em;
	background: #800000;
	clear:both;
	max-width:100%;
	height: 8em;
	clear: both;
	} 
	
#logo {   
	float: left;
	height: auto;
	width: auto;
	}
	
#site_branding {    /** The Title of the site **/
	float: right;
    font-family: ProximaNova-Bold;
    font-size: 2em;
    padding-top: 1em;
    color: white;
    clear: right;
	}

#site_branding_text {  /** The secondary text in header **/
	float: right;
    clear: right;
	width: auto;
    padding-top: 1em;
    font-family: ProximaNova-Regular;
    font-size: 1.5em;
    color: #D6D6CE;   /** Primary Light Gray **/
	}


nav	{
    display: block; 
	clear:both;
	height: auto;
	background: #ADB17D;   
    max-width:100%;
    text-align: center;
    overflow: hidden;
     /**box-shadow: 0em .2em .5em -.1em #555555 inset; **/
	}

nav ul {
    margin: 0;
    padding: 0;
  }

nav > ul > li {
    display: inline-block;
    list-style-type: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; 
    }

nav > ul > li > a {
    color: #333333;
    display: block;
  /**  padding: 0 24px; **/
    text-decoration: none;
    line-height: 2em;
    font-family: ProximaNova-Regular, SanSerif;
    font-size: 1.2em; 
    padding: 0 24px;
    }

nav ul li:hover {
    display:  inline-block;
    background-color: #8A9045;
    box-shadow: .2em .2em .5em -.1em #58593F inset;
}

 nav ul li a:hover {
          color: #ffffff;
        }    


footer {
    display: block;
    text-align: center;
	background: #ADB17D;
	clear:both;
	max-width:100%;
    padding-top: .5em;
    font-size: .8em;
    }


body {
    font-size:100%;
    line-height:1.4em;
    font-family: ProximaNova-Regular;
    color #000000;
    margin: 1em;
    }

section {
    width: 70%;
    float: left;
    padding-left: 1em;
    }

    
article {
    float: left;
    clear: right;
    padding: 1em;
	}


.cols2 {
    -webkit-column-count: 2;
    -webkit-column-gap: 4em;
    -webkit-column-rule: 1px solid #767676;
    -moz-column-count: 2;
    -moz-column-gap: 4em;
    -moz-column-rule: 1px solid #767676;
    column-count: 2;
    column-gap: 4em;
    column-rule: 1px solid #767676;
    }

.cols2 h3, hr {
  -webkit-column-span:all;
  -moz-column-span:all;
  column-span:all;
   /**  background-color: #D6D6CE; **/
 }


aside {
    padding-bottom: 2em;
    float: right;
    clear: right;
    }
    


a   {
	font-family: ProximaNova-Regular;
	color: #000000;
	}
	
a:link {
    text-decoration: none;
    }

a:visited {
	color: ffffff;
    text-decoration: none;
    }

a:hover {
    text-decoration: none;

    color: #5B8FA8;
    border-bottom: 1px solid #ccc;
    }

a:active {
    text-decoration: underline;
    }





h1 {
	font-family: ProximaNova-Regular;
	font-size: 2em;
	}	
h2 {
	font-family: ProximaNova-Regular;
	font-size: 1.5em;
    color: #8F3931;
	}	
h3 {
	font-family: ProximaNova-Regular;
	font-size: 1.2em;
    color: #CC8214;
	}


.leo {
    font-family: ProximaNova-Bold;
    color: #800000;
    font-size-adjust; +.2em;
}
p.tonedown {
    font-family: ProximaNova-Light;
	text-align: center;
	color: #D6D6CE;
	font-size: .75em;
	}