/** BASIC */




html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #000000 url(images/subpage1.bg01.jpg) repeat-x left top;

	 

}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
	color: black;
	

}
}

/** HEADINGS */

h1, h2, h3 {
	margin: 0px;
	color: #87CEEB;
}

h1, h2 {
	font-weight: normal;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 16px;
}

h3 {
	margin-bottom: 10px;
	font-size: 11px;
}

/** TEXTS */

body, th, td, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
     color: #CADFE6;
	
	
}

input {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

ul, ol {
	margin-left: 0px;
	padding-left: 0px;
	list-style-position: inside;
}

list {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
	style='color:#000000;'


	
}

.list1 {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
	style='color:#000000;'

option.red {background-color: #cc0000; font-weight: bold; font-size: 12px;} 
option.bluebell {background-color: #A2A2D0; font-weight: bold; font-size: 12px;} 
option.bluegray {background-color: #6699CC; font-weight: bold; font-size: 12px;} 
option.beaublue {background-color: #BCD4E6; font-weight: bold; font-size: 12px;} 
option.brightt {background-color: #08E8DE; font-weight: bold; font-size: 12px;} 

}

.list1 li {
	margin-bottom: 1px;
	padding: 10px 15px 5px 15px;
	background: #0F2229 url(images/homepage27.jpg) no-repeat left top;
}

.list1 li.alt {
	background: #09151A url(images/homepage28.jpg) no-repeat left top;
}

.list1 .date {
	float: right;
	color: #40524D;
}

.list2, .list3 {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
	line-height: normal;
}

.list2 li, .list3 li {
	margin-bottom: 20px;
}

.list2 p, .list3 p {
	margin: 0px;
	padding: 0px;display: inline;
	line-height: normal;
}

.list3 li {
	margin-bottom: 15px;
	padding-bottom: 25px;
	background: url(images/homepage29.jpg) repeat-x left bottom;
}

.list3 h3 {
	display: inline;
}

.list3 p {
	display: block;
}



/** LINKS */

a {
	text-decoration: none;
	color: #F8DBA6;
}

a:hover {
	text-decoration: underline;
}

/** STYLES */

.style1 {
	margin: 0px;
	padding: 15px;
	text-align: right;
}

.style2 {
	text-align: center;
}

.style3 {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

/** BACKGROUNDS */

.bg1 {
}

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

img.left {
	float: left;
	margin: 3px 15px 0px 0px;
}

img.right {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}

/** WRAPPER */

#wrapper {
	background: url(images/subpage1.bg03.jpg) no-repeat center top;
}

#wrapper-bg {
	background: url(images/subpage1.bg02.jpg) repeat-y center top;
}

.wide-subpage #wrapper {
	background-image: url(images/subpage2.bg01.jpg);
} 

.wide-subpage #wrapper-bg {
	background-image: url(images/subpage2.bg02.jpg);
} 

/** MENU */

#menu {
	background: url(images/homepage02.jpg) no-repeat left top;
}

#menu a {
	color: #F6F4EF;
}

/** PAGE */

#page {
	background: url(images/subpage1.bg04.jpg) no-repeat left bottom;
}

.wide-subpage #page {
	background-image: url(images/subpage2.bg03.jpg);
}

/** CONTENT */

#content {
}

.wide-subpage #content {
	background: url(images/subpage2.bg01.jpg) no-repeat 50% -188px;
}

.wide-subpage #content .box .content {
	padding: 30px 45px;
	background: url(images/subpage2_02.jpg) no-repeat left top;
}

#content .box .meta {
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: normal;
	color: #52645D;
}

/** TWO-COLUMN SECTION */

.two-columns {
	background: url(images/homepage14.jpg) repeat-y left top;
}

.two-columns .column-one {
	width: 363px;
}

.two-columns .box .content {
	background: url(images/homepage26.jpg) no-repeat right top;
}

.two-columns .column-two {
	width: 362px;
}

/** SIDEBAR */

#sidebar {
}

#sidebar .box .content {
	background: url(images/homepage07.jpg) no-repeat right top;
}

#sidebar .box {
}

#sidebar .box .content {
	padding: 0px 0px 15px 0px;
}

#sidebar .box ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
}

#sidebar .box ul li {
	height: 20px;
	padding: 8px 0px 0px 35px;
	background: url(images/homepage11.jpg) no-repeat left top;
}

#sidebar .box ul li.first {
	background: none;
}

#sidebar .box ul li a {
	text-decoration: none;
	color: #CADFE6;
	
}

#sidebar .box ul li a:hover {
	text-decoration: underline;
	color: #F8DBA6;
}

#sidebar .box .padded {
	padding: 20px 35px;
}


/** FOOTER */

#footer {
	background: url(images/subpage1.bg05.jpg) no-repeat left top;
}

#footer p {
	margin: 0px;
	padding: 50px 0px 0px 0px;
	text-align: center;
	color: #354D4D;
}

/** BOX4 */

#box4 {
}

#box4 .content {
	padding: 20px 44px 30px 53px;
	background: url(images/subpage1_02.jpg) no-repeat left top;
	line-height: 170%;
}

#div1 { float:left; width:19%; border: 1px solid;} 
#div2 { float: left; width: 19%; border: 1px solid; } 
#div3 { float: left; width:19%; border: 1px solid;} 
#duel { float: right; width:40%; border: 0px solid;} 

#div4 { float:left; width:48%; border: 1px solid; } 
#div6 { float: left; width:48%; border: 1px solid;} 

#char1 { float:left; width:48%; border: 1px solid; } 
#char2 { float: left; width:48%; border: 0px solid; text-align: right;} 

#div8 { float:left; width:38%; border: 0px solid; } 
#div9 { float: left; width:38%; border: 0px solid;}

#skapa { float:left; width:40%; border: 0px solid; } 
#klass { float: left; width:40%; border: 0px solid;}

#changepassword { float:left; width:40%; border: 0px solid; height:20%;  } 
#avatar { float: left; width:40%; border: 0px solid; height:20%; }

#leader { float:left; width:40%; border: 0px solid; height:20%;  } 
#namehero { float: left; width:40%; border: 0px solid; height:20%; }
#changefaction { float: left; width:40%; border: 0px solid; height:20%; }

#head1 { float:left; width:38%; border: 0px solid; } 
#head2 { float: left; width:38%; border: 0px solid;}