/* main layout elements */

img, body {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
/*	background: #817a6e; */
	background: white url(../img/backfade_left_218px.png) repeat-y;
}

#header {
	z-index: 1;
	position: fixed;
	width: 100%;
	height: 185px;
	background: white url(../img/banner_backfill.png) repeat-x;
	opacity: 1;
}

#header_banner {
	z-index: 2;
/*	margin-left: 2.5em;  */
	width: auto;
	height: 185px;
	background: url(../img/banner_1024x185.png) no-repeat 0;
}

#left_column {
	position: absolute;
	float: left;
	clear: left;
	width: 210px;
	margin-top: 185px;
/*	margin-left: 2.5em; */
	min-height: 4096px;
	background: url(../img/navtopfill.png) no-repeat fixed 0 185px;
	overflow: auto;
}

#middle_section {
	background: white;
	margin-top: 185px;
	position: relative;
	margin-left: 215px;
	float: left;
	width: 60%;
	height: auto;
	padding-left: 1.6em;
	padding-right: 1.6em;
	margin-right: 0em;
}

#right_column {
	margin-top: 185px;
	position: relative;
	float: left;
	width: 218px;
	min-height: 4096px;
	background: url(../img/backfade_left_218px.png) repeat-y 0%;
}

#footer {
	clear: both;
	text-align: center;
	margin-left: 2.5em;
}



/* typography */

#middle_section p {
	font-family: Georgia, serif;
	font-size: 1.4em;
	line-height: 150%;
/*	color: #3a1e1a; */
	color: #3b2927;
}

#middle_section p.extendedquote {
	font-family: Georgia, serif;
	font-size: 1.2em;
	line-height: 150%;
/*	color: #3a1e1a; */
	color: #3b2927;
	margin-left: 3.2em;
	width: 90%;
}

#middle_section p a {
	color: #995454;
	text-decoration: none;
/*	border-bottom: 1px solid #939598;  */
}

#middle_section p a:hover {
	color: #bc0200;
	text-decoration: none;
	border-bottom: 1px solid #939598;
}

p#middle_section p a:visited {
	color: #995454;
	text-decoration: none;
	border-bottom: 1px solid #939598;
}

#middle_section ul a {
	color: #995454;
	text-decoration: none;
/*	border-bottom: 1px solid #939598;  */
}

#middle_section ul a:hover {
	color: #bc0200;
	text-decoration: none;
	border-bottom: 1px solid #939598;
}

p#middle_section ul a:visited {
	color: #995454;
	text-decoration: none;
	border-bottom: 1px solid #939598;
}

#middle_section h2 {
	font-family: Calibri, Lucida Grande, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 150%;
/*	color: #995454; */
	color: #c59e9e;
}

#middle_section h3 {
	font-family: Calibri, Lucida Grande, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 150%;
	color: #a29061;
	text-transform: uppercase;
	letter-spacing: .25em;
}

ul.navigation_list {
	font-family: Calibri, Lucida Grande, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 160%;
	list-style-type: none;
	color: #995454;
/*	text-shadow: silver 1px 1px 0;  */
	text-indent: -1em;
	margin-left: 1em;
}

ul.navigation_list li {
	margin-bottom: .9em;
}

ul.navigation_list ul {
	margin-bottom: .9em;
	text-indent: 0;
	list-style-type: none;
	margin-left: -2.5em;
}

ul.navigation_list li ul li {
	font-size: .9em;
	margin-left: -.7em;
	margin-top: .3em;
	margin-bottom: .3em;
}


ul.navigation_list a {
	color: #bc0200;
	text-decoration: none;
}

ul.navigation_list a:hover {
	color: #bc0200;
	text-decoration: underline;
}

ul.navigation_list a:visited {
	color: #995454;
	text-decoration: underline;
}

.smallcapsstart {
	font-size: xx-small;
	text-transform: uppercase;
	letter-spacing: .25em;
	font-weight: bold;
}

/* div#middle_section p:first-letter {
	font-size: 2.2em;
	float: left;
	display: inline;
	top: 1.2em;
	position: relative;
	color: #685b59;
	font-weight: normal;
} */

/* for captions' collection source credit info. */
/*
span.ppy-text strong {
	margin-bottom: .6em;
} */

