html, body {
min-height: 100%;
margin-bottom: 1px;
}
* {
margin: 0;
padding: 0;
}
body {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
color: #333;
background: #F8F8E6 url(bg-blue.gif) repeat-y;
font-size: 76%;
}
img {
border: 0px;
}
p, ul, ol, dl, h3, h4, h5, h6 {
font-size: 1.1em;
}
li p, li h3, input {
font-size: 1em;
}
p, ul, ol {
margin: 0 0 1.2em;
}
li {
margin: 0 0 0.8em;
}
h1 {
margin: 0.4em 0;
}
h2, h3, h4, h5, h6 {
margin: 0.6em 0 0.4em;
}
textarea {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
a {
color: #03c;
cursor: pointer;
}
a:active, a:hover, a:focus {
color: #c33;
text-decoration: none;
}
.hide {
position: absolute;
left: -5000px;
top: -5000px;
}
.clearfix {
min-height: 1%;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
.clear {
clear: both;
}
p, li {
line-height: 1.5;
}
/* layout */
#rebnet {
background: #a0f545;
}
#rebnet p {
padding: 1em 0;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
}
#rebnet a {
color: #554174;
}
#wrapper {
max-width: 1200px;
margin: 0 auto;
background: #fff;
}
#skip-search {
background: #513384;
color: #fff;
padding-top: 1em;
}
#skip-search a {
color: #fff;
padding: 0 0.3em;
}
#skip-search p {
padding: 0.6em 1em 0;
}
#skip-search ul {
font-family: Georgia, serif;
margin-left: 1em;
padding-bottom: 1.6em;
}
#skip-search ul li {
list-style-type: none;
float: left;
clear: none;
margin: 0.35em 0.6em 0.4em 0;
font-size: 1.1em;
}
#skip-search ul li.main {
font-size: 1.4em;
margin-top: 0;
}
#skip-search ul li a {
border-left: 1px solid #eee;
padding-left: 0.8em;
}
#skip-search ul li.sub a {
border-left: 0px;
padding-left: 1.8em;
}
#skip-search ul li:first-child a {
border-left: 0px;
padding-left: 0;
}
#s {
padding: 0.4em;
width: 280px;
background: #eee;
color: #000;
border: 1px solid #666;
}
#s:focus {
background: #fff;
border: 1px solid #1BB2EB;
}
#searchsubmit {
padding: 0.3em;
border: 0px;
background: #eee;
font-family: Georgia, serif;
font-weight: bold;
}
#banner {
background: #F8F8E6;
}
#sashables {
float: right;
margin: 8px 8px 0 13px;
color: #333;
width: 100px;
height: 100px;
padding: 6px 10px 10px 6px;
background: transparent url(bg-pic.gif);
}
#tagline {
padding: 0.4em 1em;
}
#tagline h1 {
margin-left: 10px;
}
.homepage #tagline h1 {
margin-left: 0;
}
#tagline h1, #tagline p.mp {
font-family: Georgia, serif;
font-weight: normal;
font-size: 3em;
margin-bottom: 0.2em;
color: #3C2259;
}
#tagline p.mp {
font-size: 2em;
margin-top: 0.5em;
margin-bottom: 0;
line-height: 1.2;
}
#tagline p.mp strong {
font-weight: normal;
}
#tagline p.mp a {
color: #3C2259;
text-decoration: none;
}
#twitter {
padding: 0.3em 1em;
}
#twitter h2 {
float: left;
width: 45px;
font-size: 1em;
font-weight: normal;
}
#twitter p {
width: 520px;
padding-top: 0.6em;
}
#rainbow-strip {
text-align: center;
background: #F8F8E6;
text-transform: uppercase;
font-size: 1.4em;
padding-bottom: 0.6em;
border-bottom: 40px solid #1BB2EB;
}
#rainbow-strip strong {
display: none;
}
.homepage #rainbow-strip strong {
display: inline;
}
#rainbow-strip .r {
color: #CE222D;
}
#rainbow-strip .o {
color: #F18C22;
}
#rainbow-strip .y {
color: #E3CD08;
}
#rainbow-strip .g {
color: #3EAB4C;
}
#rainbow-strip .b {
color: #1BB1EB;
}
#rainbow-strip .i {
color: #1F41EA;
}
#rainbow-strip .v {
color: #AC5EE6;
}
/* main content */
#threecol-wrapper .inner {
padding: 1.2em 1em 1em 24px;
max-width: 600px;
}
#threecol-wrapper #content .inner {
padding-top: 0;
}
#reviews {
border-top: 24px solid #E2CC07;
}
#tags {
border-top: 24px solid #F28B22;
}
#elsewhere {
border-top: 24px solid #1BB2EB;
}
#events {
border-top: 24px solid #3EAC4D;
}
#threecol-wrapper #events .inner {
padding-bottom: 2em;
}
#threecol-wrapper ul {
margin-left: 1.2em;
}
#threecol-wrapper h2 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 2em;
margin-bottom: 0.2em;
color: #3C2259;
}
#threecol-wrapper .posticon {
float: left;
margin: 0.6em 8px 1em 0;
color: #333;
width: 100px;
height: 100px;
padding: 6px 10px 10px 6px;
background: transparent url(bg-pic.gif) no-repeat;
}
#threecol-wrapper .postinfo {
float: left;
padding-top: 1em;
}
#threecol-wrapper .postinfo p {
margin-bottom: 0.4em;
}
#threecol-wrapper ol {
margin-left: 2.6em;
margin-bottom: 1em;
}
#reviews h2, #events h2 {
margin-right: 1em;
float: left;
padding-bottom: 0.4em;
}
.micro {
margin-top: 1.5em;
float: left;
display: block;
border: 1px solid #999;
background: #5C8D01 url(microformat.gif) no-repeat 2px 50%;
padding: 0.2em 8px 0.2em 17px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
text-transform: uppercase;
text-decoration: none;
}
.micro:hover, .micro:focus {
background-color: #F28B22;
color: #fff;
}
#tags ul {
margin-left: 0;
}
#tags ul li, #content ul.cloud li {
list-style-type: none;
float: left;
clear: none;
margin: 0 0.6em 0.4em 0;
}
#tags ul li a, #content ul.cloud li a {
border-left: 1px solid #666;
padding-left: 0.6em;
}
#tags ul li:first-child a, #content ul.cloud li:first-child a {
border-left: 0px;
padding-left: 0;
}
#content ul.cloud {
margin: 2em 0 4em;
}
#content ul.cloud li {
margin: 0 0.6em 0.6em 0;
}
#events ul {
margin-left: 0;
}
#events li {
list-style-type: none;
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px dotted #666;
}
#events abbr {
border-bottom: 0px;
}
#tools {
margin-bottom: 0;
margin-left: 0;
padding: 1.2em 0 1.2em 1em;
background: #2040E9;
}
#tools li {
list-style-type: none;
float: left;
clear: none;
margin: 0 0.6em 0.4em 0;
}
#tools li a {
border-left: 1px solid #eee;
padding-left: 0.8em;
color: #fff;
}
#tools li:first-child a {
border-left: 0px;
padding-left: 0;
}
#footer {
background: #513384;
}
#footer p {
margin-bottom: 0;
padding: 1.4em 0 3em 1em;
color: #fff;
}
#footer a {
color: #fff;
}
/* Content, comments etc */
#content .post {
padding-bottom: 1em;
border-bottom: 1px dotted #666;
}
.homepage #content .post {
padding-bottom: 0;
border-bottom: 0px;
}
#content #comments {
margin: 1.4em 0;
padding-bottom: 1.4em;
}
#content .commentlist {
list-style-type: none;
margin-left: 0;
}
#content .commentlist li {
padding: 0.5em 0;
border-bottom: 1px dotted #666;
}
#content .commentlist li p {
margin-top: 0.4em;
}
#commentform {

}
#commentform input, #commentform textarea {
margin-top: 0.3em;
padding: 0.4em 0.3em;
border: 1px solid #ccc;
background: #eeeeee;
width: 85%;
}
#commentform input:focus, #commentform textarea:focus {
background: #fff;
border: 1px solid #1AB2EB;
}
#commentform input#submit {
width: auto;
text-transform: uppercase;
}
/* Archives page */
#content .archives ul {
margin-left: 0;
}
#content .archives li {
list-style-type: none;
margin-bottom: 1.6em;
}
#content .archives li em {
font-style: normal;
font-size: 1.2em;
}
#content .archives .nbg a {
padding: 0 0;
}
/* Events listing */
#content .sep {
border-top: 1px dotted #666;
}
#content .eventslist {
margin: 1.4em 0 1.4em 0;
}
#content .eventslist .post {
margin: 1.4em 16px 1.4em 0;
padding-bottom: 1.4em;
border-bottom: 1px dotted #666;
}
/* Reviews listing */
#content .reviewslist {
margin: 1.4em 0 1.4em 0;
}
#content .reviewslist .post {
margin: 1.4em 16px 1.4em 0;
padding-bottom: 1.4em;
border-bottom: 1px dotted #666;
}
#content .reviewtype {
text-transform: uppercase;
font-size: 0.9em;
margin-bottom: 0.4em;
}
#content .reviewslist p.er-info {
margin-top: 0;
margin-bottom: 0.4em;
font-size: 0.9em;
}
#content .reviewslist p.item {
margin-top: 1em;
margin-bottom: 0;
}
#content .reviewslist p.item strong {
font-weight: normal;
}
#content .reviewslist .description {
margin-bottom: 0.6em;
}
#content .reviewslist p.comments {
margin-top: 0.6em;
}
#content dt, #content dd {
float: left;
}
#content dl {
line-height: 1.5;
margin-bottom: 1.5em;
}
#content dt {
clear: left;
width: 3em;
}
#content dd {
width: 300px;
}
.alert {
display: none;
background: #CE222E;
color: #fff;
text-align: center;
margin-bottom: 1px;
padding: 0.5em 0 0.8em;
}
.alert abbr {
border-bottom: none;
}