html    { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
img     { border: none; }
span    { padding:0; margin:0; }
a       { text-decoration: none; color: #39c; }
a:hover { text-decoration: underline; }

body,html,p,h1,h2,h3 {
font-family: "PT Serif", "segoe ui", geneva, verdana, trebuchet, arial, sans-serif;
color:   #383838;
padding: 0;
margin:  0;
}

code.twitter {
font-size: 24px;
}

p {
margin-bottom: 0.5em;
line-height:   1.35em;
}

body {
font-size: 13px;
}

ul {
margin:  0 0.5em;
padding: 0.5em 1em;
}


div#pagewrap {
position: relative;
margin: 1em auto;
width:  975px;
}

div#sidelinks {
position: absolute;
text-align: center;
width: 100px;
left: -110px;
top: 15px;
/*padding-right: 5px;*/
/*border: 1px solid #aaa;*/
}

div#sidelinks h1 {
text-transform: uppercase;
margin:         20px 0 5px;
color:          #444 !important;
font-weight:    bold !important;
font-family: "Open Sans", helvetica, verdana, sans-serif !important;
}

div#sidelinks * {
font-family: "Open Sans", helvetica, verdana, sans-serif !important;
}

div#sidelinks p {
font-size: 10px;
margin-bottom: 10px;
}

div#sidelinks {
font-size: 12px;
}

div#sidelinks * img {
border:         1px solid white;
/*border-bottom:  1px solid #ddd;*/
padding-bottom: 5px;
}

div#sidelinks * img:hover {
border: 1px solid #ddd;
}

div#googlesearch {
position: relative;
}

div#page {
border: 1px solid #aaa;
background-color: #fff;
}

div#quotes {
position: relative;
left:           320px;
width:          650px;
text-align:     right;
color:          #aaa;
font-size:      11px;
padding-bottom: 0.25em;
}

div#icons {
position:  absolute;
color:     #aaa;
font-size: 11px;
top:       0px;
}

#quotes .quote .text {

}
#quotes .quote .author {
font-style: italic;
}
#quotes .quote a {

}

p.quote {
margin-left: 2em;
margin-right: 2em;
font-style: italic;
}
.norm {
font-style: normal;
}

div#header {
position: relative;
height: 40px;
text-align: center;
border-bottom: 2px solid #ddd;
border-top:    3px solid #aaa;
padding: 1em;
background: white;
}

div.slideshow1 {
position: absolute;
margin-left: 380px;
}

div.slideshow-hive {
position: relative;
height: 335px;
}

div.slideshow2 {
position: relative;
}

div#footer {
text-align: center;
border-bottom: 1px solid #ddd;
padding: 1em;
}

div#masthead {
position: relative;
}

div#badge {
padding: 0.5em;
}

div#badge img {
float:         left;
padding-right: 1em;
}
div.cell-v2 h1 {
padding:   5px 0 0 5px;
font-size: 10px;
}

div#aboutme {
padding:       0.5em;
}

div#quicklinks {
padding:       0.5em;
padding-top:   10px;
margin-bottom: -10px;
}
div.quicklink {
float: left;
text-align: center;
width: 60px;
padding: 0 7px;
}
div.quicklink div {
text-transform: uppercase;
font-family:    "PT Serif", georgia, serif;
font-weight:    normal;
font-size:      9px;
letter-spacing: 0.1em;
color:          #000;
padding-top:    0.5em;
}

div.ribbon {
font-size: 12px;
padding: 0.5em;
}
div.ribbon > a {
padding: 0 0.05em;
}

div#newsflash h1 {
left: 5px;
top:  50%;
margin-top: -0.6em;
font-size: 10px;
}

.sectiontitle {
font-size:      12px;
font-family:    "PT Serif", georgia, serif;
letter-spacing: 0.1em;
font-style:     normal;
font-weight:    normal;
text-transform: uppercase;
}

div#newsflash {
position:   relative;
text-align: center;
background: #ddd;
font-size:  13px;
padding:    0.4em;
font-style: italic;
color:      #666;
}

div#newsflash a {
color: #336592;
}
span.newsitem {
/*position: relative;*/
}

hr {
padding: 0;
margin:  0;
background-color: #e3e3e3;
border: none;
height: 1px;
clear: both;
}

hr.thick {
height: 2px;
}

.clear {
clear: both;
}

hr.separator {
margin: 0.75em 0;
}

div#projects {
width:        620px;
float:        left;
border-right: 1px solid #ddd;
padding:      0.5em;
}

.full {
width:  100% !important;
border: none !important;
float:  none !important;
}

.debug {
font-family: Courier, monospace;
}

div#projects > hr {
margin-bottom: 0.5em;
}

ol.contents, ul.contents {
list-style-position: inside;
margin:      0 0 1em 0;
padding:     0;
text-indent: 0em;
}
ol.contents li:hover, ul.contents li:hover {
background: #eee;
}

div#projects > h1, div#thoughts > h1, div.ribbon > h1, div#sidelinks > h1 {
text-transform: uppercase;
font-family:    "PT Serif", georgia, serif;
font-weight:    normal;
font-size:      10px;
letter-spacing: 0.1em;
color:          #444;
padding-bottom: 0.5em;
}

div.project {
width: 300px;
float: left;
padding-right: 0.5em;
}
div.oneproject {
padding-right: 0.5em;
}

div.project > h1, div.oneproject > h1, div.thought > h1 {
text-transform: uppercase;
font-family:    "PT Serif", georgia, serif;
font-size:      18px;
font-weight:    bold;
color:          #444;
}

/* When news+thoughts are paneled on one page */
div.thought * img, div.thought div.image {
width: 300px !important;
}

