html {
font-size: 100%;
}
body {
margin: 0;
padding: 0;
font-family: Georgia, Times New Roman, serif;
line-height: 160%;
color: #444;
background: #eee url(../pics/layout/bodybg.png) repeat-y center top;
}

@font-face {
    font-family: 'Icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/icomoon.woff') format('woff'),
         url('../fonts/icomoon.ttf') format('truetype'),
         url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

#wrap {
position: relative;
width: 980px;
margin: auto;
padding: 0 42px;
}
#imagestab, #cvstab, #tab {
display: block;
position: absolute;
left: 1022px;
top: 30px;
}
#content {
position: relative;
width: 780px;
padding: 70px 100px;
background-color: #fff;
}
#logo {
float: left;
}
#logo img {
display: block;
}
#langnav {
text-align: right;
font: 400 .9em/120% 'Roboto Condensed', sans-serif;
}
#langnav img {
vertical-align: top;
padding: 0 10px;
}
#langnav a:link, #langnav a:visited {
color: #000;
text-decoration: none;
}
#langnav a:hover, #langnav a:active {
color: #008bed;
}
#langnav a.current {
color: #666;
}
#footer {
margin-top: 60px;
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
font: 400 .9em/120% 'Roboto Condensed', sans-serif;
color: #666;
}
#footercol1 {
float: left;
width: 500px;
padding: 14px 15px;
}
#footercol2 {
float: right;
width: 150px;
padding: 14px 15px;
text-align: right;
border-left: 1px solid #d8d8d8;
}
a:link, a:visited {
outline: none;
color: #008bed;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
color: #000;
}
h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active {
color: #008bed;
}
a.footnote-link, a.footnote-anchor {
font-family: 'Roboto Condensed', sans-serif;
font-size: .95em;
color: #008bed;
}
a.footnote-link:before {
content: " ";
}
/*a.footnote-link:after {
content: "| ";
}*/

a.footnote-link:hover, a.footnote-anchor:hover {
color: #000;
}

#printtitle {
display: none;
}
p {
margin: 0px 0px 10px;
}
ul, ol {
margin-top: 10px;
margin-bottom: 10px;
clear: left;
}
li {
/*line-height: 180%;*/
}
h1, h2, h3, h4 {
font-family: 'Roboto Condensed', sans-serif;
}
h1 {
margin: 30px 0 30px;
font-size: 2em;
font-weight: 400;
line-height: 130%;
color: #000;
}
h1.wsubtitle {
margin-top: 0;
}
h1.wsubtitle span {
display: block;
font-size: .7em;
}

.pagetitle {
margin-top: 0;
}
.page_overtitle {
margin: -20px 0 20px;
padding-left: 10px;
font-family: 'Roboto Condensed', sans-serif;
font-size: .8em;
color: #666;
text-transform: uppercase;
letter-spacing: 0.1em;
background: url(../pics/layout/arr-right.png) no-repeat left center;
}
h2 {
font-size: 1.6em;
font-weight: 400;
line-height: 130%;
margin: 25px 0px;
}
h3, h4 {
margin: 15px 0px;
color: #000;
font-size: 1.2em;
font-weight: 400;
line-height: 130%;
}
.pagesubtitle {
font-size: .7em;
}
img {
border: none;
}
.block {
display: block;
}
.clearfix {
display: block;
height: 0px;
clear: both;
}
.blue {
color: #37ABF0;
}
.black {
color: #000;
}
.double_left {
width: 47%;
float: left;
}
.double_right {
width: 47%;
float: right;
}
.horseparator {
height: 1px;
margin: 30px 0;
background: url(../pics/layout/dots_hor.png) repeat-x;
clear: both;
}
a.more {
font-family: Georgia, Times New Roman, Times, serif;
font-style: italic;
padding-left: 13px;
background: url(../pics/layout/arr-right.gif) no-repeat 5px center;
}
.note {
font: italic 16px Georgia, Times New Roman, Times, serif;
color: #666;
}
.zerotop {
margin-top: 0;
}
.list1 {
color: #000;
margin-bottom: 5px;
}
ol.alphalist li {
list-style: lower-alpha;
}
.spacedlist li {
margin-bottom: 10px;
}
.author {
font-family: 'Roboto Condensed', sans-serif;
color: #000;
margin-bottom: 15px;
}
h1 .author, h2 .author {
color: #666;
}
.imgleft {
display: block;
float: left;
padding: 7px 0 10px 0px;
border-right: 20px solid #fff;
}
.imgright {
display: block;
float: right;
padding: 3px 0 10px 0px;
border-left: 10px solid #fff;
}
.lead {
color: #000;
}
.caption {
margin: 5px 0 0;
font: 11px/150% Arial, Helvetica, sans-serif;
}
.question {
color: #000;
}
.quote {
margin:  20px 0;
padding: 15px 15px 0 65px;
font-family: 'Roboto Condensed', sans-serif;
font-size: .95em;
color: #000;
background: #f2f2f2 url(../pics/layout/quotes.png) no-repeat 15px 15px;
clear: both;
border: 1px solid #d8d8d8;
}
.quote p {
margin-bottom: 0;
padding-bottom: 15px;
}
.overtitle1, .overtitle2 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 1em;
margin-bottom: 10px;
}
.overtitle2 {
margin-bottom: 7px;
}
.topspace {
margin-top: 25px;
}
.topspace_half {
margin-top: 15px;
}
.conceal {
display: none;
}
.reveal {
display: block;
padding: 15px;
margin-bottom: 20px;
color: #000;
background-color: #f2f2f2;
border: 1px solid #d8d8d8;
}
.closebutton {
text-align: right;
}

