body {
background-color:#FFF;
color:#111;
margin:10px;
background-image: url('http://static.shapebyforce.com/sites/infinite-story/bgtexture1.gif');
font-family:sans-serif;
line-height:130%;
}

#container {
margin-left:auto;
margin-right:auto;
width:960px;
border:1px solid #000;
background-color:#FFF;
}

#logo {
width:960px;
height:49px;
}


#main {
float:left;
background-color:#FFF;
width:780px;
clear:both;
padding:10px;
vertical-align:top;
margin-top:30px;
}
#main img {
max-width:600px;
}

#sidebar {
margin-top:30px;
width:130px;
padding:10px;
float:right;
vertical-align:top;
}



#main td.right {
width:120px;
padding:10px;
vertical-align:top;
}


.left {
text-align:left;
}

.right {
text-align:right;
}

#shout {
width:100%;
background-color:#EEE;
color:#F00;
font-size:15px;
padding:2px 5px;
border:1px dashed #600;
text-align:left;
margin-bottom:10px;
}

div.you_have_mail {
background-color:#EEE;
border:1px solid #CCC;
margin-bottom:10px;
font-weight:bold;
text-align:center;
}

td,div,th {
font-size:13px;
color:#222;
}
th {
text-align:left;
}

a {
text-decoration:none;
}

a:link {
color: #369;
}
a:active {
color:#F00;
}
a:visited {
color:#369;
}
a:hover {
color:#000
}

a.tophead:link { color:#FFF; font-weight: bold; }
a.tophead:active { color:#000; font-weight: bold; }
a.tophead:visited { color:#FFF; font-weight: bold; }
a.tophead:hover { color:#F90; font-weight: bold; }

a.midhead:link { color:#FFF; font-weight: bold; font-style: normal; }
a.midhead:active { color:#000; font-weight: bold; }
a.midhead:visited { color:#FFF; font-weight: bold; }
a.midhead:hover { color:#F90; font-weight: bold; }

td.top_links {
padding-top:8px;
padding-right:8px;
}

h1 {
margin-top:0;
font-size:16px;
margin-bottom:10px;
}

h2 {
margin-top:0;
font-size:14px;
}

.midpipe {
color:#336699;
}

.pipe {
color:#999;
}

.toppipe {
color:#036;
}




#error,div.error {
font-size:14px;
background-color:#EEE;
border:1px solid #333;
padding:5px;
font-weight:bold;
color:#F00;
margin-bottom:10px;
}


div.fyi {
font-size:14px;
background-color:#CCC;
border:1px solid #999;
padding:8px;
color:#000;
margin-bottom:10px;
}


div.success {
}





.header {
        font-weight:bold;
        background-color:#333333;
        border:1px solid #CCCCCC;
        padding:3px;
}

.img_border {
        border:1px solid #666666;
}

#copyright {
padding:10px;
clear:both;
}

#copyright,#copyright a {
color:#999;
font-size:11px;
}










#navcontainer {
background-color:#369;
}

#navcontainer ul {
margin-top:0;
margin-bottom:0;
padding-left:0;
margin-left:0;
float:left;
background-color:#036;
color:#FFF;
width:100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
padding:0.2em 1em;
background-color:#036;
color:White;
text-decoration:none;
float:left;
border-right:1px solid #fff;
}

#navcontainer ul li a:hover {
color:#000;
background-color:#EEE;
}

.page_link_off {
color:#AAA;
}

















/* CYOA SPECIFIC JUNK */


div.story_info {
font-size:12px;
}

#browse_header {
padding:5px;
background-color:#EEE;
border:1px solid #CCC;
margin-bottom:10px;
width:100%;
}

form.browse_form span.movie_ratings {
padding-left:15px;
/*padding-right:15px;*/
}
span.movie_ratings .movie_rating_checkbox {
padding-left:10px;
}
#browse_header span.help_link {
font-size:.8em;
padding-left:5px;
padding-right:10px;
}

div.browse_header_links {
font-weight:bold;
font-size:1em;
margin-bottom:10px;
}

div.story_info {
font-size:10px;
margin-top:10px;
}


div.story_name {
font-size:14px;
border-bottom:0;
}

div.story_desc {
font-size:11px;
color:#666;
}


div.story_name {
font-size:14px;
/*background-color:#EEE;*/
}







#faq {
}

#faq h1 {
margin-bottom:10px;
}

#faq div.question {
font-weight:bold;
font-size:14px;
}

#faq div.answer {
}






/* site map */

#site_map {
padding:5px;
margin-bottom:10px;
}

#site_map h2 {
color:#369;
background-color:#EEE;
padding:5px;
}
div.site_map_subhead {
margin-left:10px;
}
div.site_map_sub_subhead {
margin-left:20px;
}






