body {
	color: #3f3c30;
	font: 13px 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #565245;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
h1 {
	color: #4D4F53;
	font-size: 2.8em;
	font-weight: 400;
	padding: 10px 0;
}
h2 {
	font-size: 1.5em;
	letter-spacing: .02em; 
	margin: 0 0 .3em 0;
	line-height: 1.2em;
}

h2.pagetitle {
	font-size: 2.5em;
	font-weight: 400;
	margin: 0 0 .3em 0;	
}

h3 {
	color: #820000;
	font-size: 1.4em;
	letter-spacing: .04em;
	line-height: 1.2em;
	margin: 0 0 .4em 0;
}
h4 {
	font-size: 1.2em;
	line-height: 1.1em;
	margin: 0 0 .4em 0;
}
h5 {
	font-size: 1em;
	letter-spacing: .02em;
	line-height: 1.1em;
	margin: 0 0 .4em 0;
}

p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1em;
}

p.lead {margin-bottom: 1.1em;}
blockquote {
	margin: 1.25em;
	padding: 1.25em 1.25em 0;
}
em {
	padding: 0 3px 0 0;
}

a {
	color: #827252;
	text-decoration: none;
}

a:focus {
	outline: 1px #8a887d dotted;
}
a:hover {
	color: #820000;
}

h3 a { color: #820000;}

hr {
	background: #eae9e6;
	border: none;
	color: #eae9e6;
	height: 1px;
	margin: 0;
	padding: 0;
}
img {
	border: none;
	outline: none;
}
ul {list-style-type: square;}
ul.gold {  color: #827252; }

img.photo {
 padding-bottom: 2px;
 border-bottom: 3px solid #c5beae;
}
/* All resolutions */

/* Background color */
#wrap, .navbar-inner, #header {
	background:#fbfbf9 !important;
}
#content {
	padding: 0 0 15px;
}
/* Space the container and footer */
#content .container {
	padding-bottom:25px;
}
/* Nav style overrides */
.navbar {
	background:#820000;
	position:relative;
}
#sidebar-first h2 {
	border-bottom: 6px solid #820000;
	color: #820000;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.3em;
	margin: 0 0 8px;
	padding: 0 0 2px;
	text-transform: uppercase;
}
#sidebar-second h2 {
	border-bottom: 6px solid #820000;
	color: #820000;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.3em;
	margin: 0 0 8px;
	padding: 0 0 2px;
	text-transform: uppercase;
}

/* Prevent flush left */
#banner {
	height: 30px;
	background:transparent url(../images/header-bg.png) no-repeat center bottom;
}
#banner img {
	padding: 4px 0;
	height: auto;
	max-width: 100%;
}

/* Chiclet color */
.btn {
	background-color:#000 !important;
	background-image:none !important;
}
#header {
	padding:10px;
}
/* Header */
#header img {
	float:left;
	padding-right: 10px;
    margin-right: 10px;
	border-right: 1px solid #2e2d29;
}
#header h1 {
	float:left;
	font-size: 2.9em;
	font-weight: 400;
	text-transform:uppercase;
	color:#3f3c30;
	line-height:1em;
}
/* Make entire header clickable */
#header h1 a {
	display:block;
}
#header h1 a img {
	padding-right:10px;
	margin-top:-12px;
	margin:-12px 0 25px 0;
}
#header h1 a:hover {
	text-decoration:none;
}
#header h1 strong {
	font-size:1.1em;
	font-weight:normal;
	color:#333;
}
#header h1 em {
	display:block;
	font-size:0.6em;
	font-style:normal;
	color:#333;
	line-height:1em;
}

/* Search */

#header #search {
	float: right;
	margin: 1em 0 0 0;
}
#header #search .form-text {
	height: 1em;
	margin: 0;
	padding: 5px;
}
#header #search .form-item, #header #search .form-submit {
	display: inline-block;
	margin: 0px;
}
#header #search .form-text {
	width: 180px;
}

