/*
Theme Name: Diablo
Theme URI: http://wordpress.org/
Description: Theme für DiabloIII Mag
Version: 1.0
Author: Markus Thömmes
*/

html, body, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html {
height: 100%;
}

body {
height: 101%;
background-color: #fff;
}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

.hideme {
position: absolute;
left: -9999em;
top: -9999em;
}

label, 
input[type=button],
input[type=submit], 
button {
cursor: pointer;
}

q:lang(de) {
quotes: '„' '“' '‚' '‘';
}

@font-face {
  font-family: 'Diablo';
  src: local('Exocet Heavy'),
       url(diablo.ttf) format('truetype');
}

a {
	color:#AE9D7E ;
}

.clear {clear:both }

body {
	background:#000 url(img/bg.jpg) 50% 0 no-repeat ;
	font-family:Verdana, sans-serif ;
	font-size:11px ;
	color:#AE9D7E ;
}


 /***************\
/   Container     \
\*****************/

#container {
	width:978px ;
	padding:0 11px ;
	background:url(img/rahmen_aussen.jpg) repeat-y ;
	margin:0 auto ;
}

 /***************\
/     Header      \
\*****************/

h1 a {
	text-indent:-99999px ;
	display:block ;
	width:978px ;
	height:340px ;
	position:absolute ;
}

#header {
	height:370px ;
	width:1000px ;
	background:url(img/header_bild.jpg) no-repeat ;
	position:relative ;
	margin-left:-11px;
}

#suche {
	height:52px ;
	width:978px ;
	background:url(img/sprite.png) ;
	position:absolute ;
	left:11px ;
	bottom:0 ;
}

#suche input[type=text] {
	background:url(img/sprite.png) -856px -128px ;
	height:20px ; width:151px ;
	border:0 ;
	font-family:Verdana, sans-serif ;
	color:#AE9D7E ;
	font-size:11px ;
	padding:2px 5px 0 5px ;
	position:absolute ;
	right:165px ;
	bottom:10px ;
}

#suche input[type=submit] {
	background:url(img/sprite.png) -856px -86px ;
	width:18px ; height:20px ;
	border:0 ;
	position:absolute ;
	right:146px ;
	bottom:12px ;
}

#suche input[type=submit]:hover {
	background:url(img/sprite.png) -856px -107px ;
}

 /***************\
/    Content      \
\*****************/

#content {
	background:url(img/content_bg.png) 0 117px repeat-y ;
}

 /***************\
/      Navi       \
\*****************/

#nav {
	width:170px ;
	float:left ;
}

#nav h2 {
	font-family:Diablo, Verdana, sans-serif ;
	font-size:15px ;
	background:url(img/sprite.png) -685px -53px ;
	height:35px ;
	padding:0 0 0 3px ;
	line-height:28px ;
	position:relative ;
	z-index:300 ;
}

#nav h2 a {
	text-indent:-99999px ;
	display:block ;
	width:28px ;
	height:35px ;
	position:absolute ;
	right:0 ;
	top:0 ;
}

#nav h2 a:hover {
	background:url(img/sprite.png) -827px -89px ;
}

#nav h2 + div {
	margin:-8px 0 0 0 ;
	position:relative ;
	z-index:200 ;
	display:none ;
}

#nav h2 + div.auf {
	display:block ;
}

#nav li a {
	background:url(img/sprite.png) -685px -128px ;
	height:18px ;
	line-height:18px ;
	padding:0 0 0 10px ;
	display:block ;
	text-decoration:none ;
	color:#AE9D7E ;
}

#nav li a:hover {background:url(img/sprite.png) -685px -147px ;}


#nav .foot {
	height:2px ;
	background:url(img/sprite.png) -685px -125px ;
	margin:1px 0 0 0 ;
}

#middle {
	float:left ;
	width:684px ;
}

 /***************\
/     Last5       \
\*****************/

