/*
Theme Name: Odinneke V4
Theme URI: http://www.odinneke.nl
Description: Custom created World of Warcraft Wordpress Theme. It is based on the encyclopedia pages at the Warcraft Homepage. V2 was renamed to V1 MC Theme and V3 never made it live.
Version: 1.0
Author: Vincent Kuipers
Author URI: http://www.odinneke.nl

	Odinneke v4

	It was made for my own weblog Tales of a WoW Addict and later made available publically.
	View the weblog at http://www.odinneke.nl

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*
	My CSS file is still messy, mainy because it was built up from the ground.
	Therefore, some default parts of the default WP Theme are missing (Calendar For Example)
	If you do wish to use those parts, then don;t hesitate to contact me, so I can customize them.

*/


body {
	font-size: 12px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #FFFFFF;
	text-align: center;
	background-image:url(img/bg3.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	background-color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

img {
 border: none;
 decoration: none;
}


.abovepage	{
	position: relative;
	text-align: left;
	background-image:url(img/page.png);
	background-repeat:no-repeat;
	background-position:top center;
position:absolute top center;
	width: 1223px;
height:258px;
	margin: 0px auto;
	padding: 0;
}

#page	{
	text-align: left;
	background-image:url(img/page.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width: 760px;
	margin: -18px auto;
}
#header {
	background-image:url('img/header.jpg');
	background-repeat:no-repeat;
	height: 140px;
	width: 760px;
	margin-top:140px;
}
#headerimg {
	width: 760px;
	height: 140px;
	text-decoration:none;
	margin: 0;
}
#headerimg .blogtitle, #headerimg .description, small {
	text-align:left;
}
#headerimg .blogtitle {
	font-size:24px;
	font-weight:bold;
	display:none;
	position:relative;
	padding-left:400px;
	top:90px;
}
#headerimg .description {
	font-size: 10px;
	padding-top:56px;
	padding-left:420px;
}
/* If you use a custom header based on my image (or another offcourse), then uncomment the following line */
/* #headerimg .blogtitle, #headerimg .description { display:none; } */


#headerimg a {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.narrowcolumn {
	background-image:url(img/page.jpg);
	background-position:left -180px;
	background-repeat:no-repeat;
	width: 580px;
	float: left;
	position:relative;
	padding: 0px 10px 10px 10px;
		padding-top:60px;
	margin:0px 0px 0px 0px;
}
.widecolumn {
	width: 580px;
	padding: 10px 10px 10px 10px;
	padding-top:110px;
	margin: 0px 0px 0px 80px;

}
.widecolumn .post {
	padding-top:20px;
}
.widecolumn .navigation {
	padding-top:40px;
}

#footer {
	font-size:11px;
	width:760px;
	text-align:center;
	position:relative;
	display:block;
	clear:both;
	margin-bottom:0px;
}
#footer a {
	color:#F13100;
}
small {
	line-height:12px;
}
h1, h2, h3 {
	font-weight: bold;
}

/* This is a custom Layout part that changes background in the comment part, for every other comment */
.other {
	background-image:url(img/comment_bg.jpg);
}
.alt {
	margin-left:20px;
}

.comments {
	font-size:12px;
	color:#222222;
	padding-bottom:20px;
	width:520px;
	padding-left:20px;
	padding-top:20px;
}
.comments span {
	font-size:16px;
	font-weight:bold;
	color:#1e4378;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 8px 0px 0px 10px;
	padding: 4px 5px 0px 10px;
	list-style: none;
	border-left:2px solid #1e4378;
	}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	color:#111111;
	text-decoration:none;
	}
.commentmetadata {
	font-weight: normal;
	padding-left:5px;
}
.commentmetadata a {
	color:#F13100;
	text-decoration:none;
}

#respond {
	width:500px;
	margin-left:40px;
	padding-bottom:20px;
	padding-top:10px;
	border-top:1px dashed #dbb378;
}
#respond span {
	font-size:16px;
	font-weight:bold;
	color:#1e4378;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#respond p {
	color:#222222;
}
#respond a {
	color:#F13100;
}
#respond small {
	color:#222222;
	}

/* POST DATA*/
.wppost {
	width:560px;
	margin-left:8px;
	padding:10px;
}

div.entry {
	width:534px;
	position:relative;
	padding-top:30px;
	padding-bottom:30px;
	color:#222222;

}
.entry img {
	max-width:500px;
	border:0px;
}
.entry ul, .entry ol {
	list-style-type:none;
	display:block;
	position:relative;
	left:-10px;
}
.entry a {
	color:#F13100;
	text-decoration:none;
}
.entry blockquote {
	display:block;
	position:relative;
	border-left:3px solid #dbb378;
	padding-left:5px;
}

.articleheader {
width:530px;
padding-left:10px;
padding-top:30px;
position:relative;
}
.avatar {
width:62px;
height:62px;
background-position:top left;
background-repeat:no-repeat;
position:absolute;
}
.articletitle {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#1e4378;
width:400px;
padding-left:70px;
position:relative;
top:20px;
}
.articletitle a {
color:#1e4378;
text-decoration:none;
}
div.time_author {
position:relative;
font-size:10px;
font-style:italic;
color:#333333;
width:400px;
padding-left:70px;
top:25px;
}

