@font-face{
	font-family: 'EastMarketRegular';
	src: url('fonts/EastMarket-webfont.eot');
	src: url('fonts/EastMarket-webfont.eot?iefix') format('eot'),
		 url('fonts/EastMarket-webfont.woff') format('woff'),
		 url('fonts/EastMarket-webfont.ttf') format('truetype'),
		 url('fonts/EastMarket-webfont.svg#webfontuK8Rdlv6') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KelmscottRomanRegular';
	src: url('fonts/KELMSCOT-webfont.eot');
	src: url('fonts/KELMSCOT-webfont.eot?iefix') format('eot'),
		 url('fonts/KELMSCOT-webfont.woff') format('woff'),
		 url('fonts/KELMSCOT-webfont.ttf') format('truetype'),
		 url('fonts/KELMSCOT-webfont.svg#webfontgXgJkMBT') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('fonts/Chunkfive-webfont.eot');
	src: url('fonts/Chunkfive-webfont.eot?iefix') format('eot'),
		 url('fonts/Chunkfive-webfont.woff') format('woff'),
		 url('fonts/Chunkfive-webfont.ttf') format('truetype'),
		 url('fonts/Chunkfive-webfont.svg#webfont90E2uSjN') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{
	background:#D8D7D7;
	color:#0C0101;
	font-family:Georgia;
	font-size:20px;
}

body{
	width:90%;
	margin:1% 5%;
	padding:10px;
	background:#FEFEFE;
	background-image:-moz-linear-gradient(90deg,
					#FDFDFD,
					#FEFEFE
					);
	box-shadow:5px 5px 10px #000;
	border-radius:3px;
	position:absolute;
}

header#frontpage{
	width:100%;
	margin-top:5%;
	overflow:hidden;
	margin-bottom:20%;
	text-align:center;
}
	
	header#frontpage h1{
		width:50%;
		margin:0 auto;
		font-family:EastMarketRegular, Impact, Verdana;
		font-size:6em;
	}
		
	header#frontpage form{
		width:23%;
		float:left;
		text-align:center;
		font-family:Georgia;
		font-size:1em;
		line-height:5em;
		font-weight:normal;
	}
	
	header#frontpage span{
		display:none;
		padding-left:1em;
	}
	
	header#frontpage form{
		text-align:center;
		width:100%;
		clear:both;
		padding-right:1em;
	}
	
		header#frontpage form label{
			display:none;
		}
	
		header#frontpage form input{
			width:60%;
			text-align:center;
			font-family:KelmscottRomanRegular, Georgia, Verdana, Arial;
			font-size:2em;
			border:1px dotted #D8D7D7;
		}
		
		header#frontpage form input:hover, header#frontpage form input:focus{
			border:1px solid #D8D7D7;
		}

header#topic{
	width:100%;
	overflow:hidden;
}

	header#topic hgroup{
		width:50%;
		float:left;
		text-align:center;
	}
	
		header#topic hgroup h1{
			font-family:EastMarketRegular, Impact, Verdana;
			font-size:3em;
			line-height:1.5em;
		}
	
	header#topic div, header#topic form{
		width:23%;
		float:left;
		text-align:center;
		font-family:Georgia;
		font-size:1em;
		font-weight:normal;
		line-height:1.2em;
	}
	
	header#topic div{
		padding-left:1em;
		margin-top:0.5em;
	}
	
	header#topic form{
		padding-right:1em;
		margin-top:0.5em;
	}
	
		header#topic form input{
			width:100%;
			text-align:center;
			font-family:KelmscottRomanRegular, Georgia, Verdana, Arial;
			font-size:1.5em;
			border:1px solid transparent;
			background:transparent;
		}
		
		header#topic form input:hover, header#topic form input:focus{
			border:1px solid #D8D7D7;
		}
		
		header#topic form a, a.logout{
			font-size:0.5em;
			text-decoration:none;
			color:inherit;
		}
		
		a.login {
			color:inherit;
			opacity:0.7;
			text-decoration:underline;
		}
		
			header#topic form a:hover, a.logout:hover, a.login:hover{
				opacity:1;
				text-decoration:underline;
			}
		
div.column{
	float:left;
	padding-bottom:2em;
	margin:2% 1%;
}

	div.column section{
		clear:both;
		overflow:auto;
		width:96%;
		margin-bottom:2%;
		padding:2%;
		text-align:center;
	}
	
		div.column section h1{
			font-family:ChunkFiveRegular, Impact, Verdana;
			font-size:2em;
			text-transform:uppercase;
		}
		
		div.column section footer{
			font-family:ChunkFiveRegular, Impact, Verdana;
			font-size:0.5em;
			text-transform:uppercase;
			line-height:3em;
		}
		
			div.column section footer a{
				color:#000;
				text-decoration:underline;
			}
	
	div.column div{
		text-align:left;
	}
	
div#left_column, div#right_column{
	width:23%;
}

	div#left_column section, div#right_column section{
		background:#E8E6D9;
	}

div#center_column{
	width:48%;
}

	div#center_column section{
		background:#E8E6D9;
	}

footer#mainfooter{
	width:100%;
	height:2em;
	clear:left;
	position:absolute;
	bottom:0;
	text-align:center;
}

