/* Blank slate {{{ 
 */


/* begin by turning off the default rendering entirely */

a, address, area, base, bdo, blockquote, body, br, button, caption, col, colgroup,
dd, div, dl, dt, fieldset, tt, i, b, big, small, form, h1, h2, h3, h4, h5, h6,
hr, img, input, ins, del, label, legend, li, link, map, meta, noscript, object,
ol, optgroup, option, p, param, pre, q, script, select, span, style, sub, sup,
table, tbody, textarea, tfoot, thead, th, td, title, tr, ul {
  border: 0;
  padding: 0;
  margin: 0;
  font-weight: inherit;
  font-size: 1.0em;
  text-decoration: inherit;
  font-style: inherit;
}

/* Block-rendering elements plus {li, dt, dd} */
p,
h1, h2, h3, h4, h5, h6,
ol, ul,
pre,
dl, div, noscript, blockquote, form, hr, table, fieldset, address,
li, dt, dd {
    display: block;
}

/* Inline-rendering elements other than the form ones {input, select, textarea,
 * label, button} */

tt, i, b, big, small,
em, strong, dfn, code, 
samp, kbd, var, cite, abbr, acronym {
    display: inline;
}

ul li, ol li {
    display: block;
    list-style: none;
}


/* }}} */
/* Basic colours and fonts {{{ */

/*

 Colour palette:

   Oxford Blue   #002147           (Strong accents)
   EPIC Blue     #193b7b           Links, primary accents
   White         #ffffff   #fff    Page background
   Black         #000000   #000    Text
   Red           #ff0000   #f00    Active elements, selections

*/


body {
    background-color: #d0d0d0;
    color: black;
    font-family: "Liberation Sans", "Bitstream Vera Sans", "Helvetica", "Arial", sans-serif;
}

a:link    { color: #193b7b; }
a:visited { color: #495b7b; }
a:hover   { text-decoration: underline; color: #002147; }
a:active, a:focus { color: #ff0000; }

/* }}} */
/* Relative layouts of each .layoutblock {{{ */

#pagewrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}

#sitenav {
    float: left;
    width: 25%;
    margin-left: -100%;
}

#pagecontent {
    float: left;
    width: 75%;
    margin-left: 25%;
}

/* IEHACK Doubled Float-Margin Bug */
* html #pagecontent { display: inline }

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#pagewrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}

#siteabout {
    clear: both;
}

/*
Hack for FireFox 2.0.0.8 - this particular version has issues with overflow:hidden position:relative wrappers for One True Layout setups.
*/
#pagewrapper:after {
 content: '.';
 height: 0;
 clear: both;
 visibility: hidden;
 display: block;
}


/* }}} */
/* Form colours and borders {{{ */

input, select {
    border-style: inset;
    background-color: white;
    border: inset #e0e0e0 2px;
    font-size: small;
    padding: 1px;
}

select {
    padding: 0;
}

input.button {
    border-style: outset;
    background-color: #e0e0e0;
}

/* }}} */
/* Header logo and search form {{{ */


/* Logo heading */

#siteident {
    height: 113px;
    width: 100%;
    position: relative;
}

#siteident h1 img, #siteident h1 a {
    display: block
}

#siteident h1 {
    padding-top: 8px;
    padding-left: 15px;
}


/* Search form */

#sitesearch {
    position: absolute;
    bottom: 16px;
    right: 32px;
    width: 12em;
    height: auto;
    min-height: 20px;
    text-align: right;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    background: transparent 
      url(http://static.ceu.ox.ac.uk/icons/silk/find.png)
      no-repeat 2px 2px;
}

#sitesearch input {
    width: 100%;
    border-width: 2px;
}


/* Script stuff */

#sitesearch input.inputnotstarted {
    color: silver;
}



/* }}} */
/* Main content and sidebar blocks: relative layout {{{ */

