/* Style sheet for roar guild index.html */

body {
	background-color:black;}
	
#hitcounter {
	vertical-align:middle;
	width:110px;
	height:100px;
	margin-left:420px;}
	
#main {
	width:960px;
	height:770px;
	margin-right:auto;
	margin-left:auto;
	background-image:url(../images/side_column1.gif);
	background-repeat:repeat-y;
	font:Arial;}
	
#text {
	color:#09F;
	width:900px;
	margin-left:20px;
	text-align:center;
	padding:10px;}	
		
#navigation {
	width:200px;
	height:auto;
	float:left;
	margin-left:30px;
	margin-top:8px;}

#navigation a {
	width:160px;
	height:35px;
	background-image:url(../images/cbutton_off.gif);
	background-repeat:no-repeat;
	color:#09F;
	float:left;
	font-size:18px;
	font-weight:bold;
	text-shadow:#000;
	text-decoration:none;
	outline:none;
	max-height:40px;
	padding-left:40px;
	vertical-align:middle;
	display:inline;
	line-height:35px;
	white-space:nowrap;}

#navigation a:hover {
	background-image:url(../images/cbutton_on.gif);
	color:#0CF;
	font-weight:900;}

#navigation2 {
	width:200px;
	height:auto;
	margin-right:30px;
	margin-top:8px;
	float:right;
	vertical-align:middle;}

#navigation2 a {
	width:160px;
	height:35px;
	background-image:url(../images/cbutton_off.gif);
	background-repeat:no-repeat;
	color:#09F;
	float:left;
	font-size:18px;
	font-weight:bold;
	text-shadow:#000;
	text-decoration:none;
	outline:none;
	max-height:40px;
	padding-left:40px;
	vertical-align:middle;
	display:inline;
	line-height:35px;
	white-space:nowrap;}
		
#navigation2 a:hover {
	background-image:url(../images/cbutton_on.gif);
	color:#0CF;
	font-weight:900;}

#banner {
	width:960px;
	height:150px;
	margin-right:auto;
	margin-left:auto;
	background-image:url(../images/bannerblue1.png);
	background-repeat:no-repeat;
	display:block;}	

#lowbanner {
	width:960px;
	height:100px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	background-image:url(../images/lowbannerblue01.png);
	background-repeat:no-repeat;}
	
#seperator {
	width:960px;
	height:10px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/seperator_1.png);
	background-repeat:repeat-x;}
	
a {
	outline:0;}		
	
#news {
	width:300px;
	text-align:center;
	color:#09F;
	font-size:18px;
	height:20px;
	float:right;
	margin-right:28px;
	margin-top:8px;}
	
#datacontainer {
	width:280px;
	text-align:center;
	color:#09F;
	font-size:18px;
	position:absolute;
	border:none;}
		
#newsc {
	width:300px;
	height:185px;
	text-align:center;
	color:#09F;
	font-size:18px;
	float:left;
	display:block;}	
	
#welcome {	
	width:400px;
	height:205px;
	margin-top:8px;
	text-align:center;
	color:#09F;
	font-size:18px;
	float:left;}	
	
#centertext {	
	width:700px;
	height:auto;
	margin-top:8px;
	text-align:center;
	color:#09F;
	font-size:18px;
	float:left;
	text-decoration:none;}	
	
#table {
	width:700px;
	max-width:700px;
	height:auto;
	color:#09F;
	text-align:center;
	margin-right:28px;
	border:1px solid #009;}	
	
#table a {
	color:#09F;
	text-decoration:underline;
	font-weight:bold;}
	
#table a:hover {
	color:#0CF;
	text-decoration:none;}
	
#table a:visited {
	color:#09F;
	text-decoration:underline;}		

td {
	border-right: 1px solid #09F;
	border-top: 1px solid #09F;
	border-bottom: 1px solid #09F;
	border-left: 1px solid #09F;
	padding-top:4px;
	padding-bottom:4px;}		
	
#exp {
	display:block;
	float:right;
	width:700px;
	height:auto;
	color:#09F;
	font-size:18px;
	font-weight:bold;
	margin-right:30px;
	text-align:center;}
	
tr {
	text-align:center;
	vertical-align:center;
	color:#OCF;}
	
p {
	color:#OCF;
	float:right;}	
	
h1 {
	color:#OCF;
	text-align:center;}	
h2 {
	color:#OCF;
	text-align:center;}		
		
#dion {
	color:#OCF;
	display:block;
	margin-right:30px;
	width:700px;
	height:auto;
	text-align:center;}	
	
