sections/* Eric Meyer's Reset Reloaded */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
/*outline: 0;*/
color: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
text-decoration: none;
vertical-align: baseline;
background: transparent;
}
/* remember to define focus styles! */
/*:focus {
outline: 0;
}*/
body {
line-height: 1;
color: black;
background-color: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* Roger Johanssons' Clearfix */
.clear:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear { display: inline-block; }
/* Hide from IE Mac \*/
.clear { display: block; }
/* End hide from IE Mac */
/* Standard Formatting */
/* Headers */
h1, h2, h3 { line-height: 1; letter-spacing: -0.04em; font-weight: bold; }
h1 { font-size: 2.4em; color: #371402; background: url(../images/layout/line-dark.gif) 0 100% no-repeat; padding: 0 0 6px 0; margin: 0 0 0.5em 0; }
h2 { font-size: 1.4em; font-weight: bold; margin: 1em 0 1em 0; }
h3 { font-size: 1.2em; font-weight: bold; margin: 1em 0 1em 0; }
.h1 h1 { margin: 0; }
.h2 h2 { margin: 0 0 0.1em 0; }
.h1 { margin: 0 0 1em 0; }
.h2 { margin: 0 0 0.6em 0; }
.h1 span,
.h2 span { font-size: 0.9em; color: #78694a; }
h2.star { background: url(../images/layout/star.gif) 0 3px no-repeat; padding-left: 20px; }
/* Text */
html { font-size: 62.5%; }
body { font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #1a1409; line-height: 1.6; }
p { margin: 0 0 1em 0; }
p.last { margin-bottom: 0; }
blockquote { padding: 0 30px; margin: 0 0 1em 0; font-style: oblique; }
p.star { background: url(../images/layout/star.gif) 0 3px no-repeat; padding-left: 20px; }
.error { color: #FF3300; font-weight: bold; }
.note { font-size: 0.9em; color: #78694a; }
/* p.intro { font-size: 1.5em; font-weight: 500; letter-spacing: -0.03em; text-align: justify; } */
p.intro { font-size: 1.25em; font-weight: 500; letter-spacing: -0.01em; text-align: justify; }
/* Other Text */
em { font-style: oblique; }
strong { font-weight: bold; }
abbr { border-bottom: 1px dotted; cursor: help; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* Links orig:856d40 rss:dc4d00 */
a { text-decoration: underline; color: #dc4d00; font-weight: bold; }
a:visited { }
a:hover { }
a:focus { }
a.external { background: url(../images/layout/external.gif) right no-repeat; padding: 0 14px 0 0; }
a.audio { background: url(../images/layout/audio.gif) right no-repeat; padding: 0 27px 0 0; }
a.feed { background: url(../images/layout/icons/feed.gif) left no-repeat; padding: 0 0 0 18px; color: #dc4d00; }
/* Lists */
ul, ol { margin: 0 0 1em 40px }
ul { list-style: disc; }
ol { list-style: decimal; }
li { }
/* Images */
img { display: block; }
embed { display: block; }
img.left,
div.left { float: left; margin: 0 20px 5px 0; }
img.right,
div.right { float: right; margin: 0 0 5px 20px; }
img.center,
div.center { margin: 0 auto 1.5em auto; }
/* .frame { border: 1px solid #e1d0af; border-top: 0; border-left: 0; margin: 0 0 1.5em 0; } */
/* .frame { border-top: 0; border-left: 0; margin: 0 0 1.5em 0; } */
.frame { border-top: 0; border-left: 0; margin: 0 0 0 0; padding: 0 0 0 0; }
.frame img,
.frame_inner { float: none; margin: 0; background: #fff; padding: 5px; border: 1px solid #c4b18c; }
/* Forms */
form { border: 1px solid #c4b18c; background: #fbe8c3 url(../images/layout/form-bg.jpg) repeat-y; padding: 20px; }
fieldset { padding: 0.5em 0 1em 0; }
fieldset.last { padding-bottom: 0; }
legend { }
legend span { font-size: 1.4em; font-weight: bold; line-height: 1.1; letter-spacing: -0.05em; }
label { display: block; line-height: 1.3 }
label .asterix { font-size: 0.85em; color: #856d40 }
form .note { line-height: 1.3 }
form .error { font-size: 0.9em; margin: 0; line-height: 1.3 }
form .field { margin: 0.4em 0 0.8em 0; }
input.text { width: 20em; padding: 3px; border: 1px solid #c4b18c; }
.long input.text{ width: 40em; }
textarea { font-family: sans-serif; font-size: 1em; width: 98%; height: 10em; margin: 0; padding: 3px; border: 1px solid #c4b18c; }
.column { float: left; width: 49.9%; }
.button { border-style: solid; border-width: 1px; border-color: #c4b18c #a89165 #a89165 #c4b18c; background: #faedd4; padding: 2px 5px 2px 5px; margin-right: 5px; clear: both; }
.button:active { border-color: #a89165 #c4b18c #c4b18c #a89165; background: #f7e3bc; }
/* Tables */
table { margin: 0 0 1em 0; }
th { font-weight: bold; }
th, td { padding: 0 10px 0 0; }
/* Layout */
/* Body, Wrapper & Main */
body { background: #4d7c1a url(../images/layout/bg.jpg) 0 180px; margin: 0; }
#body_inner { background: url(../images/layout/bg-top.jpg) 0 0 repeat-x; min-height: 170px; padding: 20px 0 20px 0; }
#wrapper { background: url(../images/layout/main-bottom.gif) bottom no-repeat; width: 990px; margin: 0 auto; padding: 0 0 8px 0; }
#main { background: url(../images/layout/main-edges.gif) 0 -20px repeat-y; padding: 0 20px; }
#main_inner { background: #fae8c7; padding: 17px 20px 18px 15px; }
/* Header */
#header { background: #e5c18b url(../images/layout/header-bg.jpg) no-repeat; height: 160px; position: relative; }
#logo { position: absolute; top: 20px; left: 35px; padding: 8px 0 22px 195px; border: 0; }
#search_box { background: url(../images/layout/search-text.gif) 0 1px no-repeat; border: 0; padding: 0; position: absolute; right: 60px; top: 60px;width: 254px; height: 45px; }
#search_box fieldset { padding: 0; }
#search_box legend { display: none; }
#search_box .text { width: 150px; position: absolute; top: 0; left: 60px; }
#search_box .image { display: block; position: absolute; top: 0; right: 0; }
#search_box #google { position: absolute; bottom: 0; right: 37px; }
#search_results { padding: 20px; }
#search_results iframe { width: 677px; }
/* Footer */
#footer { clear: both; font-size: 0.9em; color: #78694a; margin: 0 0 0 5px; padding: 20px 0 0 0; background: url(../images/layout/line-dark.gif) top no-repeat; }
#footer a { }
/* Navigation */
#nav { float: left; width: 170px; margin: 0 25px 30px 0; }
#nav ul { margin: 0 0 15px 0; padding: 0; list-style: none; line-height: 1.5; }
#nav a { display: block; width: 170px; height: 47px; background: url(../images/layout/nav.jpg) no-repeat; color: #1a1409; font-weight: normal; text-indent: -10000px; overflow: hidden; }
#nav_index a { background-position: 0 0; }
#nav_news a { background-position: 0 -47px; }
#nav_history a { background-position: 0 -94px; }
#nav_characters a { background-position: 0 -141px; }
#nav_stories a { background-position: 0 -188px; }
#nav_tao a { background-position: 0 -235px; }
#nav_fun a { background-position: 0 -282px; }
#nav_about a { background-position: 0 -329px; }
#nav_pictures a { background-position: 0 -376px; }
#nav_index a:hover, #nav_index a:focus, #nav_index.active a { background-position: -170px 0; }
#nav_news a:hover, #nav_news a:focus, #nav_news.active a { background-position: -170px -47px; }
#nav_history a:hover, #nav_history a:focus, #nav_history.active a { background-position: -170px -94px; }
#nav_characters a:hover, #nav_characters a:focus, #nav_characters.active a { background-position: -170px -141px; }
#nav_stories a:hover, #nav_stories a:focus, #nav_stories.active a { background-position: -170px -188px; }
#nav_tao a:hover, #nav_tao a:focus, #nav_tao.active a { background-position: -170px -235px; }
#nav_fun a:hover, #nav_fun a:focus, #nav_fun.active a { background-position: -170px -282px; }
#nav_about a:hover, #nav_about a:focus, #nav_about.active a { background-position: -170px -329px; }
#nav_pictures a:hover, #nav_pictures a:focus, #nav_pictures.active a { background-position: -170px -376px; }
#nav li.active ul a { text-indent: 0; height: auto; width: auto; background: url(../images/layout/nav-bullet-light.gif) 0 6px no-repeat; padding: 0 5px 0 17px; }
#nav li ul li a:hover,
#nav li ul li a:focus,
#nav li ul li.active a { background: url(../images/layout/nav-bullet-dark.gif) 0 6px no-repeat; }
#nav li ul li.active a { font-weight: bold; }
#nav .adverts { width: 122px; }
/* Links */
#links { background: url(../images/layout/line-light.gif) top left no-repeat; margin: 2em 0 0 0; clear: both; }
#links ul { background: url(../images/layout/line-light.gif) bottom right no-repeat; list-style: none; padding: 12px 0 15px 0; margin: 0; }
#links li { float: left; margin: 0 10px 0 10px; }
#links a,
#links span { padding: 1px 0 1px 21px; background: 0 0 no-repeat; cursor: pointer; color: #776035; font-weight: bold; text-decoration: underline; }
#links_comment a { background-image: url(../images/layout/icons/comment.gif); }
#links_edit a { background-image: url(../images/layout/icons/edit.gif); }
#links_tell a { background-image: url(../images/layout/icons/tell.gif); }
#links_print span { background-image: url(../images/layout/icons/print.gif); }
#links_upload a { background-image: url(../images/layout/icons/upload.gif); }
/* Content */
#content { float: left; width: 720px; margin: 0 0 30px 0; }
/* Content */
.adverts { border: 0; padding: 0; }
.adverts .frame_inner { border: 0; padding: 0; }
.adverts iframe { display: block; margin: 0; }
/* Other Elements */
/* Index */
#index .frame { clear: both; }
#index #competition,
#index #pictures,
#index #news,
#index #sections,
#index #polls { background: #fbe8c3 url(../images/layout/form-bg.jpg) repeat-y; padding: 10px; }
#index #competition h2,
#index #pictures h2,
#index #news h2,
#index #sections h2,
#index #polls h2 { margin: 0 0 0.3em 0; }
#index #competition p,
#index #pictures p,
#index #news p,
#index #sections p,
#index #polls p { margin: 0; }
#index #competition img,
#index #news img,
#index #sections img,
#index #polls img { background: transparent; padding: 0; border: 0; }
#index #pictures img { background: white; padding: 0; border: 0; }
#index #competition img { float: left; margin-right: 15px; }
#index #polls img { float: right; margin-left: 15px; }
#index #pictures { width: 332px; height: 250px; float: left;margin-top:0px; }
#index #polls { width: 332px; height: 250px; float: right;margin-top:0px; }
#index #sections { width: 332px; float: left; height: 390px;margin-top:12px;margin-bottom:20px; }
#index #news { width: 332px; float: right; height: 390px;margin-top:12px;margin-bottom:20px; }
/* Vote */
#vote .frame { clear: both; }
#vote #vote { background: #fbe8c3 url(../images/layout/form-bg.jpg) repeat-y; padding: 10px; }
#vote #vote h2 { margin: 0 0 0.3em 0; }
#vote #vote img { background: transparent; padding: 0; border: 0; }
#vote #vote table td { vertical-align: middle; }
/* Picture */
#picture .frame { clear: both; }
#picture #vote { background: #fbe8c3 url(../images/layout/form-bg.jpg) repeat-y; padding: 10px; }
#picture #vote h2 { margin: 0 0 0.3em 0; }
#picture #vote img { background: white; padding: 0; border: 0; }
#picture #vote table td { vertical-align: middle; align: center }
#picview img { background: white; padding: 0; border: 0; }
/* News */
#news #subscribe { padding: 10px; position: relative; }
#news #subscribe img { background: transparent; padding: 0; border: 0; position: absolute; top: 8px; right: 10px; }
#news #subscribe fieldset { padding: 0.7em 0 0 0; }
#news #subscribe label { float: none; display: inline; }
/* Characters */
#characters #ashdown { text-align: center; margin-bottom: 2em; }
#characters #ashdown a { background: url(../images/layout/boom.gif) 0 0 no-repeat; padding: 2px 0 2px 25px; }
/* Characters */
#characters .character { clear: both; }
/* Fun/Quiz */
#fun_quiz .frame { width: 477px; }
/* Fun/Game */
#fun_game .frame { width: 477px; }
/* Fun/Ecards */
#fun_ecards #content form { position: relative; }
#fun_ecards form h3 { clear: both; margin: 0.5em 0 0.2em 0; }
#fun_ecards form .card { float: left; margin: 5px 10px 15px 0; position: relative }
#fun_ecards #content form img { border: 0; background: #fbf0d5; padding: 0; }
#fun_ecards_preview .frame_inner,
#fun_ecards_view .frame_inner { background: #fbe8c3 url(../images/layout/form-bg.jpg) repeat-y; padding: 10px; }
#fun_ecards_preview #content img,
#fun_ecards_view #content img { float: left; border: 0; padding: 0; margin-right: 15px; background: #fbf0d5; }
#fun_ecards_preview .buttons,
#fun_ecards_view .buttons { clear: both; }
#fun_ecards form .card input { position: absolute; bottom: 5px; left: 5px; margin: 0; padding: 0; }
#fun_ecards form .card label { width: auto; margin: 0; }
#fun_ecards fieldset img#send { background: transparent; padding: 0; border: 0; position: absolute; top: 15px; right: 15px; }
/* About/Tell */
#about_tell form img { background: transparent; border: 0; marign: 0 0 20px 20px; float: right; }
/* About/Sitemap */
#about_sitemap #content ul { margin-bottom: 0; }
/* About/Link */
#about_link pre { display: block; clear: both; border: 1px solid #c4b18c; background: #fff; padding: 5px; margin-right: 10px; overflow: scroll; font-family: monospace; font-size: 1.2em; }
/* Error */
#container { width: 500px; margin: 200px auto; }
#error, #error_notFound { color: #fff; }
#error h1, #error_notFound h1 { color: #fff; background: transparent; padding: 0; margin-top: 0.5em; }