/*************************************************************/
/** style.css                                                */
/** cascading style sheet for http://kutaslab.ucsd.edu,      */
/** follows Level 2 Revision 1 (CSS 2.1) Specification       */
/**                                                          */
/** Paul Krewski                                             */
/** Kutas Cognitive Electrophysiology Lab                    */
/** Cognitive Science Department                             */
/** University of California, San Diego                      */
/** pkrewski@ucsd.edu                                        */
/*************************************************************/


/*
** basic properties for the website.  it uses a hybrid layout:
** centered in the viewport is a fixed size rectangular box that
** contains a header, a footer, a navigation area to the left
** and a main content area to the right; outside this fixed
** box is a fluid background that resizes when the viewport size
** changes.
*/
html, body, h1, h2, h3, h4 {
    font-family: arial, sans-serif;
    margin: 0;
    padding: 0;
}

img {
    border: none;
}
a {
    color: #ad7800;        /* the link color */
    text-decoration: none;
}
a:hover {
    color: #ad7800;
    text-decoration: underline;
}

h1 img {
    display: block;
}


/*
** float a box to the left side
*/
.left {
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
}


/*
** float a box to the right side
*/
.right {
    float: right;
    margin-left: 30px;
    margin-bottom: 15px;
}


/*
** the clear property, with a value of both, pushes the element
** vertically (typically downward) past the influence of any left
** or right floating boxes.
**
** selector syntax, CSS 2.1, sect 5.1
** .clear is equivalent to *.clear , where "*" is the universal
** selector.
*/
.clear {
    clear: both;
}


/*
** in the body element we specify:
** - the fluid background image (a vertical color gradient).
** - the background color. it is this color which fills the
**   bottom of the viewport when the viewport is longer than
**   the background image.
*/
body {
    background: #e7cb99 url(images/e7cb99_grad_8x600.jpg) repeat-x;
}


/*
** sometimes we want an unordered list with no margins or padding
*/
#no-list-padding ul {
    margin: 0;
    padding: 0;
}


/*
** the main box, a fixed rectangular area within the viewport.
**
** selector syntax, CSS 2.1 sect 5.1:
** E#myid - Matches any E element with ID equal to "myid".
** #myid is equivalent to *#myid, where "*" is the universal
** selector.
*/
#main {
    margin: auto;
    width: 780px;
    color: #74653d;    /* the main text color, a dark brown */
    background: #fff;  /* the main background color, white */
}


/*
** the header area in the main box.
*/
#main-top {
    width: 780px;         /* main{width} - padding-left */
    height: 112px;        /* background image height - padding-top */
    background: url(images/pacific_shoreline_w_logo_780x112.jpg);
}
#main-top h1 {
    padding-left: 180px;  /* positions the header text */
    padding-top: 8px;     /* positions the header text */
    font-size: 26px;
    font-weight: normal;
}


/*
** the navigation area in the main box.  it is meant to
** contain the navigation bar, a search input field, and
** contact information.
*/
#main-left {
    float: left;
    width: 140px;
    font-size: 10px;
}


/*
** the navigation bar.
*/
#nav ul {
    margin: 0;
    padding: 0;
    background: #b79f69;
}
#nav li {
    list-style: none;
    border-top: 1px solid #c5c5c5;
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
}
#nav a {
    color: #fff; 
    text-decoration: none;
}
#nav a:hover {
    font-weight: bold;
}
#nav .current {
    background: #74653d;
}


/*
** the search input field.
*/
#search {
    padding-top: 20px;
    padding-left: 10px;
}
#search .search-input {
    color: #74653d;
    background: #fff;
}
#search .search-button {
    color: #fff;
    background: #b79f69;
}


/*
** contact information.
*/
#contact {
    padding-left: 10px;
    padding-top: 30px;
    padding-bottom: 10px; 
}
#contact h2 {
    color: #996404;
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
}


/*
** the main content properties
*/
#main-content{
    font-size: 14px;
}
#main-content h1 {
    padding-top: 0px;
    padding-bottom: 10px;
    color: #996404;
    font-size: 22px;
    font-weight: bold;
}
#main-content h2 {
    padding-top: 0px;
    padding-bottom: 10px;
    color: #996404;
    font-size: 20px;
    font-weight: bold;
}
#main-content h3 {
    padding-top: 0px;
    padding-bottom: 10px;
    color: #996404;
    font-size: 18px;
    font-weight: bold;
}
#main-content h4 {
    color: #996404;
    font-size: 14px;
    font-weight: bold;
}


/*
** the main content area, used when the content is to be displayed across the
** full page, without a navigation area
*/
#main-content-full {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}


/*
** the main content area, used when the content is to be displayed beside the
** navigation area in one-column format.
*/
#main-content-onecol{
    width: 580px;  /* main{width} - main-left{width} - padding-left - padding-right */
    float: right;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}