#hp_cats {
font-size:14px;
margin-bottom:10px;
}

#hp_cats table {
border-top:1px solid #EEE;
width:100%;
}

#hp_cats table td {
font-size:14px;
margin-right:10px;
}
#hp_cats a {
padding:3px;
}
#hp_cats a:hover {
background-color:#369;
color:#FFF;
}


ul.letters {
margin-left:0;
padding-left:0;
border-top:1px solid #EEE;
}

ul.letters li {
display:inline;
text-decoration:none;
margin-right:5px;
margin-left:0;
padding:0;
}

/*
#navcontainer ul li a {
padding:0.2em 1em;
background-color:#036;
color:White;
text-decoration:none;
float:left;
border-right:1px solid #fff;
}
*/
#hp_letters {
font-size:14px;
border-bottom:1px solid #EEE;
padding-bottom:10px;
margin-bottom:10px;
}






#top {
width:100%;
height:49px;
background-color:#369;
}


#top td.left {
width:569px;
}

#top td.right {
vertical-align:top;
padding:10px;
}


#topnav {
background-color:#369;
border-left:5px solid #369;
text-align:left;
border-top:1px solid #333;
padding:1px;
}

#topnav a {
text-align:left;
padding-left:10px;
padding-right:10px;
color:#FFF;
font-weight:bold;
border-right:1px solid #369;
border-left:1px solid #369;
}

#topnav a:hover {
color:#000;
background-color:#DE9F09;
border:1px solid #CCC;
}

div.sbgoogle {
margin-top:10px;
text-align:center;
}


div.sbthanks {
background-color:#EEE;
border:1px solid #369;
padding:5px;
text-align:center;
text-align:left;
font-weight:bold;
}

div.login_links {
padding:5px;
background-color:#EEE;
border:1px solid #CCC;
}

div.login_cookies {
margin-top:10px;
}

td.newuser_form_head {
padding-top:50px;
background-color:#369;
color:#FFF;
}

div.newuser_copy {
margin-top:10px;
}











#favs_header {
background-color:#EEE;
border:1px solid #666;
padding:5px;
}



div.what_happens {
margin-top:10px;
}

div.what_happens_choice {
font-weight:bold;
}

div.new_room_info {
margin-top:10px;
background-color:#EEE;
border:1px solid #CCC;
padding:5px;
margin-bottom:10px;
}

#new_room_threeway {
font-weight:bold;
margin-bottom:10px;
}

#new_room_threeway {
}

#new_room_form h2 {
margin-top:20px;
margin-bottom:10px;
background-color:#EEE;
border:1px solid #CCC;
padding:5px;
}

p.story_category_links {
margin-top:10px;
}





.error_list {
padding:10px;
background-color:#EEE;
border:1px solid #F00;
}

.error_list h1 {
color:#F00;
}

.error_list ul {
list-style:square;
padding:0;
padding-left:30px;
margin-bottom:10px;
margin-top:10px;
}

.error_list li {
text-indent:0px;
margin:5px 0px;
color:#000;
}


#last_modified {
color:#999;
font-size:12px;
}

#nickname_list {
background-color:#FFF;

}
#nickname_list td,#nickname_list th {
padding:5px;
border-bottom:1px dashed #CCC;
}

span.recent_date {
font-weight:bold;
}

input.btn {
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #333;
border-bottom:1px solid #333;
color:#369;
font-weight:bold;
}









#story_list {
width:100%;
margin-top:10px;
margin-bottom:10px;
}

#story_list td {
background-color:#FFF;
border-bottom:1px solid #CCC;
border-right:1px solid #EEE;
padding:5px;
vertical-align:top;
}
#story_list th {
background-color:#EEE;
padding:5px;
vertical-align:bottom;
border-right:1px solid #FFF;
border-bottom:1px solid #DDD;
}

#story_list div.story_name {
}








div.default_form,#contact_form,#my_settings_form {
margin-top:10px;
margin-bottom:10px;
border-top:1px solid #CCC;
}
div.default_form td,#contact_form td,#my_settings_form td {
background-color:#EEE;
padding:5px;
border-bottom:1px solid #CCC;
vertical-align:top;
border-right:1px solid #CCC;
}
div.default_form th,#contact_form th,#my_settings_form th {
background-color:#DDD;
padding:5px;
border-bottom:1px solid #CCC;
vertical-align:top;
}


#my_header {
margin-bottom:10px;
background-color:#EEE;
border:1px solid #DDD;
padding:5px;
}

#my_header .member_name {
font-size:16px;
font-weight:bold;
}


#default_header {
padding:5px;
background-color:#EEE;
border:1px solid #CCC;
margin-bottom:10px;
}
#default_header h1 {
margin:0;
padding:0;
}





