/*!
From law.uci.edu

Author:
Erik Runyon
WeedyGarden.net

CONTENTS
-----------------------------------------
1. Common Styles
2. Screen Styles
3. Media Queries
4. Print Styles

BRANDING
-----------------------------------------
1. COLORS
  - Navy #024 (headings)
  - Orange #c96620 (links)
  - Cyan Blue #0089a9
  - Green #4f773e
  - Mustard #d9b22b
  - Red #930428
  - Gray text #636363
  - Gray rules only #a2abb5

2. FONT STACKS
  - Body: "ff-meta-web-pro","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
  - Headings: "minion-pro","Minion Pro",Minion,Times,"Times New Roman",serif;
  - Primary Navigation: MetaPlusBook Roman
  - Secondary Navigation: Meta Bold

3. Typekit
  - ff-meta-sc-web-pro (FF Meta SC Web)
  - ff-meta-web-pro (FF Meta Web Pro)
  - ff-meta-web-pro-condensed (FF Meta Web Pro Condensed)
  - minion-pro

*/

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
a, article, aside, blockquote, div, figure, figcaption, footer, header, nav, section, table, ul, ol {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
@-webkit-viewport {width:device-width;}
   @-moz-viewport {width:device-width;}
    @-ms-viewport {width:device-width;}
        @viewport {width:device-width;}

html {width:100%; margin:0; padding:0; font-size:14px; overflow-y:scroll;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-font-smoothing:antialiased;
  font-smoothing:antialiased;
}
body {width:100%; margin:0; padding:0; color:#333; font-size:1em; line-height:1.5em; font-family:"ff-meta-web-pro","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}
p {margin:0 0 1em;}
p + p {margin:1em 0;}
a {color:#c96620; outline:none; text-decoration:none; -webkit-tap-highlight-color:rgba(220,179,57,.9);}
  a:visited {color:#c96620;}
  a:hover {text-decoration:underline;}
  a:active {color:#aa272f;}
  a:focus {outline:thin dotted;}
  ::-moz-selection,
  ::selection {background:#0058cf; color:#fff; text-shadow:none;}
  a:hover img {opacity:0.8;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
h1,h2,h3,h4,h5,h6 {margin:1.4em 0 0.25em; line-height:1.1em; color:#024; font-weight:normal; text-rendering:optimizeLegibility; font-family:"minion-pro","Minion Pro",Minion,Times,"Times New Roman",serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;}
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {color:#c96620;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1 {font-size:2.0em;}
h2 {font-size:1.6em;}
h3 {font-size:1.214em; font-weight:bold; text-transform:uppercase; font-family:"ff-meta-web-pro","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
h4 {font-size:1.143em;}
h5,h6 {font-weight:bold; font-family:"ff-meta-web-pro","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
h5 {font-size:1.071em;}
h6 {font-size:1.0em;}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5 {margin-top:0;}
.column-header {padding:0 0 0.25em; font-size:1.643em; font-weight:normal; text-transform:none; border-bottom:1px solid #a5a8b9; font-family:"minion-pro","Minion Pro",Minion,Times,"Times New Roman",serif;}

ol, ul {padding:0 0 0 2em;}
ul {list-style-type:square;}
  ul ul {list-style-type:disc;}
  .nobull {margin:0 0 1em; padding:0; list-style:none;}
  .boldlist {font-weight:bold;}
  .list-inline li {display:inline-block; *display:inline; *zoom:1; margin:0 0.75em 0.2em 0;}
li {margin:0 0 0.25em;}
nav {line-height:1.2em;}
  nav h2 {margin-top:0;}
  nav ul {margin:0; padding:0; list-style:none;}
  nav li {margin:0; padding:0;}
  nav a {display:block; text-decoration:none;}

table {width:100%; /*margin:2em 0; border-collapse:collapse;*/ border-spacing:0;}
/*tr {border-top:1px solid #aaa;}*/
  /*tr:hover {background:rgba(0,0,0,0.05);}*/
  /*thead th,
  th {text-align:left; color:#fff; background-color:#024;}*/
  tfoot th {text-align:right;}
/*th, td {padding:0.25em;}*/
  .number {text-align:right;}
td, td img {vertical-align:top;}

img {border:none; vertical-align:middle; -ms-interpolation-mode:bicubic;
  -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
          box-sizing:content-box;
}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
hr {clear:both; display:block; height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #ccc;}

blockquote {font-size:1.5em; line-height:1.4em; font-family:"minion-pro","Minion Pro",Minion,Times,"Times New Roman",serif;}

.geo {display:none;}




/* Form Elements
   ----------------------------------------------------*/
/*form {margin:0 0 1em;}*/
label {display:block; font-weight:bold;}
button, input, select, textarea {margin:0; margin:0; font-size:100%; vertical-align:baseline; *vertical-align:middle;}
button {width:auto; overflow:visible;}
button, input {line-height:normal;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor:pointer; -webkit-appearance:button; *overflow:visible;}
input[type="checkbox"],
input[type="radio"] {margin:0 0.5em 0 0; padding:0; *height:13px; *width:13px;}
input[type="search"] {-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
 select {display:inline-block; *display:inline; *zoom:1; padding:0.25em; color:#fff; text-transform:uppercase; border:none; background-color:#c96720;}
  .news-search select {color:#c96620; font-size:0.9em; font-weight:bold; background-color:#fff;}
button::-moz-focus-inner,
input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

.formset {margin:0 0 1em; padding:0; list-style:none;}

.clearfix:before,
.clearfix:after {content:" "; /* 1 */display:table; /* 2 */}
.clearfix:after {clear:both;}

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
  h1 {font-size:1.7em;}
  h2 {font-size:1.5em;}

  figure {margin:1em auto; padding:0.25em; background-color:#e5e8ed;}
    figure img {margin:0;}
    figcaption,
    .caption {font-size:0.857em; padding:0.5em; line-height:1.4em;}



  .link-button {display:inline-block; *display:inline; *zoom:1; padding:0.25em 0.5em; color:#fff; font-weight:bold; letter-spacing:0.05em; text-align:center; text-decoration:none; text-transform:uppercase; font-family:"minion-pro","Minion Pro",Minion,Times,"Times New Roman",serif; background-color:#be9e27;}
    .beta .link-button {display:block;}
    .link-button:hover {text-decoration:none; background-color:#c96720;}
    .link-button:visited {color:#fff;}
    .link-button.blue {background-color:#0089a9;}
      .link-button.blue:hover {text-decoration:none; background-color:#c96620;}


  /* WRAPPER
     ----------------------------------------------------*/
  #skip-links { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
  #skip-links:active, #skip-links:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }

  .section-header {margin:0 0 0.25em; text-transform:uppercase;}
    .breadcrumbs {margin:0 0 1em; padding:0; list-style:none;}
      .share a {text-decoration:none;}
      .print:after {content:' | ';}

    .breadcrumbs {text-transform:uppercase;}
      .breadcrumbs li {display:inline-block; *display:inline; *zoom:1; margin:0; vertical-align:middle; white-space:nowrap;}
      .breadcrumbs li:after {content:' » '; margin:0 0.5em;}
      .breadcrumbs li:last-child:after {content:'';}
  .page-title {font-size:2em;}



  /* HEADER
     ----------------------------------------------------*/
  .site-header {position:relative;}
    .site-header h1 {margin:0; padding:1em 0 0;}
    .site-header h1 a {display:block; height:100px; margin:0 1em; text-decoration:none; text-indent:-9999px; overflow:hidden; border:0 none; background:url(images/law-logo.png) center center no-repeat;
      -webkit-background-size:100% auto;
         -moz-background-size:100% auto;
           -o-background-size:100% auto;
              background-size:100% auto;
    }
    .site-header h1 img {display:none;}
  .nav-bar {float:left; width:100%; background-color:#024;}
  .nav-wrapper {position:relative; text-align:center; font-family:"ff-meta-web-pro-condensed","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}


      .nav {text-align:left;}
        .nav.hidden {display:none;}
        .nav-primary ul > li,
        .nav-secondary ul > li,
        .nav-util ul > li {vertical-align:middle;}

        .nav a {padding:0.5em; color:#fff;}
        .nav a:hover {text-decoration:none;}

        .nav-primary > li {position:relative;}

           
        .nav-primary li ul {display:none; z-index:10; padding:0; font-size:1.2em; background-color:rgba(255,255,255,0.2);}
          .nav-primary li ul li {display:block;}
          .nav-primary li ul a:hover {background-color:#c96620;}



  /* CONTENT
     ----------------------------------------------------*/
  .main {overflow:hidden; width:100%; margin:0; padding:0 1em;}
    img {clear:both; display:block; max-width:100%; margin:0 0 1em;}
    .alpha {overflow:hidden;}
  .beta nav {margin-bottom:2em;}
    .beta .quick-links {display:none;}
  .aside h4 {text-transform:uppercase;}
  article {overflow:hidden; margin:0 0 3em;}



  /* Banners
     ----------------------------------------------------*/
  .banner {margin:0 -1em 1em; border-top:0.714em solid rgba(255,255,255,0.4); background-position:center center; background-repeat:no-repeat;
    -webkit-background-size:cover;
       -moz-background-size:cover;
         -o-background-size:cover;
            background-size:cover;
  }


    /*.banner div {padding:10em 2em 1em; background:url(images/grid.png) left center no-repeat;}*/
    .banner p {margin:0; color:#fff; line-height:1.2em; font-family:"minion-pro","Minion Pro",Minion,Times,"Times New Roman",serif; font-size:3em; font-weight:normal; text-shadow: 0 4px 4px #000;}



  /* News
     ----------------------------------------------------*/

  .elevator,
  .intro {margin:0 0 2em; font-size:1.357em; line-height:1.4em;}


  /* SIDEBAR
     ----------------------------------------------------*/
  .sidebar {width:100%; padding:1em;}
    .sidebar section {margin:2em 0; padding:2em 0;}
  .sidebar h2 {margin:0 0 .25em 0; font-size:1.3em; line-height:1.4; text-transform:uppercase; color:#666;}
  .sidebar a {color:#555;}
  .sidebar a:hover {color:#111;}
  .sidebar ul {margin:0 0 1em; padding:0; list-style-type:none;}
  .sidebar li {margin:0 0 .4em 0;}
  .sidebar section,
  .sidebar .section {margin:0 0 2em 0; padding:0;}

  .nav-sub {font-family:"ff-meta-web-pro","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .nav-sub a {display:block; margin:0 0 2px; padding:0.6em; color:#1f3445; font-weight:bold; line-height:1em; text-transform:uppercase; background-color:#d9b22b;}
      .nav-sub a:hover,
      .nav-sub .active > a {color:#fff; text-decoration:none; background-color:#c96620;}

    .nav-sub li ul {padding:0.5em; background-color:#f7f0d5;}
      .nav-sub li li a {margin:0; padding:0.4em 0.6em; color:#c96620; font-weight:normal; text-transform:none; background-color:transparent;}

  .news-search {padding:0.75em; background-color:#d8b22b;}
    .news-search h2 {margin:-0.75em -0.75em 1em; padding:0.75em; color:#fff; font-size:1em; font-weight:bold; letter-spacing:0.05em; text-transform:uppercase; /*background-color:#c09c22;*/}
    .news-search h3 {color:#fff; font-size:1em; border:none;}
    .news-search a {color:#002245;}

  .nav-alt {background-color:#ebeff2;}
    .nav-alt.gold {background-color:#e8d180;}
    .nav-alt.green {background-color:#c1cbac;}
    .nav-alt h2 {padding:0.75em; color:#fff; font-size:1em; font-weight:bold; letter-spacing:0.05em; text-transform:uppercase; background-color:#024;}
      .nav-alt.gold h2 {background-color:#c09c23;}
      .nav-alt.green h2 {background-color:#5f6c4f;}
      .nav-alt h2 a {display:inline-block; *display:inline; *zoom:1; float:right; vertical-align:top; margin-top:-0.2em; padding:0.1em 0.4em; color:#fff; font-size:0.786em; text-transform:none; font-family:"ff-meta-web-pro","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background-color:rgba(255,255,255,0.3);}
        .nav-alt h2 a:hover {text-decoration:none; background-color:rgba(255,255,255,0.4);}
      .nav-alt.green a {color:#000;}
        .nav-alt.green h2 a {color:#fff;}
    .nav-alt h3 {font-size:2.857em; color:#fff; line-height:1.2em; font-family:"minion-pro","Minion Pro",Minion,Times,"Times New Roman",serif; font-size:2.3em; font-weight:normal; text-shadow: 0 4px 4px #000; border:none;}
    .nav-alt ul {padding:0.75em;}
    .nav-alt li {margin:0 0 0.5em;}

  .info {padding:0.75em; background-color:#ebeff2;}
    .info.gold {background-color:#f8edca;}
    .info.orange {background-color:#e3d2c1;}
    .info h2 {margin:-0.75em -0.75em 1em; padding:0.75em; color:#fff; font-size:1em; font-weight:bold; text-transform:uppercase; background-color:#024;}
      .info.gold h2 {background-color:#c09c23;}
      .info.orange h2 {background-color:#ab6d3a;}


    .info h2 a {display:block; padding:2px 5px; float:right; color:#fff; text-transform:none; font-size:11px; letter-spacing:0; line-height:16px; font-family:"ff-meta-web-pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background-color:#666; background-color:rgba(255,255,255,0.2);}
      .info h2 a:hover {text-decoration:none; background-color:rgba(255,255,255,0.4);}
    .info strong {display:block;}

  /* FOOTER
     ----------------------------------------------------*/
  .site-footer {position:relative; margin:1em 0 0; padding:1em 1em 0; margin:3em 0 0; clear:both;}
  .site-footer p {line-height:1.5;}
  .org {font-weight:bold; font-size:0.929em; text-transform:uppercase;}
    .org a {text-decoration:none; color:#024;}
  .org,
  .adr {margin:0;}
  .adr,
  .nav-footer {font-size:0.857em;}
  .tel a {text-decoration:none; color:#333;}
  .country-name {display:none;}

  .nav-footer a {display:inline;}

  .nav-social {margin:2em auto; text-align:center;}
    .nav-social li {display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:auto; margin-bottom:0.5em;}
    .nav-social a {display:block; padding:0.3em; color:#221e1f; font-size:2em;}
      .nav-social a:hover {color:#c96620; text-decoration:none;}
    .nav-social span {display:none;}

 
    .pcontent {display:none; width:100%; padding:1em; background-color:#e2e3e7;}

      .pcontent li {margin:0 0 0.5em;}
      .pcontent h2 {margin:0 0 1em; font-size:2.143em;}
      .pcontent h3 {padding:0 0 0.2em; font-size:1.071em; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #a3aab0; font-family:"minion-pro","Minion Pro",Minion,Times,"Times New Roman",serif;}
      .pcontent nav a {display:inline-block; *display:inline; *zoom:1; color:#c96620;}
        .pcontent nav a:hover {text-decoration:underline;}
        .pcontent .date {display:inline-block; *display:inline; *zoom:1; min-width:20%;}

  .uci-irvine {padding:0 1em 1em;}
    .uci-irvine a {display:block; width:110px; height:29px; text-indent:-9999px; overflow:hidden; background:url(images/uci-irvine.png) 0 0 no-repeat;}

}

/*************************************************************************************
 * 3. Media Queries
 ************************************************************************************/

@media only screen and (min-width:32.857em) {
  .site-header h1 {margin:0 0.5em; padding:0.5em 0;}
    .site-header h1 a {width:350px; height:57px; margin:0; background-position:left center;}


  .breadcrumbs {float:left;}

}

@media only screen and (min-width:42.857em) {
  blockquote.pull {float:right; width:30%; margin:0 0 1em 2em;}
  figure.left,
  figure.right {width:40%;}

  .left {float:left; margin:0 1.5em 1.5em 0;}
  .right {float:right; margin:0 0 1.5em 1.5em;}
  .left,
  .right {max-width:40%;}

  .page-content {float:left; width:70%; padding:0 4% 0 0;}
  .aside {float:left; width:30%;}

  /* Header
     ----------------------------------------------------*/
  .site-header h1 {margin:0; padding:0.5em;}



  /* Footer
     ----------------------------------------------------*/
  .site-footer {padding:1em 1em 4em;}


      .pcontent {position:absolute; left:0; bottom:2.5em; width:100%; padding:2em; text-align:left;}
       
      .uci-irvine {float:right; margin:0.5em 1em; padding:0;}

}

@media only screen and (min-width:48em) {

  /* Header
     ----------------------------------------------------*/
  .nav-wrapper {padding:0 2em;}

.nav-primary ul > li {display:inline-block; *display:inline; *zoom:1; width:auto; vertical-align:middle;}

  .nav {display:block; text-align:left;}
    .lt-ie9 .nav.hidden {display:block;}


    .nav .nav-top {font-size:1.071em;}
    .nav-primary li ul {position:absolute; padding:0; font-size:1em;}
    .nav-primary li li {display:inline-block; *display:inline; *zoom:1; width:auto; vertical-align:middle; text-transform:uppercase; background-color:#024;}
    .nav-primary a {line-height:1.4em;}



  /* Layout
     ----------------------------------------------------*/
  .main {padding:0 1em;}
  .alpha {float:left; width:80%; margin:0 0 0 20%; padding:0 0 0 3em;}
    .alpha .quick-links {display:none;}
    .beta .quick-links {display:block;}
  .beta {float:left; width:20%; margin:0 0 0 -100%;}



  /* Footer
     ----------------------------------------------------*/
  .nav-footer li {display:inline-block; *display:inline; *zoom:1; white-space:nowrap;}
    .site-footer .tel:before {margin:0 0.25em 0 0.5em; content:'|';}
    .nav-footer li:after {margin:0 0.25em 0 0.5em; content:'|';}
      .nav-footer li:last-child:after {content:'';}



}

@media only screen and (min-width:57.143em) {
  h1 {font-size:2.0em;}
  h2 {font-size:1.571em;}


  .primary {overflow:hidden;}
   

  .nav-wrapper {float:left; width:100%;}
 

}

@media only screen and (min-width:65.714em) {
  .left,
  .right {max-width:50%;}
  .page-title {font-size:2.857em;}

  /** max width **/
  .site-header h1 {margin:0 auto; max-width:1200px; padding:1em 0;}
  .main {padding:0;}

  .nav-wrapper,
  .main,
  .footer-content {position:relative; max-width:1200px; margin:0 auto;}
  .nav-wrapper {float:none; display:block; padding:0;}


  /** banners **/
  .banner {margin:0 -2em 0;}
    .banner p {font-size:4.643em;}

  /* Header
     ----------------------------------------------------*/

    .nav a {padding:0.5em;}
      .lt-ie9 .nav-primary ul > li {display:block; float:left;}
    .nav-primary a {padding:0.5em 1em 0.4em;}

}

@media only screen and (min-width:71.429em) {
  .site-header h1 {margin:0 auto; max-width: 1200px; padding:1em 0;}
  .main {padding:0;}
  
  .nav-wrapper,
  .main,
  .footer-content,
  .nav-wrapper {float:none; display:block; padding:0;} 

  .banner {margin:0;}
}

/* Hi-res
   ----------------------------------------------------*/
@media
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi){

    .site-header h1 a {background-image:url(images/law-logo2x.png);}

    .uci-irvine a {background-image:url(images/uci-irvine@hi-res.png);
      -webkit-background-size:110px auto;
         -moz-background-size:110px auto;
           -o-background-size:110px auto;
              background-size:110px auto;
    }

}










/* Banners
   ----------------------------------------------------*/
@media screen,projection {
  /* 700x200 at 60% compression */
}
/* 700 */
@media only screen and (min-width:43.75em) {
  /* 1600x400 at 60% compression */
}

/*************************************************************************************
 * 4. Print Styles
 ************************************************************************************/