#last5 {
	height:117px ;
	background:url(img/sprite.png) 0 -53px ;
	margin:-7px 0 0 0 ;
	padding:0 10px ;
	position:relative ;
	z-index:999 ;
}

#last5 h2 {
	font-family:Diablo,Verdana, sans-serif ;
	font-size:12px ;
	padding:2px 0 0 10px ;
}

#last5 ul {
	margin:4px 0 0 0 ;
}

#last5 a {
	display:block ;
	color:#AE9D7E ;
	height:18px ;
	text-decoration:none ;
	line-height:14px ;
	padding:0 10px ;
}

#last5 a:hover {
	background:url(img/sprite.png) -566px -171px no-repeat ;
}

#last5 a span {
	float:right ;
}

.ie7 #last5 a span {
	margin:-14px 0 0 0 ;
}

 /***************\
/     Inhalt      \
\*****************/

#inhalt {
	width:662px ;
	background:url(img/leder.jpg) 0 0 repeat-y ;
	margin:0 0 0 11px ;
}

#inhalt_inner {
	background:url(img/sprite.png) 0 -321px no-repeat ;
	padding:30px 0 0 0 ;
	min-height:1000px ;
}

#inhalt_inner a:hover {
	color:#FF0000 ;
}

 /***************\
/    Beitrag      \
\*****************/

.beitrag {
	width:639px ;
	margin:0 auto ;
	padding:0 0 30px 0 ;
}

.beitrag .head {
	width:637px ;
	height:27px ;
	padding:37px 0 0 0 ;
	background:url(img/sprite.png) 0 -204px ;
}

.beitrag .head h2 a {
	display:block ;
	margin:0 0 0 30px ;
	font-family:Diablo, Verdana, sans-serif ;
	font-size:18px ;
	text-decoration:none ;
	color:#AE9D7E ;
}

.beitrag .body {
	width:585px ;
	background:url(img/beitrag_body.png) repeat-y ;
	margin:0 0 0 5px ;
	padding:10px 20px 10px ;
	line-height:1.3em ;
}

.beitrag .body p {
	margin:0 0 20px 0 ;
}

.beitrag .body ul, .beitrag .body ol {
	margin:0 0 20px 20px ;
}

.beitrag .body ul {
	list-style-type:disc ;
}

.beitrag .body ol {
	list-style-type:decimal ;
}

.beitrag .body h3 {
	font-weight:bold ;
	font-size:14px ;
	margin:0 0 20px 0 ;
}

.beitrag .body img {
	margin: 0px ;
}

.beitrag > .foot {
	width:579px ;
	height:41px ;
	background:url(img/sprite.png) 0 -269px ;
	padding:5px 30px ;
	position:relative ;
	z-index:400 ;
}

.beitrag .foot a {
	color:#AE9D7E ;
	text-decoration:none ;
}

.beitrag .foot .comment {
	float:right ;
}

.ie7 .beitrag .foot .comment {
	margin:-10px 0 0 0 ;
}

 /***************\
/    Sidebar      \
\*****************/

#sidebar {
	float:left ;
	width:124px ;
}

#sidebar h2 {
	font-family:Diablo, Verdana, sans-serif ;
	font-size:15px ;
	background:url(img/sprite.png) -856px -53px ;
	height:32px ;
	padding:0 0 0 30px ;
	line-height:25px ;
}

#sidebar .widget {
	margin:0 0 20px 0 ;
}

 /***************\
/   Kommentare    \
\*****************/

#kommentare {
	width:543px ;
	margin:-18px auto 0 ;
	background:url(img/kommentare_bg.png) repeat-y ;
	position:relative ;
	z-index:300 ;
	padding:0 11px ;
}

#kommentare h2 {
	font-size:18px ;
	font-family:Diablo, Verdana, sans-serif ;
	text-align:center ;
	padding:30px 0 5px 0 ;
	background:#150707 ;
	border-bottom:1px solid #30110C ;
}

#kommentare > ol > li {
	background:url(img/kommentar_bg.png) repeat-x ;
	margin:5px 0 0 0 ;
	padding:10px ;
	clear:both ;
}

