/* -- GLOBAL SETTINGS -- */
body {background: #f5f5f5 url(img/bg.gif) top left repeat-y; font: 14px Times New Roman, Times, serif; color: #333; margin: 0; padding: 0; text-align:center;}
* { margin: 0; padding: 0;}
.clear {clear:both;}

p {padding-bottom: 15px; line-height:18px }
a {color: #2f5e8e; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border:0px;}

h1 {font-size: 24px;  line-height: 42px;}
h2 {font-size: 26px; line-height: 21px; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:10px; text-transform:uppercase;}
h3 {font-size: 14px; line-height: 21px;  text-transform:uppercase;}
h3 a {font-size:18px;}
h1, h2, h3 {color: #6699cc; font-weight:normal;}
small {font-size:12px; color:#999; display:block; margin-bottom:15px;}
ul, ol {margin: 11px 0 10px 18px; }

#wrap {width: 960px; background: #fff; margin:auto;border:2px solid #111; margin-top:10px;}
#main {background:#fff; border-top:1px solid #fff; padding:0px 0px 0px 0px;}
#content {padding:20px; text-align:left;}
#content td {vertical-align:top; padding:7px;}
#content ul {margin:0 0 15px 30px;}
#content li {line-height:18px; padding-bottom:3px;}
#content h3 {font-size: 14px; line-height: 21px;  font-family:Georgia, Times New Roman; padding-bottom:0px;}

br.clear {clear: both;}

.alignright {float:right; margin:0 0 20px 20px;}
.alignleft {float:left; margin:0 20px 20px 0px;}

/* -- HEADER -- */

#head {background:#fff; height: 145px;}
#head h1 {background:  url(img/shemheader.jpg) no-repeat; position: relative; top:0px; left:0px;}
#head h1 a {display: block; text-indent: -9000px; height:145px; width:960px;}

#logo {float:left; width:960px;}

#search {padding:3px 10px; background:#ffe2b5; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#s {padding:2px;}
/* -- SPOTLIGHT -- */

#slogan { padding:0px 0px 0px 0px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:10px;}
#addwork {float:left; text-align:left; padding:15px 0px 15px 10px; width:560px; margin-right:20px; border-right:1px solid #ddd;}
#addwork h2 {font-size:16px; border-bottom:0; margin-bottom:5px; font-weight:bold;}
.book {float:left; width:140px; margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:10px;}

#addwork1 {float:left; text-align:left; padding:15px 10px; width:340px;}
#addwork1 h2 {font-size:16px; border-bottom:0; margin-bottom:5px; font-weight:bold;}

#mercy {font-size:17px; font-weight:bold; padding:7px 0; border-bottom:1px solid #ddd;background:#fdefd9; margin:0 10px; }
#nytimes {font-size:17px; font-weight:bold; padding:7px 0; border-bottom:1px solid #ddd;background:#6699cc; margin:0 10px; color#fff;}
#nytimes a {color:#fff; text-decoration:underline;}
#nytimes a:hover {color:#fff; text-decoration:none;}

/* -- HOMEPAGE -- */
#introboxes {border-bottom:1px solid #ddd; margin:0 10px;}
#introbox1 {width:345px; float: left; text-align:left; margin-right:0px; padding:10px 10px 10px 10px; background:#f5f5f5;}
#introbox1 p {padding-bottom:7px;}
#introbox1 h3 {font-size: 16px; line-height:normal;  text-transform:uppercase; color:#222; font-weight:bold; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
#introbox2 {width:325px; float: left; text-align:left; margin-right:0px; padding:10px 20px;}
#introbox3 {width:190px; float: left; text-align:left; padding:10px; background:#fdefd9; margin-bottom:10px;}
#introbox3 a {color:#bf8d40;}

#box1 {width: 319px; float: left; text-align:left; margin-right:0px; border-right:1px solid #ddd;}
#box2 {width: 319px; float: left; text-align:left; margin-right:0px; border-right:1px solid #ddd;}
#box3 {width: 320px; float: left; text-align:left;}

#box1 h2 {padding:7px 20px; background: #6699cc; color:#fff; border-bottom:0px; margin-bottom:15px; border-bottom:2px solid #d2881d;}
#box2 h2 {padding:7px 20px; background: #6699cc; color:#fff; border-bottom:0px; margin-bottom:15px; border-bottom:2px solid #d2881d;}
#box3 h2 {padding:7px 20px; background: #6699cc; color:#fff; border-bottom:0px; margin-bottom:15px; border-bottom:2px solid #d2881d;}

#box3 h3 {padding:0 20px 0px 20px;}
#box3 small {padding:0 20px 5px 20px;}

#box1 p {padding:0 20px 15px 20px;}
#box2 p {padding:0 20px 15px 20px;}
#box3 p {padding:0 20px 15px 20px;}

/* WEBLOG */

.post {border-bottom: 1px solid #eee; margin-bottom: 15px;}
.comment-list {width: 460px}
.avatar {float: right;}
#comment {width: 460px;}

/* -- PAGE STRUCTURE -- */

#col1 {float:left; width:630px; margin-right:20px;}
#col2 {float:right; width:238px; padding:15px; background:#f5f5f5; border:1px solid #eee; font-size:16px;}
#col2 ul {list-style:none; margin:0;}
#col2 ul ul {list-style:none; margin:0; margin-bottom:0px;}
#col2 ul ul ul {list-style:none; margin:0;}
#col2 li {list-style:none; font-weight:bold;}
#col2 li li {list-style:none; font-weight:normal; margin-bottom:0px;}
#col2 li li li {list-style:none; font-weight:normal; margin-bottom:0px; padding-left:15px;}

/* -- FOOTER -- */

#footer {margin:auto; padding: 15px; text-align:center; font-size:14px;}

/* -- MENU -- */

#menu {width:960px; margin:auto; background: #6699cc; font-family:arial; font-weight:bold; font-size:12px;}
#menu ul {margin: 0; background:#6699cc;}
#menu li {list-style: none; display:inline; float:left; line-height:normal; padding-bottom:0px;}
#menu ul ul li {_padding-left: 10px;}
#menu li a {color:#fff;	padding:10px; display: block; text-decoration: none; text-transform:uppercase; border-right:1px solid #fff;}
#menu li a:hover {color: #fff; background: #497caf;}
#menu li li a {color:#fff; background:#497caf; display: block; text-decoration: none; font-size:11px; border-right:0px;}
#menu li li a:hover {color: #fff; background:#2f5e8e; border-bottom:0px; }
#menu li li li a {color:#fff; background:#497caf; display: block; text-decoration: none; font-size:11px;}
#menu li li li a:hover {color: #222; background:#2f5e8e; border-bottom:0px; border-left:0px; border-right:0px; }

#menu ul {z-index: 500;}
#menu li {display: inline; float: left; position: relative; text-align: left; margin:0px;}
#menu li ul {width: 200px; height: auto; top: 100%; left: 0px; background:#007ac7; list-style-type:none;}
#menu li ul li {text-align: left; width: 200px; height: auto; min-height: auto; display: block;}
#menu a {text-decoration: none;}
#menu li li ul {top: 0; left: 0;}
#menu li li:hover ul {left: 200px;}

/* initialy hide all sub sidemenus */
#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul,
#menu ul ul ul li:hover ul ul,
#menu ul ul ul ul li:hover ul ul {display: none; position: absolute;}

/* display them on hover */
#menu li:hover ul,
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul ul ul ul li:hover ul,
#menu ul ul ul ul ul li:hover ul {display: block;}