#pagecontent,
#sitenav {
    padding-top: 0.5em;
    padding-bottom: 2.0em;
}

#sitenav .navblock,
#pagecontent .contentblock {
    margin: 5%;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    clear: both;
}

/* }}}
Layout block background and colours {{{
 */

#siteident {
    background:
       #f8f8f8
       url(http://static.ceu.ox.ac.uk/style/epic-oxford/vgrad4.png)
       repeat-x 0 100%;
}


#pagewrapper {
    clear: both;
    background-color: white;
    background: #ffffff url(http://static.ceu.ox.ac.uk/style/epic-oxford/hgrad1r_faux25.png) repeat-y 25% 0;
}

#siteabout {
    background: #f8f8f8 url(http://static.ceu.ox.ac.uk/style/epic-oxford/vgrad4r.png) repeat-x 0 0;
}

#sitenav {
    font-size: small;
}

#sitenav br {
    display: none; /* linklist creates some */
}


/* }}}
Article text {{{
 */

div.error {
  color: #c00;
  border: dotted #c00 1px;
  padding: 2em;
  padding-top: 0.25em;
  padding-bottom: 1em;
  background-color: #f8f8f8;
}

.contentblock p, .contentblock pre, .contentblock blockquote, 
.contentblock ul, .contentblock ol, .contentblock dl,
.contentblock form,
.contentblock table
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.contentblock h1, .contentblock h2, .contentblock h3, 
.contentblock h4, .contentblock h5, .contentblock h6
{
    margin-top: 1.0em;
    margin-bottom: 0.5em;    

    font-family: "Liberation Serif", "Bitstream Vera Serif", "Times New Roman", "Times", serif;
    font-weight: normal;

    color: #002147; /* Oxford Blue */
}

.contentblock h1 { font-size: 160%; }
.contentblock h2 { font-size: 150%; } /* typical */
.contentblock h3 { font-size: 140%; }
.contentblock h4 { font-size: 125%; }
.contentblock h5 { font-size: 120%; }
.contentblock h6 { font-size: 115%; }

.contentblock ul, .contentblock ol {
  list-style: square outside none;
}

.contentblock li {
  display: list-item;
  margin-left: 1.5em;
  list-style: square outside none;
}

.contentblock blockquote {
  margin-left: 1.5em;
  font-size: smaller;
}


/* }}}
Sidebar text {{{
 */

#sitenav h4 {
  font-weight: bold;
  margin-top: 1.5em;
  margin-bottom: 0.25em;
}

#sitenav ul li, #sitenav ul {
  margin: 0; padding: 0; border: 0; display: block;
}

#sitenav ul {
  padding-top: 0.5em;
  padding-bottom: 0.33em;
}

#sitenav ul li {
  margin-top: 0.20em;
  margin-bottom: 0.20em;
  min-height: 20px;
  padding-left: 20px;
  padding-top: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0;
}

#sitenav ul li .active {
  font-weight: bold;
}

/* }}} */


/*
 * Page flipper
 */

.pageflipper, .pageflipper li, .pageflipper span, .pageflipper a {
  display: block;
  margin: 0;
  padding: 0;
}

.pageflipper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 1%; /* ie? */
}

.pageflipper li {
  float: left;
  width: 50%;
}

.pageflipper .flipprev { text-align: right }
.pageflipper .flipnext { text-align: left }

.pageflipper .flipnext a, .pageflipper .flipnext span {
  padding-left: 16px;
}
.pageflipper .flipprev a, .pageflipper .flipprev span {
  padding-right: 16px;
}
/* Reassert zero padding for nested spans...
   have to do this given Textpattern's approach. */
.pageflipper .flipprev a span,
.pageflipper .flipnext a span {
  padding-left: 0;
  padding-right: 0;
}


/* pageflipper bg images */

.pageflipper a:first-child {
  background-repeat: no-repeat;
  background-position: 0 0;
}

