/*
Original design: Basic Profile (v2.0 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/basic-profile/
*/

*{margin:0; padding:0;}
body {background:#fff url(background.jpg) top center no-repeat; color:#303030; font:100% Arial,Helvetica,sans-serif; line-height:1.6em;}
a {color:#2026d2; text-decoration:none;}
a:hover {text-decoration:underline;}
p,ul,ol,dl {margin:0 0 30px 0;}
/* Justify paragraph text in the main content area */
#content p {text-align: justify; hyphens: auto;}
/* Icon link color under the intro photo with fallback */
.intro-links a {color:#9f21d1; color:lab(63.39% -14.11 -37.75);}
.intro-links a:hover {color:#6e128f; color:lab(63.39% -14.11 -37.75);}
/*
h1 {color:#888; font-size:3.2em; line-height:1.1em; letter-spacing:-3px; margin:20px 0 0 0;}
*/
/*
h1 {color:#888; font-size:3.2em; line-height:1.1em; letter-spacing:-2px; margin:20px 0 20px 0; border-bottom: 2px solid #eee;}
*/
h1 {color:#333; font-size:3.2em; line-height:1.1em; letter-spacing:-2px; margin:20px 0 20px 0; border-bottom: 2px solid #eee;}
h1 a {color:#2026d2; text-transform:none;}
h1 a:hover {color:#333; text-transform:none; text-decoration: none;}
h2 {font-size:2.2em; color:#333; margin:0 0 20px; letter-spacing:-1px; border-bottom:2px solid #eee;}
h2 a {color:#333; text-transform:none; text-decoration: none;}
h2 a:hover {color:#333; text-transform:none; text-decoration: none;}
h3 {font-size:1.8em; margin:10px 0 15px 0; letter-spacing:-1px; border-bottom:2px solid #eee;}
h4 {font-size:1.6em; margin:0 0 5px 0; letter-spacing:-1px;}
h5 {font-size:1.1em; margin:0 0 5px 0; letter-spacing:-1px;}
h1,h2,h3 {font-weight:700; line-height:1.4em;}
#wrap {color:#303030; margin:40px auto; padding:0; width:980px;}
#content {text-align:left; width:100%; padding-right:0;}
#sidebar {float:right; width:280px; padding-left:40px; border-left:2px solid #ccc; }
#sidebar ul {list-style:none; margin:0; padding:10px 0 0 0; border-top:1px solid #eee;}
#sidebar li {list-style:none; font-size:1.2em; margin:0 0 10px; padding:0 0 10px 0; color:#888; border-bottom:1px solid #eee;}
#sidebar li a {font-size:1.2em;}
#sidebar h2 {font-size: 1.4em;}
.slogan {color:#888; font-size:1.4em; font-weight:700; margin:0 0 20px 0; letter-spacing:-1px;}
.readmore {text-align:right; margin:0 20px 30px 0;}
.timestamp {display:block; font-weight:700; color:#888; text-align:right; width:150px; padding:20px 20px 20px 0; float:left; margin:0 20px 20px 0; border-right:2px solid #eee;}
.timestamp a {font-weight:normal;}
.copyright {display:block; clear:left; font-size:0.9em; color:#aaa; margin:15px 0;}
.credits {display:block; clear:left; font-size:0.7em; color:#aaa; margin:20px 0;}
.credits a {color:#888;}
.clear {clear:both;}
.announcement {text-align: center; padding: 10px; margin-bottom: 20px; margin-left: auto; margin-right: auto; background:#fff8ba; border: 1px solid #ddcd99; font-size: 116%;}
.moreindent {margin: 0px 0px 20px 0;}
.moreindent li {margin-left: 20px;}
/* Intro layout extracted from inline styles and responsive behavior */
.intro-flex {display:flex; gap:24px; align-items:flex-start; margin-bottom:30px;}
.intro-photo {text-align:center;}
.intro-links {margin-top:10px; display:flex; gap:12px; justify-content:center;}
@media (max-width: 700px) {
	.intro-flex {flex-direction: column;}
	.intro-photo img {width:100%; height:auto; max-width:260px;}
}