/*
brown: #4b3005
yellow-green: #f2ff95
dark green: #314F00
*/

body {
    background: url(../images/bg.gif) repeat-x #4b3005;
    font-family: "Courier New", Courier, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    height: 100%;
}

a {
    text-decoration: none;
    color: #314F00;
    font-weight: bold;
}
a:hover {
    text-decoration: underline;
}
a img {
    border: 0;
}

#outer {
    background: url(../images/outerbg.gif) no-repeat top center;
}
#wrapper {
    width: 960px;
    margin: 0 auto;
    background: url(../images/wrapperbg.gif) no-repeat top left;
}
#header {
    background: url(../images/headerbg.png) no-repeat bottom left;
    height: 80px;
    padding-top: 15px;
    position: relative;
}
#header .logo {

    width: 320px;
    height: 30px;
    float: left;
}
#header .login_action {
    float: right;
    padding-top: 5px;
}
.login_action span {
    /* padding: 0 20px 0 0; */
    font-size: 1.5em;
}
#header #main_nav {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    height: 36px;
    width: 220px;
}
#header #main_nav a {
    font-size: 16px;
    padding: 10px 15px;
    margin: 0 10px;
    display: block;
    float: right;
    background: #fff;
}

#tab_container {
    background: #FFFFEB;
}
#tabs {
    background: #fff;
    overflow: hidden;
}
#tabs a {
    padding: 10px 30px;
    margin-right: 15px;
    display: block;
    float: left;
    font-size: 16px;
    background: #EBEBEB;
}
#tabs a:hover {
    text-decoration: none;
}
#tabs a.active {
    background: #ffffeb;
}
#tab_content {
    padding: 20px;
}

#main_content {
    background-color: #fff;
    min-height: 530px;
    min-width: 570px;
    padding: 20px 40px;
    overflow: hidden;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
body.guest_home #main_content {
    background-color: #FFFFEB;
    padding: 0;
}
#banner {
    background: url(../images/bannerbg.png) no-repeat;
    height: 285px;
    padding: 5px 10px 10px 350px;
}


#banner h1 {
    color: #314F00;
    font-size: 45px;
    margin: 6px 0;
    line-height: 52px;
}
#banner h4 {
    color: #4AB300;
    font-size: 18px;
    margin: 6px 0;
    line-height: 21px;
    font-weight: normal;
}

#banner #buttons {
    text-align: right;
}
#four_pane {
    margin: 20px 0;
    padding: 0 18px 40px;
    background: url(../images/four-pane.png) no-repeat;
    overflow: hidden;
    height: 293px;
}
#four_pane .pane {
    float: left;
    width: 191px;
    height: 243px;
    padding: 25px 20px;
    display: block;
    font-size: 14px;
}

#main_content #content {
    width: 630px;
    float: left;
}

#main_content #home {
    padding: 1px 1px;
}

#main_content #sidebar {
    width: 180px;
    float: right;
    /* margin-left: 40px; */
    background: #ffffeb;
    padding: 15px;
    min-height: 400px;
}
#main_content #sidebar .section {
    margin-bottom: 18px;
}
#main_content #sidebar a {
    display: block;
    font-size: 15px;
}
#main_content #sidebar a:hover {
    text-decoration: none;
}

table.table_list {
    border-collapse: collapse;
    width: 100%;
    margin: 12px 0;
}
table.table_list th {
    text-align: left;
    padding: 5px 8px;
    background: #495E01;
    color: #fff;
}
table.table_list th.action_column {
    width: 100px;
}
table.table_list td {
    text-align: left;
    padding: 5px 8px;
    border: #eee;
}
table.table_list tr.even {
    background: #f8f8f8;
}
table.table_list tr.odd {
    background: #FFF;
}

a#toggle_ooc {
    cursor: pointer;
}
table#post_list td {
    border: 1px solid #eee;
}

table#post_list td p.comment {
    color: #666;
    font-style: italic;
}
table#post_list td.post_info {
    width: 100px;
    text-align: center;
}

#buttons {
    padding: 0px 0;
    overflow: hidden;
}
#buttons a.button {
    display: block;
    float: right;
    color: #fff;
    background: #314f00;
    padding: 10px 15px;
}

#boxes {
    overflow: hidden;
}
.box {
    width: 200px;
    float: left;
    margin-right: 20px;
}
.box div.box-item {
    overflow: hidden;
    margin: 12px 0;
}
.box div.box-item div.img {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-right: 5px;
}
.box div.box-item div.img img {
    height: 50px;
}

.class_icon {
    margin-right: 10px;
}

#user_info {
    overflow: hidden;
    height: 225px;
}
#account_settings {
    overflow: hidden;
}

#user_info h2 {
    margin-top: 0;
}

#user_info h1 {
    margin-top: 0;
    margin-bottom: 0;
}

