/*
	Theme Name: Skurktur
	LFNK CSS
	v1.0 | 2009
*/

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
	height: 100%;
	}
	
ol, ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

/* Main Structure */

body {
	margin: auto;
	height: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #ffffff url() no-repeat top center;
	}

#page {
	margin: auto;
	width: 800px;
	height: 100%;
	position: relative;
	}

#header {
	height: 50px;
	width: 800px;
	position: relative;
	text-align: left;
	}

#nav {
	height: 502px;
	width: 129px;
	float: left;
	position: relative;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 16px;
	}

	#nav a {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		/*color: #777777;*/
		color: #aaaaaa;
		font-weight: bold;
		text-align: left;
		}
		
	#nav a:hover {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		/*color: #aaaaaa;*/
		color: #777777;
		font-weight: bold;
		text-align: left;
		}

	#nav li.current_page_item a, #nav li.current_page_item a:hover, #nav li.current_page_parent a, #nav li.current_page_parent a:hover {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		/*color: #aaaaaa;*/
		color: #777777;
		font-weight: bold;
		text-align: left;
		}

	#nav li ul {
		display: none;
		}

	#nav li.current_page_item ul, #nav li.current_page_parent ul {
		display: block;
		}

	#nav li.current_page_item ul li.page_item, #nav li.current_page_parent ul li.page_item, #nav li.current_page_parent ul li.current_page_item {
		margin: -2px 0 0 10px;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 10px;
		text-align: left;
		}

	#nav li.current_page_item ul li.page_item a, #nav li.current_page_parent ul li.page_item a {
		/*color: #777777;*/
		color: #aaaaaa;
		}
		
	#nav li.current_page_parent ul li.current_page_item a, #nav li.current_page_item ul li.page_item a:hover, #nav li.current_page_parent ul li.page_item a:hover {
		/*color: #aaaaaa;*/
		color: #777777;
		font-weight: bold;
		}
		
	#nav hr {
		border: 0;
		height: 1px;
		width: 100%;
		color: #cccccc;
		background-color: #cccccc;
		}
	
	#navfooter {
		padding: 0px;
		margin: 0px;
		text-align: left;
		font-size: 9px; 
		font-family: Arial, Helvetica, sans-serif;
		/*color: #aaaaaa;*/
		color: #777777; 
		}

		#navfooter a:link, #navfooter a:active, #navfooter a:visited {
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			/*color: #777777;*/
			color: #aaaaaa;
			font-weight: bold;
			}

		#navfooter a:hover {
			text-decoration: underline;
			font-family: Arial, Helvetica, sans-serif;
			color: #aaaaaa;
			font-weight: bold;
			}
			
		#counter {
			width: 100px;
			height: 20px;
			position: relative;
			margin: 0px 0px 0px 0px;
			text-align: center;
			}
			
			#statcounter {
				position: absolute;
				top: 10px;
				left: 11px;
				}

