body, p, li, td, th, h1, h2, h3, h4, h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

body {
	background-color: #CBCBD8;
}

/* General Styles */
br.clear-both {
	clear: both;
}

.top {
	text-align:right;
	width: 90%;
}

td#header-logo h1 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

td#header-logo a#logo {
	text-decoration: none;
	color: #FFFF80;
}

td#header-logo a#tagline {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF80;
}

td#header-calltoaction {
	padding: 5px 0;
	font-size: 13px;
	font-weight: bold;
	color: #FFFF80;
}

td#header-calltoaction a {
	font-size: 13px;
	font-weight: bold;
	color: #FFFF80;
}

td#rss {
	width: 80px;
}


td#menu {
	background-color: #FFCC00;
	width: 120px;
	text-align: center;
	vertical-align: top;
}

div.menu-main {
	font-size: 13px;
	font-weight: bold;
	margin: 1em 0;
}

div.menu-main h4 {
	margin: 2em 0 0 0;
	padding-bottom: 0;
}

div.menu-main h4#welcome {
	font-size: 13px;
	font-style: italic;
	margin: 0;
	padding: 0;
}

div.menu-main span.tagline {
	font-size: 9px;
}

div.menu-main a {
	display: block;
	margin-top: 1.4em;
}

div.menu-main a#home {
	margin-top: 0;
}

div#menu-secondary {
	margin: 3em 0 0 0;
}

div#menu-secondary a {
	font-size: 11px;
	margin-top: 8px;
}


/* Nav Subscribe Form */
div.sub-form-menu {
	font-size: 12px;
	margin: 2em 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

div.sub-form-menu form {
	margin: 0;
	padding: 0;
}

div.sub-form-menu a {
	display:inline !important;
	margin: 0;
}

div.sub-form-menu p {
	margin: 2px 0;
	padding: 0;
}

div.sub-form-menu .fromname {
	margin-left: 2px;
	margin-bottom: 4px;
	width: 75px;
}

div.sub-form-menu .fromemail {
	width: 75px;
}

div.sub-form-menu .subgame {
	width: 118px;
}

div.sub-form-menu .submit {
	margin: 3px 0 0 0;
}

div.sub-form-menu .submit input {
	border: 1px solid #000080;
	background-color: #FFFF80;
	color: #000080;
	font-weight: bold;
	width: 115px;
}

div.subinfo {
	font-size: 10px;
	text-align:center;
}


/* Subscribe Form - inline in web pages*/
.subscribe-block {
	background-color: #F9F9F9;
	border: 1px solid #000080;
	margin: 1em;
	padding: 10px;
	text-align: center;
}

div.sub-form-page {
	font-size: 12px;
	margin: 0 0 2em 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

div.sub-form-page form {
	margin: 0;
	padding: 0;
}

div.sub-form-page a {
	display:inline !important;
	margin: 0;
}

div.sub-form-page p {
	margin: 2px 0;
	padding: 0;
}

div.sub-form-page .sub-name {
}

div.sub-form-page .sub-email {
	padding-left: 40px;
}

div.sub-form-page .input-name {
}

div.sub-form-page .input-email {
	padding-left: 40px;
}

div.sub-form-page .fromname {
	margin-left: 2px;
	margin-bottom: 4px;
	width: 120px;
}

div.sub-form-page .fromemail {
	width: 120px;
}

div.sub-form-page .submit {
	margin: 3px 0 0 0;

}

div.sub-form-page .submit input {
	border: 1px solid #000080;
	background-color: #FFFF80;
	color: #000080;
	font-weight: bold;
	width: 115px;
}

div.sub-form-page div.subinfo {
	font-size: 12px;
}


#content-wrapper {
	position: relative;
}

.content-footer {
	background-color: #FFF;
/*	margin-top: 250px; */
	text-align: center;
/*	width: 100%; */
	vertical-align: bottom;
}



/* margin is more reliable tham padding in some version 4 browswers*/
.toc li {
	margin-bottom: 10px; 
}


/* @group Main */

#divMain {
	border-style: none;
	}


#divMain h1 {
	font-size: 16px;
	color: #000;
	margin: 5px 5px 10px;
	}

	
#divMain h2 {
	font-size: 15px;
	color: #000;
	margin-bottom: 6px;
	padding: 5px;
	margin: 5px;
	}


#divMain h3 {
	font-size: 13px;
	color: #000;
	margin-bottom: 3px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 20px;
	border-bottom-style: none;
	}


#divMain h4 {
	font-size: 13px;
	margin-bottom: -12px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 20px;
	padding-bottom: 0px;
}


#divMain h5 {
	font-size: 12px;
	margin-bottom: -12px;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 20px;
	padding-bottom: 0px;
	font-style: italic;
}


