/*i want to thank the people at http://alistapart.com for the base of this great template!*/
body {
font: 83%/1.5 arial, helvetica, sans-serif;
min-width: 630px;
}

#navadmin{
padding:0;
margin:0 0 1.0em 0;
}

#breadcrumb{
font-size:x-small;
margin:0;
padding:0;
}

#container {
padding-right: 190px;
padding-left: 200px;
}

#container .column {
position: relative;
float: left;
}

#center {
padding: 10px 20px;
width: 100%;
}

#left {
width: 180px; 
padding: 0 10px;
right: 240px;
margin-left: -100%;
}

#right {
width: 130px;
padding: 0 10px;
margin-right: -100%;
}

#footer {
clear: both;
}

/* ie fix */
* html #left {
left: 150px;
}

/* equal-height columns */

#container {
overflow: hidden;
}

#container .column {
padding-bottom: 1001em;
margin-bottom: -1000em;
}

/* footer fix */

* html body {
overflow: hidden;
}

* html #footer-wrapper {
float: left;
position: relative;
width: 100%;
padding-bottom: 10010px;
margin-bottom: -10000px;
background: #FFF;
}

/* appearance */
body {
margin: 0;
padding: 0;
background: #FFF;
line-height:1.5em;
}

p {margin:0 0 1.5em; 0;}

li {margin:0 0 0 -1.0em;padding:0;}

#container a, #container a:link, #container a:active {font-weight:bold; color:#00f;text-decoration:none;}

#container a:hover {font-weight:bold; color:#009; border-bottom:1px solid #009;}

#container a:visited {color:#00c;}

#footer a, #footer a:link, #footer a:active {color:blue; text-decoration:none;}

#footer a:hover {color:#009; border-bottom:1px solid #009; border-bottom:1px solid #009;}

#footer a:visited {color:#00c;}

#bookmark a, #bookmark a:link, #bookmark a:active {
margin:0 3px 0 0;
padding: 2px 4px 2px 0;
border:1px solid #33f;
background-color: #fff;
font-weight:bold;
font-size:x-small;
text-decoration:none;
}

#bookmark a span, #bookmark a:link span, #bookmark a:active span {
margin:1px;
padding:1px 4px 1px 4px;
color:#fff;
background-color: #33f;
}

#bookmark a:hover {
border:1px solid #000;
background-color: #fff;
}

#bookmark a:hover span {
background-color: #000;
}

h1 a, h1 a:link, h1 a:active, h1 a:hover, h1 a:visited {color:black; text-decoration:none; border-bottom:0;}

.button {font-size:80%;font-weight:bold;margin:0;padding:0 4px 0 4px;background-color:#eef; text-decoration:none; border:0;}

.box {margin:0 0 0.5em 0;padding:0.5em 0.5em 0 0.5em;border:1px solid #ccc;}

#center h2{
margin:0.5em 0 0.5em 0;
padding:0.5em 0 0.5em 0;

}

#left h2{
font-weight: normal;
font-size:medium;
margin:0.1em 0 0.1em 0;
padding:0;
}

h3{
font-weight: normal;
margin:0.5em 0 0 0;
padding:0;
}

#header {
font-size: medium;
padding: 0.75em;
}

#footer {
font-size: x-small;
padding: 0.3em 0;
text-align:center;

}

#container{
background: #fff url("/skins/modern/assets/grade-bg2.gif") repeat-x bottom left;
}

#center {
border-left:0;
background: url("/skins/modern/assets/grade-bg4.gif") repeat-x top left;
}

#left{
background: url("/skins/modern/assets/grade-bg4.gif") repeat-x top left;
}

#right {
background: #f8f7ef;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

#container .column {
padding-top: 1em;
}

#searchform {
position:absolute;
top:10px;
right:10px;
}

#message {
text-align:center;
font-weight:bold;
font-size:medium;
background-color:#cfc;
margin:0;
padding:0;
}

form p span {font-style:italic;font-size:small;color:#666;}

.small {font-size:small;}

.x-small {font-size:x-small;}

.note {
background-color:#ff9;
margin:0;
padding:10px;
border:1px solid #ff0;
}

/*nav style*/
#left ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#left li {
margin: 0 0 4px 0;
}

#left li a, #left li a:link, #left li a:active {
display: block;
padding: 2px 2px 2px 6px;
border-top:1px solid #eee;
border-right:1px dotted #ccc;
border-bottom:1px solid #eee;
border-left:1px dotted #ccc;

background: #f8f7ef url("/skins/modern/assets/icon-right-arrow.gif") no-repeat right;

color: #00f;
text-decoration: none;
width: 100%;
}

html>body #button li a {
width: auto;
}

#left li a:hover {
border:1px solid #999;
background-color: #ffc;
color: #009;
}

#left li a.topic-add, #left li a.topic-add:link, #left li a.topic-add:active {
background: url("/skins/modern/assets/icon-topic-add.gif") no-repeat right;
}

#left li a.content-add, #left li a.content-add:link, #left li a.content-add:active {
background: url("/skins/modern/assets/icon-content-add.gif") no-repeat right;
}

#left li a.ads-add, #left li a.ads-add:link, #left li a.ads-add:active {
background: url("/skins/modern/assets/icon-ads-add.gif") no-repeat right;
}

#left li a.prefs, #left li a.prefs:link, #left li a.prefs:active {
background: url("/skins/modern/assets/icon-prefs.gif") no-repeat right;
}

#left li a.content-backup, #left li a.content-backup:link, #left li a.content-backup:active {
background: url("/skins/modern/assets/icon-content-backup.gif") no-repeat right;
}