.pageflipper .flipprev a:first-child {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/control_rewind.png);
  background-position: 100% 0;
}

.pageflipper .flipnext a:first-child {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/control_fastforward.png);
  background-position: 0 0;
}


.pageflipper .flipprev a:first-child:hover {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/control_rewind_blue.png);
}

.pageflipper .flipnext a:first-child:hover {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/control_fastforward_blue.png);
}


/* greyed controls */
.pageflipper .flipprev span:first-child {
  background-image: url(http://static.ceu.ox.ac.uk/style/epic-oxford/control_rewind_grey.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  color: #ddd;
}

.pageflipper .flipnext span:first-child {
  background-image: url(http://static.ceu.ox.ac.uk/style/epic-oxford/control_fastforward_grey.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #ddd;
}

.pageflipper .flipprev a span:first-child,
.pageflipper .flipnext a span:first-child {
  background-image: none;
  color: inherit;
}


/* Links */

a.external:after {
  padding-left: 2px;
  content: url(http://static.ceu.ox.ac.uk/style/epic-oxford/external.png);
}

/* Local navigation links */


ul.localnav {
  display: block;
  float: right;
  background-color: #f8f8f8;
  border: solid #f0f0f0 1px;
  min-width: 15em;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
  margin-left: 5%;
}

ul.localnav li {
  display: block;
  list-style: none;
  background-image: none;
  background-position: 4px 4px;
  background-repeat: no-repeat;

  margin: 0;
  padding: 4px;
  min-height: 16px;
  padding-left: 24px;
}

ul.localnav a {
  display: block;
  padding-right;
}

ul.localnav .ppubmed { background-image: url(http://static.ceu.ox.ac.uk/style/epic-oxford/page_pubmed.png); }

ul.localnav .ppdf { background-image: url(http://static.ceu.ox.ac.uk/icons/silk/page_white_acrobat.png); }

ul.localnav .pxabst { background-image: url(http://static.ceu.ox.ac.uk/icons/silk/page_white_world.png); }

ul.localnav .category { background-image: url(http://static.ceu.ox.ac.uk/icons/silk/tag_yellow.png); }


/* Javascript stuff */

#sitenav .jshidden, #sitenav .jshidden * {
   display: none;
}


/* menu link icons */

li.jstoggledopen { background-image:  url(http://static.ceu.ox.ac.uk/icons/silk/bullet_toggle_plus.png); }

li.jstoggledclosed { background-image:  url(http://static.ceu.ox.ac.uk/icons/silk/bullet_toggle_minus.png);
}

li.jstoggle li { background-image:  url(http://static.ceu.ox.ac.uk/icons/silk/world.png); }

li.jshome { background-image:  url(http://static.ceu.ox.ac.uk/icons/silk/house.png); }

li.jsfindings, li.jsfindingseurope {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/chart_curve.png);
}

li.jspublications {
background-image:url(http://static.ceu.ox.ac.uk/icons/silk/page_white_stack.png);
}

li.jspublications li {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/tag_yellow.png);
}

li.jsstaff {
background-image:url(http://static.ceu.ox.ac.uk/icons/silk/group.png);
}

li.jseucollab {
  background-image: url(http://static.ceu.ox.ac.uk/style/epic-oxford/eu16px.png);
}

li.jsintro {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/information.png);
}

li.jsfaq {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/help.png);
}

li.jsmethods {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/table_edit.png);
}

li.jscontacts {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/email.png);
}

li.jsthanks {
  background-image: url(http://static.ceu.ox.ac.uk/icons/silk/award_star_gold_1.png);
}

#pagecontent table, #pagecontent td, #pagecontent th {
  border-collapse: collapse;
  border: dotted #e0e0e0 1px;
}
#pagecontent td, #pagecontent th {
  padding: 0.25em;
}

.postinginfo {
  text-align: right;
  font-size: small;
  color: #666666;
}

.permalink:before {
  content: ">> ";
}