cite {
	font-family: Calibri, Lucida Grande, Arial, sans-serif;
	font-style: normal;
	font-size: xx-small;
	text-transform: uppercase;
	letter-spacing: .125em;
	line-height: 160%;
	opacity: 1;
	color: #a29061;
	display: block;
	margin-top: .6em;
}

dfn {
	color: silver;
	font-style: normal;
}

#middle_section ul {
	list-style-type: none;
}

#right_column ul {
	list-style-type: none;
	text-indent: 0em;
	margin-top: 2em;
}

#right_column p {
	font-family: Georgia, serif;
	font-size: 1.4em;
	line-height: 150%;
/*	color: #3a1e1a; */
	color: #3b2927;
}

#right_column h2 {
	font-family: Calibri, Lucida Grande, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 150%;
/*	color: #995454; */
	color: #c59e9e;
}

#right_column h3 {
	font-family: Calibri, Lucida Grande, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 150%;
	color: #a29061;
	text-transform: uppercase;
	letter-spacing: .25em;
}

#right_column a {
	color: #bc0200;
	text-decoration: none;
}

#right_column a:hover {
	color: #bc0200;
	text-decoration: underline;
}

#right_column a:visited {
	color: #995454;
	text-decoration: underline;
}


/*
 * site.css 2.0
 *
 * styles for jQuery.popeye 
 *
 * Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */
a:focus, a:active {
  outline:          none;
}
fieldset {
    border:         0;
    margin:         0;
    padding:        0;
}
#sketch {
    float:          left;
    margin:         0 1em 1em 0;
}
#flattr {
    position:       absolute;
    right:          0;
    top:            40px;
}
.mute {
    font-weight:    normal;
    color:          #9c9c9c;
}
.hint {
    border-radius:          1em;
    -moz-border-radius:     1em;
    -webkit-border-radius:  1em;
    margin:         0 0 2em 0;
    padding:        1em 2em;
    background:     #ade1fb;
    color:          #2d82ac;
}
.illustration_right,
.body {
    margin:         0 0 2em 0;
/*    border-bottom:  1px solid #ddd; */
}
.illustration_left,
.body {
    margin:         0 0 2em 0;
/*    border-bottom:  1px solid #ddd; */
}
#int-links {
    padding:        0 0 0.5em 0;
    font-size:      1.4em;
    margin:         0;
    float:          right;
}
#int-links li {
    display:        inline;
    padding:        0 0 0 1em;
}
#int-links li a.selected,
#int-links li a:hover {
    text-decoration:underline;
}

#ext-links {
    width:          224px;
    float:          right;
    margin:         0 0 1em 3em;
    list-style:     none;
    padding:        0;
}
#ext-links li a {
    display:        block;
    position:       relative;
    margin:         0 0 0.5em 0;
    padding:        10px 10px 10px 44px;
    min-height:     24px;
    color:          #fff;
    font-weight:    bold;
    border-radius:          1em;
    -moz-border-radius:     1em;
    -webkit-border-radius:  1em;
    background:     #ccc;

}
#ext-links li a:hover {
    background:     #838383;
    background:    -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.2, rgb(131,131,131)),
        color-stop(0.8, rgb(181,181,181))
    );
    background:    -moz-linear-gradient(
        center bottom,
        rgb(131,131,131) 20%,
        rgb(181,181,181) 80%
    );
}
#ext-links li a img {
    position:       absolute;
    top:            50%;
    left:           10px;
    margin-top:     -12px;
    border:         0;
}
.closer {
    float:          right;
    display:        block;
    border:         2px solid #78c0e4;
    color:          #78c0e4;
    font-size:      11px;
    height:         14px;
    width:          14px;
    line-height:    10px;
    text-align:     center;
    font-weight:    bold;
    cursor:         pointer;
    border-radius:          3px;
    -moz-border-radius:     3px;
    -webkit-border-radius:  3px;
}
.closer:hover {
    background:     #fff;
    color:          #2d82ac;
}
.changelog {
    list-style:     none;
    padding:        0;
}
.table {
    padding:        10px;
    width:          620px;
    border:         1px solid #ddd;
    margin:         2em 0;
}
.table td {
    padding:        5px;
}
.table th {
    padding:        10px 5px;
}
.table th,
.table td {
    border:         1px solid #fafafa;
    background:     #fff;
}
.table th {
    background:     #999;
    color:          #fff;
}
.table .hilite {
    background:     #ccc;
}