#user_pic {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border-top-style: groove;
    border-bottom-style: groove;
    border-left-style: groove;
    border-right-style: groove;
}

#user_pic_abs {
    float: none;
    margin-right: 20px;
    margin-bottom: 20px;
    border-top-style: groove;
    border-bottom-style: groove;
    border-left-style: groove;
    border-right-style: groove;
}

#user_info #user_abs {

    float:none;
}

#user_details {
    float: left;
}

#story_actions {
    text-align: right;
    position: relative;
} 
#story_actions a {
    margin-left: 30px;
}
#story_details {
    overflow: hidden;
}
#story_details h2 {
    margin-top: 0;
    margin-bottom: 3px;
}
#story_details h4 {
    margin: 3px 0;
}
#story_details p {
    margin: 3px 0 12px 0;
    padding-top: 1em;
    padding-left: 20px;
}

#story_img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
#story_img img {
    display: block;
    margin-bottom: 9px;
}

#action_links {
    font-size: 15px;
}
#action_links a {
    display: block;
    margin-bottom: 5px;
    padding: 3px 10px;
    color: #fff;
    background: #314F00;
    width: 220px;
}
#action_links a:hover {
    text-decoration: none;
    background: #8A9A28;
}

#active-characters {
    overflow: hidden;
}
#active-characters .char {
    width: 100px;
    text-align: center;
    float: left;
    margin: 0 20px 20px 0;
}
#active-characters .char .img {
    margin-bottom: 6px;
}
#active-characters .char .char_name {
    margin-bottom: 3px;
}

form.general_form label {
    /*	width: 120px;
    float: left;
    padding-right: 20px;
    text-align: right;
    line-height: 20px;*/
    display: block;
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 13px;
}
form.general_form input[type="text"], form.general_form input[type="password"] {
    border: 1px solid #999;
    padding: 2px;
    font-family: "Courier New", Courier, sans-serif;
    font-size: 13px;
}

#footer {
    clear: both;
    background-color: #4b3005;
    padding: 10px 0 10px 0;
    margin-bottom: 5px;
}
#footer .link {
    float: left;
    text-align: center;
    width: 15%;
}
#footer .link a {
    padding: 2px;
    color: #c5aa80;
}
#footer .link a:hover {

}

div.input_form label, div.input_form input {
    display: block;
    width: 150px;
    float: left;
    margin-bottom: 10px;
}
div.input_form input[type~='hidden'] {
    display: none;
    margin: 0px;
}
div.input_form input[type~='checkbox'], div.input_form input[type~='radio'] {
    width: auto;
    display: inline;
    position: static;
    float: none;
}
div.input_form textarea, div.input_form input[type~='file'] {
    width: auto;
}
div.input_form label {
    text-align: right;
    padding-right: 20px;
    padding-top: 5px;
}
div.input_form br {
    clear: left;
    margin-bottom: 1.5em;
}
div.input_form fieldset {
    padding: 10px;
    padding-left:0px;
    display: block;
    margin-bottom: 10px;
    width: 350px;
    border: 1px inset #c3c3c3;
}

div.input_form label.error {
    width: auto;
    margin-left: 5px;
    font-size: 0.95em;
    float: none;
    padding-right: 0px;
    display: inline;
}
.ajax_status_small {
    background-image: url(/images/spinner.gif);
    height: 16px;
    width: 16px;
    overflow: hidden;
    display: block;
}
#updating_story_notification {
    text-align: center;
    padding: 0pt 0.7em;
    margin: auto;
    width: 300px;
    background-color: #F2FF95;
    border: 1px solid #8A9A24;
}

#news{
    height: 338px;
    padding: 0pt 0.7em;
    background-color: #F2FF95;
    padding: 0px 6px;

    /* margin: 22px; */

    border: 2px solid #8A9A24;
    border-top-style: groove;
    border-bottom-style: groove;
    border-left-style: groove;
    border-right-style: groove;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

#news #head_line {

    color: #4AB300;
    font-size: 21px;
    margin: 6px 0;
    line-height: 22px;
    font-weight: bold;
    font-family: "Courier New", Courier, sans-serif;
    text-align: left;
}

#news #head_line #item {
    color: #4AB300;
    font-size: 18px;
    margin: 6px 0;
    line-height: 25px;
    font-family: "Courier New", Courier, sans-serif;
    text-align: left;
    margin-left: 2em;
    font-weight: bold;
}

/*******************
* jwysiwyg
******************/

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 4px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px;  background: #ffffff;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }

div.wysiwyg ul.panel li a { opacity: 100; display: block; width: 16px; height: 16px; background: url('/images/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: .5; }

div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; }

#storyheader {
    clear: both;
    background-color: #ffffff;
    padding: 10px 0 10px 0;


}