div.oneproject > h1 {
font-size:     18px;
margin-bottom: 0.5em;
}

h1.ribbon {
padding: 0           !important;
margin:  0           !important;
color:   #444        !important;
font-size:      14px !important;
letter-spacing: .2em !important;
}

h2, div.project > h2, div.oneproject h2, div.thought > h2 {
text-transform: uppercase;
font-family:    "PT Serif", helvetica, verdana, sans-serif;
font-size:      12px;
font-weight:    bold;
color:          #333;
margin:         1em 0 0.5em 0;
}

h3, div.project > h3, div.oneproject > h3, div.thought > h3 {
text-transform: uppercase;
font-size:      11px;
font-family:    "PT Serif", helvetica, verdana, sans-serif;
/*font-style:     italic;*/
/*font-weight:    bold;*/
color:          #666;
margin: 0.5em 0;
}

h4, div.project > h4, div.oneproject > h4, div.thought > h4 {
text-transform: uppercase;
font-size:      11px;
font-weight: light;
font-family:    "PT Serif", helvetica, verdana, sans-serif;
color:          #ea2e49;
margin: 0.5em 0;
}

div#thoughts {
float: left;
padding: 0.5em;
width: 325px;
float: left;
border-left:1px solid #ddd;
}

div.thought {
border-bottom: 1px solid #ddd;
margin-bottom: 0.5em;
}

span.sep {
font-size: 10px;
font-weight: bold;
color:     #aaa;
margin: 0 -1px;
}

.center {
text-align: center;
}

.ucase {
text-transform: uppercase;
}

.bold {
font-weight: bold;
}

.loose {
margin: 0.5em;
}

.email {
font-family: courier, fixed;
padding: 1em;
font-size: 12px;
margin: 1em 2em;
border: 1px solid #ddd;
background-color: #eee;
}

.image {
text-align: center;
margin: 1em 0;
}
.image > div {
display:inline-block;
}

.caption {
width: inherit;
text-align:  left;
font-size:   10px;
font-family: "Open Sans", helvetica, verdana, sans-serif;
color:       #686868;
}

.pull {
width:       200px;
border-left: 1px solid #ddd;
font-size:   12px;
float:       right;
margin-left: 1em;
margin:      0.5em;
padding:     0.5em;
}

.pullmed {
width:       200px;
border-left: 1px solid #ddd;
color:       #666;
font-size:   120%;
float:       right;
margin-left: 1em;
margin:      0.5em;
padding:     0.5em;
}


.pulllarge {
color:       #666;
width:       200px;
border-left: 1px solid #ddd;
font-size:   150%;
float:       right;
margin-left: 1em;
margin:      0.5em;
padding:     0.5em;
}

div.pull h1, div.pull h2 {
margin:  0;
padding: 0;
color:   #cc3333;
}

h1 a, h2 a, h3 a {
color: #444;
}

.right {
float: right;
}

.left {
float: left;
}

.pad5 {
padding: 5px;
}
.pad10 {
padding: 10px;
}
.pad15 {
padding: 15px;
}
.nopad {
padding: 0;
}
.nomargin {
margin: 0;
}
.nopadl {
padding-left: 0;
}
.nopadr {
padding-right: 0;
}
.nopadt {
padding-top: 0;
}
.nopadb {
padding-bottom: 0;
}

.small {
font-size: 90%;
}

.large {
font-size: 110%;
}

.p150 {
font-size: 150%;
}

sup {
padding-left:0.1em;
}

.vsmall {
font-size: 70%;
}

.wrap {
width:   750px;
display: table;
height:  15px;
he\ight: 150px;
}

.cell-v2 {
width:      33%;
float:      left;
}

.cell-border {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}

.timestamp {
font-size: 11px;
color: #666;
}

.red {
color: #d00;
}


/* citation */

div.ref_citation {
padding: 0 0 0.25em 0;
}

.ref_id:after {
content: ". ";
}

.ref_author:after {
content: " ";
}

.ref_year:before {
content: "(";
}
.ref_year:after {
content: ") ";
}
/*
.ref_volume:before {
content: "(";
}
.ref_volume:after {
content: ") ";
}
*/

.ref_citation_brief .ref_id {
display: none;
}

.ref_citation_brief .ref_issue {
display: none;
}

.ref_citation_brief {
display: inline !important;
}

.ref_citation_brief .ref_title {
display: inline;
}

.ref_citation_brief .ref_year {
font-size:  100%;
position:   static;
background: inherit;
color:      inherit;
}

span.ref_volume {
font-weight: bold;
}

span.ref_etal {
font-style: italic;
}

span.ref_journal {
font-style: italic;
}

.indent {
text-indent: 1.5em;
}

.note {
margin: 2em;
background: #f9f9f9;
border: 1px solid #ddd;
padding: 1.5em;
color: #666;
font-size: 80%;
font-family: "Open Sans", helvetica, verdana, sans-serif;
}

.download {
background: #f9f9ef;
border:     1px solid #dfdfd5;
}

a.image-purchase {
position: absolute;
top: 10px;
right: 10px;
padding: 3px;
border: 1px solid #fff;
background: #ddd;
font-weight: bold;
font-size: 10px;
font-family: "Open Sans", helvetica, verdana, sans-serif;
text-transform: uppercase;
color: black;
-moz-border-radius: 5px;
border-radius: 5px;
z-index: 100;
}
a.image-purchase:hover {
background: #8dc53a;
text-decoration: none;
}

em {
text-transform: uppercase;
letter-spacing: 0.25px;
font-style:     normal;
/*font-weight:    bold;*/
font-size:      80%;
color:          #ea2e49;
/*color: #999;*/
font-family:    "Open Sans", helvetica, verdana, sans-serif !important;
}