/* Created by Jonathan Horak */
/* 2010-05-02 - Lo-Fi, v2.2 */

/* -- General -- */
body {
margin: 10px;
padding: 0;
text-align: center;
background: #ffffff;
}

a:link, a:visited {
color: #000066;
font-weight: bold;
text-decoration: none;
}

a:hover, a:active {
color: #111111;
font-weight: bold;
text-decoration: underline;
}

abbr, acronym {
border-bottom: 1px dotted #000000;
cursor: help;
text-decoration: none;
}

body, h1, h2, p {
font-family: Verdana, Helvetica, Arial, sans-serif;
}

blockquote {
margin: 0 0 10px 30px;
line-height: 150%;
font-size: .8em;
}

embed {
padding: 10px 0 5px 0;
}

h1, h2, img, p {
margin: 0;
}

img {
border: 0;
}

label {
font-size: .8em;
font-weight: normal;
text-decoration: none;
}

p {
padding: 0 0 10px 10px;
line-height: 150%;
font-size: .8em;
}

/* -- Header --*/
#header {
margin: 0;
padding: 0;
}

#header h1 {
margin: 0 0 10px 0;
padding: 0;
font-size: 1.6em;
text-align: center;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active {
color: #000066;
text-decoration: none;
}

#header h1 a:hover, #header h1 a:active {
color: #111111;
text-decoration: none;
}

#header h1 span {
font-size: .4em;
display: block;
}

#navigation {
margin: 10px auto 20px auto;
background: url("/imx/pixel/grey.gif") repeat-x 0 50%;
font-size: .8em;
}

#navigation ul {
list-style-type: none;
text-align: center;
margin: 0;
padding: 0;
}

#navigation li {
display: inline;
text-align: center;
margin: 0 5px;
}

#navigation li a {
padding: 1px 5px;
color: #666666;
background-color: #ffffff;
border: 1px solid #cccccc;
text-decoration: none;
}
	
#navigation li a:hover, #navigation li a#current {
color: #000000;
border: 1px solid #666666;
border-top: 2px solid #666666;
border-bottom: 2px solid #666666;
}

/* -- Container -- */
#container {
width: 750px;
\width: 770px;
w\idth: 750px;
margin: 0 auto 0 auto;
padding: 10px;
}

#content {
padding: 10px;
margin: 0 230px 0 0;
text-align: left;
}

#content form {
padding: 0 0 10px 10px;
}

#side {
float: right;
width: 200px;
\width: 220px;
w\idth: 200px;
margin: 0 0 0 10px;
padding: 10px;
text-align: left;
}

#side form {
margin: 0 0 10px 0;
padding: 0 0 0 10px;
}

#container h1 {
margin: 0 0 7.5px 0;
padding: 0 0 0 5px;
font-size: .9em;
text-transform: uppercase;
color: #111111;
background: #cccccc;
border-top: 1px dashed #330066;
text-align: left;
}

#container h2 {
padding: 0 0 5px 10px;
font-size: .8em;
color: #111111;
text-align: left;
}

#container ol, #container ul {
margin: 0 0 10px 20px;
padding: 0;
line-height: 150%;
font-size: .8em;
}

#container ol li {
margin: 0;
padding: 0;
list-style-position: inside;
}

#container ul li {
margin: 0;
padding: 0 0 0 10px;
background: url("/imx/arrow/grey.gif") no-repeat 0 0.6em;
list-style: none;
}

#container ol ul li {
margin: 0;
padding: 0 0 0 10px;
}

#side ul {
margin: 0 0 10px 0;
}

#side ul li {
margin: 0 0 10px 0;
text-align: left;
background: none;
}

.alert {
border-bottom: 1px dashed #666666;
cursor: help;
}

.block {
display: block;
margin: 0 0 10px 30px;
font-size: .8em;
}

.embed-left {
float: left;
margin: 0;
padding: 5px 10px 0 0;
}

.embed-right {
float: right;
margin: 0;
padding: 5px 0 0 10px;
}

.footer {
text-align: right;
}

.lowercase {
text-transform: lowercase;
}

.nobr {
display: none;
}

.quoted {
padding: 0 0 0 30px;
display: block;
}

.shadow {
float:left;
background: url("/imx/shadow.png") no-repeat bottom right;
margin: 10px 5px 0 15px;
}

.shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}

.submit {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
font-weight: bold;
margin: 1px 0 1px 0;
padding: 1px 5px;
color: #666666;
background-color: #ffffff;
border: 1px solid #cccccc;
text-decoration: none;
z-index: 1;
}

.submit:hover {
color: #000000;
margin: 0;
border: 1px solid #666666;
border-top: 2px solid #666666;
border-bottom: 2px solid #666666;
z-index: 2;
}

#footer {
clear: both;
padding: 10px;
margin: 10px 10px 0 10px;
border-top: 1px solid #999999;
text-align: right;
}
