/*  
Theme Name: MMOG Theme
Theme URI: http://www.mmog.at
Description: Ein Theme fuer MMOG.at
Version: 1.0
Author: Daniel Schilling
Author URI: http://www.mmog.at
*/

/**************** Body *********************/
* { margin:0; padding:0;}
body { font-size: 13px; font-family: Arial, Verdana, Tahoma, sans-serif; color: #333;  background:url(img/bg_top.gif) repeat-x #eee;}
h1,h2,h3,h4 {color: #193370; margin:0; padding:0; font-weight: normal;}
h1 { font-size: 19px; margin: 0 0 7px 0;}
h2 { font-size: 19px; margin: 0 0 7px 0;}
h3 { font-size: 16px; margin: 0 0 4px 0;}
h4 { font-size: 13px; margin: 0;}

p {line-height: 19px; margin: 5px 0 10px 0;}

a {color:#193370;text-decoration: underline;}
a:hover {text-decoration: none;cursor:pointer;}

ol {margin: 5px 0 10px 25px;line-height:19px;}
ol li {margin: 7px 0;}

.floatright {float:right;}
.floatleft {float:left;}

.imgborder {border:1px solid #555; padding: 1px; background: #fff;}

.imgcenter {border:1px solid #555; padding: 1px; background: #fff;display: block;margin: 0 auto;}
.imgleft {border:1px solid #555; padding: 1px; background: #fff;float:left;margin: 4px 10px 2px 0;}
.imgright {border:1px solid #555; padding: 1px; background: #fff;float:right;margin: 4px 0 2px 10px;}

img.imgcenter:hover,img.imgleft:hover, img.imgright:hover {border: 1px solid #193370;background: #193370;}

.aligncenter {text-align:center;}

.smallwidth {width:95px;}

.tabelle-eins {
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 10px 0;
	width: 100%;
}

.tabelle-eins th {font-weight: bold;background: url(img/bg_05.gif) top left repeat-x #fff; color:#193370;padding: 7px; font-size: 14px;border-bottom: 1px solid #ccc;}

.tabelle-eins tbody tr {background:#f6f6f6;color: #111;}

.tabelle-eins tbody tr:hover {background:#eee;color: #000;}

.tabelle-eins td {padding: 5px;border-bottom: 1px solid #ccc;}

.dotted-box {
	border-top: 1px dashed #aaa;
	border-right: 1px dashed #aaa;
	border-left: 1px dashed #aaa;
	background: #f6f6f6;
	padding: 5px 7px;
	margin: 10px 0 0 0;
	clear: both;
}

h1 span, h2 span, .right h3 span {color: #193370;display:block; text-align:right; font-size:14px; text-transform:uppercase;border-bottom: 1px solid #ccc; font-weight: bold;margin: 0 0 3px 0;overflow:hidden;}

.meta-info {color: #193370;display:block; font-size:14px; text-transform:uppercase;border-bottom: 1px solid #ccc; font-weight: bold;margin: 0 0 3px 0;overflow:hidden;}
.meta-info .floatright {text-align: right;}
.meta-info .floatleft {text-align: left;}

#wrapper {margin: 0 auto; padding: 0; }

#site {margin: -55px auto 0 auto; padding: 25px 20px 0 20px; width:960px; background:url(img/content-bg.png) no-repeat left top;}

#breadcrumbs {border: 1px solid #666; background: url(img/bg_05.gif) top left repeat-x #fff; padding: 5px 10px 5px 10px;margin: 10px 0 0 0;font-size:12px;}
#breadcrumbs a {color:#193370; text-decoration:none;}
#breadcrumbs a:hover {color: #000;text-decoration: none;}

#screenshots {margin:10px 0 5px 15px; text-align: center;font-size:12px;color:#666;}
#screenshots img {margin: 0 0 3px 0;border:1px solid #555; background: #fff; padding:1px;}
#screenshots img:hover {border:1px solid #193370; background: #193370; padding:1px;}
#screenshots dd {margin: 0 0 7px 0;}

#box {
	background: #ccc;
	border: 1px solid #fff;
	overflow: hidden;
	padding: 0 0 5px 0;
}

.box {border: 1px solid #666; background: url(img/bg_05.gif) top left repeat-x #fff; padding: 10px 10px 0 10px;margin: 10px 0 0 0;overflow: hidden;}

.first-box {border: 1px solid #666; background: url(img/bg_05.gif) top left repeat-x #fff; padding: 10px 10px 0 10px;margin: 0;overflow: hidden;}


/**************** Header *********************/
#header {width:100%; margin:0 auto; padding:0;height: 160px;}
#header-inner {width:960px;margin:0 auto; padding: 10px 0 0 0}
#nav {margin:0; padding: 0; width:956px; border: 1px solid #666; min-height: 47px;background: url(img/bg_01.gif) repeat-x #dbdbdb;float:left;font-weight:bold;font-size:17px;list-style:none;}
#nav li{margin:0;padding:0;float:left;border-right:1px solid #aaa;border-left:1px solid #ddd}
#nav li a {height: 23px;color:#193370;padding:14px 10px 10px 10px;text-decoration:none;display:block;text-shadow: 0 1px 0 #fff;}
#nav li a:hover,#nav li a:active{color:#000;background:#eee;}

#cat {margin:0;padding:0;list-style:none;clear:both;overflow:hidden;border-top:1px solid #fff;}
#cat li {float:left;border:1px solid #1d3a7c;}
#cat li a {
	background: url(img/bg_06.gif) repeat-x;
	height: 23px;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 7px 0 7px;
	display:block;
	border: 1px solid #9eb7f2;
}

#cat li a:hover {	background: #1d3a7c;
	color: #fff;
	text-shadow: 0 1px 0 #000;}


/**************** Content *********************/
#content { margin: 0; padding:10px 5px 0 5px;clear:both; overflow: hidden; background: url(img/bg_02.gif) repeat-x #ccc;}

.play-now {background: url(images/nav_bg.gif) repeat-x #222; letter-spacing: 1px; font-size: 18px; text-transform: uppercase; margin: 0; padding: 8px 5px 5px 5px; border-top: 5px solid #222; border-left: 5px solid #222;border-right: 5px solid #222; position: fixed; bottom: 0px; width: 630px; text-align: center; height: 27px;}
.play-now a, .entry .play-now a:link, .entry .play-now a:visited {text-decoration: none; color: #fff; text-shadow: 1px 1px 1px #000;}
.play-now a:hover, .entry .play-now a:active {text-decoration: none; color: #900; text-shadow: 1px 1px 1px #fff;}

.shadow-bg {width:100%; height:11px; background: url(images/shadow_bg.png) repeat-x;}

.mmog-table {width: 100%; margin: 0 0 10px 0;}
.mmog-table img {border: 1px solid #000; margin: 5px 8px 0 0;}
.mmog-table h3 {margin: 0;}
.mmog-table tr {}
.mmog-table td {vertical-align:top; width: 50%; border:1px solid #EEEEEE; padding: 7px;}
.mmog-table td p {margin: 0; padding: 0;}
.mmog-table td:hover {color: #000; background: #eee; border: 1px solid #ccc;}

.mmog-liste {margin: 10px 0 10px 0; padding: 10px 10px 0 10px; border: 1px solid #ccc; clear: both; background: #f6f6f6;}
.mmog-liste img {border: 1px solid #000; margin: 0 10px 0 0;}
.mmog-liste:hover {color: #000; background: #eee; border: 1px solid #aaa;}

.mmog-kategorie {float: right; text-transform: uppercase; margin: -15px -15px 0 0; background: #222; color: #fff; padding: 2px 4px;}
.mmog-kategorie:hover {background: #000;}
.mmog-kategorie a, .mmog-kategorie a:link, .mmog-kategorie a:visited {color: #fff; text-decoration: none;}
.mmog-kategorie a:hover, .mmog-kategorie a:active {color: #ccc; text-decoration: none;}

.browserspiele-liste {width: 100%; padding: 0 0 10px 0; color: #fff; font-size: 12px; line-height: 125%;}
.browserspiele-liste p {padding: 0;}
.browserspiele-liste td {border: 3px solid #fff; padding: 5px; background-color: #369; vertical-align:top;}
.browserspiele-liste h1,.browserspiele-liste h2,.browserspiele-liste h3,.browserspiele-liste h4 {color:#fff;}
.browserspiele-liste h1 a,.browserspiele-liste h2 a,.browserspiele-liste h3 a,.browserspiele-liste h4 a {color:#fff;}
.browserspiele-liste h1 a:link,.browserspiele-liste h2 a:link,.browserspiele-liste h3 a:link,.browserspiele-liste h4 a:link {color:#fff;}
.browserspiele-liste h1 a:visited,.browserspiele-liste h2 a:visited,.browserspiele-liste h3 a:visited,.browserspiele-liste h4 a:visited {color:#fff;}
.browserspiele-liste h1 a:hover,.browserspiele-liste h2 a:hover,.browserspiele-liste h3 a:hover,.browserspiele-liste h4 a:hover {color:#fff;}

.browserspiele-kategorien {width: 100%; padding: 0 0 10px 0; color: #666;}
.browserspiele-kategorien p {padding: 0;}
.browserspiele-kategorien td {border: 3px solid #fff; padding: 5px; background-color: #fff; vertical-align:top;}
.browserspiele-kategorien h1,.browserspiele-kategorien h2,.browserspiele-kategorien h3,.browserspiele-kategorien h4 {color:#369;}

.browserspiele-info {font-size: 12px; line-height: 125%; background: #EAEAEA; padding: 4px 6px;}
.browserspiele-info p {padding: 0 0 7px 0;}

#toctitle {width: auto; margin: 0 20px 5px 20px; border: 1px solid #ccc; background: #f6f6f6; padding: 7px 7px 2px 7px;}
#toctitle ul {line-height: 120%;}
#toctitle ul li ul {line-height: 100%;}

.jetzt-anmelden {width: auto; margin: 0 0 10px 0; border: 1px solid #ccc; background: #f6f6f6; padding: 7px; text-align: center;}
.jetzt-anmelden h2 {margin: 0; padding: 0;}

.line { background:url(images/dot.gif) repeat-x; height: 1px; width: 100%; margin: 0 0 7px 0; padding: 0;}


/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { font-size:12px; margin: 10px; padding: 10px 5px 0 15px; border-left: 5px solid #ccc; border-bottom: 1px solid #ccc; background: #f6f6f6;}
blockquote:hover {color: #000; background: #eee; border-left: 5px solid #aaa; border-bottom: 1px solid #aaa;}
blockquote cite { margin: 5px 0 0 0; display: block; border-left: 5px solid #900; padding: 0 0 0 5px;}
blockquote cite:hover {border-left: 5px solid #666;}
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin: 0; }
.alignright{float:right;}
.alignleft{float:left;}
.clearboth{clear:both;}

.alignrightimg {float: right; margin: 0 0 10px 10px; padding: 8px 8px 4px 8px; background: #f6f6f6; border: 1px solid #ccc;}
.alignrightimg p {padding: 0; margin: 5px 0 0 0; text-align: center;}

.aligncenterimg {text-align:center; width: auto; margin: 0 auto 10px auto; padding: 8px 8px 4px 8px; background: #f6f6f6; border: 1px solid #ccc;}
.aligncenterimg p {padding: 0; margin: 5px 0 0 0;}

.paddingbottom{padding: 0 0 7px 0;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Comments *********************/
#commentsbox { margin: 0px; padding: 0px; float: left; width: auto;}
.boxcomments{margin-bottom:20px;width:500px;}
#commentform{margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0; }
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist img { border: 1px solid #fff; margin: 0 0 0 5px;}
ol.commentlist li.comment{border:1px solid #ccc;display:block;list-style:none;margin:5px 0 10px 0;padding:5px 5px 0 10px; background:#f6f6f6;}
ol.commentlist li.comment:hover{border:1px solid #aaa;display:block;list-style:none;margin:5px 0 10px 0;padding:5px 5px 0 10px; background:#eee; color: #000;}
ol.commentlist li.mycomment{border:1px solid #900;display:block;list-style:none;margin:5px 0 10px 0;padding:5px 5px 0 10px; background:#fdd;}
ol.commentlist li.mycomment:hover{border:1px solid #600;display:block;list-style:none;margin:5px 0 10px 0;padding:5px 5px 0 10px; background:#fcc; color: #000;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url,input#author,input#email,textarea{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}


.left {margin: 0; padding: 0; float: left; width: 570px;}
.right { margin: 0; padding: 0; float: right; width: 370px; }
.half {margin:0; padding: 0; width: 470px;}

.left-wide {margin:0;padding:0;float:left;width:595px;}
.right-small {margin:0 0 0 10px;padding:0;float:right;width:216px;}

.weitere-spiele {list-style-type:none;margin:0 0 3px 0;overflow:hidden;}
.weitere-spiele li {float:left;margin:5px 0 10px 5px;}
.weitere-spiele li a {padding:1px;background:#fff;border:1px solid #999;display:block;}
.weitere-spiele li a:hover {background:#193370;border:1px solid 193370#999;}

.spiele-table {
	width: 100%;
	border-collapse: collapse;
	color: #000;
	margin: 10px 0 10px 0;
}

.spiele-table .text-bg {
	background: #e5ecfa;
}

.spiele-table tr td {
	padding: 5px;
}

.spiele-table .text-bold {
	font-weight: bold;
	color: #193370;
	text-align: right;
}

.mmogs-liste {
	list-style-type: none;
	overflow: hidden;
	margin: 0;
}

.mmogs-liste li {
	overflow: hidden;
	background: url(img/bg_05.gif) top left repeat-x #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	padding: 5px;
	margin: 0;
}

.mmogs-liste li img {
	border: 1px solid #999;
	background: #fff;
	padding: 1px;
	float: left;
	color: #000;
}

.mmogs-liste li img:hover {
	border: 1px solid #193370;
	background: #193370;
	color: #fff;
}

.mmogs-liste li h3 {
	float: left;
	padding: 0 0 0 7px;
	margin: 0;
	font-weight: bold;
	font-size: 15px;
}

.mmogs-liste li h3 span {
	display: block;
	font-size: 12px;
	color: #111;
	margin: 2px 0 3px 0;
	background: url(img/folder.gif) no-repeat;
	padding: 2px 0 0 20px;
	min-height: 16px;
	min-width: 250px;
}

.mmogs-liste li div {
	float: left;
	font-size: 12px;
	margin: 12px 0 0 10px;
}

.left .mmogs-liste li div, .half .mmogs-liste li div {
	float: right;
	margin: 5px 5px 5px 0;
}

.mmogs-liste li div a {
	color: #193370;
	font-weight: bold;
	text-decoration: underline;
	background: url(img/arrow.gif) no-repeat;
	padding: 1px 0 0 20px;
	min-height: 16px;
}

.mmogs-liste li div a:hover {
	color: #000;
	text-decoration: none;
}

.mmogs-liste li p {
	float: left;
	width: 770px;
	padding: 0 0 0 7px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
}

.half .mmogs-liste li p {
	float: left;
	width: 315px;
	padding: 0 0 0 7px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
}

.left .mmogs-liste li p {
	float: left;
	width: 415px;
	padding: 0 0 0 7px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
}

.content-box ul, .features-liste {
	list-style: none;
	margin: 5px 0 5px 2px;
	overflow: hidden;
}

.content-box ul li, .features-liste li {
	background: url(img/bullet.gif) no-repeat;
	padding: 0 0 0 22px;
	min-height: 16px;
	line-height: 18px;
	margin: 7px 0;
}

.features-liste li h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.features-liste li span {
	font-size: 12px;
	color: #666;
	background: url(img/note.gif) no-repeat;
	padding: 0 0 0 16px;
	font-weight: bold;
}

h2 b {
	min-height: 20px;
	padding: 0 0 0 25px;
	font-weight: normal;
}

h3 b {
	min-height: 20px;
	padding: 0 0 0 25px;
	font-size: 19px;
	margin: 0 0 7px 0;
	font-weight: normal;
}

.h-features {
	background: url(img/features.gif) no-repeat;
}

.h-fakten {
	background: url(img/fakten.gif) no-repeat;
}

.h-news {
	background: url(img/news.gif) no-repeat;
}

.h-test {
	background: url(img/test.gif) no-repeat;
}

.h-screenshot {
	background: url(img/screenshot.gif) no-repeat;
}

.h-lieben {
	background: url(img/lieben.gif) no-repeat;
}

.h-fazit {
	background: url(img/fazit.gif) no-repeat;
}

.h-games {
	background: url(img/games.gif) no-repeat;
}

.meta-date {
	background: url(img/note.gif) no-repeat;
	padding: 0 0 0 16px;
	font-weight: bold;
	color: #666;
}

.button {
	border: 1px solid #01133d;
	margin: 0 0 5px 0;
	padding: 0;
}

li.button {
	padding: 0;
	border-top: none;
}

.button a {
	background: url(img/bg_06.gif) repeat-x;
	height: 23px;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 7px 0 7px;
	border: 1px solid #9eb7f2;
}

.button a:hover {
	background: #1d3a7c;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

.mmog-spielen {
	border-right: 1px solid #01133d;
	border-bottom: 1px solid #01133d;
	border-left: 1px solid #01133d;
}

.mmog-spielen a {
	background: url(img/bg_03.gif) repeat-x #1d3a7c;
	height: 53px;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	padding: 27px 0 0 0;
	border: 1px solid #9eb7f2;
}

.mmog-spielen a:hover {
	background: #1d3a7c;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

.spiel-lieben {
	float: right;
	border: 1px solid #aaa;
	padding: 1px;
	background: #fff;
	margin: -10px 0 10px 10px;
}

.news-thumb {
	float: left;
	border: 1px solid #aaa;
	padding: 1px;
	background: #fff;
	margin: 5px 15px 5px 0;
}

.news-thumb:hover {
	border: 1px solid #193370;
	background: #193370;
}

.mmog-twitter {
	background: url(img/mmog-at-twitter.jpg) no-repeat;
	background-position: -5px 0;
	width: 344px;
	height: 40px;
	color: #ccc;
	text-shadow: 0 -1px 0 #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	border: 1px solid #fff;
}

.mmog-twitter:hover {
	background-position: -5px -40px;
	color: #52beed;
}

.mmog-twitter span {
	float: right;
	padding: 10px 90px 0 0;
	font-size: 18px;
}

.mmog-rss {
	background: url(img/mmog-at-rss.jpg) no-repeat;
	background-position: -5px 0;
	width: 344px;
	height: 40px;
	color: #ccc;
	text-shadow: 0 -1px 0 #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	border: 1px solid #fff;
}

.mmog-rss:hover {
	background-position: -5px -40px;
	color: #f86305;
}

.mmog-rss span {
	float: right;
	padding: 10px 100px 0 0;
	font-size: 18px;
}

.mmog-border {
	border: 1px solid #aaa;
	margin: 0 0 10px 0;
}

.news {
	list-style: none;
	margin: 10px 0 5px 2px;
	overflow: hidden;
	border-top: 1px dashed #ccc;
}

.news li {
	padding: 0 0 5px 0;
	min-height: 16px;
	line-height: 18px;
	margin: 7px 0;
	border-bottom: 1px dashed #ccc;
	clear: both;
	min-height: 114px;
	overflow: hidden;
}

.news li span {
	font-size: 12px;
	color: #666;
	background: url(img/note.gif) no-repeat;
	padding: 0 0 0 16px;
	font-weight: bold;
}

#similar-games li span.s-kat {
	font-size: 12px;
	font-weight: bold;
	min-height: 24px;
	color: #111;
	margin: 2px 0 6px 0;
	background: url(img/folder.gif) no-repeat;
	padding: 3px 0 0 18px;
}

#similar-games li span.s-art {
	font-size: 12px;
	font-weight: normal;
	color: #111;
	margin: 2px 0 3px 0;
	background: none;
	padding: 3px 0 0 0;
}

.news li h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

.news li h3 a img {
	float: left;
	margin: 0 8px 0 0;
	padding: 1px;
	background: #fff;
	border: 1px solid #ccc;
}

#similar-games li h3 a img {
	margin: 0 5px 0 0;
}

.news li p {
	font-size: 13px;
	margin: 0;
}

.pfeil-testbericht {
	color: #193370;
	font-weight: bold;
	text-decoration: underline;
	background: url(img/arrow.gif) no-repeat;
	padding: 1px 0 0 20px;
	margin: 0 0 10px 10px;
	display: block;
	min-height: 16px;
}

.pfeil-testbericht:hover {
	color: #000;
	text-decoration: none;
}

.games-liste {
	list-style-type: none;
	overflow: hidden;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	margin: 10px 0 10px 0;
}

.games-liste li {
	float: left;
	width: 50%;
}

#games-liste-full li {
	width: 100%;
}

.games-liste li a {
	display: block;
	padding: 7px 7px 7px 10px;
	background: url(img/bg_05.gif) top left repeat-x #fff;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-decoration:none;
}

.games-liste li a:hover {
	background: #eee;
}

/**************** Footer *********************/
#footer {font-size: 12px; margin: 10px auto 0 auto; width:100%; height: auto;overflow:hidden;}
.footer {width: 980px; margin: 0 auto;}
.footer-box {width: 200px; margin: 0 15px 0 5px; float: left;}
.footer-header {text-transform: uppercase; font-weight: bold; margin: 0 0 2px 0;}

#footer ul {list-style-type: none;}