/*
Copyright (c) 2008, William T. Katz.  All rights reserved.
*/
h1{font-size:153.9%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}
li{margin-bottom: 0.5em;}

.right {
  float: right;
  padding: 0;
  margin: 0 0 10px 20px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height:0;
  height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* flash-messages */
.flash .message {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align:center;
  margin: 0 auto 15px;

}
.flash .message p {
  margin:8px;
}
.flash .error {
  border: 1px solid #fbb;
  background-color: #fdd;
}
.flash .warning {
  border: 1px solid #fffaaa;
  background-color: #ffffcc;
}
.flash .notice {
  border: 1px solid #1FDF00;
  background-color: #BBFFB6;
}

/* The header/footer with links to Writertopia and member functions. */
div#headerbar {
  background: #FCFFFF none repeat scroll 0% 0%;
  border-bottom: 2px #5D9EBF solid;
  font-size:  93%;
  height:  2.5em;
  line-height: 2.5em;
  margin-bottom: 6px;
  text-align: right;
}
ul.linkbar {
  margin: 0;
}
ul.linkbar li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul#appLinkBar {
  float: left;
}
ul#appLinkBar li {
  padding-right: 1em;
}
div#ft {
  clear: none;
  background: #FCFFFF none repeat scroll 0% 0%;
  border-top: 2px #5D9EBF solid;
  font-size:  85%;
  height:  2.5em;
  line-height: 2.5em;
  margin: 6px 0;
  text-align: right;
}
p#copyright {
  float: left;
}
ul#memberBar, ul#rightFooterBar {
  float: right;
}
ul#memberBar li, ul#rightFooterBar li {
  padding-left: 6px;
}
#sidebarAds {
  float: right;
  text-align: right;
}

/* Logo and header area */
div#logobar {
  margin-bottom: 5px;
}
div#logo {
  margin: 5px 0 0 -3px;
}
h1.title {
  float: left;
  color: #666666;
  font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", georgia;
  font-style: italic;
  font-weight: normal;
  font-size: 197%;
  margin: 1.1em 0 0 0;
  padding: 0;
}
div#sidelogo img {
  float: right;
}
#header {
  margin: 5px 0 10px 0;
}

/* App frames */

div.appframe {
  border-left: solid 5px #C3D9FF;
  border-top: solid 10px #C3D9FF;
  min-height: 400px;
  position: relative;
  z-index:3;
  background: #fff;
  /*border: solid 2px #5d9ebf;
  background: #C3D9FF;
  background-color: #E0ECFF;*/
}
div.appmenu h3 {
  margin: 20px 0 0 10px;
}
div.appmenu div.role {
  margin: 0 0 10px 10px;
}
div.appmenu a, div.appmenu p {
  margin: 0;
  padding: 5px 0 5px 10px;
}
div.appmenu a {
  display: block;
  cursor: pointer;
  font-size: 105%;
  color: #0000CC;
  text-decoration: underline;
}
div.appmenu a:link, div.appmenu a:visited {
  color: #0000CC;
  text-decoration: underline;
}
div.appmenu a:hover {
  color: #5D9EBF;
  text-decoration: underline;
}
div.appmenu .selected {
  background-color: #C3D9FF;
  /*background-color: #E8EEF7;*/
  position: relative;
  z-index:1;
  width: 500px;
  white-space: nowrap;
}
div.appmenu a.selected {
  text-decoration: none;
  font-weight: bold;
}
div.appmenu a.subheading {
  margin: 0;
  padding: 5px 0 5px 20px;
}