#sig {
position: absolute;
left: 116px;
bottom: 25px;
}
.indent {
margin-left: 23px;
}


.special {
padding: 14px 20px;
margin: 50px 0 -20px;
font-family: 'Roboto Condensed', sans-serif;
color: #fff;
background-color: #999;
}

strong {
color: #000;
}

.imageset {
float:left;
padding: 15px 0;
margin: 6px 15px 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.imageset img {
float: left;
margin: 0 10px;
}
.burgundy {
color: #891635;
}

.date {
padding-bottom: 10px;
border-bottom: 1px dotted #666;
}



/*suckerfish*/

#navmainwrap {
border-top: 60px solid #fff;
border-bottom: 50px solid #fff;
}
#navmain {
position: relative;
z-index: 10;
font-family: 'Roboto Condensed', sans-serif;
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
background-color: #fff;
}

#nav, #nav ul {/* all lists */
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
background-color: #f2f2f2;
}
#nav ul {/* all lists but first-level*/
margin: 0;
border-bottom: 1px solid #d8d8d8;
}
#nav a {/*all links*/
display: block;
outline: none;
text-decoration: none;
}

/* first-level links */
#nav li a:link, #nav li a:visited {
padding: 13px 15px 12px;
font-weight: bold;
font-size: .95em;
color: #000;
text-transform: uppercase;
}
#nav li a:hover, #nav li a:active {
color: #fff;
background-color: #222;
}
#nav a.mommy:link, #nav a.mommy:visited {
padding-right: 25px;
background: url(../pics/layout/plus1.gif) no-repeat right center;
}
#nav a.mommy:hover, #nav a.mommy:active {
color: #fff;
background: #222 url(../pics/layout/plus2.gif) no-repeat right center;
}
#nav a.active:link, #nav a.active:visited {
padding-right: 25px;
color: #fff;
background: #222 url(../pics/layout/plus2.gif) no-repeat right center;
}

/* all other links*/
#nav li ul li a:link, #nav li ul li a:visited {
padding: 10px;
text-transform: none;
margin: 0;
color: #000;
font-weight: normal;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
}
#nav li ul li a:hover, #nav li ul li a:active {
color: #fff;
background-color: #222;
border-top: 1px solid #222;
border-left: 1px solid #222;
border-right: 1px solid #222;
}
#nav li {/* first-level items */
float: left;
width: auto;
}
#nav li ul {/* second-level lists */
position: absolute;
width: 220px;
left: -999em;
}
#nav li ul li {/* all other list items */
float: left;
width: 220px;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul {
left: auto;
}

.pagenav {
margin-bottom: 30px;
font: 400 1em/normal 'Roboto Condensed', sans-serif;
background-color: #f4f4f4;
border: 1px solid #d8d8d8;
}
.pagenav p {
margin: 15px;
}
.pagenav td.right {
border-left: 2px solid #fff;
}
.pagenav .title {
font-size: 1.1em;
}
.pagenav a.active {
color: #000;
}
.underline {
padding-bottom: 2px;
border-bottom: 3px solid #891635;
}
.boxed {
display: block;
padding: 30px;
margin: 30px 0;
color: #000;
background-color: #f4f4f4;
border: 1px solid #d8d8d8;
}
.boxed h2 {
margin-top: 0;
}

.underline {
padding-bottom:10px;
border-bottom: 1px dotted #999;
}

.pagenav_block {
margin-top: 30px;
}
.prev:before {
content: "\e200";
display: inline-block;
font: normal 24px/normal "Icomoon", sans-serif;
padding-right: 15px;
}
.next:before {
content: "\e204";
display: inline-block;
font: normal 24px/normal "Icomoon", sans-serif;
padding-left: 15px;
}
a.prev:link:hover,
a.prev:visited:hover,
a.next:link:hover,
a.next:visited:hover {
color: #000;
text-decoration: none;
}

.epub_image {
max-width: 150px;
border: 1px solid #dadada; 
}