/**
 * jld.css
 *
 * Copyright 2012 Queensland University of Technology. All rights
 * reserved.
 *
 * JLD Theme.
 * 
 * $Id$
 */




/*** Main Contents *****/

body {
    color: #333333;
    background : #FFF;
    font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
}

#header {
    background-color : #006F74;
    border-bottom: 3px solid black;
    border-bottom : 1px solid #FFFFFF;
    position: relative;
}

#header h1 {
    margin : 0;
    padding : 0.3em 0.5em 0.3em 0;
    color : #FFF;
    background-color : #006F74;
    font-family: "Gill Sans MT", "Gill Sans", Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
    font-size : 95%;
    font-style : italic;
}

#header h1 img {
    margin : -0.4em -0.5em -0.3em 0; /* Use no margins if there is a title image */
}

#body {
    border-top : 22px solid #EDF1F2;
}

#main {
    padding : 0;
    margin-top : -22px;
}

#content {
    padding : 0;
    border : 0;
    font-size: 80%;
    line-height : 1.5;
}

#content h1 {
    font-size: 150%;
}

#content h2 {
    font-size: 150%;
}

#content h3 {
    font-family: "Gill Sans MT", "Gill Sans", Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
    font-size: 140%;
    margin : 0.75em 1em 0.25em 0;
    padding : 0;
}	

#content h4 {
    font-family: "Gill Sans MT", "Gill Sans", Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
    font-size: 125%;
    
}

#content li {
    padding-top:3px;
    padding-bottom: 3px;
}

#main h2{ 
    border-bottom:1px dotted #333!important;
    font-family : "Gill Sans MT", "Gill Sans", verdana, arial, sans-serif;
    font-size : 150%;
    font-style : italic;
    letter-spacing : 1px;
}

/* Links */

a:link {
    color : #006F74;
}

a:hover {
    color : #006F74;
    background-color : #FFFFFF;
}

a.file {
    font-size : 100%;
    text-transform : none;
}

/* Outbound link styling - assumes SSL is forced */
a[href^="http:"] {
    background: url("icon_external.png") no-repeat scroll right center transparent;
    padding-right: 18px;
}


/*** Navigation bar *****/


#navbar {
    margin-right: 0;
    padding : 0;
    border-bottom:none;
    height: 22px;
    background-color: #EDF1F2 !important;
}

#navbar ul.menu li {
    display : block;
    float : left;
    margin : 0;
    padding : 0;
    background-color : #EDF1F2;
    border-right: 1px solid #fff;
    height : 22px;
    line-height : 22px;
}

#navbar a {
    display : block;
    color: #006F74;
    padding : 0 14px;
    font-size: 72%;
    height : 22px;
}

ul.menu a {
    text-transform : none !important;
}

#navbar a:hover{
    color: #183667!important;
    background-color:#fff;
}

#navbar li:hover{
    
    padding: 0px;	
    color: #183667;
    
}

#navbar li{
    font-family: verdana, arial, sans-serif;
    padding: 0px;
    margin:0px!important;
    list-style: none outside none;
}

#navbar li#announcements{
    width : auto;
}



/* Side Bar */

#sidebar {
    font-size : 75%;
    line-height : 1.4;
}

#rightSidebar {
    background-color: #fff;
    margin-top : 1em;
    margin-bottom : 1em;
    margin-right : 4%;
    padding: 0 1em;
    border-left : 1px dotted #000;
    font-size : 100%;
    width : 16%;
}

#sidebar div.block {
    font-size : 100%;
}

/* Search Box */

#query{
    width: 180px;
}

#sidebarNavigation{
    padding-left: 5px;
    color: #000!important;
}

#sidebarNavigation a{

}

#sidebarInformation{
    color:#000!important;
}

#sidebarInformation a{

}

#notification{
    color:#000!important;
}

#notification a{
}


/* **** Breadcrumbs *** */

#breadcrumb {
    clear : left;
}

#breadcrumb a:link {
    color : #006F74;
}

/* Footer */

#pageFooter {
    border-top: 1px dotted #000000;
    color : #585858;
    text-align : left;
    min-height : 20px;
    margin-top : 3em;
    margin-bottom : 0.5em;
    padding : 0.5em 0 0 0;
    background: #FFF;
}

/* Homepage */

#homepageJournalDescription {
    line-height : 1.6;
}


/* TOC */

ul.tocSection {
    font-size : 90%;
}

li.tocArticle {
    position : relative;
}

li.tocArticle .tocTitle {
    display : block;
    margin-right : 15em; /* matches the max-width li.tocArticle .tocGalley */
}

li.tocArticle .tocAuthors {
    font-style : italic;
}

li.tocArticle .tocGalleys {
    display : block;
    position : absolute;
    top : 3px; /* matches top margin of li.tocArticle */
    right : 0;
    margin-left : 10px;
    max-width : 15em; /* matches right margin of li.tocArticle .tocTitle */
    text-align : right;
}
li.tocArticle .tocGalleys a {
    white-space : nowrap;
}

/* Abstract pages */

#articleTitle h3 {
    font-size : 187.5%;
    font-style : italic;
    border-bottom : 1px dotted #333;
    margin-bottom : 0;
    line-height : 1.2;
}

#authorString {
    margin : 0.3em 0;
}

#articleAbstract div {
    margin : 0 0 1em 0;
}

div.articleGalleys { 
    padding : 0 0 1em 0;
    margin : 0 0 1em 0;
    border-bottom : 1px dotted #333;
}


/* br hacks */

br {
    display : none;
}

#articleAbstract div br, ul.nav br, #mainContent br, #contact br, #authors br, #citations br {
    display : inline
}


/* Top bar -- not sure what this is used for but it takes up too much
   space */

#topBar {
    padding : 0;
}

/* Admin */

table.info, table.listing {
    font-size : 85%;
    
}

/* Navigation Plugin */

span.blockSubtitle {
    clear : left;
}

#sidebarQUTNavigation p {
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

#sidebarQUTNavigation form {
    margin-bottom : 3em;
}

#sidebarQUTNavigation input {
    margin-bottom: 2px;
    width: 98%;
}

#sidebarQUTNavigation input.button {
    float: left;
    width: auto;
    margin : 0.3em 0;
}
#advSearch {
    float: right;
    font-size: 90%;
    margin: 0;
    padding: 0;
    line-height : 1;
}

/* Logos */

#logoBlock a {
    /* Prevent external link formatting */
    background-image : none;
    padding-right : 0;
}

/* Bio Popups */

#mainContent h2 {
    margin-top : 0.5em;
}

#profilePicContent {
    clear : right;
    padding : 1em 0 0 1em;
    background : #FFF;
}

#license img {
    vertical-align: middle;
}