/**General Styling**/
body {
    margin: .8em auto;
    font: .8em/1.35em arial, tahoma, sans-serif;
    color: #000;
}

a {
    color: #0010b5;
    text-decoration: underline;
}

a:hover {
    color: #006bc6;
}

h1, h2, h3, h4, h5, h6, th {
    color: #632108;
}

h1 {
    font: 1.4em Nimbus, 'Times New Roman', serif;
    text-align: center;
    border-bottom: 2px solid;
    padding: .2em;
}

h2 {
    font-size: 1.2em;
    margin-top: 1.6em;
    margin-bottom: 1px;
    border-bottom: 1px solid;
}

h3 {
    font-size: 1.1em;
}

h4,h5,h6 {
    font-size: 1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h5 a {
    color: inherit;
}


/***PAGE SETUP***/

#content {
    margin: 0 8% 1em 145px;
    width: auto;
    min-width: 600px;
    max-width: 1000px;
    padding: 1px 1em;
    text-align: left;
}

h1.logo-text {
    float: left;
    width: 140px;
    font-size: 80%;
}

#logo {
    top: 6em;
    left: 1px;
    width: 140px;
    height: 178px;
    background: url('framework/psik_logo.gif') no-repeat;
    position: absolute;
}

#shortcuts { 
    top: 280px;
    width: 140px;
    position: absolute;
}

#navigation {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    margin: 0 3% -27px 145px;
    padding-top: 12px;
    width: auto;
    height: 78px;
    background: url('framework/rotate.gif') no-repeat center right;
}

#navigation a {
    text-decoration: none;
}

#navigation a:hover {
    color: #000;
    text-decoration: underline;
}

#navigation ul {
    background-color: #fff7bd;
    margin: 0 .5em;
    padding: .3em 0;
    list-style: none;
    margin-right: 64px;
}

#navigation li {
    display: inline;
    padding: 0 .5em;
}

/*Other Styling*/

h1 sub, #navigation sub {
    font-size: .8em;
    font-weight: bold;
}

img {
    border: 0;
}


.links_logos {
    vertical-align: middle;
    margin-right: 10px;
}

table {
    margin: 15px 0;
    font-size: 1em;
}

th {
    text-align: center;
    border: none;
    font-size: 120%;
}

table h3 {
    margin: .8em 0 .5em 0;
    text-align: left;
    border-bottom: 1px solid;
}

td {
    padding: 1px;
}

/*Class to make things not visible normally unless needed*/
/*for example provides alternative text in place of the banners for the 
visually impared*/
.hidden {
    margin: 0;
    padding: 0;
    display: none;
    visibility: hidden;
}

/*************************************************
 *  Links page
 *************************************************/

ul {
    list-style: circle;
}

ul.links {
    list-style: none;
}
ul.links li {
    margin-bottom: 2em;
}
a.nologo {
    font-size: 200%;
}


/*************************************************
 *  About page
 *************************************************/
#left_content {
    float:left;
    width:80%;
}

#right_sidebar {
    float:right;
    width:17%;
}

#right_sidebar ul {
    list-style: none;
    margin:1em 0;
    padding:0;
}

#right_sidebar li {
    display: block;
}

/*************************************************
 *  Frontpage
 *************************************************/
#latest ul {
    list-style: disc;
}

#latest li, #latest h1, #latest h2, #latest h3 {
    clear: both;
}

#latest li {
    margin-bottom: 1.2em;
}

#latest img {
    float: left;
    max-width: 100px;
    margin-right: 1em;
    clear: both;
}

/*************************************************
 *  Contact page
 *************************************************/
.contact {
    display: inline-block;
    border: ridge black;
    padding: 0em;
    padding-left: 1em;
    margin-bottom: 1em;
    min-width: 30em;
}

.contact .name, .contact .place, .contact .email, .contact .website, .contact .phone, .contact .address, .contact .fax {
    float: left;
    clear: left;
    width: 25em;
}

.name {
    font-weight: bold;
    margin-top: 0.3em;
}

.email:before {
    content: url(/framework/email.gif);
    margin-right: 1em;
}

.website:before {
    content: url(/framework/web.gif);
    margin-right: 1.3em;
}

.phone:before {
    content: url(/framework/phone.gif);
    margin-right: 1em;
}

.fax:before {
    content: url(/framework/fax.gif);
    margin-right: 1em;
}

div.address:before {
    content: url(/framework/mail.gif);
    margin-right: 1em;
    vertical-align: top;
}

div.address2 {
    width: 10em;
    display: inline-block;
}

.contact .photo {
    margin: 0;
    float:right;
}

/*************************************************
 *  Workshops page
 *************************************************/
#past_events img, #past_events ul {
    display: inline-block;
    width: 30%
}

#past_events:after {
    content: url(images/gan_sml.gif);
    float:right;
}

#past_events ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

#past_events li {
    margin: 0.7em;
}

/*************************************************
 *  Working group pages
 *************************************************/
p.spokesperson {
    color: #4a7cb8;
    text-align: center;
}

p.spokesperson:before {
    content: "(Spokesperson ";
}

p.spokesperson:after {
    content: ")";
}

li.spokesperson:before {
    content: "Spokesperson: "
}

li.spokesperson {
    padding-bottom: 1em;
    border-bottom: thin dotted;
    margin-bottom: 1em;
}

ul.subnavigation {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 110%;
}

ul.subnavigation li {
    display: inline;
    margin: 0;
    margin-right: 2em;
    padding: 0;
}