/* =========================================================
    SERIVS M+L, CSS DEFAULT
   ========================================================= */
   
/* ============================================
    RESET
   ============================================ */
   
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* ============================================
    GLOBAL
   ============================================ */

body {
  background: #3e3e3e url(../img/bg.png) repeat-x ;
  color: #000;
  font-size: 62.5%;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 20px 0;
  text-align: center;
}

#all-the-web {
  background: #fff url(../img/main.gif);
  margin: 0 auto;
  text-align: left;
  width: 990px;
}

p { line-height: 1.3em; margin: 0 0 1em 0; }
a { color: #990000; }
a:hover { color: #660000; }
img { border: 0; }
hr { border: 1px #990000 solid; }
big { font-size: 1.2em; }
acronym {
  border-bottom: 1px dashed;
  cursor: help;
  padding: 0 0 0 1px;
}

.hide { display: none; }

/* ============================================
    HEADER
   ============================================ */
   
#header {
  background: url(../img/header_bg.jpg);
  height: 242px;
}
   
#header h1 {
  background: url(../img/logotype.png);
  height: 96px;
  position: relative; top: 35px; left: 88px;
  width: 160px;
}

#header h1 span {
  display: block;
  height: 0;
  overflow: hidden;
	width: 0;
}

#header h1 a {
  display: block;
  height: 100%;
  width: 100%;
}

#header small {
  background: url(../img/slogan.png);
  display: block;
  height: 11px;
  position: relative; top: 71px; left: 38px;
  width: 263px;
}

#header small span {
  display: block;
  height: 0;
  overflow: hidden;
	width: 0;
}

/* ============================================
    FOOTER
   ============================================ */

#footer {
  background: #002246 url(../img/footer.png);
  clear: both;
  color: #fff;
  font-size: 1.1em;
  height: 24px;
  margin: -10px 0 0 0; /* -10px = IE 7 hack */
  padding: 10px 30px;
}

#footer a { color: #af873e; text-decoration: none; }
#footer a:hover { color: #d6b16c; }

#footer .copy {
  float: left;
}

#footer .links {
  float: right;
}

/* ============================================
    SIDEBAR
   ============================================ */
   
#sidebar {
  background: #002246;
  color: #fff;
  float: left;
  font-size: 1.4em;
  margin: 0 0 30px 49px;
  width: 240px;
}

#sidebar #ending {
  background: url(../img/sidebar_ending.jpg);
  height: 156px;
}

#sidebar ul#menu {
  font-weight: bold;
  list-style: none;
  margin: 0 2px 20px 15px;
}

#sidebar ul#menu li {
  background: url(../img/bullet_wrench.png) no-repeat left center;
  line-height: 1.8em;
  padding: 0 0 0 25px;
}

#sidebar ul#menu a {
  border-bottom: 1px #334e6b solid; 
  color: #fff;
  display: block;
  padding: 0 0 0 5px;
  text-decoration: none;
}

#sidebar ul#menu a:hover {
  background: #334e6b;
  border-bottom: 1px #cc9933 solid;
  color: #fee2ac;
}

/* ============================================
    CONTENT
   ============================================ */
   
#content {
  font-size: 1.2em;
  margin: 0 15px 10px 289px;
  padding: 10px 34px 15px 20px;
}

#content h2 {
  border-left: 0.8em #f0ae24 solid;
  color: #990000;
  font-size: 1.6em;
  padding: 0 0 0 0.3em;
  margin: 0 0 0.5em 0;
}

#content h3 {
  border-left: 0.4em #4c6886 solid;
  color: #002246;
  font-size: 1.2em;
  padding: 0 0 0 0.3em;
  margin: 0 0 0.5em 0.4em;
}


/* ============================================
    NEWS
   ============================================ */

#content #welcome-text {
  border-right: 1px #990000 solid;
  margin: 0 240px 0 0;
  padding: 0 10px 0 0;
}

