body{
	color: #000000;
	background-color: #7db0ef;
	background-image: url('../images/blue_upperleft.png');
	background-repeat: no-repeat;
}

img{
	border: none;
}
a{
	text-decoration: none;
	color: #aa0000;
}
a:hover{
	text-decoration: underline;
	color: #6622aa;
}

.banner{
	position: relative;
	width: 800px;
	text-align: left;
	z-index: -1;
}
.banner #logo{
}
.banner #title{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 640px;
	height: 100px;
	background-image: url('../images/blue_title.png');
	background-repeat: no-repeat;
}
.menu{
	background-image: url('../images/blue_menu_tlCorner.gif');
	background-repeat: no-repeat;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #68a0e5 #0a1af3 #0a1af3 #68a0e5;
	background-color: #d5daff;
	margin-left: 5px;
	list-style-type: none;
	padding: 0px 5px 0px 5px;
}
.menu ul{
	list-style-type: none;
	margin-left: -15px;
}
.menu li div{
	white-space: nowrap;
}
.menu a{
	color: #444444;
}
.menu .active a{
	color: #229922;
	font-weight: bold;
}
.menu a:hover{
	text-decoration: none;
	color: #dd0000;
}
.menu .active a:hover{
	color: #229922;
}

.controlStrip{
	float: right;
	text-align: center;
}
.controlStrip .avatar img{
	padding: 3px 5px;
	border: 1px solid transparent;
	height: 100px;
}
.controlStrip .avatar img:hover{
	border-color: #8a9af3;
	background-color: #D5DAFF;
}
.controlStrip .user{
	text-transform: capitalize;
}
.controlStrip .messages{

}
.controlStrip .logout{

}
.controlStrip .login{

}
.controlStrip .register{
	padding-left: 15px;
}

.tableInput{
	border: 1px solid #8A9AF3;
	background-color: #cAdAF3;
	border-collapse: collapse;
}
.tableInput td, .tableInput th{
	vertical-align: top;
	padding: 2px 5px 2px 5px;
}
.tableInput th{
	text-align: right;
}

.error{
	color: #dd0000;
}

#body{
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #68a0e5 #0a1af3 #0a1af3 #68a0e5;
	margin-left: 5px;
	width: auto;
	background-color: #e8eaf8;
	padding: 5px 15px 10px 15px;
	text-align: left;
	float: right;
}
.pageHeader{
	font-size: 180%;
	width: 450px;
}

.sort-arrow {
	background-position:50% 75%;
	background-repeat:no-repeat;
	padding-left: 5px;
}
.ascending {
	background-image:url('../images/arrow_down.gif');
}
.descending {
	background-image:url('../images/arrow_up.gif');
}
.clickable{
	cursor: pointer;
}

/* buttons */
.button{
	cursor:pointer;
	vertical-align:middle;
	background-repeat: no-repeat;
}
.new{
	background-image: url('../images/new.gif');
}
.new:hover{
	background-image: url('../images/newOver.gif');
}
.edit{
	background-image: url('../images/edit.gif');
}
.edit:hover{
	background-image: url('../images/editOver.gif');
}
.delete{
	background-image: url('../images/delete.gif');
}
.delete:hover{
	background-image: url('../images/deleteOver.gif');
}
.reply{
	background-image: url('../images/reply.gif');
}
.reply:hover{
	background-image: url('../images/replyOver.gif');
}
.save{
	background-image: url('../images/save.gif');
}
.save:hover{
	background-image: url('../images/saveOver.gif');
}

.next{
	background-image: url('../images/right_arrow_16px.png');
}
.next:hover{
	background-image: url('../images/right_arrow_over_16px.png');
}
.previous{
	background-image: url('../images/left_arrow_16px.png');
}
.previous:hover{
	background-image: url('../images/left_arrow_over_16px.png');
}
.up{
	background-image: url('../images/arrow_up.gif');
}
.up:hover{
	background-image: url('../images/arrow_up_over.gif');
}
.down{
	background-image: url('../images/arrow_down.gif');
}
.down:hover{
	background-image: url('../images/arrow_down_over.gif');
}

/* comments */
.comment table{
	width: 100%;
	border-collapse: collapse;
	border-width: 0px 1px 1px 1px;
	border-color: #68a0e5;
	border-style: solid;
	background-color: #D5DAFF;
	font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}
/*.comment .commentHeader{
	background-color: #D5DAFF;
	color: #002200;
	padding: 2px 0px 2px 15px;
	border-width: 0px 1px 1px 1px;
	border-color: #68a0e5;
	border-style: solid;
	font-size: 80%;
	vertical-align: top;
}*/
.comment .commentAvatar{
	border: none;
	font-size: 80%;
}
.comment .commentAvatar img{
	padding: 3px 5px;
	border: 1px solid transparent;
}
.comment .commentAvatar  img:hover{
	border-color: #6699dd;
	background-color: #e5eAFF;
}