#divMain p, #divMain th, #divMain td {
	font-size: 12px;
	margin: 12px 30px 14px 30px;
	}


#divMain caption {
	font-size: 13px;
	margin: 12px 30px 14px 30px;
	font-weight: bold;
	color: #1a3267;
}


.sponsor {
	font-size: 12px;
	margin: 6px 6px 6px 6px;
	}


#divMain ul, #divMain ol {
	margin-top: 12px;
	}
	
#divMain li {
	font-size: 12px;
	margin: 5px 12px 5px 14px;
}

#divMain dl {
	margin: 12px 30px 14px 20px;	
	}

#divMain dt, #divMain dd {
	font-size: 12px;
	margin: 5px 12px 5px 10px;
}

#divMain dt {
	font-weight:bold;
	margin-top: 12px;
}


#editor {
	font-size: 12px;
	margin-top: 0px;
	}

	
.return {
	font-size: 10px;
	margin: 12px 30px 14px 30px;
	}


.ad_block  {
;
}


.ad_block_colored {
	background-color: #fdfd7e;
	padding-top: 10px;
	padding-bottom: 10px;
}


.ad_block H3  {
	text-align: center;
}


.ad_block_colored H3 {
	text-align: center;
}

.ad_block_colored p.adLink {
	text-align: center;
}

.ad_block_colored p.adSource {
	text-align: center;
}


.ad_block li a  {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

	
/* @end */

.even_issue {
	background: #fffff;
	margin-bottom: 10px;
	margin-top: 10px;
}


.odd_issue {
	background: #ededed;
}


ul.no_bullet {
	list-style-type:none;
}



/****************/
/*   Downloads  */
/****************/
.downloads-wrapper {
	margin-bottom: 30px;
	font-size: 13px;
}

.downloads-wrapper li {
	margin-bottom: 10px;
}



/****************/
/*   Articles   */
/****************/

/* Index page */
.articles-wrapper h3 {
	margin-top: 2em;
}

.article-menu {
	border-bottom: 1px solid #000080;
	margin-bottom: 2em;
	padding-bottom: 10px;
	text-align: center;
	width: 90%;
}

.article-item {
	margin-bottom: 2em;
}

.article-item p {
	margin-top: 3px;
}


h1#article {
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.article-credits {
	font-style : italic;
	margin: 0 auto 20px auto;
}


.articles-wrapper#supp-four hr {
	margin: 2em auto;
}


.articles-wrapper#when-it-all-goes-wrong li {
	margin-bottom: .5em;
}


/* Article: Organized Game Room 
	http://www.roleplayingtips.com/articles/the_organized_game_room.php */
.organized-room h3 {
	margin-bottom: 2px;
}

.organized-room img {
	float: left;
	margin: 10px 10px 2em 10px;
}

/* Article: Chaotic Game Room 
http://www.roleplayingtips.com/articles/the_chaotic_good_game_room.php */
.choatic-good-room {
	margin-bottom: 50px;
}

.choatic-good-room div {
	float: left;
	margin: 10px 0px;
	text-align: center;
	width: 130px;
}

/* Article: Spheres of influence 
http://www.roleplayingtips.com/articles/spheres_of_influence.php */
.spheres {
	margin-bottom: 350px;
}

.spheres div {
	float: left;
	margin: 10px 5px;
	text-align: center;
	width: 140px;
}


div.feeds {
	margin: 0 0 200px 20px;
	text-align: center;
}

div.feeds a {
	display: block;
	margin: 10px 0;
}

/* Contact Form */
.contactform_submit {
	border: 1px solid #000080;
	background-color: #FFFF80;
	color: #000080;
	font-weight: bold;
	width: 115px;
}


/* Twitter on Index page */
div#idx-twitter_div {
	width: 250px;
	float: right;
	margin: 0 0 0 20px;
	padding-left: 10px;
	font-size: 12px;
}

div#idx-twitter_div .twitter-title {
	margin-top: 0;
}

div#idx-twitter_div ul {
	margin: 5px 0;
	padding: 0 0 0 15px;
}

div#idx-twitter_div li {
	margin-bottom: 10px;
}

/* Inex Page - News */
#idx-news {
	font-size: 12px;
	width: 305px;
}

#idx-news .date {
	background-color:#F1F1E4;
	text-align: right;
	margin: 5px 0;
}

#idx-news h4 {
	margin: 5px 0 0 0;
	font-size: 14px;
}

#idx-news p {
	margin-bottom: 20px;
}

table#gamesitecomparison td {
	padding: 2px;
}
table#gamesitecomparison th {
	font-size: 11px;
	text-align:left;
}