/* SITE TITLE BAR */
/* ------------------------------------------------------------------------------------------------------------------------ */

body, textarea { font-family: Arial, sans-serif; }
body {margin:0; padding:0; min-width:824px; font-size: 80%; color:#1a3ea4; text-align:center; line-height:1.3em; background:url(../images/table-bg5.jpg) #c08342;}

div#container {position:relative; width:824px; margin:0px auto; padding:0; text-align:left;}

h1 {float:left; height:85px; width:275px; text-indent:-9999px; background:url(../images/write-invite-logo.png) no-repeat top left; margin:0 0 0 25px; padding:0;}
div#status {float:left; background:url(../images/paper.png) no-repeat bottom left; width:374px; margin:0 0 0 140px; padding:10px 0 20px 0;}
div#status form,  div#status p {margin:0 50px 0 20px; padding:0; }
div#status form fieldset {margin:0; padding:0 0 0 65px; border:0; background:url(../images/login.png) no-repeat top left;}
div#status form fieldset legend {display:none; visibility:hidden;}
div#status form fieldset input { float:left; border:1px solid #999; width:80px; margin:8px 0 0 5px; padding:2px; color:#333;}
div#status form fieldset label { display:none; visibility:hidden;}
div#status form fieldset button#go { float:left; display:block; width:31px; height:34px; line-height:34px; margin:0 0 0 5px; padding:0; border:0; background:url(../images/btn-go.png) no-repeat; text-indent:-9999px;  cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */}

ul#menu {float:left; width:824px; list-style:none; padding:0 20px; margin:25px 0 0 0; background:url(../images/book-top2.png) bottom left no-repeat; height:58px;}
ul#menu li {text-indent:-9999px; display:block; width:101px; height:58px; float:left; }
ul#menu li a {display:block; width:101px; height:58px; border:0; outline:none; }

ul#menu li#n_contents {background:url(../images/test-button.png) no-repeat 0 0;}
ul#menu li#n_writeinvite {background:url(../images/btn-writeinvite.png) no-repeat 0 0; margin-left:10px;}
ul#menu li#n_writeonsite {background:url(../images/btn-writeonsite.png) no-repeat 0 0; margin-left:27px;}
ul#menu li#n_members {background:url(../images/btn-members.png) no-repeat 0 0; margin-left:80px;}
ul#menu li#n_admin {background:url(../images/btn-admin.png) no-repeat 0 0; margin-left:27px;}
ul#menu li#n_links {background:url(../images/btn-links.png) no-repeat 0 0; float:right; margin:0 45px 0 0;}

body#contents ul#menu li#n_contents,
body#writeinvite ul#menu li#n_writeinvite,
body#writeonsite ul#menu li#n_writeonsite,
body#members ul#menu li#n_members,
body#admin ul#menu li#n_admin,
body#links ul#menu li#n_links {background-position:0 -60px;}

div#notebook {width:823px; float:left; background:url(../images/book-middle.png); }

div#notebook div.page {float:left; width:380px;}
div#notebook div#p-left {margin-left:14px;}
div#notebook div#p-right {margin-left:34px;}

div#notebook div.stain1 {background:url(../images/stain1.gif) no-repeat bottom left;}
div#notebook div.stain2 {background:url(../images/stain1.gif) no-repeat top right;}
div#notebook div.stain3 {background:url(../images/stain1.gif) no-repeat center right;}
div#notebook div.stain4 {background:url(../images/stain2.gif) no-repeat bottom left;}
div#notebook div.stain5 {background:url(../images/stain2.gif) no-repeat top right;}
div#notebook div.stain6 {background:url(../images/stain2.gif) no-repeat center right;}
div#notebook div.stain7 {background:url(../images/stain2.gif) no-repeat bottom right;}

div#notebook div.page p {margin:1em 15px; padding:0;}
div#notebook div.page h2#h_welcome { height:43px; text-indent:-9999px; background:url(../images/title_welcome.gif) no-repeat top center;}
div#notebook div.page h2#h_welcome2 { height:120px; text-indent:-9999px; background:url(../images/title_welcome2.gif) no-repeat top center;}
div#notebook div.page h2#h_aboutus { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_aboutus.gif) no-repeat top center;}
div#notebook div.page h2#h_contactus { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_contactus.gif) no-repeat top center;}
div#notebook div.page h2#h_writeinvite { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_writeinvite.gif) no-repeat top center;}
div#notebook div.page h2#h_writeonsite { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_writeonsite3.gif) no-repeat top center;}
div#notebook div.page h2#h_theliteraryleague { height:60px; width:380px; text-indent:-9999px; background:url(../images/titles-theliteraryleague.gif) no-repeat top center;}
div#notebook div.page h2#h_writeonsite_green { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_writeonsite-green.gif) no-repeat top center;}
div#notebook div.page h2#h_leaguetable { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_leaguetable.gif) no-repeat top center;}
div#notebook div.page h2#h_memberszone { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_memberszone.gif) no-repeat top center;}
div#notebook div.page h2#h_admincomp { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_admincomp.gif) no-repeat top center;}
div#notebook div.page h2#h_admingeneral { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_admingeneral.gif) no-repeat top center;}
div#notebook div.page h2#h_membersignin { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_memberssignin.gif) no-repeat top center;}
div#notebook div.page h2#h_memberregistration { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_memberregistration.gif) no-repeat top center;}
div#notebook div.page h2#h_memberactivation { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_memberactivation.gif) no-repeat top center;}
div#notebook div.page h2#h_memberforgotpassword { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_membersforgotpassword.gif) no-repeat top center;}
div#notebook div.page h2#h_memberdetails { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_yourdetails.gif) no-repeat top center;}
div#notebook div.page h2#h_memberpassword { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_yourpassword.gif) no-repeat top center;}
div#notebook div.page h2#h_competitionresults { height:60px; width:380px; text-indent:-9999px; background:url(../images/title_competitionresults.gif) no-repeat top center;}

div#notebook div.page h3#h_howdoesitwork { height:45px; width:380px; text-indent:-9999px; background:url(../images/title_howdoesitwork2.gif) no-repeat top center;}
div#notebook div.page h3#h_getstarted { height:45px; width:380px; text-indent:-9999px; background:url(../images/title_getstarted.gif) no-repeat top center;}
div#notebook div.page h3#h_winningentries { height:45px; width:380px; text-indent:-9999px; background:url(../images/title_winningentries.gif) no-repeat top center;}
div#notebook div.page h3#h_nextcompetition { height:45px; width:380px; text-indent:-9999px; background:url(../images/title_nextcompetition.gif) no-repeat top center;}
div#notebook div.page h3#h_literaryleague { height:45px; width:380px; text-indent:-9999px; background:url(../images/title_theliteraryleagueh3.gif) no-repeat top center;}
div#notebook div.page h3#h_liveshortstory { height:45px; width:380px; text-indent:-9999px; background:url(../images/title_liveshortstory.gif) no-repeat top center;}
div#notebook div.page h3#h_writeonthenight { height:45px; width:380px; text-indent:-9999px; background:url(../images/title_writeonthenight.gif) no-repeat top center;}
div#notebook div.page h3#h_outwrite { height:45px; width:380px; text-indent:-9999px; background:url(../images/title_outwrite.gif) no-repeat top center;}
div#notebook div.page h3#h_stayinformed { height:45px; width:380px; text-indent:-9999px; background:url(../images/title_stayinformed.gif) no-repeat top center;}

div#notebook div.page h2#h_friendsofwriteinvite { height:45px; width:379px; text-indent:-9999px; background:url(../images/title_friendsofwriteinvite.gif) no-repeat top center;}
div#notebook div.page h3#h_links { height:45px; width:379px; text-indent:-9999px; background:url(../images/title_links.gif) no-repeat top center;}

div#notebook div.page h3 {margin-top:2.5em;}

div#notebook div.page h4 {font-size:150%; font-weight:bold; margin:1em 15px;}
body#writeonsite div#notebook h4 {color:#24ce1d;}

body#readstory div#notebook h2 { font-size:150%; text-align:center; font: bold italic 2em "Helvetica Nue", serif; letter-spacing: -0.1em;}
body#readstory div#notebook h3 { font-size:120%; text-align:center; font-style:italic;}
body#readstory div#notebook p {text-align:justify;}

div#notebook div.page a#register {display:block; width:160px; height:43px; border:0; outline:none; text-indent:-9999px; background:url(../images/btn-register.gif) no-repeat 0 0; margin:0 100px;}
div#notebook div.page a#register:hover {background:url(../images/btn-register.gif) no-repeat 0 -43px;}

div#notebook div.page form {margin:2em 0; width:350px;}
div#notebook div.page form fieldset {background:#FFFFFF; border:1px dotted #666; padding:1em 10px;}
div#notebook div.page form fieldset legend {font-size:110%; font-weight:bold; color:#3e3d3d; background:#fff;}
div#notebook div.page form fieldset label {clear:left; font-weight:bold; color:#000; }
div#notebook div.page form fieldset label {display:block; width:200px; float:left; margin-top:1em; text-align:left; padding-right:15px; padding-top:1px; font-style:italic; color:#3e3d3d;}
div#notebook div.page form fieldset input,
div#notebook div.page form fieldset select {display:block; width:200px; float:left; border:1px solid #666; margin-top:5px; padding:2px; color:#3e3d3d;}
div#notebook div.page form fieldset input#date { width: 30px; margin-right: 2px; }
div#notebook div.page form fieldset select#month { width: 88px; margin-right: 2px; }
div#notebook div.page form fieldset select#year { width: 58px; }
div#notebook div.page form fieldset textarea { display:block; width:200px; font-size: 90%; float:left; border:1px solid #666; margin-top:5px; padding:2px; color:#3e3d3d; }
div#notebook div.page form fieldset input[type="hidden"] { display: none; }
div#notebook div.page form fieldset button#go { float:right; display:block; width:31px; height:34px; line-height:34px; margin:5px 175px 0 5px; padding:0; border:0; background:url(../images/btn-go.png) no-repeat; text-indent:-9999px;  cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */}

div#notebook div.page form#entrysubmission fieldset label {width:300px; font-weight:bold; }
div#notebook div.page form#entrysubmission fieldset input {width:315px; font-size:100%;}
div#notebook div.page form fieldset select,
div#notebook div.page form fieldset input {width:315px; font-size:100%;}
div#notebook div.page form fieldset textarea {width:315px; font-size:100%;}

div#notebook div.page form#mailing fieldset label {display:block; width:270px; float:left; margin-top:5px; text-align:left; padding-right:15px; padding-top:1px; font-style:italic; color:#3e3d3d;}
div#notebook div.page form#mailing fieldset input {display:block; width:20px; float:left; margin-top:5px; text-align:left; padding-right:15px; padding-top:1px; font-style:italic; color:#3e3d3d;}
div#notebook div.page form#mailing div.notice {margin-bottom:20px; float:left;}
div#notebook div.page form#mailing p {margin:10px 0 0 0; padding:0;}
div#notebook div.page form p {clear:left;}

.btn-submit {background-color:#26d71e; color:#fff; text-transform:uppercase; font-weight:bold; margin:0px; padding:5px 15px; font-size:110%; width:150px;}


div#notebook div.page .fright {float:right; }
div#notebook div.page .fleft {float:left; }
div#notebook div.page .clear {clear:both;}
div#notebook div.page .error { color:#FF0000; color:#990000; color:#CC0000;}

div#notebook div.page strong {font-size:110%; font-weight:bolder; color:#000099; font-style:italic;}
div#notebook div.page em { font-size:130%; line-height:1em;}
div#notebook div.page .small {font-size:90%; font-style:italic;}

div#notebook div.page div.league-table-p{ min-height:100px; height:auto !important; height:100px; }
/*
div#notebook div.page ol {list-style:none; margin:1em 15px; padding:0;}
div#notebook div.page ol li {margin:1em 0;}
div#notebook div.page ol li h4 {margin:1em 0 0.5em 0; padding:0;}
*/

div#notebook div.page ol {margin:1em 15px; padding:0 0 0 25px;}
div#notebook div.page ol li {padding-bottom:1em;}
div#notebook div.page ol#themes li {color:#000; padding-bottom:1em; font-weight:bold;}

div#notebook div.page ul {list-style:none; margin:1em 15px; padding:0; background:#FFFFFF; border:1px dotted #666; border-bottom:0px;}
div#notebook div.page ul li {margin-top:0.5em; padding:0 5px 0.5em 5px; border-bottom:1px dotted #666;}
div#notebook div.page ul li a {width:100%;}

div#notebook div.page form {margin:1em 15px;}

div#notebook div.page table {margin:1em 15px; width:350px; background:#FFFFFF; border:1px dotted #666; border-bottom:0px;}
div#notebook div.page table thead {font-weight:bold;}
div#notebook div.page table tbody tr td {padding:0.5em 5px; border-bottom:1px dotted #666;}


div#notebook div.page table.league-table {text-align:center; margin:1em 15px; width:350px; background:#FFFFFF; border:1px dotted #666; font-size:90%;}
div#notebook div.page table.league-table caption{ font-weight:bold; font-style:italic;}
div#notebook div.page table.league-table thead tr td {border:0; padding:0.5em 5px;}
div#notebook div.page table.league-table tr td.aleft { text-align:left;}
div#notebook div.page table.league-table tbody tr td {border-top:1px dotted #e1e1e1; border-bottom:0; }
div#notebook div.page table.league-table tfoot tr td {border-top:1px dotted #e1e1e1; border-bottom:0; font-weight:bold; padding:0.5em 5px;}

/*
div#notebook div.page ul li a:link {color: #6c6c6c; text-decoration: none; }     
div#notebook div.page ul li a:visited {color: #6c6c6c; text-decoration: none;}  
div#notebook div.page ul li a:hover {color: #6c6c6c; text-decoration: underline;}   
div#notebook div.page ul li a:active {color: #6c6c6c; text-decoration: underline;} 
*/
div#notebook div.page a:link { color: #393939; background:#FFFF00; text-decoration: none; padding:0 3px;}     
div#notebook div.page a:visited {color: #393939; background:#FFFF00; text-decoration: none; padding:0 3px;}  
div#notebook div.page a:hover { color: #FFFF00; background:#393939; padding:0 3px;}   
div#notebook div.page a:active {color: #393939; background:#FFFF00; text-decoration: underline; padding:0 3px;} 

div#notebook div.page div.postit {clear:both;}
div#notebook div.page div.postit a.note {background:none; padding:0;}
div#notebook div.page div.postit a.note img {border:0;}
div#notebook div.page div.postit p {padding-top:30px; font-style:italic;}

/*
body#writeonsite div#notebook div.page a:link {color: #24ce1d; text-decoration: none; }     
body#writeonsite div#notebook div.page a:visited {color: #24ce1d; text-decoration: none;}  
body#writeonsite div#notebook div.page a:hover {color: #24ce1d; text-decoration: underline;}   
body#writeonsite div#notebook div.page a:active {color: #24ce1d; text-decoration: underline;} 
*/

img {margin:5px;}

div#notebook div#pcontact {clear:left; width:824px; font-size:95%; color:#636466;}
div#notebook div#pcontact a#contactlink {display:block; float:right; outline:none; background:url(../images/page-contact.gif) no-repeat top right #f3f3f3; width:95px; height:72px; text-indent:-9999px;}
div#notebook div#pcontact p {margin:38px 15px 0 15px; padding:10px 0 0 0; background:url(../images/drawn_line3.gif) no-repeat top center;}
div#notebook div#pcontact div#pleft {text-align:right; margin-left:14px;}
div#notebook div#pcontact div#pright {text-align:left; margin-left:34px;}

div#footer {clear:left; width:784px; background:url(../images/book-bottom.png) top left no-repeat; padding:20px; color:#000;}
div#footer a {display:block; float:right; outline:none; background:url(../images/fluid7_logo.png) no-repeat top right; width:114px; height:27px; text-indent:-9999px;}



/*
ADMIN STUFF 


body.general h2 { color:#cb6c20; font-size:150%; text-align:center; border-bottom:1px solid #cb6c20; padding:0 0 10px 0; margin: 1em 5px;  font: bold italic 2em "Helvetica Nue", serif; letter-spacing: -0.1em;}
body.general h3 { color:#cb6c20; font-size:120%; margin:2em 15px 0.5em 15px; font: bold italic 1.5em "Helvetica Nue", serif; letter-spacing: -0.1em;}
*/
body.general h3 {font-size:120%; margin:2em 15px 0.5em 15px; padding:5px 10px; border-bottom:1px solid #333; border-top:1px solid #333; background:#26d71e; color:#FFFFFF}
body#admin h3 {background:#f5da23; color:#333;}
body.general div.wrap {background:#FFFFFF; border:1px dotted #333; padding:0px; margin:0 15px 10px 15px;}
body.general div#time, body.general div#remainingtime {background:#26d71e; border:1px dotted #333; padding:1em; margin:1em 15px 10px 15px; font-size:170%; font-weight:bold; text-align:center; color:#fff; line-height:1em;}
body.general div#remainingtime p.errormessage { font-size: 50%; font-style: italic; padding: 0; margin: 0;}
body.general form textarea#emaillist {width:345px; border:1px solid #999; color:#0066FF; font-style:italic;}