a.sharelink{
	cursor:pointer;
	font-size:0.5em;
	font-family:Trebuchet MS;
	text-transform:uppercase;
	font-weight:bold;
}

a.sharelink:hover{
	text-decoration:underline;
}

aside#login_box{
	width:100%;
	text-align:center;
}

/* TWITTER */

section#twitter div.items div{
	padding:10px;
	border-bottom:1px solid #000;
}

section#twitter div.items div:last-of-type{
	border:hidden;
}

section#twitter div.items div:hover{
	background:#AAAA99;
}

/* YOUTUBE */

section#youtube div.items div{
	text-align:center;
	width:25%;
	padding:5px 0;
	float:left;
}

section#youtube div.items div:hover{
	background:#AAAA99;
}

/* GOOGLE NEWS */

section#googlenews div.items div{
	padding:10px;
	border-bottom:1px solid #000;
}

	section#googlenews div.items div span{
		display:block;
	}
	
		section#googlenews div.items div span a{
			color:#000;
			text-decoration:none;
		}
		
		section#googlenews div.items div span a:hover{
			text-decoration:underline;
		}

section#googlenews div.items div:last-of-type{
	border:hidden;
}

section#googlenews div.items div:hover{
	background:#AAAA99;
}

/* REDDIT */

section#reddit div.items div{
	padding:10px;
	border-bottom:1px solid #000;
}

	section#reddit div.items div span{
		display:block;
	}
	
		section#reddit div.items div span a{
			color:#000;
			text-decoration:none;
		}
		
		section#reddit div.items div span a:hover{
			text-decoration:underline;
		}

section#reddit div.items div:last-of-type{
	border:hidden;
}

section#reddit div.items div:hover{
	background:#AAAA99;
}

/* FLICKR */

section#flickr{
	padding:0;
	margin:0 2% 2% 0;
	width:100%;
	background:transparent !important;
	position:relative;
}

	section#flickr img#leadimage{
		width:100%;
		border:0;
		vertical-align:top;
	}
	
	section#flickr div.items div h1{
		position:absolute;
		left:0;
		top:0;
		width:98%;
		padding:1%;
		color:#FFF;
		background:rgba(0, 0, 0, 0.7);
		opacity:1;
		-moz-transition:0.2s linear;
		text-align:center;
		display:none;
	}
	
	section#flickr a#refresh_flickr{	
		left:1%;
		text-decoration:none;
		cursor:pointer;
		font-size:0.5em;
		font-family:Trebuchet MS;
		text-transform:uppercase;
		font-weight:bold;
		color:#FFF;
	}
	
	section#flickr a.sharelink{
		right:1%;
	}
	
	section#flickr a.sharelink, section#flickr a#refresh_flickr{
		position:absolute;
		bottom:10px;
		color:#FFF;
		text-shadow:1px 1px 0px #000,
					-1px -1px 0px #000,
					-1px 1px 0px #000,
					1px -1px 0px #000;
		display:none;
	}

/* TWITPIC */

section#twitpic div.items{
	width:100%;
	text-align:center;
	padding-left:2%;
}

section#twitpic div.items div{
	width:16%;
	padding:4px 0;
	float:left;
	text-align:center;
}

section#twitpic div.items div:hover{
	background:#AAAA99;
}

section#twitpic footer{
	clear:both;
}
	
/* SHARER */

aside#sharer{
	display:none;
	position:fixed;
	width:40%;
	border:2px solid #0C0101;
	background:#E8E6D9;
	left:30%;
	top:35%;
	text-align:right;
	padding-bottom:10px;
	box-shadow:5px 5px 10px #000;
	border-radius:3px;
	z-index:1000;
}

	aside#sharer h1{
		margin:10px;
		text-align:center;
		font-family:ChunkFiveRegular, Impact, Verdana;
		font-size:2em;
	}
	
	aside#sharer p{
		text-align:left;
		margin:0 10px 0 10px;
	}
	
	aside#sharer textarea{
		font-family:inherit;
		display:block;
		width:90%;
		margin:10px auto 10px auto;
		resize:none;
	}
	
	aside#sharer a{
		margin:10px;
		cursor:pointer;
	}
	
	aside#sharer input{
		float:left;
		width:75%;
		margin-left:20px;
	}
	
	aside#sharer nav a.active_share{
		text-decoration:underline;
		cursor:default;
	}
	
aside#short_url{
	display:none !important;
}
	
a.close{
	position:absolute;
	right:5px;
	top:0;
	font-family:Tahoma;
	font-size:10px;
	cursor:pointer;
}

/* LIGHTBOX */

aside#lightbox{
	display:none;
	position:fixed;
	width:40%;
	border:2px solid #0C0101;
	background:#E8E6D9;
	left:30%;
	top:15%;
	padding:10px;
	box-shadow:5px 5px 10px #000;
	border-radius:3px;
	z-index:1000;
	text-align:center;
}
	
div.banner{
	width:100%;
}

section#twitter{
	height:2em;
	line-height:1em;
	text-align:center;
	background:#E8E6D9;
	margin:1% 1% 0 1%;
	padding:1%;
}

section#twitter ul li{
	list-style-type:none;
	display:none;
	height:2em;
	position:relative;
}

section#twitter ul li a{
	position:absolute;
	right:0;
	bottom:-5px;
}