#header #search {
	background-color: #f2f1eb;
	border-radius: 5px;
	height: 26px;
	line-height: 0;
	moz-border-radius: 5px;
	overflow: hidden;
	padding: 4px 5px 5px 5px;
	webkit-border-radius: 5px;
}
#header #search .search-item {
	float: left;
}
#header #search .form-text {
	border: none;
	color: #827252;
	height: 26px;
	margin: 0;
	padding: 0 0 0 5px;
}
#header #search .form-submit {
	background: url(http://sites.stanford.edu/demo/sites/default/themes/stanford_wilbur/images/searchbutton.png) center center no-repeat;
	border: none;
	box-shadow: none;
	cursor: pointer;
	height: 25px;
	margin: 1px 0 0 -20px;
	padding: 0px;
	text-indent: -9999px;
	text-shadow: none;
	width: 25px;
}

#feature-banner {
	margin-bottom: 20px;
}
#feature-banner a {
  position:relative;
  display:block;
}

#feature-banner-text {
  position:absolute;
  bottom:40px;
  right: 0px;
  padding: 20px 30px 10px 30px;
  border-bottom: 1px solid #565347;
  overflow: hidden;
  background-color:rgba(251,249,249,0.80);
}

#feature-banner-text h2{
  font-size:2em;
  line-height: 1em;
  font-weight: 300;
  color: #565347;
  text-transform: uppercase;
  padding-bottom: 0;
}
#feature-banner-text p{
  color: #565347;
}
#feature-banner-text p span {
  color: #827252;
  text-transform: uppercase;
  padding-left: 10px;
}
#feature-banner img {
}

.color-box {
 background-color: #f2f1eb;
 padding: 10px;
 border-bottom: 3px solid #c5beae;
 margin-bottom: 15px;
}

body.home li#nav-home > a,
body.overview li#nav-overview > a,
body.examples li#nav-examples > a, 
body.print li#nav-print > a,
body.web li#nav-web > a,
body.desktop li#nav-desktop > a,
body.policies li#nav-policies > a,
body.help li#nav-help > a {
	color:#585754;
	font-weight:bold;
	box-shadow:none;
}
body.home li#nav-home > a:hover,
body.overview li#nav-overview > a:hover,
body.examples li#nav-examples > a:hover, 
body.print li#nav-print > a:hover,
body.web li#nav-web > a:hover,
body.desktop li#nav-desktop > a:hover,
body.policies li#nav-policies > a:hover,
body.help li#nav-help > a:hover {
	color:#820000;
}

.navbar-inner .container {
	border-bottom:none !important;
}

/* Override styles */

.navbar .nav > li > a {
	color:#8c1515;
	font-size:1em;
	text-shadow:none;
	text-transform:uppercase;
	border-bottom: none;	
}
.navbar .nav > li > a:hover {
	color:#820000;
	background:#f5f4ef;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.navbar .nav > li span {
	display: block;
}

/* Keep logo and nav centered with content */
.navbar .container {
	width:940px;
}
.navbar-inner {
	background: #820000;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0) inset;
	min-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
}
.navbar-inner {
	background:#fff;
	border:none;
}
.navbar-inner .container {
	border-bottom:1px solid #e5e5e5;
}

#main-content .banner {
	margin-bottom: 10px;
}
#main-content .banner img {
	border: 2px solid #827252;
	box-shadow: 2px;
}
/* List links color */
#sidebar-first li a, #sidebar-second li a {
	color:#827252;
}