#content #news-box {
  border-left: 1px #990000 solid;
  float: right;
  margin: 0 0 20px 0;
  padding: 0 0 0 10px;
  width: 230px;
}

#content #news-box .date {
  color: #990000;
  font-size: 0.9em;
}

#content #news-box .heading {
  background: #334e6b;
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
  margin: 0 0 5px 0;
  padding: 2px 3px;
}

#content #news-box .subject {
  color: #334e6b;
  font-size: 1.1em;
  font-weight: bold;
}

#content #news-box .subject a { color: #334e6b; }

#content #news-box p {
  font-size: 0.9em;
}

#content #news-box ul {
  list-style: none;
  margin: 0 0 0 5px;
}

#content #news-box ul li {
  background: url(../img/bullet_redsquare.gif) no-repeat left 6px;
  padding: 0 0 0 10px;
}

#content #news-box .older {
  float: right;
  margin: 0 15px 0 0;
}

/* ============================================
    SALE
   ============================================ */
   
table.sale {
  border: 1px #002246 solid;
  border-collapse: collapse;
  margin: 0 0 15px 0;
  width: 100%;
}

table.sale td {
  padding: 0.3em 0.5em;
  vertical-align: top;
}

table.sale .photo {
  background: #cccccc;
  border-right: 1px #990000 dashed;
  padding: 5px;
  vertical-align: top;
  width: 200px;
  text-align: center;
}

table.sale .photo img {
  border: 1px #666666 solid;
  /*display: block;*/
}

table.sale td.name {
  background: #334e6b;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  height: 20px;
  padding-left: 0.6em;
}

table.sale td.item {
  background: #f9dca1;
  color: #996600;
  font-weight: bold;
  padding: 0.3em 1em 0.3em 1em;
  text-align: right;
  vertical-align: top;
}

table.sale tr.desc {
  height: 70px;
}

/* ============================================
    GUESTBOOK
   ============================================ */
   
#content .question, #content .answer {
  border: 1px #996600 solid;
  margin: 0 0 0.8em 0;
  width: 90%;
}

#content .answer {
  border: 1px #002246 solid;
  margin: 0 0 0.8em 30px;
}

#content .question .heading, #content .answer .heading {
  color: #fff;
  height: 1.3em;
  line-height: 1.2em;
  padding: 0.4em;
}

#content .answer-arrow {
  float: left;
}

#content .question .heading {
  background: #cc9933;
}

#content .answer .heading {
  background: #2e4967;
}

#content .heading .date {
  display: inline-block;
  float: left;
  font-size: 0.9em;
  width: 100px;
}

#content .heading .name, #content .heading strong { float: left; }

#content .heading .name { margin: 0 1em 0 0; }

#content .question .admin, #content .answer .admin { float: right; }

#content .question p, #content .answer p { padding: 0.4em 0.4em 0 0.4em; }

#content .answer .heading a { color: #000; }
#content .answer .heading a:hover { color: #002246; }

form#new-question { margin: 0 0 2em 0; }

#new-question ol { list-style: none; }

#new-question li {
  background: #e0ecf9;
  border-bottom: 1px #5c7a9a dotted;
  padding: 0.3em;
}

#new-question fieldset {
  border: 1px #ccccff solid;
  border-bottom: 0;
}

#new-question label {
  display: inline-block;
  padding: 3px 0 0 0;
  vertical-align: top;
  width: 80px;
}

#new-question label.long {
  width: 220px;
}

#new-question input[type=submit] {
  margin: 0 0 0 83px;
}

/*OTHER JEAN'S STYLES*/
.missing-array
{
color: red;
font-weight: bold;
}

#error
{
border: 1px solid black;
text-align: center;
font-size: 12px;
font-weight: bold;
color: white;
float: right;
width: 630px;
margin-right: 50px;
background-color: red; 
}

#success
{
color: white;
border: 1px solid black;
text-align: center;
font-size: 12px;
font-weight: bold;
float: right;
width: 630px;
margin-right: 50px;
background-color: green; 
}