#kommentare > ol > li .avatar {
	float:left ;
	margin:0 10px 10px 10px ;
}

#kommentare > ol > li strong {display:block ; line-height:1.4em ;}
#kommentare > ol > li a {color:#AE9D7E ; text-decoration:none ;}
#kommentare > ol > li .date {font-weight:bold ; display:block}
#kommentare > ol > li .time {font-weight:normal ;}

#kommentare > ol > li p {
	margin:10px 0 0 0;
	line-height:1.2em ;
	text-align:justify;
}

#kommentare .odd .avatar {
	float:right ;
}

#kommentare .odd * {
	text-align:right ;
}

#kommentare .odd p {text-align:justify}

#kommentarformular {
	padding:10px ;
	clear:both ;
}

#kommentarformular input[type=text], #kommentarformular input[type=submit], #kommentarformular textarea {
	background:#5A0000 ;
	border:0 ;
	display:block ;
	font-family:Verdana,sans-serif ;
	color:#AE9D7E ;
	font-weight:bold ;
	font-size:11px ;
	padding:3px ;
	margin:0 0 3px 0 ;
}

#kommentarformular input[type=text] {
	width:196px ; height:20px ;
	background:url(img/sprite.png) -663px -189px ;
}

#kommentarformular textarea {
	width:514px ; height:161px ;
	background:url(img/sprite.png) -663px -216px ;
}

#kommentarformular input[type=submit] {
	border:2px solid #310000 ;
}

.kommentarfoot {
	background:url(img/sprite.png) 0 -171px ;
	height:28px ;
	width:535px ;
	margin:0 auto ;
	text-align:right ;
	padding:4px 30px 0 0 ;
}

.kommentarfoot a {
	color:#AE9D7E ;
	text-decoration:none ;
	font-weight:bold ;
}

.wp-pagenavi {
	padding:0px 0px 40px 0px ;
	text-align:center ;
}

.wp-pagenavi a,.wp-pagenavi .current {
	padding:5px ;
	background:#5A0000 ;
	text-decoration:none ;
	color:#AE9D7E ;
	margin:0 2px ;
	border:1px solid #3E0000 ;
	font-size:12px ;
}

.wp-pagenavi .current {
	background:#870000 ;
}

.wp-pagenavi .pages {
	display:none ;
}
	
#page li, #footer li {
    list-style-image: url(img/li.png);
  }


 /***************\
/     Footer      \
\*****************/

#footertext {
	margin:0 auto ;
	margin-top:-35px ;
	clear:both ;
	height:80px ;
	width:1000px ;
	text-align:center ;
	line-height:1.3em ;
	font-size:0.9em ;
}

#footertrans {
	clear:both ;
	background:url(img/footer_trans.png) no-repeat ;
	height:20px ;
	width:1000px ;
	top:-20px ;
	position:relative ;
	padding:0 0 0 0 ;
	margin:0 auto ;
}

#footer {
	clear:both ;
	height:140px ;
	background:url(img/footer.jpg) no-repeat ;
	width:1000px ;
	margin:0 auto ;
	top:-20px ;
	position:relative ;
	z-index:2000 ;
	text-align:center ;
	padding:40px 0 0 ;
	line-height:1.3em ;
}

#footer_links {
	margin-top:-10px ;
	margin-left:35px ;
	width:150px ;
	height:95px ;
	float:left ;
	text-align:left ;
	font-size:0.9em ;
}

#footer_rechts {
	margin-top: 25px ;
	margin-right: 25px ;
	width:300px ;
	height:60px ;
	float:right ;
	font-size:0.87em ;
	text-align:right ;
}

#footer_buttons {
	margin-top:95px ;
	width:1000px ;
	height:31px ;
	text-align:center ;
}

.aligncenter,
div.aligncenter {
	text-align:center ;
}

.alignleft {
	float: left;
	margin:10px ;
}

.alignright {
	float: right;
	margin:10px ;
}