#navigation-secondary {
	margin: 0;
}
#navigation-secondary ul {
	list-style: none;
	margin: 0;
}
#navigation-secondary ul li {
	border-top: 1px solid #bbb;
	float: left;
	list-style: none;
	margin: 0;
	padding-top: 3px;
}
#navigation-secondary ul li.last {
	margin: 0;
}
#navigation-secondary ul li.expanded {
	padding-right: 0;
}
#navigation-secondary ul li.leaf {
	padding-right: 0;
}
#navigation-secondary ul li a {
	color:#827252;
	font-size: 1em;
	font-weight:normal;
	line-height: 2em;
	text-transform: uppercase;
}
#navigation-secondary ul li ul li {
	border: none;
	clear: both;
}
#navigation-secondary ul li ul li.leaf {
	padding-top: 0;
}
#navigation-secondary ul li ul li a {
	font-size: .9em;
	font-weight: normal;
	line-height: 1em;
	text-transform: none;
}
#navigation-secondary.across-1 ul li {
	margin: 0;
	width: 100%;
}
#navigation-secondary.across-1 ul li ul li {
	margin: 0;
	width: auto;
}
#navigation-secondary.across-2 ul li {
	margin: 0 2% 0 0;
	width: 49%;
}
#navigation-secondary.across-2 ul li ul li {
	margin: 0;
	width: auto;
}
#navigation-secondary.across-2 ul li:last-child {
	margin: 0;
}
#navigation-secondary.across-3 ul li {
	margin: 0 2% 0 0;
	width: 32%;
}
#navigation-secondary.across-3 ul li ul li {
	margin: 0;
	width: auto;
}
#navigation-secondary.across-3 ul li:last-child {
	margin: 0;
}
#navigation-secondary.across-4 ul li {
	margin: 0 2% 0 0;
	width: 23.5%;
}
#navigation-secondary.across-4 ul li ul li {
	margin: 0;
	width: auto;
}
#navigation-secondary.across-4 ul li:last-child {
	margin: 0;
}
#navigation-secondary.across-5 ul li {
	margin: 0 2% 0 0;
	width: 18.4%;
}
#navigation-secondary.across-5 ul li ul li {
	margin: 0;
	width: auto;
}
#navigation-secondary.across-5 ul li:last-child {
	margin: 0;
}
#navigation-secondary.across-6 ul li {
	margin: 0 2% 0 0;
	width: 15%;
}
#navigation-secondary.across-6 ul li ul li {
	margin: 0;
	width: auto;
}
#navigation-secondary.across-6 ul li:last-child {
	margin: 0;
}
#navigation-secondary.across-7 ul li {
	margin: 0 2% 0 0;
	width: 12.55%;
}
#navigation-secondary.across-7 ul li ul li {
	margin: 0;
	width: auto;
}
#navigation-secondary.across-7 ul li:last-child {
	margin: 0;
}
#navigation-secondary.across-8 ul li {
	margin: 0 2% 0 0;
	width: 10.75%;
}
#navigation-secondary.across-8 ul li ul li {
	margin: 0;
	width: auto;
}
#navigation-secondary.across-8 ul li:last-child {
	margin: 0;
}

/* Full width background color */
#footer {
	background:#f2f1eb;
}
/* For sticky footer */
#footer > .container {
	padding-top:32px;
	padding-bottom:25px;
	background:#f2f1eb;
}
#global-footer {
	background: #8c1515;
	color: #fff;
	margin:0;
	padding: 0;
	width: 100%;
}


#bottom-logo {
	padding: 0;
	margin: -5px 0 10px 0;
	text-align: center;
}
#bottom-menu {
	font-size: 1.1em;
	margin-top: 2px;
}
#bottom-menu ul {
	line-height: 1em;
	margin: 0;
	padding: 0;
}
#bottom-menu ul li {
	display: inline-block;
	list-style: none;
	margin: 0 1em 0 0;
	padding: 0 1em 0 0;
}

