html, body {
	background-color: #fdc588;
	margin: 0; padding: 0;
}

body, p, ol, ul, li, td {
  font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", verdana, arial, helvetica, sans-serif;
  font-size: 14px;
}

a { color: green; }
a:hover { background-color: green;  color: white; }

small { font-size: 11px; color: grey; }

#workspace {
    background-color: #FFF;
    width: 760px;
    margin: 12px auto;
    padding: 12px;
}

#head_image {
    background-color: #FFF;
    width: 760px;
    margin: 0 auto 2px auto;
    padding: 0;
    text-align: center;
}

#main-body {
    background-color: #FFF;
    width: 550px;	/* was 550 */
    margin: 0;
    padding: 5px;
    float: left;
}

#sidebar {
    background-color: #FFF;
    width: 150px;  /* was 150 */
    margin: 0 0 0 570px;	/* was 570 */
    padding: 5px 0 5px 5px;
    text-align: center;
}

#footer {
    clear: both;
    border-top: 3px solid grey;
    text-align: center;
    width: 760px;
    margin: 0;
    padding: 0.3em 0;
}

#bread_crumbs {
	margin: 0; padding: 0 0 25px 0;
	font-size: 17px;
	color: #1A0E07;
}
#bread_crumbs a { color: #BB6633; text-decoration: none;}
#bread_crumbs a:hover { color: #1A0E07; background-color: white; }
	
#notice {
    background-color: #9bf294;
    color: #274705;
    border: solid #274705 1px;
    margin: 10px auto;
	text-align: center;
	padding: 5px;
	font-size: 15px;
	width: 300px;
}
	
#warning {
    background-color: #f6bc8e;
    color: #8d3104;
    border: solid #8d3104 1px;
    margin: 10px auto;
	text-align: center;
	padding: 5px;
	font-size: 15px;
	width: 300px;
}
	
#error {
    background-color: red;
    color: #fff;
    margin: 10px auto;
	text-align: center;
	padding: 5px;
	font-size: 15px;
	width: 300px;
}

.sidebar_head {
    font-weight: 800;
    margin: 35px 0 4px 0;
    padding: 0;
    font-size: 18px;
    font-style: italic;
}

.sidebar_menu {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    text-align: left;
}

.sidebar_menu ul {
    width: 100%;
    margin: 0;
    padding: 4px 0 4px 12px;
    list-style: none;    
}

.sidebar_menu li {
    padding: 2px 12px 2px 2px;
}

.sidebar_menu a { color: black; font-size: 13px; text-decoration: none; font-weight: 500; }
.sidebar_menu a:hover { background-color: white; color: grey; }

#sidebar_category_head { 
    color: blue;
}

#sidebar_categories {
    border-top: 3px solid blue;
    border-left: 3px solid blue;
}

#sidebar_authors_head { 
    color: green;
}

#sidebar_authors {
    border-top: 3px solid green;
    border-left: 3px solid green;
}

#sidebar_links_head { 
    color: red;
}

#sidebar_links {
    border-top: 3px solid red;
    border-left: 3px solid red;
}

#sidebar_admin_head { 
    color: grey;
}

#sidebar_admin {
    border-top: 3px solid grey;
    border-left: 3px solid grey;
}

#search-box { margin: 10px 0 25px 20px; }

#search-box h1 { color: orange; text-align: center; font-weight: bold; }

#search-field { margin-top:10px; color: grey; text-align: center; }

.post-in-mainview {
    margin: 0 0 35px 0;
    padding: 0;
}

.post-in-mainview h1 {
    margin: 0;    padding: 0;   color: green;
}

.post-in-mainview h1 a {
    text-decoration: none;
}

.mainview-footnote {
    margin: -6px 0 0 0; padding: 0;   
    color: grey;
}

.quote{
    width: 350px;
    background: url(/images/app/quote-opening.png) top left no-repeat;
	background-color: #C8E1F0;
    border: 1px solid #1C4D6A;
    margin: 25px auto 30px auto;
    padding: 0 0 0 50px;
}

blockquote{
    background: url(/images/app/quote-closing.png) bottom right no-repeat;
	background-color: #C8E1F0;
    margin: 20px 0 0 0;
    padding: 0 50px 20px 0;
    color: #1C4D6A;
    font-size: 13px;
    font-style: italic;
    text-align: left;
}

blockquote cite {
    display: block;
    color: #1C4D6A;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-align: right;
}

.image_center_align {
    margin: 10px auto 20px auto;
    text-align: center;
    text-indent: 0;
}

.stabilo { background-color: yellow; }

.formatted_code {
    margin: 1em;
    padding: 1em;
    background-color: #F0D8C9;
    font-family: "Courier New", Courier, mono;
    font-size: 1em;
    text-indent: 0;   
}

/* code below comes from scaffold stylesheet */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}