/* Main content */
.toplined         { border-top: 1px solid #5D9EBF; }
.bottomlined      { border-bottom: 1px solid #5D9EBF; }
.highlight        { background-color: #ffff99; }
.editHighlight    { 
  background-color: #ffff99; 
  vertical-align: top; 
  font-size: 110%; 
  font-weight: bold;
}
.subtitle         { margin-top: 0; }
.hide             { display: none; }
span.displaynone  { display: none; }
span.spacer       { margin: 0 0.5em; }
#navigation div   { margin: 0 0 10px 10px; }
#navigation a     { display: inline; }

div.banner {
  margin: 10px 0;
  padding: 10px;
  background: #c8eaff;
  text-align: center;
}
div.banner h2 {
  font-weight: normal;
  font-size: 182%;
  margin: 0;
  padding: 0;
}
div.greenBoxLeft {
  background:#C5F5A3;
  margin: 0;
  padding: 3px 0;
  width: 400px;
}
div.greenBoxRight {
  float: right;
  background:#C5F5A3;
  margin: 50px 0 20px 20px;
  padding: 10px;
  width: 300px;
}
div.greenBoxRight.toppy {
  margin: 20px 0 20px 20px;
}
div.content {
  font-family: Gotham,Verdana,Arial,Helvetica,sans-serif;
  font-size: 108%;
  line-height: 140%;
}
div.content p, div.content table {
  margin: 10px 10px 20px 10px;
  padding: 0;
}
div.content p.smallNote {
  font-size: 90%;
}
div.content .minorNote {
  font-size: 85%;
}
div.content code {
  margin: 10px 10px 10px 20px;
  padding: 0;
}
div.content h2, div.content h4, div.content h5 {
  margin-left: 10px;
}
div.content h3 {
  color: #000;
  background-color: #c8eaff; /* #c2deec; #D0DEF0;*/
  border-top: solid 1px #5d9ebf;
  /*background-color: #c2deec;*/
  margin: 0 0 0.8em 0;
  padding: 2px 5px 2px 10px;
}
div.content h3.highlight {
  background-color: #ffff99;
}
div.content h4, div.content h5 {
  color: #333333;
}
div.content ul, div.content ol, div.content dl {
  margin-left: 3em;
}
div.contentblock {
  margin-bottom: 15px;
}
div.contentblock div {
  margin-left: 10px;
  padding: 0;
}
div.contentblock p, div.contentblock h4, div.contentblock h5, div.contentblock h6 {
  margin-left: 0;
}
div.example {
  margin: 0;
  padding: 11px 15px;
  background: #EEEEEE;
}
div.centralComment {
  text-align: center;
}
.example td{
  border: 0;
  padding: 0;
}
div.contentSidebar div.contentblock {
  margin: 0 0 10px 0;
  padding: 5px 10px 0 10px;
  background-color: #c5f5a3;
  border-top: solid 1px #85b563;
}
div.contentSidebar h3 {
  background-color: #c5f5a3;
  margin: 0 0 0.4em 0;
  padding: 0;
}
table.data {
  margin: 10px 10px;
  padding: 0;
  border: 1px solid #000;
}
table.data th, table.data td {
  margin: 0;
  padding: 8px 20px;
  text-align: center;
  border-bottom: 1px solid #b5b5b5;
}
table.data th {
  background: #e6e6e6;
}
table.centered {
  margin-left: auto;
  margin-right: auto;
}
div.appframe table.dataleft th, div.appframe table.dataleft td {
  text-align: left;
  vertical-align: top;
  margin: 0;
  padding: 8px;
  border-bottom: 1px solid #b5b5b5;
}
table.adminTable {
  margin: 5px 10px 20px 10px;
  padding: 0;
}
table.adminTable th {
  margin: 0;
  padding: 8px 20px 8px 0;
  border-bottom: 1px solid #5d9ebf;
  font-weight: bold;
}
table.adminTable td {
  margin: 0;
  padding: 8px 20px 8px 0;
}

/** Tables for listing items **/

#tablelist {
  margin: 0;
  padding: 0;
}
#tablelist caption {
  margin: 0;
  padding: 0;
  text-align: left;
}
#tablelist th, #tablelist td {
  text-align: left;
  padding: 15px;
  font-size: 0.9em;
}

/* Sidebar */
#searchWrap input{ vertical-align:middle; }
#searchWrap #s{ font-size:1.1em; border:1px solid #BBB; padding:1px 2px; width:150px; }
div.sectionimg {
  text-align: right;
}

/* Request form */
div.request {
  width: 430px;
}
div.request form input[type=text], div.request form textarea {
  width:98%;
}
div.request p {
  margin: 10px 10px;
  padding: 0;
}
div.request label, div.request input, div.request textarea, div.request select {
  font-family: Gotham,Verdana,Arial,Helvetica,sans-serif;
}