#main {
	height: 500px;
	width: 500px;
	overflow: hidden;
	float: right;
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: #777777;
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff; 
	font-style: normal;
	}

	#mainbackgroundgallery {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 500px; 
		width: 500px;
		color: #000;
		}

	#mainbackground {
		position: absolute;
		top: 0px;
		left: 0px;		
		height: 500px; 
		width: 500px;
		background: transparent;
		z-index: 99;
		}
	
	#main a:link, #main a:active, #main a:visited {
		font-size: 11px; 
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-style: oblique;
		font-weight: bold;
		text-decoration: none;
		}
	
	#main a:hover {
		font-size: 11px; 
		font-family: Arial, Helvetica, sans-serif;
		color: #dddddd;
		font-style: oblique;
		font-weight: bold;
		text-decoration: underline;
		}

	#links img {
		height: 50px;
		width: 100px;		
		border: 0;
		}
	
	#links a img, #thumbs a img {
		height: 48px;
		width: 48px;
		border: 1px solid #ffffff;
		}
		
	#links a img:hover, #thumbs a img:hover {
		height: 48px;
		width: 48px;		
		border: 1px solid #777777;
		}
		
	#linkstitle {
		width: 100%;
		padding: 5px 10px 5px 10px;
		color: #777777;
		font-weight: bold;
		}
		
	#thumbs img {
		border: 1px solid #ffffff;
		}
		
	#thumbs img:hover {
		border: 1px solid #777777;
		}
		
	#posts {
		position:relative;
		padding: 10px;
		width: 200px;
		height: 480px;
		float: right;
		background: transparent url(images/underlay.png) repeat top left;
		z-index: 99;
		}

		p.morelink {
			text-align: right;
			}

		#posts img {
			border: 1px solid #ffffff;
			width: 25px;
			height: 25px;
			margin: 4px 0 0 0;
			}
			
		#posts img:hover {
			border: 1px solid #777777;
			width: 25px;
			height: 25px;
			}

		hr.post {
			border: 0;
			height: 1px;
			width: 80%;
			color: #aaaaaa;
			background-color: #aaaaaa;
			margin: 12px 0 8px 16px;
			}

		#newsfeedtitle {
			width: 200px;
			margin: 0px 0px -7px -2px;
			text-align: center;
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 11px;
			font-weight: normal;
			letter-spacing: 4px;
			text-transform: uppercase;
			color: #ffffff;
			}
	
		.posttitle {
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 16px;
			font-weight: bold;
			color: #ffffff;
			}

		.postdate {
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 8px;
			line-height: 8px;
			vertical-align: 90%;
			letter-spacing:1px;
			text-transform: uppercase;
			color: #bbbbbb;
			}
			
		div.hentry {
			display: block;
			margin: 10px 0 10px 0;
			}

	#singlepost {
		padding: 10px;
		width: 200px;
		height: 480px;
		float: right;
		background: transparent url(images/underlay.png) repeat top left;
		}	
		
		#singleposttekst {
			padding: 0px 0px 0px 0px;
			text-align: left;
			}
	
		#singlepost img {
			border: 1px solid #ffffff;
			}
			
		#singlepost img:hover {
			border: 1px solid #777777;
			}
	
		
	#error {
		padding: 200px 0px 0px 0px;
		text-align: center;
		}

		.errortitle {
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 18px;
			font-weight: bold;
			}

		.errortext {
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 11px;
			font-weight: bold;
			}
		
#zinebar {
	width: 129px;
	float: right;
	padding: 0 0 0 20px;
	margin: 0px;
	text-align: center;
	font-size: 11px;
	color: #777777;
	}
	
	.zinethumb {
		text-align: center;
		margin: 0 0 10px 0;;
		}

		.zine1 {
			background-image: url(images/thumbZine1.png);
			background-repeat: no-repeat;
			width: 90px;
			padding: 90px 0 0 0;
			}

		.zine1:hover, .zineactive {
			background-position: -90px 0;
			}		

		.zinethumb a {
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			letter-spacing: -1px;
			color: #aaaaaa;
			font-weight: bold;
			}

		.zinethumb a:hover, .zinethumb span {
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			letter-spacing: -1px;
			color: #777777;
			font-weight: bold;
			}
			
			
		.zine2 {
			background-image: url(images/thumbZine2.png);
			background-repeat: no-repeat;
			width: 90px;
			padding: 90px 0 0 0;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			letter-spacing: -1px;
			color: #aaaaaa;
			font-weight: bold;
			}

/* Begin Typography */

/* End Typography */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Various Tags & Classes */
.hidden {
	display: none;
	}

.navigation {
	position:absolute;
	bottom: 10px;
	width: 200px;
	display: block;
	text-align: center;
	margin: 0;
	color: #ffffff;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

h2.pagetitle {
	font-size: 11px;
	color: #ffffff;
	}
	
/* End Various Tags & Classes */