/*
		Skin Name: Aero
		Skin Download: http://efiction.org
		Description: It's a simple and clear layout, with windows vista style icons.
		Author: Nadia Volkrodt
		Author E-Mail: nadia@artphilia.de
*/

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Anton|Quicksand:300,400,500,700');

/*---------------------------------------------------------------------
   Basic styles
------------------------------------------------------------------------*/

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

body { 
	background-color: #F0F6E9;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-size: 12pt;
	color: #616161;
	width: 80%;
	margin: 0 auto;
	padding: 0;
}

table { 
	text-align: justify;
	}
tr:nth-child(odd) {
	background-color: transparent;
	padding: 6px;
	}
tr:nth-child(even), td:nth-child(even) {
	background-color: transparent;
	padding: 6px;
	}

ul li {
	list-style-type: none;
	}
a, a:active, a:visited {
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #A0C411;
	padding: 1px 3px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	}
a:hover {
	color: #5BBDF2;
	border-bottom: 1px solid #A0C411;
	}
	
h1 {
	font-weight: 300;
	font-family: 'Anton', sans-serif;
	margin-bottom: 5px;
	text-align: center;
}
h2, #pagetitle {
	font-weight: 300;
	font-family: 'Anton', sans-serif;
	border-bottom: 1px solid #F0F6E9;
}
h3 {
	font-weight: 300;
	font-family: 'Anton', sans-serif;
	border-bottom: 1px solid #F0F6E9;
	text-transform: uppercase;
	padding-left: 5px;
}
		
/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/
	
#header {
	display: none;
}

#mainContainer {
	background-position: top right;
	background-image: url(images/pagecurl.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

#content {
	float: right;
	text-align: justify;
	width: 73%;
	padding: 0 15px 15px 5px;
}

#column {
	float: left;
	text-align: justify;
	width: 25%;
	padding: 0 0 0 5px;
}

.box {
	border: 1px solid #EFEFEF;
	margin: 5px;
	padding: 5px;
	min-height: 70px;
}

#storyindex {
	float: right;
	width: 48%;
	padding: 5px;
}

#news {
	float: left;
	width: 48%;
	padding: 5px;
}

#footer {
	text-align: center;
	margin-top: 10px;
	padding: 10px;
	clear: both;
}

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

hr {
	width: 80%;
	text-align: center;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
}

input, textarea, select {
	margin-top: 1px;
	color: #616161;
	border: 1px solid #F0F6E9;
	background-color: #FFFFFF;
	font-size: 11pt;
}

blockquote {
	margin: 0 auto;
	width: 80%;
	border: 2px solid #F0F6E9;
	padding: 10px;
	font-family: monospace, sans-serif;
	font-size: 11pt;
}

		
b, .label { color: #5BBDF2; font-weight: bold; }

/* images with a link get a border with colour-change on hover */
a img {
	border: 4px solid #F0F6E9;
	padding: 0;
	margin: 4px;
	text-align: center;
}
a:hover img {
	border: 4px solid #FFAE00;
	padding: 0;
	margin: 4px;
	text-align: center;
}
a img.noborder, a:hover img.noborder {
	border-width: 0;
	padding: 0;
	margin: 0;
}

/*---------------------------------------------------------------------
  Style of story list
------------------------------------------------------------------------*/
.even {
	background-color: transparent;
}
.odd {
	background-color: transparent;
}

/*---------------------------------------------------------------------
  Site name and slogan
------------------------------------------------------------------------*/
#sitename {
	font-family: 'Anton', sans-serif;
	margin: 0 0 0 20px;
	text-align: left;
	font-size: 28pt;
	color: #A0C411;
}
#siteslogan {
	text-align: left;
	margin: 0 0 20px 20px;
	font-size: 13pt;
	color: #5BBDF2;
	text-transform: uppercase;
	letter-spacing: 1px;
}
		
/*---------------------------------------------------------------------
   News
------------------------------------------------------------------------*/
#newsarchive, #sortform, .respond {
	text-align: center;
}
#newsbox {
	background-position: top left;
	background-image: url(images/pageborder.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 20px 30px 0 40px;
}
#newscom {
	font-weight: normal;
	padding: 10px;
	margin: 0;
}

/*---------------------------------------------------------------------
   Menu
------------------------------------------------------------------------*/

#menu  {
	text-align: center;
	font-size: 16px;
	margin: 0;
}

#menu ul {
	padding: 10px;
	margin: 0;
}
#menu li {
	list-style-type: none;
	display: inline;
	white-space: nowrap;
	padding: 1px;
}
#menu a {
	color: #5BBDF2;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 3px;
}
#menu a:hover {
	color: #A0C411;
	border-bottom: 2px solid #5BBDF2;
}

/*---------------------------------------------------------------------
   General Styles, used in multiple places throughout the page
------------------------------------------------------------------------*/		
#alphabet { text-align: center; padding: 15px; }
#jumpmenu { text-align: right; }
#pagelinks { width: 90%; text-align: center; padding: 10px; }

#recent, #featured, #poll, #log, #skin, #online, #chat, #stats { 
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	height: 70px;
	width: 70px;
}
#recent { background-image: url(images/recent.png); }
#featured { background-image: url(images/featured.png); }
#poll { background-image: url(images/poll.png); }
#log { background-image: url(images/log.png); }
#skin { background-image: url(images/skin.png); }
#online { background-image: url(images/online.png); }
#chat { background-image: url(images/chat.png); }
#stats { background-image: url(images/stats.png); }