/* RESET */
a,
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: inherit;
	font-style: inherit;
	text-decoration: none;
/*	letter-spacing: 0.05em;*/
}

article, aside, figure, footer, header,
hgroup, nav, section {
	display:block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables may still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* LAYOUT */
body{
    margin:0;
    padding:0;}

.site hgroup{
    margin-top:20px;
    margin-bottom:30px;}

section.journal-detail,
section.journal-list,
section.author-list,
section.author-detail,
section.issue-detail,
article.article-detail,
section.flatpage-content{
    padding-top:2em;
    padding-bottom:5em;}    

footer{
    padding-top:4em;
    padding-bottom:2em;}
    
footer li{
    display:inline;
    margin:0 2em;}

nav.main{
    margin:0;}
    
nav.main ul{
    margin:0 auto;
    padding:0;
    overflow:hidden;}

nav.main li{
    width:20%;
    max-height:50px;
    padding:0;
    margin:0;
    display:block;
    float:left;
    text-align:center;}

nav.main a,
nav.main form{
    display:block;
    padding:0;
    line-height:50px;}

nav.main .searchbox{
    width:70%;}
nav.main button{
    width:16%;
    height:2em;
    line-height:1;}
nav.main input,
nav.main button{
    vertical-align:middle;}

.content{
    max-width:980px;
    margin:0 auto;
    padding-left:10px;
    padding-right:10px;}

.two-col .page{
    overflow:auto;}

.two-col aside{
    margin-right:-10px;}

section.journal-detail h1,
section.journal-list h1,
section.author-list h1,
section.author-detail hgroup,
section.issue-detail h1,
section.staff-tools h1{
    border-bottom:3px solid #444;}

section.journal-detail li,
section.journal-list li,
section.author-list li,
section.author-detail li,
section.issue-detail li{
    overflow:hidden;
    margin-left:4em;
    padding:1em 0.5em;}

.two-col aside li{
    margin-left:1em;}

section.journal-list li li{
    padding-bottom:0;}

article.article-detail li,
section.flatpage-content li{
    margin:0 0 2em 2em;}

section.journal-detail li h2,
section.author-list li h2,
section.issue-detail li h2{
    float:left;
    clear:left;
    display:inline;
    position:relative;}
    
section.journal-detail li h3,
section.author-list li h3,
section.author-detail li h3,
section.author-detail h1 span,
section.issue-detail h1 span,
section.issue-detail h3,
section.staff-tools h1 span{
    float:right;
    clear:right;
    display:inline;
    position:relative;}

section.author-detail .content{
    overflow:hidden;}
section.author-detail .photo{
    float:right;
    margin-left:10px;;
    margin-right:-10px;
    margin-bottom:1em;}

p{
    margin-bottom:1em;}

.two-col article{
    width:66%;
    display:inline;
    float:left;}

.two-col aside{
    width:30%;
    display:inline;
    float:right;}

/* COLOURS */
body{
    background:#fff;}

nav.main{
    border-bottom:5px double #222;
    border-top:5px double #222;
    background-color:#444;}

section.journal-detail,
section.journal-list,
section.author-list,
section.author-detail,
section.issue-detail,
article.article-detail,
section.flatpage-content{
    background:#eee;}

section.journal-detail li,
section.journal-list li,
section.author-list li,
section.author-detail li,
section.issue-detail li{
    list-style-type:none;
    border-bottom:1px dashed #999;}

article.article-detail li,
section.flatpage-content li{
    border-bottom:1px dotted #bbb;}

section.journal-detail li:hover,
section.journal-list li:hover,
section.author-list li:hover,
section.author-detail li:hover,
section.issue-detail li:hover{
    background:#ddd;}

.two-col .page aside{
    background:#ddd;
    border:1px solid #bbb;
    border-top: none;
    padding:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-box-shadow:0 1px #777;}

section.author-detail .photo{
    border:4px double #444;
    border-top:none;
    line-height:0;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-box-shadow:0 0 7px #444;}
section.author-detail .photo img{
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;}

footer{
    background:#444;
    color:#ccc;
    border-top:5px double #222;}

/* TYPOGRAPHY */
body{
    font-family: Cambria, Georgia, serif;
    font-size:18px;
    line-height:22px;
    color:#333;}

.site h1{
    font: 77px Georgia, serif;
    font-weight:bold;
    text-shadow:2px 2px 4px #555;
    text-align:right;
    color:#111;}

.site h1 span{
    display:block;
    font-size:27px;
    color:#bbb;
    letter-spacing:1.8px;
    margin-top:-14px;
    text-shadow:0 0 1px #555;}

.site h2{
    text-align:right;
    font-size:27px;
    color:#999;
    margin-right:38px;
    margin-top:-6px;
    margin-bottom:1.5em;}

.site a:link,
.site a:visited,
.site a:hover,
.site a:active{
    border:none;}

nav.main li{
    font-size:22px;
    font-weight:bold;
    text-shadow:1px 1px 2px #888;}

nav.main a:link,
nav.main a:visited{
    border:none;
    color:#ddd;}

nav.main a:hover{
    background:#fff;
    color:#444;}

section.journal-detail,
section.journal-list,
section.author-list,
section.author-detail,
section.issue-detail,
article.article-detail,
section.staff-tools,
section.flatpage-content{
    font-size:16px;
    line-height:28px;}

section.journal-detail h1,
section.journal-list h1,
section.author-list h1,
section.author-detail h1,
section.issue-detail h1,
article.article-detail h1,
section.staff-tools h1,
section.flatpage-content h1{
    font-size:35px;
    line-height:40px;
    font-weight:bold;}

section.journal-detail h2,
section.journal-list h2,
section.author-list h2,
section.author-detail h2,
section.issue-detail h2,
article.article-detail h2,
section.flatpage-content h2{
    font-size:25px;
    font-weight:bold;}
section.issue-detail h2{ /* override */
    font-size:18px;}

.two-col aside hgroup h2{
    font-size:18px;}
.two-col aside hgroup h3{
    font-size:16px;}


section.journal-detail h3,
section.journal-list h3,
section.author-list h3,
section.author-detail h3,
section.author-detail h1 span,
section.issue-detail h1 span,
section.issue-detail h3,
article.article-detail h3,
section.staff-tools h1 span,
section.flatpage-content h3{
    font-size:18px;
    font-style:italic;
    color:#555;
    font-weight:normal;}

section.journal-detail h4,
section.journal-list h4,
section.author-list h4,
section.author-detail h4,
section.issue-detail h4,
article.article-detail h4,
section.flatpage-content h4{
    font-size:16px;
    color:#555;}

article.article-detail .abstract{
    font-style:italic;}

article.article-detail hgroup h1,
article.article-detail hgroup h2,
article.article-detail hgroup h3,
article.article-detail hgroup h4{
    text-align:center;}

article.article-detail hgroup h1{
    margin-bottom:1em;}

article.article-detail hgroup h2{
    margin-bottom:0.5em;}

article.article-detail hgroup{
    margin-bottom:2em;}

section.journal-detail h1 span,
section.journal-list h2 span,
section.author-list h2 span{
    font-size:0.8em;
    font-weight:normal;
    color:#999;}
section.journal-detail h1 span{
    float:right;}

section.journal-detail a:link,
section.journal-detail a:visited,
section.issue-detail a:link,
section.issue-detail a:visited,
section.author-list a:link,
section.author-list a:visited,
article.article-detail h1.title a:link,
article.article-detail h1.title a:visited{
    border:none;}

article.article-detail li li,
section.journal-list li li{
    border:none;
    overflow:visible;}
/*    list-style-type:disc;}*/

.footnote{
    font-size: 0.65em;
    font-family:Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;}

footer{
    text-align:center;}

a:link{
    color:inherit;
    text-decoration:none;
    border-bottom:1px dotted #aaa;}
a:visited{
    color:inherit;
    text-decoration:none;
    border-bottom:1px dotted #aaa;}
a:hover{
    color:#BB141A;
    text-decoration:none;
    border-bottom:1px solid #aaa;}
a:focus{
    text-decoration:none;
    outline:none;}
a:active{
    color:#BB141A;
    text-decoration:none;
    border-bottom:1px solid #666;}

ol{
    clear:left;
    list-style-type:decimal;}

ol ol{
    margin-left:1em;}
    list-style-type:lower-alpha;}

ol ol ol{
    margin-left:1em;
    list-style-type:lower-roman;}

ul{
    clear:left;
    list-style-type:disc;}

ul ul li{
    margin-left:1em;
    list-style-type:circle;}
    
ul ul ul li{
    margin-left:1em;
    list-style-type:square;}


sup{
    line-height:0;
    font-size:0.8em;
    vertical-align:super;}

em, i{
    font-style:italic;}

strong, b{
    font-weight:bold;}

blockquote{
    font-size:0.8em;
    font-family:Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
    margin-left:2em;
    padding-left:1em;
    border-left:5px solid #ddd;
/*    background:#ddd;*/}