body { background-color: #fff; color: #333; }

body {
    font-family: Verdana, "Lucida Grande", verdana, arial, helvetica, sans-serif;
    font-size:   .75em;
    line-height: 1.6;
    padding:0;
    margin:0;
    height:100%;
}

#login-form input {
   font-size: .75em;
}
#about-footer, #bookshelf {
   /*
	background-color: #f7f7f7;
  */
	width: 265px;
	float:left;
	line-height:1.2;
	color: #f7f7f7;
    margin-right: 3em;
    font-size: 90%;
	border:solid 1px #ddd;
}
#flickr-widget {
	
	background-color: #f7f7f7;
	width: 120px;
	float:left;
	line-height:1.2;
	color: #f7f7f7;
    margin-right: 2em;
    font-size: 90%;
	border:solid 1px #888;
}
.book-review-mini {
    width:112px;
    float:right;
    padding: 0 4px;
}
#bookshelf {
    width: 275px;
}
.sidebar-title {
	color:#66a;
}
#twitter_div {
   width:180px;
}
#twitter_update_list {
	border:solid 1px #ddf;
}
#twitter_div ul {
	list-style-type:none;
	background-color: #fff;
	padding:1em;
}
#twitter-div li {
	margin-bottom: 1em;
}
#about-footer-titlebar, #bookshelf-titlebar {
	background-color: #bbb;
	color: #000;
    padding: .2em 1em;
    /*
    background-image:url(/images/divider_glossy.gif);
    background-repeat:repeat-x;
    */
    height:16px;
}
#about-footer a {
	color:#888;
}
#about-footer-text, #bookshelf-text {
	padding: .7em 1em 1em 1.2em;
    color: #444;
}
#bottom-divider {
   /*
    background-image:url(/images/divider_glossy.gif);
   border-top:solid 10px #442;
   background-color:#220;
   */
	margin-top:2em;
    height: 10px;
}
#container-all {
   /*
	background:url(/images/blue_gradient.gif);
	background-repeat:repeat-x;
  */
	overflow:auto;
}
#bottom-container {
   height:100%;
   overflow:auto;
   /*
   background-color: #d0d0ea;
   background:url(/images/bottom_container_gradient.gif);
   */
   padding-top:1.5em;
}
#footer-container {
	width: 1050px;
	padding: 10px;
	margin:0 auto;
	font-size: 95%;
	clear:both;
}
.book-recommendation {
	clear:both;
	margin: 1em 0;
	overflow:auto;
}
#masthead {
   height: 3em;
    background-color:#333;
	border-top:solid 4px #000;
	color: #444;
    margin:0;
    height:44px;
}
#masthead-container {
	width:650px;
	margin:0 auto;
	padding: 10px;
}
.text-page {
   padding: 0 2.5em;
   width: 900px;
   margin:0 auto;
   background-color:#fff;
}
h3 {
   /* background-color: #fed; */
    margin-bottom: .3em;
    font-family: Garamond, Georgia, Times New Roman, serif;
    color: #83a;
    text-transform:uppercase;
    font-size: 150%;
}
h4 {
    margin-top: .6em;
    margin-bottom: .2em;
    color: #66a;
}
pre {
    background-color: #ccc;
    padding: 10px;
}
#container {
    width:1050px;
    margin:3em auto;
	overflow:auto;
}
#content {
    width: 600px;
    float:left;
    text-align:center;
    height:500px;
}
.text-page ul li, .text-page ol li {
    list-style-type:none;
}
.links {
    margin: 2em 0 0 0;
}
#right-container.links ul {
	margin-left: -2em;
}
#img-container {
    width:550px;
    margin:0 auto;
    text-align:center;
}
#right-container, #left-container {
	height:100%;
    padding-top: 30px;
}
#right-container {
    width: 200px;
    text-align:left;
    float:left;
}
#left-container {
    width: 200px;
    text-align:left;
    float:left;
}
.links ul {
}
.links ul li  {
    list-style-type:none;
}
.links li a {
    text-decoration:none;
    color:#888;
}
.arabic {
    margin-right: 1em;
}

.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;
}

.rounded {
	
  -moz-border-radius:3px;-webkit-border-radius:3px;z-index:1000;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}
#masthead a {
    color:gold;
}
.img-wrapper {
    background:url(/images/shadow.gif) no-repeat right bottom;
    float: left;
}

.img-outer {
    background:url(/images/bottom-left2.gif) no-repeat left bottom;
    float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
    background:url(/images/top-right2.gif) no-repeat top right;
    padding: 0 5px 5px 0;
    float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
    background-color: #fff;
    border: 1px solid #a9a9a9;
    padding: 2px;
    display: block;
}