h1{font-size:200%; line-height:1.25em; margin-bottom: 2px; border-bottom:dashed 2px #666; padding-bottom:2px; margin-top: 5px; border-top:5px; padding-top:5px; color:#333; letter-spacing:2px;}
h2{font-size:120%; line-height:1.20em; margin-bottom: 2px; border-bottom:2px; padding-bottom:0px; margin-top: 5px; border-top:5px; padding-top:5px; color:#444; letter-spacing:1px;}
h3{font-size:110%; line-height:1.15em; margin-bottom: 2px; border-bottom:2px; padding-bottom:0px; margin-top: 5px; border-top:5px; padding-top:5px; color:#555;}
h4{font-size:100%; line-height:1.10em; margin-bottom: 2px; border-bottom:2px; padding-bottom:0px; margin-top: 5px; border-top:5px; padding-top:5px; color:#666;}
h5{font-size:95%; line-height:1.05em; margin-bottom: 2px; border-bottom:2px; padding-bottom:0px; margin-top: 5px; border-top:5px; padding-top:5px; color:#777;}
h6{font-size:90%; line-height:1.00em; margin-bottom: 2px; border-bottom:2px; padding-bottom:0px; margin-top: 5px; border-top:5px; padding-top:5px; color:#888; font-weight:lighter;}
a img {border:0;}
fieldset {margin-top:8px;}

a, a:link, a.visited, a.hover, a.active {text-decoration:none; color: #0153ae;}
a:hover {text-decoration:underline;}

h1 a, h1 a:link, h1 a.visited, h1 a.hover, h1 a.active {color:#0153ae;}
h2 a, h2 a:link, h2 a.visited, h2 a.hover, h2 a.active {color:#0153ae;}
h3 a, h3 a:link, h3 a.visited, h3 a.hover, h3 a.active {color:#0153ae;}
h4 a, h4 a:link, h4 a.visited, h4 a.hover, h4 a.active {color:#0153ae;}
h5 a, h5 a:link, h5 a.visited, h5 a.hover, h5 a.active {color:#0153ae;}
h6 a, h6 a:link, h6 a.visited, h6 a.hover, h6 a.active {color:#666;}

h1.club {border-bottom: dotted 1px #999; color:#819540; font-size:2em; margin-bottom:0.5em; letter-spacing:120%; text-transform:capitalize;}

/* general list style */
ul li, ul li.ball {margin-left:5px; padding:2px; list-style-image:url(/Images/ball-bullet.gif); vertical-align:bottom;}

/*prediction panel*/
table.prediction {border:solid 1px #819540; width:100%; margin-right:5px;}
table.prediction td {color:#000000; background:#fff;}
table.prediction th {color:#fff; background:#819540; text-align:left; vertical-align:top;}
div#predictionDetails {padding:0; margin:0 5px 0 0px; width:48%; float:left;}
div#predictionBiography {padding:0; margin:5px 5px 5px 0px; width:48%; float:left;}
div#predictionBiographyInner {padding:2px; border:solid 1px #999999; background-color:#eeeeee; min-width:98%; width:98%;}

div.sectionTitle {color:#fff; background:#819540; text-align:left; font-weight:bold; padding:5px; }

div.hideMe {display:none;}
div.showMe {display:inline;}
div.floatLeft {float:left;}
div#topPredictorsTable {width: 48%; float: left;}

/* logo green #819540 */	

/*articles*/ 
ul li.linkArticle {float:left; padding-bottom:3px; list-style-image:url(/Images/ball-bullet.gif); vertical-align:bottom;}
div.majorArticles {float:left; clear:both; width:60%; font-size:100%; padding:5px;}
div.minorArticles {float:right; clear:none; width:35%; font-size:80%; padding:5px;}
div.linkArticles {float:right; clear:none; width:35%; font-size:60%; padding:5px;}
div#featureArticles, div#diaryArticles, div#mailbag, div#bettingArticles,  div#predictionArticles, div#predictionPanel, div#deliciousArticles, div#sectionsWrapper, div#cartoon, div#social {clear:both; background:#fff; border:1px solid #aaa; padding-bottom:5px; margin-bottom:10px;}
div.index {margin-top:10px;}
div.precis, div.precis a {color:#666; font-size:90%;}
div.strap {color:#999; font-size:80%;}

/* adverts */
ul#adverts, ul#adverts li {list-style: none; list-style-image:none; list-style-position:inherit; margin-left:0px; padding:5px;}
div.book39thgame { background: url(../images/39thgame_bookcover.jpg) no-repeat center top; padding:5px; border:dashed 4px #666; font-size:smaller;}
div.book39thgame h2.advert, div.book39thgame h4.advert, div.book39thgame p.advert {color:#000;}
ul#adverts, ul#adverts li div.book39thgame ul li {margin-left:10px; padding:5px; list-style-image:url(/Images/ball-bullet.gif); vertical-align:bottom;}

/* sections */
div#sectionsWrapper ul, div#sectionsWrapper p, div#sectionsWrapper li, div#sectionsWrapper h2.content {margin-left:20px; padding:5px;}
ul.sitemap {list-style-image:url(/Images/ball-bullet.gif);margin:0; padding:0 0 20px 10px;}
ul.sitemap li, ul.sitemap li a {margin:2; list-style-image:url('/Images/ball-bullet.gif'); display:inline;} 
ul.sitemap a {float:left; list-style-image:url(/Images/ball-bullet.gif);}
div#predictionBiography div span, div#predictionDetails table, table.prediction {font-size:smaller; font-weight:lighter;}

/* Rounded corner malarkey, thanks to: http://www.modxcms.com/simple-rounded-corner-css-boxes.html */
    
/* set the image to use and establish the lower-right position */ 
/* Green container 1 */
.section1, .section1_body, .section1_head, .section1_head h2 { background: transparent url(../images/SectionHeaderBox1.gif) no-repeat bottom right; } 
.section1Article, .section1Article_body, .section1Article_head, .section1Article_head h2 { background: transparent url(../images/SectionHeaderBoxArticle.gif) no-repeat bottom right; } 
.section1Mailbag, .section1Mailbag_body, .section1Mailbag_head, .section1Mailbag_head h2 { background: transparent url(../images/SectionHeaderBoxMailbag.gif) no-repeat bottom right; } 
.section1Panel, .section1Panel_head, .section1Panel_body, .section1Panel_head h2 { background: transparent url(../images/SectionHeaderBoxPanel.gif) no-repeat bottom right; } 

/* Green container 2 */
.section12, .section12_body, .section12_head, .section12_head h2 
{ background: transparent url(../images/SectionHeaderBox1.gif) no-repeat bottom right; } 

/* Grey container 2 */
.section2, .section2_body, .section2_head, .section2_head h2 { background: transparent url(../images/SectionHeaderBox2.gif) no-repeat bottom right; } 

/* box settings */
.section1, .section1Article, .section1Mailbag, .section1Panel 
{ 
	width: 560px !important; /* intended total box width - padding-right(next) */ 
	width: 545px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 10px auto; /* use to position the box */ 
} 

.section2, .section12 
{ 
	width: 340px !important; /* intended total box width - padding-right(next) */ 
	width: 325px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 10px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
/* .section1_head, .section1Article_head, .section1Mailbag_head, .section1Panel_head, .section2_head */
.section1_head, .section2_head, .section1Article_head, .section1Mailbag_head, .section1Panel_head 
{ 
	background-position: top right; 
	margin-right: -15px; /* -15px pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
/* .section1_head h2, .section1Article_head h2, .section1Mailbag_head h2, .section1Panel_head h2, .section2_head h2  */
.section1_head h2, .section2_head h2, .section1Article_head h2, .section1Mailbag_head h2, .section1Panel_head h2
{ 
	background-position: top left; margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
	border: 0; /* ditto */ padding: 25px 0 10px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; height: 1%; /* IE Holly Hack */ 
	color: #fff;
	text-indent:70px; 
} 

/* set the lower-left corner image */ 
/* .section1_body, .section1Article_body, .section1Mailbag_body, .section1Panel_body, .section2_body */
.section1_body, .section2_body, .section1Article_body, .section1Mailbag_body, .section1Panel_body 
{ 
	background-position: bottom left; 
	margin-right: 25px;  /* interior-padding right */ 
	padding: 15px 0 15px 40px; /* mirror .section_head right/left */ 
	padding: 1px 0 5px 40px; /* mirror .section_head right/left */ 
  margin-top:-10px;
} 
/* reduce subhead font size and pad better*/
.section1_body, .section1Article_body, .section1Mailbag_body, .section1Panel_body {font-size:0.8em; padding: 0.5em 0 1em 2em;}
.section2_body p {font-size:0.8em; padding-bottom:2em; padding-top:0.3em;}
div#container1 div#sectionsWrapper div#clubs, div#container1 div#sectionsWrapper div#sections p.content, div#container1 div#sectionsWrapper div#sections li {padding:5px; font-size:0.8em; font-weight:lighter;}
div#container1 div#sectionsWrapper .smallPrint {color:#999; font-style:italic; font-size:0.6em;}
/* Club pages */
div#predictionPanel {font-size:0.8em;}
div#predictionPanel {padding:5px;}
/*div#predictionPanel div#predictionDetails {margin:10px; padding:5px; float:left;}
div#predictionPanel div#topPredictorsTable {margin:10px; padding:5px; float:right;}
div#predictionPanel div#topPredictionBiography {width:200px; margin:10px;}
*/

/* Banner */
div#banner div#banner-inner a { vertical-align:top;}

.textBoxError { background-color:#ff9999;}
.textBoxEmpty { background-color:#ffff99;}
.textBoxOk { background-color:#ffffff;}

/* General */
.floatleft { float: left; margin: 0px 5px 5px 0px; }
.floatright { float: right; margin: 0px 0px 5px 5px; } 
div.strap, .strap {color:#999; font-size:80%;}
div.siEvent{margin-left:20px; padding:5px;}
div.siGroup {border:solid 1px #666; background:#ffe; padding:5px;}
.date-header {border-bottom:1px solid rgb(51,51,51); font-family: Georgia, Serif; font-size:large; clear:both; position:static;}

             
/* wordle */
div.wordle {border:solid 1px #666; background:#333; padding:20px; margin:0px; margin:1em 0em 1em 0em;}
.wordleWord {font-family: Algerian, Serif; padding:1px; font-weight:bolder; line-height:0.9em; }
.wordleSize1 {font-size:0.8em; font-weight:100; z-index:110; font-variant:inherit;   font-family: Comic Sans MS, Sans-Serif;}
.wordleSize2 {font-size:0.9em; font-weight:200; z-index:120; font-variant:small-caps;   font-family: Georgia, Sans-Serif;  }
.wordleSize3 {font-size:1.0em; font-weight:300; z-index:130; font-variant:small-caps;   font-family: Impact, Sans-Serif; }
.wordleSize4 {font-size:1.1em; font-weight:400; z-index:140; text-transform:capitalize; font-family: Wide Latin, Georgia, Serif;}
.wordleSize5 {font-size:1.2em; font-weight:500; z-index:150; text-transform:capitalize; font-family: Century Gothic, Serif;}
.wordleSize6 {font-size:1.4em; font-weight:600; z-index:160; text-transform:capitalize; font-family: Verdana, Helvetica, Sans-Serif;}
.wordleSize7 {font-size:1.6em; font-weight:700; z-index:170; text-transform:uppercase;  font-family: Arial, Helvetica, Sans-Serif;}
.wordleSize8 {font-size:2.0em; font-weight:800; z-index:180; text-transform:uppercase;  font-family: Comic Sans MS, Sans-Serif;}
.wordleSize9 {font-size:2.4em; font-weight:900; z-index:190; text-transform:uppercase;  font-family: Georgia, Sans-Serif;  }
.wordleSize10 {font-size:3.0em; font-weight:900; z-index:200; text-transform:uppercase;  font-family: Impact, Sans-Serif;  }

.wordleColor1 {color:#f60; vertical-align:middle;}
.wordleColor2 {color:#f00; vertical-align:baseline;}
.wordleColor3 {color:#0f0; vertical-align:sub;}
.wordleColor4 {color:#fff; vertical-align:super;}
.wordleColor5 {color:#66f; vertical-align:top}
.wordleColor6 {color:#f6f; vertical-align:text-top;}
.wordleColor7 {color:#963; vertical-align:middle;}
.wordleColor8 {color:#ff0; vertical-align:super;}
.wordleColor9 {color:#9cf; vertical-align:super;}
             
.wordleColor1 {color:#f60; vertical-align:top;}
.wordleColor2 {color:#f00; vertical-align:top;}
.wordleColor3 {color:#0f0; vertical-align:top;}
.wordleColor4 {color:#fff; vertical-align:top;}
.wordleColor5 {color:#66f; vertical-align:top;}
.wordleColor6 {color:#f6f; vertical-align:top;}
.wordleColor7 {color:#963; vertical-align:top;}
.wordleColor8 {color:#ff0; vertical-align:top;}
.wordleColor9 {color:#9cf; vertical-align:top;}             
.wordleColor10 {color:#000; vertical-align:top;}             
.wordleColor11 {color:#39f; vertical-align:top;}             
.wordleColor12 {color:#369; vertical-align:top;}             

.example-date { background-color:#987; float:right;position:relative;padding:45px 5px 0px;margin-left:10px;} 
.example-date .example-month { text-transform: uppercase; font-size:25px;}
.example-date .example-day {font-size:45px;line-height:45px;position:absolute; left:5px; top:0px;}
.example-date .example-year { display:block; position:absolute; right:-5px; top:15px;-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);}
<!--[if IE]>
.example-date .example-year {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);right:-15px; top:5px;	}
<![endif]-->

/* Twitter, Tweet, tweet */
#twitter {width:588px; font-family:"Lucida Grande", "Lucida Sans Unicode",sans-serif; }
.tweet {font-family:"Lucida Grande", "Lucida Sans Unicode",sans-serif; border-bottom:1px dashed #D2DADA; padding:18px 10px; width:588px;}
.tweet .usericon {float:left;}
.tweet .text, .tweet .meta {margin-left:60px;}
.tweet .text {font-size:0.8em; line-height:1.3em; width:500px;}
.tweet .text a {background-color:#4cf; color:white; text-decoration:none; padding:0 2px;}
.tweet .text a.userlink {background-color:#09f; background:#c36;}
.tweet .meta {font-size:0.6em; font-style:italic; color:#666;}
.tweet .meta a {text-decoration:none; color:#666;}
.tweet .meta a:hover {text-decoration:underline; color:#666;}

.paging {text-align:center; margin-top:1em; display:none;}
.paging a {background-color:#4cf; color:white; text-decoration:none; padding:0 2px;}
.paging a.userlink {background-color:#09f;}

.cloud {background-color:#00C6F7; line-height:1.5em; padding:5px; text-align:center; width:578px;}
.cloud a {color:white; text-decoration:none; padding:0 2px;}

#twitter #footer h3 {color:#00c6f7; text-transform:capitalize; text-align:center; width:590px;}
#twitter #footer p {font-size:0.8em; color:#999; text-align:center; width:540px;}