/*   
Theme Name: Lunios Glass
Theme URI: http://lunia-euroep.net
Description: A dark glassed theme, inspired by the Lunia MMORPG.
Author: Aleksander Danilov
Author URI: http://ireality.lunia-europe.net
Version: 1.0
*/

body { background-color:#11111a; }
/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: .1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	overflow: hidden;
}
/* Content Specifications */
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	text-shadow:0 1px 0 #f0f0f0;
	margin-bottom:8px;
}
h1 {
	font-size: 2.2em;
	color:#1b3065;
}
h2 {
	font-size: 1.9em;
	color:#1a2a54;
}
h3 {
	font-size: 1.7em;
	color:#142246;
}
h4 {
	font-size: 1.5em;
	color:#194166;
	font-weight: normal
}
h5 {
	font-size: 1.5em;
	color:#244b6f;
	font-weight: normal
}
h6 {
	font-size: 1.5em;
	color:#224565;
	font-weight: normal
}
p {
	line-height:1.5em;
	text-align: justify;
}
a { color:#244b6f; }
a:hover, a:active { color:#2a5882; }
blockquote {
	border-left: thin solid #666;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding-left: 10px;
	margin-left: 20px;
	border-right: thin solid #666;
}
.alignright {
	float:right;
	margin:0 10px;
}
.alignleft {
	float:left;
	margin:0 10px;
}
.post_thumb {
	border:solid 3px #666;
	margin:5px;
}
.post img, .page img, .attachment img, .wp-caption {
	background-color:#F5F5F5;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:1px solid #666;
}
.wp-caption img {
	-moz-border-radius:0 0 0 0;
	border:0 none;
	margin:5px 2%;
	padding:0;
}
.wp-caption-text {
	font-size:0.9em;
	font-style:italic;
	margin:2px 0 5px;
	text-align:center;
	;
}
/* Form Elements */
input, textarea, select {
	text-shadow:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#FFFFFF;
	border:1px solid #999;
	color:#666;
	font:1em;
	padding:4px;
}
fieldset {
	border: thin solid #666;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
/* Tables */
th, td { padding:5px 10px 5px 0; }
/*Page Description */
#page {
	position: relative;
	z-index: 0;
	text-shadow:0 1px 0 #dbdbdb;
}
/* Header */
#header_container {
	height: 200px;
	background: url(img/header_hg.jpg) no-repeat 50% 0%;
}
/* Logo */
#logo {
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 3;
	width: 169px;
	margin-left: -470px;
}
#logo a {
	background: transparent url(img/lunia_europe_fansite_logo.png) no-repeat 50% 50%;
	display: block;
	width: 498px;
	height: 94px;
	text-decoration: none;
	text-indent:-99999%;
}
/* Suche */
#searchform {
	margin-right:-471px;
	position:absolute;
	right:50%;
	top:170px;
	z-index:3;
}
.screen-reader-text {
	color:#fff;
	text-shadow:2px 2px 2px #000
}
/* Content */
body #page > #content {
	min-height: 495px;
	height: auto;
}
#content_wrapper {
	height: 500px;
	background: url(img/page_content.jpg) no-repeat 50% 0%;
}
#content {
	position: relative;
	z-index: 2;
	width: 936px;
	height: 495px;
	margin: -491px auto 0 auto;
	padding: 15px 7px 15px 7px;
	background-color:rgba(255, 255, 255, 0.75);
}
#content_text {
	padding: 0 10px 0 20px;
	width:700px;
	float:left
}
.sexy-bookmarks {border-top:dashed; padding-top:7px; margin-top:10px;}
/* Menu Heading */
.h3_wrap {
	margin-top:5px;
	background-color:#244b6f;
	height:30px;
	width:200px;
	position: relative;
	left: -22px;
	z-index: 5;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55);
	-khtml-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55);
}
.h3_wrap h3 {
	color:#081827;
	text-decoration:none;
	text-shadow: 0 1px 0 #4e7ba5;
	font-size: 16px;
	padding-top: 6px;
	text-align: center;
	line-height: 1.2em;
}
.corner_l {
	border-color: transparent #1a3046 transparent transparent;
	border-style: solid;
	border-width:15px;
	height: 0px;
	width: 0px;
	position: relative;
	left: -37px;
	top: -16px;
	z-index: -1;
	margin-bottom:-30px;
}
/* Menu Content */
#sidenavi {
	width:200px;
	float:left
}
#sidenavi ul {
	padding:0;
	margin:0px 0 15px 0;
	background-color:rgba(0, 0, 0, 0.4);
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}
#sidenavi ul li {
	line-height:1.4em;
	padding:0 2px 0 10px;
	list-style:none;
}
#sidenavi ul li ul {
	background:none;
	margin-bottom:0;
}
#sidenavi ul li:hover { background-color:#9b9b9b; }
#sidenavi ul li ul li:hover { background: #CCC; }
#sidenavi ul li a {
	color:#12283d;
	text-decoration:none;
        line-height:1.5em;
        text-shadow:none;
}
#sidenavi ul li a:hover { color:#0e273e; }
/* Content Specifisations */
#content_text .h2_wrap {
	background-color:#244b6f;
	height:40px;
	width:735px;
	position: relative;
	z-index: 5;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55);
	-khtml-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55);
}
#content_text .h2_wrap h2 {
	font-size: 24px;
	color: #11111a;
	padding-top: 6px;
	text-align: center;
	line-height: 1.2em;
}
#content_text .h2_wrap h2 a {
	color:#081827;
	text-decoration:none;
	text-shadow: 0 1px 0 #4e7ba5;
}
#content_text .h2_wrap h2 a:hover { color:#12283d }
#content_text small { margin-left:20px; }
.corner_r {
	border-color: transparent transparent transparent #1a3046;
	border-style: solid;
	border-width:12px;
	height: 0px;
	width: 0px;
	position: relative;
	left: 723px;
	top: -13px;
	z-index: -1;
	margin-bottom: -15px;
}
.comment_label {
	width:125px;
	height:71px;
	z-index:5;
	position:absolute;
	background:url(img/comment_label.png) no-repeat;
	top:-6px;
	right:20px;
}
.comment_label p {
	padding:25px 0 0 6px;
	text-align:center;
	line-height:0.9em;
}
.comment_label p a {
	text-shadow:0 1px 0 #b55e15;
	color:#3e2109;
	text-decoration:none;
}
.comment_label p a:hover { color:#613511; }
.wp-pagenavi {text-align:center; border-top:#999 solid 1px; padding-top:3px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
color: #244b6f;
background:transparent !important;
}
.wp-pagenavi span.current {margin-left:10px;}

/* Kommentare */
#comment {
	height:140px;
	width:530px;
}
#comments h3 {
	padding-left:18px;
	margin:-10px 0 20px 0;
}
#comments {
	width:720px;
	float:right;
	padding-right:15px;
}
#comments .avatar {
	float:left;
	margin:0 8px 8px 0;
}
#comments .comment-body p {
	float:left;
	background-color:#848484;
	width:600px;
	padding:2px 10px 2px 9px;
	margin-top:0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55);
	-khtml-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.55);
	text-shadow:0 1px 0 #777777;
	color:#CDCDCD;
}
.comment-body {
	border-top:#999 dashed 2px;
	margin-top:5px;
	padding-top:5px;
}
.comment-meta {
	background: url(img/sprite_1.png) no-repeat scroll 110px 18px;
	height:30px;
}
.postmetadata {
	font-size:0.6em;
	border-top: 2px dashed #999;
	border-bottom: 2px dashed #999;
	margin-top: 5px;
	margin-bottom: 30px;
	padding-top: 2px;
	padding-bottom: 3px;
}
#respond {
	float:right;
	width:715px;
}
/* Footer */
.recentcomments { color:#4b4b56; }
#recentcomments li {
	background-image:url(img/comment.png);
	background-position:2px 8px;
	background-repeat:no-repeat;
	border-bottom:1px dashed #999;
	line-height:18px;
	margin:0 0 5px;
	padding:5px 21px;
	width:252px;
	text-shadow:none;
}
#footer {
	position: relative;
	margin-top: 0px;
	background: #1d1d22 url(img/footer_x_scale_hg.png) 50% 0% repeat-x;
	padding-top:15px;
}
#footer a { text-shadow:none; }
#footer_id {
	width: 936px;
	margin: 0 auto 0 auto;
}
#footer ul, li {
	list-style:none;
	padding:0;
}
#footer_id ul {
	float:left;
	display:block;
	width:300px;
	padding:0 2px 3px;
	margin:0 2px 2px;
	;
}
#footer_bar, #footer_bar_2, #footer_bar_3 {
	border: 2px solid #383842;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.widgettitle {
	border-bottom:2px dashed;
	color:#383842;
	font-size:1.5em;
	padding-bottom:5px;
	text-align:center;
	text-shadow:none;
}
.legal {
	clear:both;
	color:#484850;
	text-shadow:0 1px 0 #7f7f8d;
	font-size:0.8em;
}
.legal span { float:right }