#sidebar-first {margin-top: 15px;}
#sidebar-first ul.nav {margin: 0px 0px 2em 0px; padding: 0px;}
#sidebar-first ul.nav li {list-style: none; list-style-image: none; background-image: none; padding: 10px 0px; margin: 0px; border-bottom: 1px solid #eae9e6;}
#sidebar-first ul.nav li a {color: #565347; border-bottom: none; text-transform: uppercase; font-weight: 300;}
#sidebar-first ul.nav li li{padding: 5px 0px 0px 10px; border-bottom: none;}
#sidebar-first ul.nav ul ul {margin: 0;}
#sidebar-first ul.nav li.current a, .sidebar a.current {color: #820000; font-weight: 400;}

#sidebar-second  {margin-top: 50px;}

.thumbnails > li {margin-bottom: 0;}

.thumbnail {border: none; border-radius: none; box-shadow: none; margin-bottom: 10px;}
.thumbnail p {font-size: .9em; line-height: normal; padding: 10px; background-color: #f2f1eb;}
.thumbnail p.compact {background-color: #FBFBF9; padding: 5px 10px;}
.row-sidebar {background-color: #f3efd8;}
.row-sidebar h4 {padding: 10px;}
.row-sidebar p {padding: 10px;}
.instructions {padding: 5px 10px;  background-color: #f2f1eb; margin-bottom: 30px; font-size: .9em;}
.instructions a { color:#2e2d29;}
.instructions a:hover {color:#820000;}
ul.inline { margin: 0;}
ul.inline li {list-style-type:none; display: inline; padding-right: 15px;}

.swatches span {
                	float:left;
                	margin:0 15px 25px 0;	
                }
.swatches div {
                	width:137px;
                	height:75px;	
                	margin-bottom:5px;
                	border:1px solid #ccc;
                	border:1px solid rgba(0, 0, 0, 0.3);
                	border-radius:10px;
                	-moz-border-radius:10px;
                	box-shadow:2px 2px 4px rgba(0,0,0,.3);
                	-moz-box-shadow:2px 2px 4px rgba(0,0,0,.3);
                }
.swatches p {
                  font-weight:bold; padding-bottom: 0; margin-bottom: 0; margin-left: 20px;
                }
.swatches li {list-style-type: none; font-size: .9em; line-height: normal;}
.clear { visibility: hidden; clear:both; }
.more {  color: #827252; text-transform: uppercase; padding-left: 10px; }

/* Overrides */

@media (max-width:1200px) {
  body.searchbox #header #site {
  	float: left;
  	max-width: 60%;
  }
  #header #search .form-text {
  	width: 150px;
  }
  /* Prevent footer logo from wrapping */
    #global-footer .span3 {
  	width:170px;
  }
}

@media (max-width:980px) {
  body.searchbox #header #site {
  	float: left;
  	max-width: 53%;
  }
  #header #search .form-text {
  	width: 120px;
  }
  /* 2x2 grid */
    .nav-collapse ul {
  	width:100%;
  	float:left;
  }
  .nav-collapse ul li {
  	width:50%;
  	margin:0;
  	float:left;
  	clear:left;
  }
  .nav-collapse ul li.alt {
  	clear:right;
  }
  #feature-banner h1 {
    font-size:1.65em;
   padding:0 12px;
  }
  .navbar .nav > li span {
  	display: inline;
  }
}

@media (max-width:768px) {
  body.searchbox #header #site {
  	float: left;
  	max-width: 50%;
  }
  #header #search .form-text {
  	width: 130px;
  }
  #navigation-secondary.across-7 ul li, #navigation-secondary.across-8 ul li {
  	clear: both;
  	margin: 0px;
  	padding-bottom: 0.25em;
  	width: 100%;
  }
}

/* Media queries */

