/*-------------------------------
 global
-------------------------------*/

body {
 font-family: Trebuchet MS,Helvetica,sans-serif;
 font-size: 90%;
 min-width: 950px;
 text-align: center;
}

#container {
 text-align: left;
 width: 950px;
 margin: 0px auto;
}

table {
 border: 0px;
 border-style: none;
 border-collapse: collapse;
 font-size: 100%;
}

td {
 vertical-align: top;
}

h1 {
 font-size: 150%;
 font-weight: bold;
}

h2 {
 font-size: 120%;
}

a {
 font-size: 100%;
 color: #0077cc;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

img {
 border: 0px;
}

/*-------------------------------
 ads
-------------------------------*/
#ad {
 padding-top: 6px;
 text-align: center;
}

/*-------------------------------
 header
-------------------------------*/

table.header {
 width: 100%;
}

table.header td {
 vertical-align: middle;
 padding-bottom: 2px;
}

table.header img {
 border: 0px;
}

input#header-q {
 font-size: 100%;
}

table.header-search {
 float: right;
}

table.header-search td {
 vertical-align: top;
}

/*-------------------------------
 navigation
-------------------------------*/

table.navigation {
 width: 100%;
 border-top: 1px;
 border-top-color: #000000;
 border-top-style: solid;
 border-bottom: 4px;
 border-bottom-color: #000000;
 border-bottom-style: solid;
}

table.navigation td {
 background: #939598;
 color: #ffffff;
}

a#navigation {
 font-family: Verdana,Arial,Trebuchet MS,Helvetica,sans-serif;
 padding-left: 10px;
 padding-right: 10px;
 background: #939598;
 font-size: 70%;
 color: #ffffff;
 text-decoration: none;
}

a#navigation:hover {
 color: #ff9900;
}

/*-------------------------------
 input, textareas
-------------------------------*/

input#zip {
 width: 75px;
}

input#title {
 width: 200px;
}

textarea#paper {
 height: 200px;
 width: 500px;
}

textarea#edit_paper {
 height: 400px;
 width: 800px;
}

textarea#keywords {
 height: 50px;
 width: 800px;
}

textarea#yahoo {
 height: 50px;
 width: 800px;
}

/*-------------------------------
 errors
-------------------------------*/

span.hidden-error {
 font-weight: bold;
 color: #dc143c;
 display: none;
}

div.error {
 font-weight: bold;
 color: #dc143c;
}

/*-------------------------------
 list
-------------------------------*/

table.list {
 width: 80%;
}

table.list td {
 padding-top: 5px;
 padding-bottom: 5px;
 border-color: #cdcdcd;
 border-bottom: 1px;
 border-bottom-style: dotted;
}

table.list td.col0 {
 width: 25px;
}

table.list td.col1 {
 font-weight: bold;
}

table.list td.col2 {
 width: 100px;
 font-weight: bold;
}

table.list td.col3 {
 width: 100px;
 font-weight: bold;
}

/*-------------------------------
 browse
-------------------------------*/

table.browse {
 width: 100%;
}

table.browse td {
 width: 50%;
}

table.browse a {
 font-weight: normal;
}

table.browse a#category {
 font-size: 125%;
 font-weight: bold;
}



/*-------------------------------
 login, join boxes
-------------------------------*/

table.lockbox {
 width: 100%;
}

table.lockbox td {
 border: 5px;
 border-style: solid;
 border-color: #ffffff;
 padding: 6px;
 width: 50%;
 background: #e0eaf1;
}


/*-------------------------------
 login
-------------------------------*/

table.login {
 width: 100%;
}

table.login td {
 border: 0px;
 border-style: none;
 padding-bottom: 2px;
}

table.login td.login-col1 {
 font-size: 125%;
 width: 20%;
}

table.login td.login-col2 {
 width: 80%;
}

input#login-username {
 font-size: 125%;
 width: 75%;
 padding: 3px;
}

input#login-password {
 font-size: 125%;
 width: 75%;
 padding: 3px;
}

input#login-submit {
 font-size: 100%;
}

/*-------------------------------
 join
-------------------------------*/

p.join {
 font-size: 125%;
}

a.join {
 font-size: 150%;
}

/*-------------------------------
 essay
-------------------------------*/

table.essay {
 width: 100%;
}

table.essay td.essay-col1 {
 width: 70%;
 padding-right: 5px;
}

table.essay td.essay-col2 {
 width: 30%;
 padding-left: 5px; 
}

div#essay-preview {
 margin-bottom: 10px;
}

div#essay-paper {
 padding: 10px;
 background: #eeeeee;
 margin-bottom: 10px;
}

div#essay-info {
 padding: 10px;
 background: #ffefc6;
}

div#essay-info a {
 font-weight: normal;
 color: #735005;
}

/*-------------------------------
 search
-------------------------------*/

table.search {
 width: 100%;
}

table.search td.essay-col1 {
 width: 70%;
 padding-right: 5px;
}

table.search td.essay-col2 {
 width: 30%;
 padding-left: 5px; 
}

/*-------------------------------
 join, donate
-------------------------------*/

table.form {
 width: 100%;
}

table.form td#col1 {
 width: 150px;
}

/*-------------------------------
 change-password, change-email
-------------------------------*/

table.change td.change-col1 {
 width: 150px;
}

/*-------------------------------
 add-comment
-------------------------------*/

table.add-comment {
 background: #e0eaf1;
}

table.add-comment td.add-comment-col1 {
 padding-left: 10px;
 padding-bottom: 5px;
 width: 100px;
}

table.add-comment td.add-comment-col2 {
 padding-right: 20px;
 padding-bottom: 5px;
}

table.add-comment textarea {
 width: 300px;
 height: 100px;
}

/*-------------------------------
 report-essay
-------------------------------*/

table.report-essay {
 background: #e0eaf1;
}

table.report-essay td.report-essay-col1 {
 padding-left: 10px;
 padding-bottom: 5px;
 width: 100px;
}

table.report-essay td.report-essay-col2 {
 padding-right: 20px;
 padding-bottom: 5px;
}

table.report-essay textarea {
 width: 300px;
 height: 100px;
}

/*-------------------------------
 comment
-------------------------------*/

div.comment {
 padding: 5px;
}

div.comment-alt {
 background: #e4f2fd;
 padding: 5px;
}

/*-------------------------------
 page-numbers
-------------------------------*/
a.page-numbers {
 border: 1px solid rgb(204, 204, 204);
 color: rgb(128, 129, 133);
 float: center;
 font-size: 125%;
 margin-right: 3px;
 padding: 4px 4px 3px;
 text-decoration: none;
}

a:hover.page-numbers {
 background-color: rgb(128, 129, 133);
 border: 1px solid rgb(128, 129, 133);
 color: white;
}

a.page-numbers-current {
 background-color: rgb(128, 129, 133);
 border: 1px solid rgb(128, 129, 133);
 color: white;
 float: center;
 font-size: 125%;
 margin-right: 3px;
 padding: 4px 4px 3px;
 text-decoration: none;
}