table.default_list {
width:100%;
margin-bottom:10px;
}
table.default_list th {
padding:5px;
border-bottom:1px solid #EEE;
border-right:1px solid #FFF;
vertical-align:top;
}
table.default_list td {
padding:5px;
border-bottom:1px solid #EEE;
border-right:1px solid #FFF;
vertical-align:top;
}

#default_list {
width:100%;
margin-bottom:10px;
}
#default_list { 
padding:5px;
border-bottom:1px solid #EEE;
border-right:1px solid #FFF;
vertical-align:top;
}
#default_list { 
padding:5px;
border-bottom:1px solid #EEE;
background-color:#FFF;
vertical-align:top;
}



#default_list td.header {
background-color:#EEE;
font-weight:bold;
font-size:14px;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
}

#default_list td.spacer {
border:0;
background-color:#FFF;
height:10px;
}


td.newuser_form_head h2 {
color:#000;
}



#my_stories {
width:100%;
}
#my_stories th {
border-bottom:1px solid #CCC;
background-color:#EEE;
font-size:1.1em;
font-weight:bold;
margin-top:10px;
}
#my_stories td.title {
font-weight:bold;
border-bottom:1px solid #EEE;
}
#my_stories td.links {
text-align:right;
border-bottom:1px solid #EEE;
}











/* Pulldown Top Navigation */



div.pdmenu {
width:960px;
margin:0;
padding:0;
background-color:#369;
font-size:.9em;
position:absolute;
top:60px;
border-bottom:1px solid #000;
border-top:1px solid #000;
}

.pdmenu hr {
background-color:#EEE;
}

.pdmenu ul {
width:100%;
margin:0;
padding:0;
list-style-type:none;
background-color:#369;
}

.pdmenu li  {
width:120px;
margin:0 0 0 0;
padding:0;
padding-left:5px;
border-right:1px solid #000;
color:black;
text-decoration:none;
background-color:#369;
float:left;
}

.pdmenu a {
text-decoration:none;
display:block;
color:#FFF;
background-color:#369;
padding:2px;
font-weight:bold;
}

.pdmenu li ul a {
color:#000;
background-color:#EEE;
font-weight:normal;
}

.pdmenu a:hover {
text-decoration: none;
color:#FFF;
background-color:#369;
}
.pdmenu > a:visited {
color:#FFF;
}
.pdmenu li ul {
display:none;
}

.pdmenu li:hover ul {
visibility:visible;
display:block;
position:absolute;
z-index:1;
width:120px;
padding:0;
margin:0;
border:1px solid #333
}

.pdmenu li li {
border:none;
background-color:#EEE;
padding-left:0;
}	

.pdmenu li li a {
padding:2px 2px 2px 5px;
}











div.pagination {
}
div.pagination .current_page {
font-weight:bold;
}
div.pagination .page {
}
div.pagination .pipe {
padding-left:3px;
padding-right:3px;
}
div.pagination .previous_page {
padding-right:8px;
font-weight:bold;
}
div.pagination .next_page {
padding-left:8px;
font-weight:bold;
}

ul.faq li {
padding-bottom:10px;
}




.topleftwrap {
margin-right:10px;
margin-bottom:10px;
float:left;
}
.topleftnowrap {
margin-right:10px;
margin-bottom:10px;
}
.topcenterwrap,.topcenternowrap {
text-align:center;
margin-bottom:10px;
}
.toprightwrap {
margin-left:10px;
margin-bottom:10px;
float:right;
}
.toprightnowrap {
margin-left:10px;
margin-bottom:10px;
text-align:right;
}


.bottomleftwrap {
margin-right:10px;
margin-top:10px;
float:left;
margin-bottom:10px;
}
.bottomleftnowrap {
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}
.bottomcenterwrap,.bottomcenternowrap {
text-align:center;
margin-top:10px;
margin-bottom:10px;
}
.bottomrightwrap {
margin-left:10px;
margin-top:10px;
float:right;
margin-bottom:10px;
}
.bottomrightnowrap {
margin-left:10px;
margin-top:10px;
text-align:right;
margin-bottom:10px;
}





div.tool_header {
background-color:#EEE;
border:1px solid #999;
padding:5px;
margin-bottom:10px;
}

div.tool_header .title {
font-weight:bold;
font-size:1.2em;
}

div.tool_header ul {
margin:0;
padding:0;
}

div.tool_header li {
border-left:1px solid #CCC;
margin:0;
padding:0 5px;
display:inline;
list-style-type:none;
}

div.tool_header li.first {
padding-left:0;
border-left:0;
}



table.default_form td {
vertical-align:top;
}
table.default_form th {
vertical-align:top;
font-weight:bold;
}

td.owner {
font-weight:bold;
}

table.default_form td {
vertical-align:top;
}
table.default_form th {
vertical-align:top;
}