/* MODERN LIFE CSS - 'MAY' STYLE  
   COPYRIGHT 2006-2007 STUART BROWN (STU@RTBROWN.ORG) */

html {margin:0px;padding:0px;}
body {margin:0px;padding:0px;font-family:Cambria,Georgia,Myriad Pro,Arial,Helvetica;font-size:100%;background:Rgb(230,157,193)}

a, a:link {color:Rgb(153,116,158);}
a:visited {color:Rgb(171,137,176);}
a:hover {color:#fff;background:Rgb(153,116,158);}
a:active {color:#fff;background:Rgb(171,137,176);}
a img, a:link img, a:visited img, a:hover img, a:active img {border:none;text-decoration:none;}
a.readmore {text-align:center;white-space:nowrap;clear:both;}

code {font-size:1.1em;background:#eee;display:block;padding:12px;}
code em {font-weight:bold;}

del {color:#888}

ul {clear:both;list-style-type:square;}
ol {clear:both;}

.header {height:150px;background:Rgb(153,116,158);color:#fff;text-align:center;border-bottom:8px solid Rgb(125,88,130);}
.header #logo {border:none;margin-top:12px;}
.header ul {margin:3px 32px 0px 0px;display:block;}
.header ul li {display:inline;margin:0px 24px;font-size:1.7em;letter-spacing:-1px;}
.header ul li a, .header ul li a:link, .header ul li a:visited, .header ul li a:hover, .header ul li a:active {text-decoration:none;}
.header a, .header a:link,.header a:visited, .header a:hover, .header a:active {color:#fff;}

.header.slimline {height:52px;border-bottom:6px solid Rgb(125,88,130);padding:0px 0px 0px 40px;}
.header.slimline #logo {border:none;margin:10px 0px 0px 0px;}
.header.slimline ul {margin:0px auto;width:768px;height:52px;text-align:left;overflow:hidden;}
.header.slimline ul li {display:inline;margin:0px 0px 0px 0px;font-size:1.2em;letter-spacing:-1px;}
.header.slimline ul li img {vertical-align:-25%;}


.header.slimline .nav {position:relative;top:0px;left:0px;padding:0px;}
.header.slimline .nav a span {visibility:hidden;}

#navHome {background:Url('/images/navigation/home.png') no-repeat;display:block;width:68px;height:26px;position:absolute;top:17px;left:220px;}
#navHome:hover {background:Url('/images/navigation/home-on.png') no-repeat;}
#navArchive {background:Url('/images/navigation/archive.png') no-repeat;display:block;width:80px;height:26px;position:absolute;top:17px;left:294px;}
#navArchive:hover {background:Url('/images/navigation/archive-on.png') no-repeat;}
#navTopics {background:Url('/images/navigation/topics.png') no-repeat;display:block;width:70px;height:26px;position:absolute;top:17px;left:380px;}
#navTopics:hover {background:Url('/images/navigation/topics-on.png') no-repeat;}
#navAbout {background:Url('/images/navigation/about.png') no-repeat;display:block;width:68px;height:26px;position:absolute;top:17px;left:456px;}
#navAbout:hover {background:Url('/images/navigation/about-on.png') no-repeat;}


#main {background:#fff;border-top:4px solid #eee;padding:8px 0px 24px 0px;}

#body {margin:0px auto;width:728px}
#body .announcement {background:Rgb(153,116,158) Url('/images/white-2px.png') repeat-x top;padding:3px 10px 8px 20px;border-top:12px solid Rgb(230,157,193);border-bottom:8px solid Rgb(125,88,130);color:#fff;position:relative;top:0px;right:0px;}
#body .announcement #monogram {position:absolute;top:12px;right:20px;}
#body .announcement h1 {margin:0px 0px 8px;font-weight:normal;font-size:1.8em;letter-spacing:-1px;}
#body .announcement p {margin:4px 140px 4px 8px;font-size:0.9em;}
#body .announcement img {vertical-align:-20%;}
#body .announcement a {text-decoration:none;font-size:1.30em;letter-spacing:-1px;color:#fff;border-bottom:1px solid #fff;}
#body .announcement a:hover,#body .announcement a:active {background:#fff;color:Rgb(153,116,158)}
#body .announcement ul {margin:8px;}
#body .announcement ul li {margin:2px;font-size:0.8em;}

#body .summary {margin:32px 0px 32px 0px;}
#body .summary h1 {margin:0px;line-height:100%;clear:none;}
#body .summary h1 a, #body .summary h1 a:link, #body .summary h1 a:visited {color:#000;text-decoration:none;background:none;}
#body .summary h1 a:hover, #body .summary h1 a:active {background:#000;color:#fff;}
#body .summary h2 {margin:0px 56px 0px 0px;border-bottom:1px solid #ccc;font-size:1.0em;letter-spacing:-1px;}
#body .summary p {margin-right:60px;}
#body .summary p img {clear:both;}
#body .summary .date {float:right;width:48px;height:48px;color:#fff;background:Url('/images/date.png') Rgb(153,116,158);margin-top:16px;margin-bottom:4px;font-size:1.9em;letter-spacing:-3px;overflow:hidden;line-height:26px;text-align:center;}
#body .summary .date span {display:block;margin-right:5px;}
#body .summary .date small {display:block;font-size:0.4em;letter-spacing:2px;text-transform:uppercase;}
#body .summary .break {display:block;background:#ccc;height:1px;clear:both;margin:16px 0px}

#body .artnavbox {height:14px;font-size:0.9em;margin:0px;padding-bottom:10px;border-bottom:1px solid #ccc}
#body .artnavbox .right {float:right;}
#body .artnavbox .left {float:left;}

.pagenav {margin:0px;text-align:right;}
.pagenav a:link, .pagenav a:visited {margin:0px 8px;padding:2px 4px;font-size:1.2em;}
.pagenav a:hover, .pagenav a:active {margin:0px 8px;padding:2px 4px;font-size:1.2em;}

#body .cattitle {position:relative;top:0px;left:0px;background:Rgb(204,115,161);color:#fff;border-bottom:6px solid Rgb(230,157,193);}
#body .cattitle div {padding:4px 16px;}

#body h1 {clear:both;font-weight:normal;letter-spacing:-1px;font-size:1.9em;margin:4px 0px;padding-top:4px;}
#body h1 small {display:block;font-size:0.45em;letter-spacing:0px;}
#body h2 {font-weight:normal;letter-spacing:-1px;font-size:1.2em;margin:0px 0px 0px 0px;font-style:italic;color:Rgb(171,137,176);padding-bottom:8px;}
#body h3 {font-weight:500;font-size:1.4em;margin:24px 0px 5px 0px;padding:0px 0px 2px 0px;letter-spacing:-1px;border-bottom:1px dotted #aaa;}
h4 {font-weight:normal;font-size:1.4em;margin:16px 0px;letter-spacing:-1px}
#body h5 {margin:0px;font:bold 1.0em Georgia;}
#body h5 img {vertical-align:middle;margin:0px 8px;}
#body div.snippet {margin:8px 0px 20px 0px;line-height:150%;font-size:0.85em;}
#body p.category {padding:8px 12px;margin:0px 0px 16px 0px;font-size:0.7em;background:Rgb(204,115,161);border-top:6px solid Rgb(230,157,193);}
#body p.category small {font-size:1.0em;}
#body p.category, #body p.category * {color:#fff}
#body p.category a:hover, #body p.category a:active {color:Rgb(204,115,161);}
#body p.lead {margin-top:0px;}
#body p.lead:first-line {font-size:1.25em;}
#body p.quotation {background:#eee;padding:8px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
#body p.quotation q {font-size:1.1em;}
#body p.quotation em {color:#888}
#body hr {background:#ccc;height:1px;border:none;margin:0px;padding:0px;font-size:0.05em;line-height:2px;}
#body dl dt {font-size:1.25em;}
#body dl dd, #body dl dt {margin:8px 0px;line-height:150%;}
#body ul li, #body ol li {margin:8px 0px;line-height:150%;}

table.data {margin:16px 0px;padding:0px;width:100%;}
table.data tr {margin:6px 0px;padding:5px;}
table.data tr.odd {background:#eee;}
table.data th {margin:0px;padding:8px;background:Rgb(153,116,158);text-align:left;color:#fff;font-weight:normal;font-size:1.4em;}
table.data td {margin:0px;padding:3px;}
table.data td.rank {font-weight:bold;font-size:2.2em;letter-spacing:-3px;color:#000;}
table.data td.country, table.data td big {font:normal 1.5em Georgia;}
table.data td img {border:2px solid #ccc;}

.column {margin:16px 15% 0px 15%;height:auto;overflow:hidden;border-top:1px solid #ccc;padding:16px 0px;font-size:1.1em;}
.column h1 {font-weight:normal;font-size:1.4em;margin:0px 0px 8px 0px;color:#fff;background:Rgb(153,116,158);letter-spacing:-1px;padding:0px 12px;border-bottom:3px solid Rgb(125,88,130);border-top:6px solid Rgb(230,157,193);}
.column a:link#ninerules, .column a:visited#ninerules {display:block;float:right;width:64px;height:64px;background:Url('/images/9rules.png') no-repeat Rgb(153,116,158);padding:0px;margin:0px;font-size:0px;text-indent:-100px;overflow:hidden;}
.column a:hover#ninerules, .column a:active#ninerules {display:block;float:right;width:64px;height:64px;background:Url('/images/9rules.png') no-repeat Rgb(230,157,193);padding:0px;margin:0px;font-size:0px;text-indent:-100px;overflow:hidden;}
.column #navigation {width:49%;float:right;}
.column #recently {width:49%;float:left;}
.column a {display:block;font-size:0.8em;margin:3px 12px 3px 12px;padding:2px 8px;}

.column #navigation .nav a {margin-right:72px;}

.footer {color:#fff;border-top:6px solid Rgb(204,115,161);background:Rgb(230,157,193);text-align:center;padding:8px 0px 16px 0px;line-height:150%;font-size:0.95em;}
.footer a, .footer a:link, .footer a:visited {color:#fff;}
.footer a:hover, .footer a:active {color:#fff;background:Rgb(230,157,193);}
.footer img {vertical-align:-10%;margin:0px 4px;}
.footer .subabout {display:block;margin-top:24px;}

ul.chatTranscript {list-style-type:none;margin:16px 48px;}
ul.chatTranscript li.person1 strong {color:Rgb(153,116,158);}
ul.chatTranscript li.person2 strong {color:Rgb(230,157,193);}
ul.chatTranscript li.other {color:#444;font-style:italic;padding-left:8px;}

p.img {text-align:center;}

#colophon {margin:16px 16px;}
#colophon p {line-height:120%;}
#colophon h3 {font-size:1.2em;border-bottom:3px solid Rgb(153,116,158);padding-bottom:2px;margin:4px 0px 16px -8px;}
#selfPortrait {float:right;background:Rgb(153,116,158);border-right:10px solid Rgb(125,88,130);margin:16px 0px 8px 8px;}

#comments h3 {margin-top:-8px;}
#comments h3 em {display:block;margin:48px 0px;text-align:center;color:#000;letter-spacing:-1px;}

div.comment {display:block;padding:12px 74px 12px 12px;margin:10px 12px 10px 74px;background:Url('/images/speech-bubble-right.png') top right repeat-y #eee;}
div.comment img {float:left;margin-right:12px;}
div.comment h4 {margin:0px;padding-bottom:3px;border-bottom:1px solid #ccc}
div.comment h4 a {text-decoration:none;font-weight:bold;}
div.comment p {margin:0px;padding:4px 4px 0px 56px;}

div.comment.admin {color:#fff;background:Url('/images/speech-bubble-left.png') top left repeat-y Rgb(153,116,158);padding:12px 12px 12px 74px;margin:10px 74px 10px 12px;}
div.comment.admin a, div.comment.admin a:link, div.comment.admin a:visited {color:#fff;}
div.comment.admin h4 {border-bottom:3px double Rgb(171,137,176)}

#newComment {background:Rgb(230,157,193);margin:24px 72px 6px 72px;padding:12px;color:#fff;text-align:center;}
#newComment h3 {margin:0px 0px 12px 0px;padding-bottom:2px;border-bottom:3px double Rgb(204,115,161);text-align:left;}
#newComment input {font-size:1.10em;letter-spacing:-1px;}
#newComment label {display:block;margin:8px auto;text-align:right;width:90%;white-space:nowrap;}
#newComment label input {width:80%;font-size:0.9em;font-weight:normal;font-family:Cambria,Georgia;letter-spacing:0px;padding-left:3px;}
#newComment textarea {display:block;margin:8px auto;width:90%;height:100px;font-family:Cambria,Georgia;padding:3px 0px 0px 3px;}

div.comment a.permalink, div.comment a:link.permalink, div.comment a:visited.permalink {float:right;color:#888}
div.comment.admin a.permalink, div.comment.admin a:link.permalink, div.comment.admin a:visited.permalink {float:right;color:#fff}

.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}

.imgright {float:right !important;margin:2px 10px;}
.imgleft {float:left !important;margin:2px 10px;}

.figure {text-align:center;margin:32px 0px;}
.figure em {font-size:0.9em;text-align:left;display:block;margin:16px 0px 0px 0px}

.recommendedads {float:right;}

#body .recommended {margin:0px 16px;background:Rgb(153,116,158);padding:4px 16px 16px;border-top:6px solid Rgb(230,157,193);border-bottom:3px solid Rgb(125,88,130);color:#fff;}
#body .recommended h1 {clear:none;margin:4px 200px 12px 0px;padding:0px;font-weight:normal;font-size:1.6em;letter-spacing:-1px;border-bottom:1px dotted #fff}
#body .recommended p {margin:2px 8px;font-size:0.9em;}
#body .recommended a {text-decoration:none;font-size:1.30em;letter-spacing:-1px;color:#fff;border-bottom:1px solid #fff;}
#body .recommended a:hover,#body .announcement a:active {background:#fff;color:Rgb(153,116,158)}
#body .recommended ul {margin:0px 12px;padding:0px;clear:none;}
#body .recommended ul li {margin:2px;font-size:0.75em;}
#body .recommended ul li a {letter-spacing:0px;}

#leftCorner {position:absolute;top:0px;left:0px;z-index:2;}
#rightCorner {position:absolute;top:0px;right:0px;z-index:2;}

#expand {position:absolute;right:34px;top:32px;border:0px;z-index:3;}
#contract {position:absolute;right:34px;top:32px;border:0px;z-index:3;display:none;}

.topleft {position:absolute;top:0px;left:0px;}
.bottomright {position:absolute;bottom:0px;right:0px;}

.announcement .topleft {top:-12px;z-index:2}
.announcement .bottomright {bottom:-8px;}
.cattitle .bottomright {bottom:-6px;}