/* Other forms */
div.appframe div#maincontent {
  margin: 0;
  padding: 20px 0 0 20px;
}
div.appframe h3 {
  color: #000;
  background-color: #fff; /* #c8eaff; #c2deec; #D0DEF0;*/
  border-top: none;
  border-bottom: solid 1px #5d9ebf;
}
div.appframe th, div.appframe td {
  padding: 2px 10px 2px 0;
}
div.appframe td.label {
  text-align: right;
}
form.form1 th {
  margin: 0;
  padding: 10px 0 1px 0;
}
form.form1 p, form.form1 td {
  color: #666;
  font-size: 95%;
  font-family: "lucida grande",tahoma, verdana,arial,sans-serif;
}
form.form1 p {
  margin: 10px;
}
form.form1 table {
  margin: 0 0 0 10px;
  padding: 0;
}
form.form1 table input {
  width: 100%;
}
input.longInput {
  width: 400px;
}
input.shortInput {
  width: 200px;
}
input.veryShortInput {
  width: 100px;
}

/* Rich-text editor */
#richTextEditor {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 430px;
  text-align: center;
}
#richTextEditor input {
  margin: 0 0 0 10px;
}

/* Member Profile */
#reference {
  float: right;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 0 10px 0 10px;
  margin: 0 0 20px 10px;
  background-color: white;
}
#reference ul, #reference ol, #reference dl {
  margin-left: 20px;
}
#referencedata {
  width: 200px;
}
#referencedata img {
  margin: 0 0 10px 0;
  padding: 0;
}
#referencedata p {
  margin: 0 0 10px 10px;
  padding: 0;
  font-size: 85%;
  line-height: 140%;
}
#referencedata ul.links li {
  margin: 0;
  padding: 0;
  line-height: 140%;
  list-style: square;
}
#referencedata li {
  margin: 0;
  padding: 0;
  font-size: 85%;
  line-height: 140%;
}

/** Award layout **/
#quotations {
  margin: 0 10px;
  padding: 0;
}
#quotations table {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
#quotations tr {
  margin: 0;
  padding: 0;
}
#quotations td, th {
  text-align: left;
  vertical-align: top;
}
#quotations td.attribution {
  border-bottom: 1px solid #5D9EBF;
  margin: 0;
  padding: 10px 15px 10px 0;
  width: 25%;
}
#quotations dl {
  margin: 0;
  padding: 0;
}
#quotations td.quote {
  border-bottom: 1px solid #5D9EBF;
  margin: 0;
  padding-top: 10px;
  width: 75%;
}
#quotations td.quote div {
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  background: url(/images/lquote.gif) no-repeat top left;
}
#quotations td.quote blockquote {
  margin: 0;
  padding: 0 10px;
  font-family: courier;
  font-size: 110%;
  text-align: justify;
  background: url(/images/rquote.gif) no-repeat bottom right;
}
#quotations dt.name {
  margin: 0;
  padding: 0;
  font-weight: bold;
  text-align: right;
}
#quotations dd.description {
  margin: 0;
  padding: 0;
  text-align: right;
}
#quotations p {
  font-size: 100%;
  line-height: 140%;
  margin: 0 0 10px 10px;
  padding: 0;
}
#award div p {
  margin: 0 0 10px 10px;
  padding: 0;
}
#award #links ul {
  margin: 10px 0 0 5px;
  padding: 0;
  list-style: none;
}
#award #moderators p {
  font-size: 80%;
}
#winners {
  width: 100%;
}
#winners dl {
  float: left;
  width: 30%;
  margin-right: 3%;
  margin-top: 10px;
  padding: 0;
}
#winners dt {
  float: left;
  text-align: right;
  color: #666;
  font-weight: bold;
  margin: 0 5px 0 0;
  padding: 0;
}
dd#winners {
  float: right;
  text-align: left;
  margin: 0 0 0 10px;
  padding: 0;
}

/** Store **/
#amznStore {
  margin-top:-24px;
}