/*
** the main content area, used when the content is to be displayed beside the
** navigation area in two column format.
*/
#main-content-leftcol{
    float: left;
    width: 270px;  /* ((main{width} - main-left{width}) / 2) - padding-left - padding-right */
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 20px;
}


/*
** the main content area, used when the content is to be displayed beside the
** navigation area in two column format.
*/
#main-content-rightcol{
    float: right;
    width: 270px;  /* ((main{width} - main-left{width}) / 2) - padding-left - padding-right */
    padding-left: 20px;
    padding-right: 30px;
    padding-top: 20px;
}


/*
** properties for the people page
*/
/*
** people-heading-rightcol is a property created for the alumni link on
** the people page.  it is main-content-rightcol but with text-align:right,
** and padding-right adjusted so the right side of the link aligns better
** with the right side of the people table beneath.
*/
#people-heading-rightcol{
    float: right;
    width: 255px;  /* ((main{width} - main-left{width}) / 2) - padding-left - padding-right */
    padding-left: 20px;
    padding-right: 45px;
    padding-top: 20px;
    text-align:right;
}
#people table {
    width: 580px;  /* main{width} - main-left{width} - main-content-onecol{padding-left} - main-content-onecol{padding-right} */
    height: 500px;
    table-layout: fixed;
    border: none;
    border-collapse: collapse;
    empty-cells: show;
}
#people td {
    border: none;
    padding: 2px;
    font-size: 12px;
}


/*
** properties for the table on the meetings page
*/
#meetings table {
    border-collapse: collapse;
    empty-cells: show;
}
#meetings th {
    border: 1px solid #b79f69;
    color: #fff;
    background: #b79f69;
    font-weight: normal;
}
#meetings td {
    border: 1px solid #b79f69;
    padding: 6px;
}


/*
** the footer area in the main box.
*/
#main-bottom{
    width: 780px;  /* main{width} */
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 10px;
}


/*
** properties for marta's area
*/
#cv table {
    border: 0px;
    empty-cells: show;
}
#cv td {
    border: 0px;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#search-pubs {
    padding-top: 0px;
    padding-left: 10px;
}
#search-pubs .search-input {
    color: #74653d;
    background: #fff;
}
#search-pubs .search-button {
    color: #fff;
    background: #b79f69;
}

#courses table {
    border-collapse: collapse;
    empty-cells: show;
}
#courses td {
    border: 1px solid;
    padding: 5px;
}

#cheers a {
    color: #fff;        /* the link color */
    text-decoration: none;
}
#cheers a:hover {
    color: #fff;
    text-decoration: underline;
}

#cheers {
    color: #fff;
    text-align: center;
    background: url(people/kutas/images/pacific_from_lj_cove_780x660.jpg);
    width: 780px;
    height: 660px;
    font-size: 12px;
    margin-top: 30px;
}


/*
** properties for the lab docs page
*/
#search-mans {
    padding-top: 0px;
    padding-left: 0px;
}
#search-mans .search-input {
    color: #74653d;
    background: #fff;
}
#search-mans .search-button {
    color: #fff;
    background: #b79f69;
}


/*
** properties for the orca search results page
*/
#os_results {
  list-style-type:decimal;
  text-align:left;
}
#os_results li {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#os_results li h4 {
  padding:0px;
  margin:0px;
}
#os_results li h4 span.filetype {
  text-transform:uppercase;
  color:#ad7800;
}
#os_results li h4 a {
  text-decoration:none;
  color:#ad7800;
}
#os_results li h4 a:hover {
  text-decoration: underline;
  color:#ad7800;
}
#os_results li p {
  clear:left;
  margin:2px;
}
#os_results li blockquote {
  margin:0px;
}
#os_results li blockquote p {
  margin:0px;
}
#os_results li blockquote p cite {
  color:#996404;
  background-color:transparent;
}
#os_pagination {
  margin-left: 15%
  margin-right: 15%
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#os_pagination div#os_pagin1 {
  float:left;
  width:15%;
  white-space:nowrap;
  text-align:right;
}
#os_pagination div#os_pagin2 {
  margin:0px 20%;
  text-align:center;
}
#os_pagination div#os_pagin3 {
  float:right;
  width:15%;
  white-space:nowrap;
  text-align:left;
}
#os_search {
  text-align:center;
}
#os_search div {
  white-space:nowrap;
  text-align:center;
  margin:0px auto;
  padding:5px;
  color:#000000;
}
#os_search div input, #os_search div select {
  vertical-align:middle;
  font-size:inherit;
  color: #74653d;
}
#os_search div label {}
#os_search_help {
  text-align:center;
  font-size:10px;
}