/*!

Author:
Erik Runyon
WeedyGarden.net

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

BRANDING
-----------------------------------------
1. COLORS
  - Dark Green #5f6c4f (nav)
  - Light Green #9ca38d (header)
  - Dark Orange #ab6d3a (links)
  - Light Orange #c88149
  - Pale Orange #e3d2c1
  - Dark Yellow #c09c23
  - Light Yellow #e8d180
  - Pale Yellow #f7edc7

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

*/

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/

h1, h2, h3, h4, h5, h6 {color:#234a88;}
.page-title {color:#234a88;}

@media screen,projection {

  input[type="button"] {padding:0.33em; border:none; color:#fff; background-color:#c96720;}
  select{ background:#fff;border:1px solid #ccc; color:#333;}
  /** Header **/
  .header-wrapper {background-color:#2c5596;}
    .site-header h1 {padding:0;}
    .site-header h1 a {max-width:353px; background-image:url(images/law-library-logo.png);}

    .search-input {background-color:#fff;}
    .search-submit {background-color:#f6d940;color:#2c5596;}

  .nav-primary li ul {background-color:#436aa7;}
    .nav-primary li li {background-color:#436aa7;}
    .nav-primary li li a:hover{background-color:#1a3f79;}
      .nav-primary li:hover {background-color:#000;}
      .nav-primary a:hover {text-decoration:none;}
    .nav-secondary {color:#fff; background-color:#ab6d3a;}
      .nav-secondary li b {text-transform:uppercase;}

  .nav-bar {background-color:#1a3f79;}
  .nav-sub {background-color:#fdf5cb;}
    .nav-sub h2 { color:#1a3f79; background-color:#e6ca49;font-size: 1em; font-weight: bold;letter-spacing: 0.05em; padding: 0.75em; text-transform: uppercase;}
   .nav-sub ul {padding:.75em 0;}
    .nav-sub li {}
    .nav-sub a {padding:0.3em 0.8em 0.3em; color:#1a3f79; background-color:transparent;}

  .nav-util {display:none; text-align:center; background-color:#9ca38d;}
    .nav-util li {display:block;}
    .search-wrapper {position:relative; top:auto; left:auto;}
    .popular-searches {text-align:left;}

  .tabset,
  .nav-alt,
  .info {margin-bottom:1em;}

  .aside.block {padding:1em; background-color:#eee;}
    .aside.block h1 {margin:-1em -0.8em 1em; padding:0.75em; color:#333; font-size:1.2em; background-color:#ccc;}
    .aside.block h1 img {float:right; margin:0;}
    .aside.block h5{color:#555;}

  .hours {padding:0.25em 0.5em; color:#fff; background-color:#436aa7;}
    .hours p {margin:-0.25em -0.5em 0.25em; padding:0.2em 0.5em; font-weight:bold;}

    a.button-small {display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding:0 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:#3860a0;}
      a.button-small:hover {text-decoration:none; background-color:rgba(95,108,79, 0.7);}
      a.button-small.orange {background-color:#c96620;}
        a.button-small.orange:hover {background-color:rgba(171, 109, 58, 0.8);}
      a.button-small.yellow {background-color:#436aa7; margin-left:5px;}
        a.button-small.yellow:hover {opacity:0.8;}


    .hours ul {margin:0; padding:0; list-style:none;}
    .hours li {margin:0;}

  .info .emphasis {margin:-0.36em -0.36em 0.36em; padding:0.5em 0.5em 0.25em; font-size:1.8em; font-weight:normal; letter-spacing:0; text-transform:none;}
    .info h2.emphasis a {margin:0; font-weight:bold; letter-spacing:0;}
  .info.gold{background:#fdf5cb;}
  .info.gold h2{background:#e6ca49;color:#1a3f79;}
  .info.gold h2 a {background:#feed8d;color:#2c5596;}
  .info.gold article a {color:#333333;}

  /** Library Search **/
  .libsearch {padding:1em; background-color:#eee;}
    .libsearch .entry-title{color:#676d76;}
    .libsearch input[type="submit"]{background:#436aa7;border:none; color:#fff; padding:3px 8px;}
    .libsearch2 img {margin-right: 3px;}
    .tabnav {padding:0; font-size:0.95em; text-transform:uppercase; font-weight:bold;}
      .tabs {display:none;}
      .tabnav li {margin-right:.3em;}
      .tabnav a {display:block; padding:0.5em 1em; color:#3860a0; outline:0;}
      .tabnav .active a {background-color:#2c5596; color:#fff;}
      .tabnav a {background-color:#cecccc;}
    .tabtitle {margin:0; font-size:0.95em; text-transform:uppercase; font-family:inherit; font-weight:bold; background-color:#9ca38d;}
      .tabtitle a {padding:1em 1em;}
      .tabtitle .active {background-color:#2c5596;}
      .tabtitle a.active {color:#fff;}
      .tabtitle a:visited {color:#fff;}

  .documentation {margin:3em 0 1em;}
  .documentation a {font-size:.9em;}
  .library-search .link-button {font-weight:normal; text-transform:none; font-family:"ff-meta-web-pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;}
  .library-search table {margin:0;}

  /** How do I? **/
  .nav-alt.gold ul a {color:#1a3f79;}

  /** Resources **/
  .services header {background-position:center center; background-repeat:no-repeat;
    -webkit-background-size:cover;
       -moz-background-size:cover;
         -o-background-size:cover;
            background-size:cover;
  }
    .nav-alt.services{background:#e1edff;}
    .nav-alt.services h2 {background-color:#2c5596;}
    .services h3 {padding:1em 0 0.3em 0.4em; font-size:2.857em; text-transform:none;}
    .services-faculty header {background-image:url(images/resources-faculty.jpg);}
    .services-students header {background-image:url(images/resources-students.jpg);}

  /** Latest News **/
  .lg3 img {border:2px solid #ccc; margin-top:5px;}
  .lg3 h2.publish-info {margin:0 0 0.5em; padding:0; color:#000; font-size:1em; text-transform:none; background:none;}
  .lg3 .entry-title {font-size:1.2em;}

  /** Collections **/
  .nav-alt.green{background-color:#e6ecee;}
      .nav-alt.green h2 {
        background-color: #2c5596;
      }
  
  /** Contact **/
  .info.orange{background:#e6ecee;}
  .info.orange h2{background:#2c5596;color:#fff;}
  .info.orange h2 a {background: #436aa7 none repeat scroll 0 0;}
  
  /** Footer **/
  .nav-portal{background:#252a31;}
  .nav-portal a {display:block; padding:0.75em 1em; color:#fff; font-size:1.071em; font-weight:bold; line-height:1em; letter-spacing:0.02em; text-transform:uppercase; font-family:"ff-meta-web-pro-condensed","Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .nav-portal a:hover {text-decoration:none; background-color:#c96620;}
    .nav-portal .uci-irvine a,
    .nav-portal .uci-irvine a:hover {background-color:transparent;}
    
    .uci-irvine a {
        background: rgba(0, 0, 0, 0) url("http://law.uci.edu/css/images/uc-irvine-new.png") no-repeat scroll 0 0;
        display: block;
        height: 20px;
        margin-top:0.5em;
        overflow: hidden;
        padding: 0;
        text-indent: -9999px;
        width: 128px;
    }

}


/** Profile List **/
.profile-list li{
    border-top:solid 1px #ccc;
}

/**Last modified**/
#modified {
    clear: both;
    font-style: italic;
    text-align: right;
}


@media only screen and (min-width: 28.75em) {
  .site-header {padding:0 1em;}
  .site-header h1 a {height:75px; width:auto; margin:0;}
}

@media only screen and (min-width:37.5em) {
  .hours {display:table; text-align:center;}
    .hours p,
    .hours ul {display:table-cell; width:50%; vertical-align:middle;}
    .hours p {background:none;}
    .hours ul {text-align:right;}
      .hours li {display:inline-block; *display:inline; *zoom:1; margin:0 1em;}
        .hours li:first-child {content:' | ';}

  .services {display:inline-block; *display:inline; *zoom:1; width:49.2%; vertical-align:top;}
  .services-faculty {margin-right:1%;}
  .services-students ul {
    -webkit-column-count:2;
       -moz-column-count:2;
            column-count:2;
    -webkit-column-gap:1em;
       -moz-column-gap:1em;
            column-gap:1em;
  }

}

@media only screen and (min-width:42.857em) {
  .tabs {display:block;}
    .tabtitle {display:none;}
  .tabnav {border-bottom:10px solid #2c5596;}
  .tabnav li {display:inline-block; *display:inline; *zoom:1;}
  .nav-portal a {padding:1.1em 1em 0.8em;}

  .libsearch {padding:2em;}
  .hz-group li {display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 2em 0 0;}
    .hz-group li:last-child {margin-right:0;}
}

@media only screen and (min-width:48em) {
  .toggle {display:none;}
  .nav-util {display:block; position:absolute; top:-70px; right:0; background-color:transparent;}
  .hours {margin:0 -2em;}
  .page-library-home .alpha {float:none; width:auto; margin:0; padding:0;}
}

@media only screen and (min-width:55em) {
  .site-header {background:#2c5596;
    -webkit-background-size:auto 100%;
       -moz-background-size:auto 100%;
         -o-background-size:auto 100%;
            background-size:auto 100%;}
  .site-header h1 {padding:0.6em 0;}
    .site-header h1 a {margin:0;}

  .nav-util {top:-95px;}
  .nav-bar {display:table; padding:0 1em;}
  .nav-wrapper {display:block; position:relative; width:100%; padding:0;}
  .hours {position:absolute; right:0; bottom:0; margin:0; padding:0; background:none;}
    .hours p,
    .hours ul {display:table-row; width:100%; vertical-align:middle;}
    .hours p {color:#000; text-align:right;}
      .hours span#today {display:inline-block; *display:inline; *zoom:1; padding:0.2em 0.5em 0.1em; background:#fff; background-color:rgba(255,255,255,0.5);}
      .hours a {margin-left:1em;}
    .hours ul {line-height:2.45em; background-color:#436aa7;}

  .services-faculty {width:33%;}
  .services-students {width:65.35%;}

}

@media only screen and (min-width:57.143em) {
  .services {margin-bottom:0;}
  .lg1,
  .lg2 {display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
  .lg1 {width:73.2%; margin-right:1%; margin-bottom:1em;}
  .lg2 {width:25.4%; margin-bottom:0;}

  .lg3 .info {display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:25.4%; margin-right:1%;}
    .lg3 .info:first-child {width:46.4%;}
    .lg3 .info:last-child {margin-right:0;}
}

@media only screen and (min-width:65.714em) {
  .site-header {padding:0;}
}