.comment .commentAuthor{
	vertical-align: top;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}
.comment .commentDate{
	vertical-align: top;
	font-size: 80%;
	white-space: nowrap;
	text-align: center;
}
.comment .comment{
	vertical-align: top;
	padding: 2px 5px 2px 5px;
	border: none;
	border-left: 1px solid #68a0e5;
	width: 100%;
	font-size:13px;
}
.comment .signature{
	color:#57687A;
	font-size:11px;
	margin-top:35px;
	border-top: 1px solid #57687A;
}

.showComments .respond{
	background-color: #D5DAFF;
	padding: 0px 0px 0px 15px;
	margin-top: 1px;
	font-size: 80%;
	border: 1px solid #68a0e5;
}
.comment .respond{
	margin-top: 0px;
	border-width: 1px 0px 0px 0px;
}
.comment .respond a{
	padding-right: 5px;
}

.subcomment{
	margin-left: 15px;
}

.comments .hidden {
	color: #448844;
}
.hidden table{
	color: #444444;
	background-color: #99dd99;
}
.hidden .respond{
	color: #444444;
	background-color: #99dd99;
}
.comments .unapproved{
	color: #444488;
}
.unapproved table{
	color: #444444;
	background-color: #9999dd;
}
.unapproved .respond{
	color: #444444;
	background-color: #9999dd;
}
.message{
	background-color: #99dd99;
	color: #444444;
	padding: 2px 0px 2px 15px;
	border-width: 1px 1px 1px 1px;
	border-color: #68a0e5;
	border-style: solid;
	font-size: 80%;
	margin-top: 1px;
}

/*  content  */
.content{
	margin-bottom: 2px;
}
.content .admin{
	float: right;
	font-weight: normal;
}
.content .title{
	padding-left: 25px;
	font-size: 120%;
	font-weight: bold;
}
.content .smallTitle{
	padding-left: 25px;
	font-weight: bold;
}
.content .heading{
	background-color: #d5daff;
	color: #000000;
	padding-left: 50px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #68a0e5 #0a1af3 #0a1af3 #68a0e5;
	font-size: 80%;
}

.content .heading .displays th{
	text-align: right;
}
.content .author{
	padding-left: 30px;
	display: inline;
}
.content .created{
	display: inline;
}
.content .updated{
	display: inline;
}
.content .text{
	/*border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #999999;*/
	padding: 2px 10px 5px 10px;
	/*background-color: #eeeeee;*/
}
.content .visible{
	padding-left: 50px;
	display: inline;
}
.content .order{
	padding-left: 15px;
	display: inline;
}

.content .comments{
	background-color: #d5daff;
	color: #000000;
	padding-left: 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #68a0e5 #0a1af3 #0a1af3 #68a0e5;
	font-size: 80%;
}
.content .comments:hover{
	font-weight: bold;
	background-color: #b5badf;
	cursor: pointer;
	cursor: hand;
}
.content .showComments{
	margin: 0px 0px 0px 15px;
}

.addContent th{
	text-align: right;
	vertical-align: top;
}

.selector{
	width: 100%;
}
.selector th{
	white-space: nowrap;
	vertical-align: top;
	text-align: right;
}
.selector td{
	vertical-align: top;
	text-align: justify;
	padding-left: 10px;
}

.standardTable{
	width: 100%;
	border-collapse: collapse;
	border-color:#68a0e5 #0a1af3 #0a1af3 #68a0e5;
	border-style:solid;
	border-width:1px 1px 1px 1px;
}
.standardTable td, .standardTable th{
	vertical-align: top;
	padding: 0px 5px 0px 5px;
}
.standardTable thead td{
	font-weight: bold;
	white-space: nowrap;
	background-color: #d5daff;
	border-bottom: 1px solid #68a0e5;
	/*border-width: 1px 0px 1px 0px;
	border-color: #68a0e5;
	border-style: solid;
	border-bottom: 1px solid #68a0e5;*/
}
.standardTable .even{
	background-color: #cfcfff;
}
.standardTable .odd{
	background-color: #dcdcff;
}
.attentionBox{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ff0000 #ab2121 #ab2121 #ff0000;
	background-color: #ffd8d8;
	padding: 5px 15px 10px 15px;
	text-align: left;
}
.attentionBox .title{
	color: #dd0000;
}

.code{
	margin: 5px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #68a0e5 #0a1af3 #0a1af3 #68a0e5;
	background-color: #ffffff;
	padding: 5px 15px 5px 15px;
	text-align: left;
	font-size: 80%;
}
.code .red{
	color: #dd0000;
}
.code .blue{
	color: #0000dd;
}
.code .cyan{
	color: #009999;
}
.code .green{
	color: #009900;
}

.superScript{
	font-size: 70%; 
	position: relative; 
	bottom: 0.5em;
}

