/* 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%;
	background: #e5e5e5;
}

.clear {
	clear: both;
}

.spacer {
	clear: both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.va-container {
	display: table;
}
.va-cell {
	display: table-cell;
	vertical-align: middle;
}

/*#commentsy {
	color:  rgba( 255, 255, 255, 0.9 )!important;
	
	* {
		color:  rgba( 255, 255, 255, 0.9 )!important;
	}
	
	overflow:  hidden!important;
	width: 1000px!important;
	
	textarea {
		color:  rgba( 255, 255, 255, 0.9 )!important;
	}
}*/

.most-read {
		margin:  0 auto;
		width:  1000px;
		margin-top:  50px;
		text-align:  center;
		
		* {
			color: #000000!important;
			text-decoration:  none;
		}
		
		.most-read-header {
			margin-bottom: 50px;
			font-family: MonoCondensed-Bold;
			text-align: left;
			font-size: 30px;
			line-height:  27px;
		}
		
		.item {
			width:  200px;
			float: left;
			margin-left: 40px;
			text-align:  left;
			
			@before: 0.8;
			@after: 1.0;
			
			img {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
				filter: alpha(opacity=10);
				-moz-opacity: @before;
				-khtml-opacity: @before;
				opacity: @before;
				
				&:hover {
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					filter: alpha(opacity=0);
					-moz-opacity: @after;
					-khtml-opacity: @after;
					opacity: @after;
				}
			}
			
			&:first-child {
				margin: 0px;
			}
			
			.va-container {
				padding-top: 20px;
				font-family: PTSerif-Regular!important;
				font-size:  20px;
				line-height:  23px;
				
				&:hover {
					color: #28bfde!important;
					* {
						color: #28bfde!important;
						
					}
				}
			}
			
			.lva-container {
				padding-top: 20px;
				font-family: PTSansPro-Caption!important;
				font-size:  12px;
				line-height:  15px;
			}
		}
	}
	
	.same-read {
		margin:  0 auto;
		width:  920px;
		margin-top:  50px;
		text-align: left;
		
		* {
			color:  #000000!important;
			text-decoration:  none;
		}
		
		.same-read-header {
			margin-bottom: 50px;
			font-family: MonoCondensed-Bold;
			font-size: 30px;
			text-align: left;
			line-height:  27px;
			width: 600px;
			margin:  0 auto;
		}
		
		.container {
			width: 600px;
			margin:  0 auto;
			margin-top: 50px;
		}
		
		.item {
			width:  600px;
			text-align:  left;
			margin-bottom: 50px;
			
			@before: 0.8;
			@after: 1.0;
			
			img {
				float: left;
				margin-right: 30px;
				padding-bottom: 50px;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
				filter: alpha(opacity=10);
				-moz-opacity: @before;
				-khtml-opacity: @before;
				opacity: @before;
				
				&:hover {
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					filter: alpha(opacity=0);
					-moz-opacity: @after;
					-khtml-opacity: @after;
					opacity: @after;
				}
			}
			
			.va-container {
				padding-top: 20px;
				font-family: Octava!important;
				font-size:  40px;
				line-height:  35px;
				width: 370px;
				
				a {
					&:hover {
						color: #28bfde!important;
						
						* {
							color: #28bfde!important;
						}
					}
				}
			}
			
			.lva-container {
				padding-top: 20px;
				font-family: PTSansPro-Caption!important;
				font-size:  14px;
				line-height:  20px;
				width: 600px;
			}
			
			.rva-container {
				a {
					text-decoration: none;
					color: #000000;
					
					&:hover {
						color: #03b2d9;
					}
				}
			}
		}
	}
	
.rva-container {
	font-size: 16px;
}

#page {
	 width: 1200px;
	 margin: 0 auto;
	 
	 .text {
	 	color: #000;
	 	width: 630px;
	 	text-align: center;
	 	margin: 0 auto;
	 	padding: 40px 0px;
	 	
	 	a {
	 		color: #000;
	 	}
	 }
	 
	 .gifs {
	 	position: absolute;
	 	
	 	.gif {
	 		position: absolute;
	 		z-index: 999;
	 	}
	 }
	 
	 .block {
	 	text-align: center;
	 	padding-top: 40px;
	 	
	 	.bg {
	 		position: absolute;
	 		left: 0px;
			width: 100%;
	 		height: 100%;
	 		z-index: 0;
	 	}
	 	.images {
	 		position: relative;
	 		z-index: 2;
	 		img {
	 			display: block;
	 			margin: 0 auto;
	 		}
	 	}
	 	.text {
	 		position: relative;
	 		z-index: 1;
	 	}
	 }
}

.menu {
	position: absolute;
	width: 100%;
	height: 42px;
	background: #000;
	top: 1327px;
	left: 0px;
	text-align: center;
	
	.item {
		display: inline-block;
		font-family: MonoCondensed-Bold;
		font-size: 16px;
		line-height: 42px;
		padding: 0 20px;
		cursor: pointer;
		color: #fff;
	}
	.item:hover {
		color: #fefe51;
	}
}