.postmetadata {
	text-align: center;
	position:relative;
	color:#856d4a;
	font-size:12px;
	border-top:1px dashed #dbb378;
	border-bottom:1px dashed #dbb378;
width:540px;
}
.alt {
	font-size:10px;
	width:500px;
	text-align:left;
}
.postmetadata a {
	text-decoration:none;
	color:#F13100;
}

.navigation {
	width:540px;

	padding-left:20px;
	position:relative;
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;

	color:#8e703f;
	padding-bottom:12px;
	}
.navigation a {
	color:#8e703f;
	text-decoration:none;
}
.navigation a:hover {
	color:#5b4b33;
}
.navigationb {
	width:540px;

	padding-left:20px;
	position:relative;
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
margin: -10px 0 0 0;
	color:#8e703f;
	padding-bottom:12px;
	}
.navigationb a {
	color:#8e703f;
	text-decoration:none;
}
.navigationb a:hover {
	color:#5b4b33;
}
.alignright {
	float: right;
}

.alignleft {
	float: left
}

.notfound {
	width:540px;
	margin-left:10px;
	padding:10px;
	color:#222222;
}
/* SIDE BAR */
#sidebar
{
	display:block;
	position:relative;
	float:right;
	padding: 0px 0 0px 0;
	margin-top:-30px;
	/*left:600px; */
	width: 160px;
	background-image:url(img/page.jpg);
	background-position:right -180px;
	background-repeat:no-repeat;
}
#sidebar ul, #sidebar ol {
	display:block;
	position:relative;
	left:-30px;
	list-style-type:none;
}

#sidebar .home {
	color:#F13100;
}

#sidebar ul li span {
	font-size:10px;
	line-height:10px;
}
#sidebar ul li span a {
	font-size:10px;
	color:#F13100;
}
#sidebar ul li h2 {
	font-size:14px;
	color:#F13100;
	font-weight:bold;
}
#sidebar ul ul {
	display:block;
	position:relative;
	width:160px;
}
#sidebar ul ul li {
	display:block;
	position:relative;
	left:-10px;
	top:-10px;
}
#sidebar ul ul ul {
	display:block;
	position:relative;
	top:10px;
	width:120px;
}
#sidebar a {
	color:white;
	font-size:11px;
	text-decoration:none;
}
#sidebar img {
	border:0px;
	max-width:160px;
}
.searchform {
	float:right;
	margin-right:5px;
	margin-top:-25px;
}


/* IMAGES */
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;
	}
#s {
	background-color:black;
    border:1px solid white;
	color:white;
	filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
	padding:1px;

}
#searchsubmit {
	background-color:black;
	border:1px solid white;
	color:#FFFFFF;
	padding-left:1px;
	padding-right:1px;
}

/* Pure Layout */
.bg { background:url(img/content_bg.jpg) top left; width:580px; border:2px solid black; }
.bgtop {background:url(img/bg-top.jpg) top left repeat-x; margin:0; padding:0;}
.bgtopleft {background:url(img/bg-topleft.jpg) top left no-repeat; margin:0; padding:0;}
.bgbot {background:url(img/bg-bot.jpg) bottom left repeat-x; margin:0; padding:0;}
.bgbotleft {background:url(img/bg-botleft.jpg) bottom left no-repeat; margin:0; padding:30px 0 0 0;}

.outerbox-top {background:url(img/title-top.gif) top left repeat-x;}
.outerbox-bot {background:url(img/title-bot.gif) bottom left repeat-x;}
.outerbox-left {background:url(img/title-left.gif) top left repeat-y;}
.outerbox-right {background:url(img/title-right.gif) top right repeat-y;}
.outerbox-topleft {background:url(img/title-topleft.gif) top left no-repeat;}
.outerbox-botleft {background:url(img/title-botleft.gif) bottom left no-repeat;}
.outerbox-topright {background:url(img/title-topright.jpg) top right no-repeat;}
.outerbox-botright {background:url(img/title-botright.gif) bottom right no-repeat; padding-bottom:20px;}


/* CUSTOM */

.copyright {
	color: #fef6e0; /* php group font colour*/
	padding: 5px;
	text-align: center;
	color: #FEF6E0;
}

a:hover {
color:#F13100;
text-decoration: underline;
}
a:visited {
color:#F13100;
text-decoration: none;
}
a:link {
color:#F13100;
text-decoration: none;
}

.size12() {
	font-size: 12px;
	}
.size16() {
	font-size: 16px;
	}
.size10() {
	font-size: 10px;
	}
.size11() {
	font-size: 11px;
	}
.size9() {
	font-size: 9px;
	}
.size14() {
	font-size: 14px;
	}
.size18() {
	font-size: 18px;
	}


.g2image_normal {
margin: 4px;
}

.g2image_float_left {
	float: left;
	clear: left;
	margin: 4px;
}

.g2image_float_right {
	float: right;
	clear: right;
	margin: 4px;
}

.g2image_centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.apphead {
	background-image:url("http://www.rpgilde.com/front/wp-content/themes/img/formhead.jpg");
	background-position:top center;
	background-repeat:no-repeat;
}
.appbg {
	background-image:url("http://www.rpgilde.com/front/wp-content/themes/img/formbg.jpg");
	background-repeat:repeat-y;
}
.appfoot {
	background-image:url("http://www.rpgilde.com/front/wp-content/themes/img/formfoot.jpg");
	background-repeat:no-repeat;
}