.imageTable td{
	text-align: center;
	vertical-align: top;
	padding: 1px 3px 1px 3px;
}
.imageTable a{
	display: block;
	text-align: center;
	border: 1px solid transparent;
}
.imageTable a:hover{
	background-color: #ffffff;
	border-color: #aaaadd;
}
.imageTable .odd td{
	text-align: justify;
	border: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 1px 15px;
}

.hTable{
	border: 1px solid #68a0e5;
	background-color: #d5daff;
}
.hTable td, .hTable th{
	vertical-align: top;
}
.hTable th{
	text-align: right;
}

.siteError{
	font-size: 150%;
	font-weight: bold;
}

.nav{
	font-size: 110%;
}
.nav td{
	vertical-align: middle;
}
.nav a{
	font-size: 80%;
}

/* /index.php */
.news{
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
}
.news .admin{
	float: right;
	font-weight: normal;
}
.news .title{
	font-weight: bold;
	padding-left: 25px;
}
.news .heading{
	background-color: #d5daff;
	color: #000000;
	padding-left: 50px;
	border-style: solid;
	border-width: 1px;
	border-color: #0a1af3;
	font-size: 80%;
}
.invisible .heading{
	background-color: #aa99ff;
	border-color: #0a1af3;
}
.news .heading .date{
	display: inline;
}
.news .heading .author{
	display: inline;
}
.news .content{
	text-align: justify;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #0a1af3;
	padding: 2px 10px 5px 10px;
	background-color: #e8e8ff;
}
.invisible .content{
	color: #444444;
}
.news .comments{
	background-color: #d5daff;
	color: #000000;
	padding-left: 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #0a1af3;
	font-size: 80%;
}
.invisible .comments{
	background-color: #aa99ff;
	border-color: #0a1af3;
}
.news .comments:hover{
	font-weight: bold;
	background-color: #b5baff;
	cursor: pointer;
	cursor: hand;
}
.news .showComments{
	margin: 0px 0px 0px 15px;
}

/* BG Cleric/Spells */
.BGList dt{
	font-weight: bold;
	padding-left: 20px;
	background-image: url('../images/BGfold.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
/* BG Cespenar */
.BGitemDisplay{
	border: 1px solid #000000;
	background-color: #444444;
}
.BGitemDisplay a{
	color: #ffffff;
	text-decoration: underline;
}
.BGitemDisplay a:hover{
	color: #cccccc;
	text-decoration: none;
}
.BGitemDisplay table{
	width: 100%;
	border-collapse: collapse;
}
.BGitemDisplay th{
	color: #ffffff;
	text-align: right;
	vertical-align: top;
}
.BGitemDisplay td{
	color: #dddddd;
	vertical-align: top;
}
.BGitemDisplay dl{
	color: #ffffff;
	padding-left: 15px;
}
.BGitemDisplay dt{
	font-weight: bold;
}

/* Articles */
.article{
	margin: 0px 15px 5px 0px;
	float: left;
}
.article table{
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #68a0e5 #0a1af3 #0a1af3 #68a0e5;
	border-collapse: collapse;
	width: 100%;
	height: 125px;
	background-color: #ffffff;
}
.article td{
	vertical-align: top;
}
.article .ratingBox{
	border-left: 1px solid #68a0e5;
	text-align: center;
	padding: 2px 5px 2px 5px;
	width: 80px;
	white-space: nowrap;
	vertical-align: middle;

}
.article .ratingBox .title{
	padding: 0px;
	font-size: 100%;
}
.article .title{
	padding-left: 15px;
	font-weight: bold;
	font-size: 120%
}
.article .heading{
	padding-left: 15px;
	background-color: #a8d0e5;
	font-size: 80%;
	color: #222222;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #88a0e5
}
.article .genre{
	padding-right: 15px;
}
.article .writer{

}
.article .date{
	padding-left: 15px;
}
.article .synopsis{
	padding: 0px 10px;
	text-align: justify;
}

.articleRating{
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #7DB0EF #0A1AF3 #0A1AF3 #7DB0EF;
	border-collapse: collapse;
}
.articleRating thead th{
	background-color: #0A1A43;
	color: #ffffff;
}
.articleRating tbody th, .articleRating tbody td{
	text-align: right;
}
.articleRating tfoot th, .articleRating tfoot td{
	text-align: right;
	background-color: #0A1A43;
	color: #ffffff;
}
.articleRating .even{
	background-color: #9eccf6;
}
.articleRating .odd{
	background-color: #d3dfef;
}
.articleRating .green{
	border: 1px solid #000000;
	height: 5px;
	background-color: #006633;
}
.articleRating .yellow{
	border: 1px solid #000000;
	height: 5px;
	background-color: #ffff00;
}
.articleRating .red{
	border: 1px solid #000000;
	height: 5px;
	background-color: #ff3300;
}