a:link, a:active { color: #5555bb; text-decoration: none; }
a:visited { color: #555555; text-decoration: none; }
a:hover { border-bottom: 1px dotted #5555bb; }
a.img:hover { border-bottom: none; }

html,body { background-color: #f5f5f5; }
#container { padding-top: 1em; padding-bottom: 1em; }
#doc { background-color: #fff; position: relative; }
#hd { background-color: #005; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; }
#logo { text-align: center; }
#logo a:hover { border: none; }
#logo img { padding: 0.5em; border: none; }

#leftmenu { text-align: left; margin-top: 1.4em; width: 74.2%; }
#rightmenu { text-align: right; margin-top: 1.4em; margin-right: 1em; }

#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active,
#rightmenu a:link, #rightmenu a:visited, #rightmenu a:active
{ color: #ddf; text-decoration: none; font-weight: bold; font-size: 116%; padding: 0.25em 0.5em; letter-spacing: 0.1em; border: none;}

#leftmenu a:hover, #rightmenu a:hover { color: #fff; background-color: #559; }

#beta { padding: 2px; margin: 0; background-color: #FFFF99; text-align: center;  border: 1px solid #eeeeaa; }

#bd { padding: 1em; border-left: 1px solid #eee; border-right: 1px solid #eee; }
#ft { padding: 1em; background-color: #ffe095; border-top: 2px solid #ccf;}
#ft h4 { background-color: #000055; color: #fff; padding: 0.25em 0.5em; }
#ft ul { padding: 0.5em; line-height: 150%; }
#ft li { border-bottom: 1px solid #ff9922; }
#ft a:link, #ft a:visited, #ft a:active { color: #009; text-decoration: none; }
#ft a:hover { border-bottom: 1px dotted #009; }
#ft2 { padding: 0.25em 1em; text-align: center; background-color: #ffe095; color: #000;}
#ft2 a { color: #000; border-bottom: none; }

#body-dashboard #menu-dashboard,
#body-sites #menu-sites,
#body-settings #menu-settings,
#body-whyjoin #menu-whyjoin,
#body-plugin #menu-plugin,
#body-login #menu-login
{ color: #fff; background-color: #559; }

input, textarea { border: 1px solid #c2c2ff; background-color: #fff; margin: 5px; padding: 0.25em; }
input:hover, textarea:hover { border: 1px solid #559; border-color: #9999ee; background-color: #fcfcff; }

input.b { font-weight:bold; border: 2px solid #e0e0f7; background-color: #e2e2ff; color: #555555; }
input.b:hover { background-color: #9999ee; color: #fff; }
.delete:hover { background-color: #f55 ! important; color: #fff ! important; }

p { text-indent: 1em; padding-bottom: 0.5em; }
.message,.fmessage { background-color: #ffffb7; padding: 1em; margin: 1em; position: relative; }
.error,.ferror { background-color: #ffa7a7; padding: 1em; margin: 1em; position: relative; }
.close { position: absolute; top: 0.5em; right: 0.5em; }
.close a { color: #999; border-bottom: none; }
.bar { color: #fff; text-align: right; background-color: #ffaa22; float: left; padding: 0.25em; margin-right: 0.5em; border: 1px solid #ffaa55; }
.barc { padding: 0.25em; }
.siterank { font-family: Georgia; font-weight:bold; font-size: 131%; text-align: right; }

#bd h1 { font-family: Georgia; font-size: 174%; margin-bottom: 0.5em; text-shadow: 2px 2px 2px #dddddd; }
#bd h2 { font-family: Georgia; font-size: 153.9%; margin: 0.5em 0; color: #000; text-shadow: 2px 2px 2px #dddddd; }
#bd h3 { font-family: Georgia; font-size: 138.5%; margin: 0.5em 0; color: #000; text-shadow: 2px 2px 2px #dddddd; }
#bd h4 { font-family: Georgia; font-size: 123.1%; margin: 0.5em 0; color: #000; text-shadow: 2px 2px 2px #dddddd; }
#bd .subtitle { font-family: Georgia; font-size: 70.7%; margin: 0 0; }

#bd ul li { list-style-type: disc; margin-left: 2em; margin-bottom: 0.25em; }
#bd ol li { list-style-type: decimal; margin-left: 2em; margin-bottom: 0.25em; }
#bd ol li li { list-style-type: lower-alpha; margin-left: 2em; margin-bottom: 0.25em; }
#bd hr { width: 75%; height: 5px; border: 2px solid #000; margin-top: 1em; margin-bottom: 1em; }

p.padme { text-indent: 1em; padding: 0.5em;}

table { width: 100%; border: 1px solid #e3e3ff; margin-bottom: 1em; background-color: #f3f3f3; }
td { padding: 0em 0.25em; }
th { padding: 0.25em 1em; background-color: #9999ee; color: #fff; font-weight: bold; }

th a:link,th a:visited,th a:active { color: #eef; } 

th.h, td.h { width: 50%; }
th.q, td.q { width: 25%; }
th.t, td.t { width: 33%; }

th.r, td.r { text-align: right; }
th.l, td.l { text-align: left; }
th.c, td.c { text-align: center; }

#body-login label { width: 300px; }
#landingbox { position: absolute; top: 64px; right: 16px; background-color: #ff9900; font-weight: bold; text-align: right; color: #555; padding: 10px; }

#whyjoin { width: auto; border: none; margin: 0 50px; background: none; }
#whyjoin td { width: 33%; height: 72px; font-size: 1.4em; font-weight: bold; border-left: 15px solid #fff; border-right: 15px solid #fff; }

#whyjoin .hot { color: #000; background-color: #eeeeff; }
#whyjoin .current, #whyjoin .hover { color: #fff; background-color: #9999ee; cursor: pointer; }

#whyjoin .hover a,#whyjoin .current a { color: #fff; border: none;}
#whyjoin a { color: #000; border: none;}

#joinnow { text-align: center; margin: 30px; }
#joinnow a.join { padding: 15px; font-size: 1.4em; font-weight: bold; color: #fff; background-color: #ff9900; text-align: center; margin-right: 50px; border: none; }

.linklist td { text-align: center; vertical-align: center; padding: 5px; }
img.icon { width: 16px; height: 15px; margin-bottom: -3px; margin-right: 3px; }