#storyheader #adSense {
    width: auto;
    float: right;
    padding-left: 20px;
    padding-bottom: 5px;
}

/* Debug Style */
.debug_dump {

    border-top-style: dashed;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    text-align: left;
    color: #ccc;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: .5em;
    padding-right: .5em;
}

#debug {
    margin-top: 1em;
    margin-left: auto;
}
#debug a, #debug a.visited {
    text-decoration: none;
    color: maroon;
}
fieldset.debug_info {
    text-align: left;
    margin: 1em;
    background: #eee;
}

/* Error Reporting Styles */
.fieldWithErrors {
    margin: 2px;
    padding: 2px;
    background-color: #cc3300;
    display: table;
}

#errorExplanation {
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12pt;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    margin-left: 25px;
    font-size: 11pt;
    list-style: square;
}

legend {
    color: white;
    background: #336600;
    padding: .4em 1em;
    font-weight: bold;
}

.flash{
    color: white;
    padding-left: 3px;
    font-weight: bold;
    font-size: 1.05em;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    background-color: #336600;
}


.bio_stuff {
    width: 300px;
    float: right;
    background: #ffffeb;
    padding: 15px;
}

.bio_stuff h2
{
    margin-top: 0px;
}

.bio_stuff .item
{

    font-size: 24px;
    font-weight: bold;
    font-variant: small-caps;
}
.bio_stuff .item .dataum
{

    font-size: smaller;
}

/* New Styles */
h1				{font-size: 28px;  letter-spacing: -1.2pt; color: green; font-weight: bold; margin: 25px 0 20px 0;}
h2				{font-size: 18px; color: green; font-weight: bold; margin: 0 0 10px 0; text-transform: capitalize;}
.left 			{float: left;}
.right 			{float: right;}
.hidden			{display: none;}
.half			{width: 46%;}

div, img, form, ul {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

div, span, td, .text_l {text-align: left;}

.comment_message	{overflow: hidden; padding: 0 0 10px 0; margin: 0 0 5px 0; max-height: 100px;}
.comment_holder		{padding: 5px;}
.comments 			{padding: 0px 10px 0px 10px;}

.date_details_white {color: blue;}
.avatar_on_comment {margin: 0 10px 10px 0;}
.avatar_on_comment img	{width: 35px}
#welcome img {width: 17px; margin: 0 5px -5px 0; border: 1px solid #666;}

#front_left_column		{
    width: 250px;
    margin: 13px 0px 13px 0px;
    background-color: #F7FFB7;
    height: 287px;
    border: 1px solid #8A9A24;
    padding: 11px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.front_left_column img	{margin: 0 15px 0px 0; font-size: 12px;}
#front_middle_column	{
    width: 250px;
    margin: 13px 5px 13px 5px;
    background-color: #F7FFB7;
    height: 287px;
    border: 1px solid #8A9A24;
    padding: 11px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;}
.front_right_column		{
    width: 250px;
    margin: 13px 0px 13px 0px;
    background-color: #F7FFB7;
    border: 1px solid #8A9A24;
    height: 287px;
    padding: 11px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;}
.front_right_column img	{margin: 0 15px 0px 0; font-size: 12px;}


.blurp			{padding: 0 0 15px 0;}
.blurp strong	{display: block; color: green;}
.blurp img		{margin: 5px 15px 45px 0; float: left;}
h2.getting_started	{border-bottom: 1px dotted #333; padding: 15px 0 3px 0;}

#fb_feed {
    float: right;
    border: 1px solid #eee;
    }
/* New CSS */
/* img	{width: 17px; margin: 0 5px -5px 0; border: 1px solid #666;} */
#content		{color: #d2d2d2; background: #0a1c34 url(/images/site_bg.png) repeat-x; padding: 0 0 0 0; min-height: 600px; height:auto !important; height:600px;}
#content_top	{ background: white;}
#message				{padding: 4px; z-index: 100000; position: fixed; top: 38%; left: 40%; display: none; background: black; color: red; font-size: 18px;}
#messages td,
#messages th	{padding: 3px;}
#messages th	{font-size: 12px;color: #fff;
    background: #314f00;
    padding: 5px 15px;}
#messages		{width: 100%;}
.unread {font-weight: bold;}
#sub_nav a		{margin: 0 9px 0 0; padding: 5px; background: #F7FFB7; border: 1px solid #333;}
#sub_nav 		{margin: 0 0 20px 0; padding-top: 10px;}

/* Easy Slider */

#banner_slider
{
    margin: 13px 0px 13px 0px;
    background-color: #F7FFB7;
    border: 1px solid #8A9A24;
    padding: 11px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

#banner_slider h3 {
    color: #4AB300;
    font-size: 18px;
    margin: 6px 0;
    line-height: 21px;
    font-weight: normal;
}

#slider{
}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:840px;
		height:230px;
		overflow:hidden;
		}