/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

body, html {
	padding:  0px;
	margin:  0px;
	width: 100%;
	height:  100%;
}

.social-share {
	margin-top:  60px;
	margin-left: 20px;
}

.spacer {
	clear: both;
}

@red: #000000;

@opacity: 0.3;

.opacity {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: @opacity;
	-khtml-opacity: @opacity;
	opacity: @opacity;
}

#page {
	width: 100%;

	 .container {
	 	width:  100%;
	 	
	 	.inner {
	 		width:  1200px;
	 		margin:  0 auto;
	 	}
	 	
	 	#title {
	 		text-align: center;
	 	}
	 	
	 	#description {
	 		text-align: center;
	 		margin-bottom: 30px;
	 	}
	 	
	 	#action {
	 		padding-bottom: 60px;
	 		
	 		#instruction {
	 			color: @red;
	 			font-family: MonoCondensed-Bold;
		 		font-size: 35px;
		 		padding-bottom: 30px;
		 		text-align: center;
		 		clear: both;
	 		}
	 	
	 		#losers {
	 			width: 900px;
	 			float: left;
	 			
	 			.loser {
	 				width: 200px;
	 				padding-right: 25px;
	 				padding-top: 15px;
	 				float: left;
	 				cursor: pointer;
	 				
	 				.ico {
	 					float: left;
	 				}
	 				
	 				.name {
	 					float: left;
	 				}
	 			}
	 		}
	 		
	 		#team {
	 			width: 300px;
	 			float: left;
	 			
	 			#chosen {
	 				margin-bottom: 30px;
	 			
	 				.chosen {
	 					cursor: pointer;
	 					width: 70px;
	 					float: left;
	 				}
	 			}
	 			
	 			#go {
	 				text-align: center;
	 				color: @red;
	 				border: @red 4px solid;
	 				cursor: pointer;
	 				font-family: MonoCondensed-Bold;
	 				line-height: 40px;
	 				margin-bottom: 30px;
	 				font-size: 24px;
	 				
	 				&:hover {
	 					background: @red;
	 					color: #ffffff;
	 				}
	 			}
	 			
	 			#about {
	 				font-family: MonoCondensed-Bold;
	 				font-size: 20px;
	 			}
	 		}
	 	}
	 	
	 	#result {
	 		display: none;
	 		margin: 0 auto;
	 		width: 900px;
	 		padding-top: 50px;
	 		
	 		.chosen {
	 			width: 200px;
 				padding-right: 25px;
 				float: left;
	 		}
	 		
	 		#together {
	 			
	 		}
	 		
	 		#destiny {
	 			font-family: MonoCondensed-Bold;
	 			font-size: 20px;
	 			line-height: 24px;
	 			margin-top: 30px;
	 		}
	 		
	 		#social {
	 			padding: 60px 0px;
	 			text-align: center;
	 			
	 			img {
	 				cursor: pointer;
	 			}
	 		}
	 	}
	 }
}