*{border:0;list-style-type:none;margin:0;outline:0;padding:0;}

body{background:url('../layout/background.jpg') no-repeat center center fixed #000;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;font-family:Arial;font-size:85%;}
img{display:block;}
.fl{float:left;}
.cb{clear:both;}
#pageWrapper{margin:0 auto;width:960px;}
#pageWrapper h1{color:#FFF;font-size:150%;height:50px;line-height:50px;text-align:center;}

#homeButton{background-color:#333;background-image:url('../layout/home.png');background-position:center;background-repeat:no-repeat;background-size:40px;cursor:pointer;display:block;height:40px;width:100%;}


h2.parts{color:#FFF;font-size:120%;margin:20px 0;}

#championsHolder{height:auto !important;height:150px;margin:20px 0;min-height:150px;}
#championsHolder img{margin:5px;}
#activeChampion{border:2px solid #FFF;height:46px;width:46px;}

#nameHolder{background-color:#FFF;border-radius:20px;font-weight:bold;height:50px;line-height:50px;margin-bottom:10px;padding:5px;text-align:center;width:calc(100% - 10px);}
#generate{background-color:#FC0;border-radius:20px;color:#FFF;cursor:pointer;font-weight:bold;height:50px;line-height:50px;margin-bottom:20px;padding:5px;text-align:center;width:calc(100% - 10px);}

#championHeader img{border:5px solid #FFF;border-radius:50%;height:120px;margin:0 auto;margin-top:20px;width:120px;}
#championHeader h2{background:-webkit-linear-gradient(#9f814a,#7e6234);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'Lora',Arial,sans-serif;font-weight:400;color:#937341;font-size:180%;letter-spacing:7px;padding-left:7px;text-align:center;margin:20px 0;}
.column{margin:10px 10px 0 10px;width:calc(100% - 20px);}/*color:#FFF;font-family:'Lora';font-size:180%;margin-top:20px;text-align:center;*/
.pageBlock{background-color:#FFF;border-radius:20px;float:left;height:auto !important;height:50px;margin-bottom:20px;min-height:50px;padding:10px 10px 20px 10px;width:calc(100% - 20px);}
.pageBlock h3{font-size:120%;height:30px;line-height:30px;text-align:center;width:100%;}
.pageBlock h4{font-size:120%;height:30px;line-height:30px;margin-top:10px;text-decoration:underline;}
.pageBlock p{margin-top:10px;}
.pageBlock p#yourName{font-size:150%;height:50px;line-height:50px;text-align:center;}
.pageBlock img{margin:5px;}
.pageBlock img#abilitieActive{border:5px solid #AAA;height:54px;width:54px;}
.hide{display:none;}

#refresh{background-color:#FC0;border-radius:20px;color:#FFF;cursor:pointer;font-weight:bold;height:50px;line-height:50px;margin-bottom:20px;padding:5px;text-align:center;width:calc(100% - 10px);}





@media only screen and (max-width: 1024px) {
	#pageWrapper{width:784px;}
	.column{margin:0;width:100%;}
}
@media only screen and (max-width: 800px) {
	#pageWrapper{width:485px;}
	.column{margin:0;width:100%;}
	#pageWrapper h1{font-size:100%;}
}
@media only screen and (max-width: 500px) {
	#pageWrapper{width:320px;}
	.pageBlock h3{font-size:100%;}
	.pageBlock p#yourName{font-size:100%;}
	.column{margin:0;width:100%;}
	#pageWrapper h1{font-size:75%;}
	h2.parts{color:#FFF;font-size:85%;}
}