/* global.css
 * =================
 * Global Stylesheet
 * =================
 * This file provides styling for page layout, colors, text, etc. It should be
 * included in all pages
 */


/* COLOR PALETTE
 * for original document, see "UCLA Graphic Standards" [PDF]:
 * http://www.identity.ucla.edu/graphicstandards/UCLAStandardsManual0904.pdf
 *
 * Use these colors wherever possible.
 *
 * UCLA blue: 536895
 * UCLA gold: FFB300
 *
 *              full   75%    dark
 * orange       FE921C FDAD4B CB7415
 * yellow-green 71BC1F 94CF4C 599619
 * green        3EA639 6EBF5C 31852E
 * cyan         2685BB 5AA1CA 1E6A95
 * blue         7364AD 9486BF 5B508B
 * purple       911687 AA49A1 74126C
 *
 * warm gray (from light to dark)
 * D1C6C0 A89F9A 9E9689 877467 66583F
 */


/* page layout */
body,
html {
  margin:0;
  padding:0;
  color:#000;
  background:#536895;
  font-family: "DejaVu Sans", 'Bitstream Vera Sans', sans-serif;
}
#wrap {
  width:1024px;
  margin:0 auto;
  background:#f5f6f7;
}
#header {
  background: #f4f7ff;
  background: -moz-linear-gradient(left,  #f4f7ff 0%, #ced5e5 68%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f4f7ff), color-stop(68%,#ced5e5));
  background: -webkit-linear-gradient(left,  #f4f7ff 0%,#ced5e5 68%);
  background: -o-linear-gradient(left,  #f4f7ff 0%,#ced5e5 68%);
  background: -ms-linear-gradient(left,  #f4f7ff 0%,#ced5e5 68%);
  background: linear-gradient(to right,  #f4f7ff 0%,#ced5e5 68%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7ff', endColorstr='#ced5e5',GradientType=1 );

  border-bottom:10px solid #536895;
  position:relative;
}
#header img#logo {
  float:left;
  margin:20px;
}
ul#nav {
  position:absolute;
  bottom:0px;
  right:0px;
  display:inline;
  padding:0 1em;
  list-style:none;
}
ul#nav li {
  display:inline;
}
ul#nav a {
  color:#536895;
  font-size:1.1em;
  font-weight:bold;
  margin:0 0.4em;
  padding:0.5em;
  display:inline-block;
  text-decoration:none;
  border-radius: 0.3em;
}
ul#nav a:hover,
ul#nav a:active,
ul#nav a.active {
  color:white;
  background:#536895;
}


/* single column layout */
#column11 {
  padding:0 20px 20px 20px;
}


/* two column layout */
#column21 {
  float:left;
  width:652px;
  padding:0 20px 20px 20px;
}
#column22 {
  float:right;
  width:290px;
  padding:0 20px 20px 20px;
}


/* footer */
#footer {
  background:#536895;
  color:#D1C6C0;
  clear:both;
  padding:15px 0;
  text-align:center;
  font-size:0.9em;
  margin-bottom:5em;
}
* html #footer {
  height:1px;
}
#footer a {color:#FFB300;}
#copynotice {
  margin-bottom:0.5em;
  font-size:0.8em;
}
#badges img {margin: 0px 13px;}


/* text styles */
a {
  text-decoration:none;
  color:#CB7415;
}
a:hover, a:active {
  text-decoration:underline;
}
table {
  border-collapse: collapse;
}
td {
  border:1px solid #777;
  padding:0.2em;
}
.event-details {
  font-size:0.9em;
}