#dionmap {
	margin-left:232px;
	margin-bottom:6px;
	margin-top:6px;}	
	
#tierinfo {
	text-align:center;
	font-size:18px;
	padding-right:35px;}		

#quirkinfo {
	text-align:center;
	font-size:18px;
	padding-right:0px;
	float:right;
	display:block;
	width:500px;}
	
#quirks {
	text-align:center;
	width:700px;}	
	
#under {
	color:#06F;
	text-align:center;}
	
.dropcontent {
	width: 250px;
	height: 40px;
	display:block;}

#hpmaxbox {
	display:block;
	text-align:center;
	color:#OCF;
	float:right;
	width:250px;
	height:100px;
	margin-right:248px;
	margin-top:50px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	background-image:url(../images/hpmaxbg_2.png);
	background-repeat:no-repeat;
	background-attachment:scroll;}
	
select {
	border-width:0px;
	color:#09F;
	background-color:transparent;
	font-size:18px;
	margin-top:3px;}
	
div.dropcontent {
	color:#09F;}
	
#screenshots {
	color:#09F;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	width:700px;
	margin-left:230px}

#picoftheday {
	width:475px;
	height:495px;
	margin-left:2px;
	margin-top:4px;
	color:#09f;
	text-align:center;
	float:right;
	margin-right:138px;
	border:2px;
	border-color:#5E92CC;
	border-style:solid;}	
		
.clasp {
	text-align:center;}
.item {
	display:none;} 
	
#centerinfobox {
	float:left;
	width:480px;
	margin-top:8px;
	margin-left:8px;
	height:auto;
	color:#09F;
	text-align:center;
	border:1px solid #009;}

#HCB_comment_box textarea {
	background-color:transparent; 
	height:100px;
	color:#09F; }

/* the entire html comment box container. applies to everything */
#HCB_comment_box {
  	background-color:transparent;
  	color:transparent;
	width:500px;
	text-align:center;}

#HCB_comment_box p.error {
	border: 1px solid red;
 	background-color:transparent;
  	color:#09F;}

#HCB_comment_box textarea, {
  	border-top: 1px solid #00F;
 	border-left: 1px solid #00F;
  	border-bottom: 1px solid #06F;
  	border-right: 1px solid #06F;
  	background-color:transparent;
	color:#09F;}
  
#HCB_comment_box input.text {
	border-top: 1px solid #e4e4e4;
 	border-left: 1px solid #e4e4e4;
 	border-bottom: 1px solid #eaeaea;
 	border-right: 1px solid #eaeaea;
 	background-color:transparent;
	color:#09F;}

#HCB_comment_box .hcb-wrapper-half {
    display:block;
    width:400px;
    float:left;
	margin-left:50px;
	color:#09F;
	font-size:20px;
	font-weight:400;}
	
#HCB_comment_box .hcb-wrapper {
    clear:both;
	Width:500px;
	text-align:center;
	color:#09F;}
	
#HCB_comment_box input.text {
    display:block;
    width:100%;
	color:#09F;}
	
/* the submit button */
#HCB_comment_box input.submit {
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #888;
  border-right: 1px solid #888;
  background-color:transparent; 
  font-weight:bold;
  cursor:pointer;
  margin-left:145px;
  color:#09F;
}

#HCB_comment_box span.home-desc {
  font-size:20px;
  color:#09F;}

/* the individual comment display containers */
#HCB_comment_box div.comment {
  border-bottom:1px solid #03F;
  margin-bottom:5px;
  color:#09F;}

/* the moderator message */
.hcb-mod  i{
  color:#09F;
}

/* next, prev, ok and x link style */
.hcb-link {
	color:#09F;}

#HCB_comment_box .submit {
	background-image:url(../images/Sub.png);
	width:100px;
	height:30px;}
		
#commentholder {
	margin-left:100px;
	float:left;
	color:#09F;
	text-align:center;}

#mappartscob {
	width:1024px;
	max-height:1024px;
	max-width:1024px;
	height:1024px;
	background-image:url(../images/Maps/DionMap.jpg)}
	
#mappartsnork {
	width:1024px;
	max-height:1024px;
	max-width:1024px;
	height:1024px;
	background-image:url(../images/Maps/NorkMap.jpg);
	background-repeat:no-repeat;}	

#placestable {
	width:1024px;
	color:#09F;
	border:1px solid #009;}
	
#mapcontainer {
	margin-left:auto;
	margin-right:auto;
	float:none;
	width:1024px;
	border:#09F solid 1px}