/* Landscape phones and down */
@media only screen and (max-width: 480px) {
  /* Hide dept header image */
  #header img {
  	display:none;
  }
  /* Expand logo bar */
  #banner {
    padding:5px 0 10px 9px;
  }
  #banner img {
  	padding:7px 0;
  }
  /* Place logo and expanded nav on same line */
  .navbar .container {
  	width:auto !important;
  }
  /* Move up chiclet */
  .navbar .btn-navbar {
  	position:absolute;
  	right:5%;
  	top:3px;
  }
  .navbar img {
  	padding-bottom:12px;
  }
  .navbar-inner {
  	min-height:8px;
  }
  /* Stack h1 above image */
  #feature-banner h1 {
    position:relative;
    line-height:normal;
    color: #820000;
    padding: 10px;
    background:none;
    border-radius:0;
    -moz-border-radius:0;
    -moz-box-shadow:none;
    box-shadow:none;
  }
  /* Stack the global footer */
  #bottom-menu ul li {
  	display:block;
  }
}

/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {
  /* Full width backgrounds */
  body {
  	padding:0;
  }
  /* Pad the content */
  #content {
	  padding:0 10px;
  }
  /* Prevent the search from floating */
  #header #search {
    float:left;
  	clear:left;
  }
  /* Prevent flush left */
  #navigation-secondary {
  	padding-left:10px;
  }
  #navigation-secondary.across-6 ul li {
  	width:14.75%;
  }
}

/* Portrait tablet to desktop*/
@media only screen and (max-width: 979px) {
  /* Keep logo and nav centered with content */
    .navbar .container {
  	width:724px;
  }
  /* Left align header */
    #header h1 {
  	width:45%;
  }
  /* Keep footer links on one line */
    #bottom-menu ul li {
  	margin:0 .2em 0 0;
  }
}

/* Large desktop */
@media only screen and (min-width: 1200px) {
  /* Keep logo and nav centered with content */
    .navbar .container {
  	width:1170px;
  }
}


/* Custom break points */

/* Keep regular menu unless mobile */
@media (min-width: 481px) {
  .nav-collapse.collapse {
  	height: auto !important;
  	overflow: visible !important;
  }
  .navbar .btn-navbar {
  	display: none !important;
  }
  .nav-collapse, .nav-collapse.collapse {
  	height: auto;
  	overflow: visible;
  }
  .nav-collapse {
  	clear: none;
  }
  .nav-collapse .nav {
  	float: left;
  	margin: 0 10px 0 0;
  }
  .nav-collapse .nav > li {
  	float:left;
  }
  .navbar .nav > li > a {
  	text-decoration: none;
  	padding: 0 20px;
  	line-height: 1em;
  }
  .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
  	border-radius:0;
  	font-weight:normal;
  	padding:9px 15px 11px;
  }
}

/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {
  /* Keep logo and nav centered with content */
    .navbar .container {
  	width:auto;
  }
  /* Full width header */
    #header h1 {
  	width:auto;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
}

@media (min-width: 480px) and (max-width: 767px) {
  #banner {
    padding-left:10px;
  }
}

@media (max-width: 630px) {
  /* Footer 2x2 grid */
    #navigation-secondary.across-6 ul {
  	width:100%;
  	float:left;
  }
  #navigation-secondary.across-6 ul li {
  	width:45%;
  	margin:0 5% 3% 0;
  	float:left;
  	clear:left;
  }
  #navigation-secondary.across-6 ul li.alt {
  	clear:right;
  }
  /* Stack the global footer */
    #global-footer .container {
  	padding-left:20px;
  }
  li.home,  li.search-stanford,  li.copyright {
  	float:left;
  	clear:left;
  	width:48%;
  }
  p.vcard {
  	margin:30px 0 0 0;
  	clear:both;
  }
  #bottom-menu ul li {
  	display:block !important;
  }
#feature-banner-text {
  position: relative;
  bottom: 0;
  right: 0;
  padding: 0;
  border-bottom: none;
  background-color: none;
}

}

/*
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body {
	height: 100%;
}
#wrap {
	min-height: 100%;
}
#content {
	overflow:auto;
	padding-bottom: 275px; /* must be same height as the footer */
}
#footer {
	position: relative;
	margin-top: -275px; /* negative value of footer height */
	height: 275px;
	clear:both;
}
/*Opera Fix*/
	body:before { /* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}