/* Stylesheet 1 -------------------------------*/

body { margin:0; color:#FFFFDD; background:#0a181b url('../images/bg2.jpg') repeat-x 50% 0;; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Tahoma } 
 
#ev_bg { background:url('../images/ev_bg2.gif') repeat-y; width:1064px;  margin:0px auto }
#everything { border-left:1px solid black; border-right:1px solid black; border-top:0px solid black; border-bottom:0px solid black; width:1000px; margin:0 32px;  background:url('../images/stone-dark.jpg');  }

#header { height:162px; background:url('../images/d3_header2.jpg') no-repeat right; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0 }
#header h1 { padding-top:115px; margin:0; color:white; }

#middle { clear:both; background:url('../images/borderb2.gif') repeat-x; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:20px }	
	
	#left_column { width:195px; float:left; }
	.horizontal #left_column { width:auto; float:none; }
		#navigation a { background:url('../images/button_bg2.gif') no-repeat; width:170px; height:25px; display:block; padding-left:25px; margin:5px 0;
						font-size:13px; color:white; text-decoration:none; line-height:25px}
		#navigation a:hover { background-position:0 bottom;  }
		.horizontal #navigation a { float:left; } 
		#more_information { padding-top:15px;}
		
	#middle_column { float:left; width:50%; margin:0px 20px; }
	#middle_column.two_column { float:left; width:75%; } 
	.horizontal #middle_column { width:auto; float:none; }
		.date_break { font-size:19px; border-bottom:1px solid #063d5c; margin-bottom:10px; }
		.post { background:url('../images/stone-blue2.jpg'); border:1px solid #001c22; margin-bottom:35px; line-height:18px } 
		.post h1 { background:#0d2368 url('../images/title_bg2.gif') repeat-x; margin:0; font-size:15px; color:white; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px} 
		.post_body { padding:5px 15px; }
		.post .postedby { float:left; clear:both; }
		.post .timestamp { float:right }

		ul { margin:20px; padding:10px; }
		li { background:url('../images/bullet2.gif') no-repeat 0 5px;  padding-left:30px; line-height:25px; list-style-type:none  }
		.list_left, .list_right { width:48%; float:left }

		.post_info { clear:both; padding-top:10px; }
	
	#right_column { width:26%; float:left; }
		.box { background:url('../images/stone-blue.jpg'); border:1px solid #545454; padding:10px; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:25px }

#footer { clear:both; padding:20px }
	#subnav { margin:10px 0;}	
	#subnav a { color:#0b879e; }
	#subnav a:hover { color:#00aecd } 
	.copyright { font-size:10px;}
	
		
	

.spacer5
{
	clear:		both;
	margin:		5px 5px 0 0;
	font-size:	5px;
}

.spacer7
{
	clear:		both;
	margin:		7px 7px 0 0;
	font-size:	7px;
}

.spacer10
{
	clear:		both;
	margin:		10px 10px 0 0;
	font-size:	10px;
}
 
  
.txtspacer
{
	margin:		0 0 0 3px;
}

.notes
{
	font-size: 10px;
}



.text
{

	font-size:	20px;
	height:		102px;
	border:		1px solid #000;
}



.hideit
{
	display:	none;
}


.runename
{
	width:	360px;
	float:	left;
}

.runeusefor
{
	width:	300px;
	float:	left;
}



.runes
{
	clear: both;
	width:	350px;
	float:	left;
}

 
.runeresult
{
	 
	width:	250px;
	float:	left;
}

.minmax
{
	width:	80px;
	float:	left;
	padding: 0 10px;

}

.cubename
{
	width:	480px;
	float:	left;
	padding: 10px 0 0 0;

}
.cubeinputs
{
	clear: both;
	padding: 10px 0 0 0;

}
.cubeinput
{
	width:	300px;
	float:	left;
	padding: 10px 0 0 0;

}

.cubeoutput
{
	clear:both;
	width:	250px;
	float:	left;
	padding: 10px 0 10px 0;
}

.cubeoutput2
{
	width:	200px;
	float:	left;
	padding: 10px 0 10px 0;
}


.newline
{
	clear: both;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	 
	 
	padding: 10px; 

}





h3 
{
	 
	margin: 2px 0 0 0;
	padding: 0 5px;
 	font-size: 16px;
	font-weight: bold;

}
 
.toggler 
{
	 
	margin: 2px 0 0 0;
	padding: 0 5px;
 	font-size: 12px;
	font-weight: bold;
}


.element {
	padding: 4px;
 
}
 

.element submit {
	padding: 4px;
 
}

.element p {
	margin: 0;
	padding: 4px;
}

.tool-tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: #9FD4FF;
	background: url('bubble.png') top left;; padding-left:4px; padding-right:8px; padding-top:8px; padding-bottom:4px
}
 
.tool-text {
	font-size: 12px;
	background: url('bubble.png');; padding-left:4px; padding-right:8px; padding-top:4px; padding-bottom:8px
}


.overview 
{
	float:left;
	width:120px;
}

.unique 
{
PADDING-RIGHT: 5px; 
PADDING-LEFT: 5px; 
background-color: #000000; 
PADDING-BOTTOM: 5px; 
MARGIN: 0px; 
PADDING-TOP: 5px
text-align: center;
}

.unique_name 
{
PADDING-RIGHT: 5px; 
PADDING-LEFT: 5px; 
COLOR: #c7b377; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px
text-align: center;
}

.itemtype 
{
PADDING-RIGHT: 5px; 
PADDING-LEFT: 5px; 
COLOR: #FFFFFF; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px
text-align: center;
}

.rune_sub_header
{
PADDING-RIGHT: 5px; 
PADDING-LEFT: 5px; 
COLOR: #D08020; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px
text-align: center;
}

.basic
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
COLOR: #A0A0A0; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px
text-align: center;
}

.prop_blue 
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
COLOR: #2020b0; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px
text-align: center;
}

.prop_green
{
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
COLOR: #50b050; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px
text-align: center;
}
