/*   
Theme Name: Krautgaming
Theme URI: http://www.krautgaming.com
Description: The German Games
Author: Hendrik Luehrsen
Author URI: http://www.hendrik-luehrsen.de
Version: 1.0
.
It is forbidden to use this template on other webites than krautgaming.com
.
*/

/* Clean up the CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
hr { display: none; }
address{ display: inline; }

/* Starting with global statments */

html {
	height: 100%;
	min-height: 100%;
	min-width: 100%;
	font-size: 100.01%;
	position: relative;
}

body {
	min-height: 100%;
	height: 100%;
	min-width: 100%;
	font-family: verdana,arial,helvetica,geneva,sans-serif;
	margin: 0 auto;
	position: relative;
	background: #f2f2f2 url("images/main_bg.png") center top no-repeat;
	line-height: 1.333em;
	padding-top: 28px;
}

.wallpaper_clicktarget {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

/* Import CSS3 Files */

@import url("style_css3.css");

/* Global Definitions */

a {
	color: #135C7F;
	text-decoration: none;
}

a:hover {
	color: #26b8FF;
}

/* Der eigentliche Content Bereich */

.shadow_wrapper {
	width: 920px;
	margin: 0 auto;
	position: relative;
	background: url("images/shadow.png") repeat-y;
}

.page_wrapper {
	width: 900px;
	background: url("images/page_wrapper_bg.png") center center repeat-y #fff;
	border-top: 3px solid #26b8FF;
	border-bottom: 2px solid #26b8FF;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.left_side_menu {
	position: absolute;
	top: 15px;
	left: -210px;
	overflow: hidden;

}

.left_side_menu li {
	margin: 0 0 10px 0;
	position: relative;
	left: 210px;
	padding: 10px;
	width: 200px;
	height: 20px;
	line-height: 20px;
	background: #fff;
	border: 1px solid #26b8ff;
}

.left_side_menu li:hover {
	left: 130px;	
}

/*********************************************************************************************

	Page Title

*********************************************************************************************/

.page_title {
	height: 90px;	
	width: 920px;
	margin: 0 auto;
	background: url("images/logo.png") no-repeat;
	background-position: bottom;
	position: relative;
}

.page_title h1 {
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0 10px;
}

.adspace_lead {
	width: 786px;
	padding: 0px 0 0 0;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 103;
}

#adspace_sky {
	position: absolute;
	left: 930px;
	top: 10px;
	display: block;
	z-index: 103;
}

.fsb_clickzone {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;	
}

.page_title .fb_iframe_widget {
	position: absolute;
	bottom: 7px;
	left: 400px;
}

/* Main Nav */

.main_nav {
	width: 920px;
	height: 35px;
	font-size: 0.9em;
	background: url("images/whi_50px_30.png") repeat-x scroll left #1f1f1f;
	margin: 0 auto;
	position: relative;
	z-index: 101;
}

.main_nav a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	padding: 0 15px;
}

.main_nav .menu-items {
	float: left;
	line-height: 35px;
	border-right: 1px solid #666;
	border-left: 1px solid #000;
	margin: 0 0 0 9px;
	height: 35px;
}

.main_nav .slider_wrapper {
	height: 35px;
	overflow: hidden;
	position: relative;	
}

.main_nav .menu-item {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	height: 100%;
	vertical-align: middle;
	position: relative;
	line-height: 35px;
	height: 35px;
}

.main_nav .menu-item .top {
	background: url("images/whi_50px_30.png") repeat-x scroll left #1f1f1f;
	border-left: 1px solid #666;
	border-right: 1px solid #000;
	position: absolute;
	top: 0;
	left: 0;
}

.main_nav .menu-item .bottom {
	background: url("images/whi_50px_30.png") repeat-x scroll left #26b8FF;
	border-left: 1px solid #26b8FF;
	border-right: 1px solid #26b8FF;
}

.main_nav .menu-item .bottom a {
	color: #1f1f1f;
}

.main_nav .menu-item .bottom:hover a {
	color: #FFF;
}

.main_nav .menu-item .child_menu {
	position: absolute;	
	background: #26b8FF;
	display: none;
	left: 0;
	top: 35px;
	line-height: 1.5em;
	font-size: 0.75em;
	padding: 6px 25px 6px 0;
	min-width: 150px;
}

.main_nav .child-hover:hover .child_menu {
	display: block;
}

.main_nav .menu-item .child_menu a {
	color: #000;
}

.main_nav .menu-item .child_menu a:hover {
	color: #fff;
}

.main_nav .corner_left {
	height: 10px;
	width: 10px;
	background: url("images/mainnav_corner_left.png") no-repeat;
	position: absolute;
	bottom: -10px;
	left: 0px;
}

.main_nav .corner_right {
	height: 10px;
	width: 10px;
	background: url("images/mainnav_corner_right.png") no-repeat;
	position: absolute;
	bottom: -10px;
	right: 0px;
}


/* Pages Nav */ 

.pages_nav {
	width: 920px;
	height: 20px;
	background: url("images/whi_50px_30.png") repeat-x scroll left #1f1f1f;
	margin: 0 auto 25px auto;
	position: relative;
}

.pages_nav a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	padding: 0 15px;
}

.pages_nav ul {
	float: right;
	line-height: 20px;
	border-right: 1px solid #666;
	border-left: 1px solid #000;
	margin: 0 8px 0 8px;
	height: 20px;
}

.pages_nav ul li {
	float: left;
	font-size: 0.5em;
	text-transform: uppercase;
	font-weight: bold;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #666;
	border-right: 1px solid #000;
	position: relative;
}

.pages_nav ul li:hover {
	background: url("images/whi_50px_30.png") repeat-x scroll left #26b8FF;
	border-right: 1px solid #666;
	border-left: 1px solid #000;
}

.pages_nav ul li:hover a {
	color: #000;
}

.pages_nav ul li:hover ul {
	display: block;	
}

.pages_nav ul li ul {
	display: none;
	position: absolute;
	top: 30px;
	left: -1px;
	border: none;
	background-color: #26b8FF;
	margin: 0;
	padding: 0;
	border-left: 1px solid #000;
	line-height: 1.5em;
	padding: 5px 0;
	}

.pages_nav ul li ul li {
	float: none;
	border: none;
}

.pages_nav .corner_left {
	height: 10px;
	width: 10px;
	background: url("images/mainnav_corner_bleft.png") no-repeat;
	position: absolute;
	top: -10px;
	left: 0px;
}

.pages_nav .corner_right {
	height: 10px;
	width: 10px;
	background: url("images/mainnav_corner_bright.png") no-repeat;
	position: absolute;
	top: -10px;
	right: 0px;
}

/** Featured Content **/

#featured{  
    width:900px;
	height: 370px;
	padding: 2px 5px 5px 5px;
    position:relative;  
    background:#26b8FF url("images/shadow-border.png") repeat-x bottom;  
	overflow:hidden;
}  

.expander_div {
	height: 0;
	width: 100%;
    background:#26b8FF url("images/shadow-border.png") repeat-x bottom;
	overflow: hidden;
	position: relative;
}

.teaser_expand {
	height: 14px;
	width: 14px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	background: url("images/expand.png");
	cursor: pointer;
}

.teaser_collapse {
	height: 14px;
	width: 14px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	background: url("images/collapse.png");
	cursor: pointer;
}

#featured .slider {
    position:relative;
    width:886px; /* Change this to your images width */
    height:359px; /* Change this to your images height */
	border: 2px solid #135C7F;
}

#featured .slider img {
	max-height: 886px;
	max-width: 359px;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

#featured .slider a {
    border:0;
    display:block;
}

#featured .slider .nivo-controlNav {
	position:absolute;
	bottom: 0px; /* Put the nav below the slider */
	right: 0px;
	margin: 10px 0 10px 10px;
	padding: 5px 15px 5px 10px;
	background: url("images/whi_50px_30.png") repeat-x 50% #000;
	border-left: 1px solid #666;
	z-index: 89;
	font-size: 1em;
	line-height: 0;
}

#featured .slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	border: 1px solid #135C7F;
	border-bottom-width: 2px;
	max-height: 25px;
}

#featured .slider .nivo-controlNav .active img {
	border: 1px solid #26b8FF;
	border-bottom-width: 2px;
}

#featured .slider .nivo-control {
	width: 5px;
	height: 5px;
	margin: 0 5px 0 0;
	display: inline-block;
	background: url("images/passive.png");	
	text-indent:-9999px;
}

#featured .slider .nivo-controlNav .active {
	background: url("images/active.png");	
}

#featured .slider .nivo-caption {
  background: none;
  color: #FFFFFF;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 59;
}

#featured .slider .nivo-caption h3 {
	font-size: 1.3em;
	line-height: 1.333em;
	margin: 10px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	padding: 5px;
	background: url("images/blk_80.png");
	z-index: 89;
}

#featured .slider .nivo-caption .excerpt {
	background: url("images/blk_80.png");
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 10px;
	padding: 5px;
	font-size: 0.9em;
	line-height: 1.333em;
	width: 50%;
	display: block;
	z-index: 89;
}

#short_news {
	color: #000;
	font-weight: bold;
	font-size: 0.8em;
	margin: 0 0 0 30px;
	line-height: 14px;
	vertical-align: top;
}

#short_news a{
	color: #333;	
}

#short_news a:hover {
	color: #000;
	text-decoration: underline;
}

/* RECENT POSTS BOX */

#article_listing {
	width: 560px;
	margin: 10px;
	float: left;
}

#article_listing h1 {
	display: block;
	text-align: left;
	padding: 2px 5px 2px 5px;
	font-size: 1em;
	color: #666;
	border-bottom: 1px solid #26b8FF;
	text-transform: uppercase;
	position: relative;
}

#article_listing h1 img {
	margin: 2px 0 0 0;
	float: right;
	vertical-align: middle;
}

#article_listing .feed_icon {
	background: url("images/icons/icon_sprites.png") no-repeat #F2F2F2;
	background-position: -12px 0;
	width: 12px;
	height: 12px;
	float: right;
	margin: 3px 0;
}

/*********************************************************************************************

	Social Bar unter der News

*********************************************************************************************/

#social {
	width: 540px;
	padding: 10px;
	margin: 0 10px 10px;
	float: left;
	border-bottom: 1px solid #26B8FF;
}

#social .right {
	float: right;
	width: 125px;	
}

#social .right iframe {
	margin: 0 0 5px 0;
}

/*********************************************************************************************

	Neues Article Listing

*********************************************************************************************/

#article_listing .the_post {
	margin: 10px 5px 10px 5px;
	padding: 0 0 10px 0;
	font-size: 0.75em;
	border-bottom: 1px solid #ddd;
}

#article_listing .date_time_div {
	font-size: 0.75em;
	color: #7F7F7F;
}

#article_listing .date_time_div .date_time {
}

#article_listing .date_time_div .comments {
	padding: 0 0 0 25px;
	float: right;
	height: 16px;
	background: url("images/comment.png") no-repeat scroll 5px 3px;
}

#article_listing .the_title h3 {
	font-size: 1.3em;
	line-height: normal;
	font-weight: bold;
}

#article_listing .the_title h3 a {
	text-decoration: none;
}

#article_listing .post_thumbnail {
	float: left;
	margin: 0.5em 5px 5px 0;
	border: 1px solid #135C7F;
}

#article_listing .post_thumbnail:hover {
	border: 1px solid #26b8FF;
}

#article_listing .post_thumbnail img {
}

#article_listing .the_excerpt {
	margin: 4px 0 0 0;
	line-height: 1.333em;	
}

#article_listing .more-link {
	margin: 1em 0 0 0;
	display: block;	
}

#article_listing .the_meta {
	font-size: 0.75em;
	color: #7F7F7F;
	margin: 0 10px;
	line-height: normal;
}

#article_listing .the_meta .the_cats {
	float: right;
}

#article_listing .wp-pagenavi {
	margin: 3em auto 1em auto;
	text-align: center;	
	font-size: 0.6em;
}

#article_listing .backdrop {
}

/*********************************************************************************************

	SIDEBAR

*********************************************************************************************/


#sidebar {
	width: 300px;
	float: right;
	margin: 0 10px;
}

#sidebar li {
	width: auto;
	margin: 10px 0 5px 0;
	padding: 0;
	border-top:none;
	position: relative;
}

#sidebar li h2 {
	display: block;
	text-align: right;
	padding: 2px 5px 2px 5px;
	font-size: 1em;
	color: #666;
	border-bottom: 1px solid #26b8FF;
	text-transform: uppercase;
	position: relative;
	width: 290px;
}

#sidebar li:hover h2 {
	color: #333;
}

#sidebar li ul {
	padding: 0;
	margin: 0;
}

#sidebar li ul li {
	padding: 0;
	margin: 0;
}

#sidebar .widget p {
	font-size: 0.75em;
	margin: 5px;
	line-height: normal;	
}

#sidebar #execphp-3 h2 .icon, #sidebar #execphp-4 h2 .icon {
	background: url("images/icons/icon_sprites.png") no-repeat;
	background-position: -48px 0;
	width: 12px;
	height: 12px;
	float: left;
	margin: 3px 0;
}

#sidebar .widget_search .searchform {
	padding: 5px;
}

#sidebar .widget_search h2 .icon {
	background: url("images/icons/icon_sprites.png") no-repeat;
	background-position: -60px 0;
	width: 12px;
	height: 12px;
	float: left;
	margin: 3px 0;
}

#sidebar .widget_search input {
	border: 1px solid #26B8FF;
	margin: 5px 2px;
	padding: 2px;
	background: #fff;
}

#sidebar .widget_search .input_text {
	width: 280px;
}

#sidebar .widget_search .submit_btn {
	padding: 2px 10px;
	float: right;
	font-weight: bold;
	cursor: pointer;
}

#sidebar .widget_search .submit_btn:hover {
	background: #26b8FF;
	color: #FFF;
}

/* Das Games Widget */

#sidebar .widget_games h2 {
	background: url("images/icons/related.png") no-repeat;
    background-position: 3px 4px; 
}

/* Das Games Widget */

#sidebar .widget_games .title h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0.5em 5px;
}

#sidebar .widget_games a {
	color: #135C7F;
	text-decoration: none;
}

#sidebar .widget_games a:hover {
	color: #26B8FF;
}

#sidebar .widget_games .icons {
	padding: 0 0 0 135px;	
	font-size: 0.6em;
	position: relative;
}

#sidebar .widget_games .icons .platform_icons {
	display: inline-block;
	background: url("images/blk_80.png");
	padding: 2px 0 2px 10px;	
}

#sidebar .widget_games .icons .platform_icons img {
	margin: 0 10px 0 0;
}

#sidebar .widget_games .icons .left {
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 0.8em;
	text-align: center;
	max-height: 220px;
	width: 115px;
	z-index: 10;
}

#sidebar .widget_games .icons .left .fb_like {
	margin: 2px auto;
	text-align: center;
}

#sidebar .widget_games .game_infos {
	margin: 0 auto;
	border: 1px solid #26B8FF;
	padding: 5px 5px 5px 135px;	
	position: relative;
	font-size: 0.7em;
	min-height: 180px;
	margin: 5px 0 0 0;
	z-index: 9;
}

#sidebar .widget_games .game_infos .left .amz {
	padding: 5px 15px;
	line-height: 1em;	
}

#sidebar .widget_games .game_infos .left iframe {
	margin: 0 auto;
}

#sidebar .widget_games .ngg-gallery-thumbnail img {
	margin: 0;
	padding: 0;
	max-width: 115px;
	border: 1px solid #26B8FF;
}

#sidebar .widget_games .ngg-gallery-thumbnail {
	border: none;
}

#sidebar .widget_games .game_infos .info {
	line-height: normal;
	display: block;
	margin: 0 0 1em 0;
}

#sidebar .widget_games .game_infos .right h3 {
	margin: 0;
	padding: 0;
	line-height: normal;
	color: #135C7F;
	font-weight: bold;
}
/* Widget Games Ende */

#sidebar .widget_infos {
	line-height: normal;
}

#sidebar .widget_infos li {
	font-size: 0.75em;	
	border: none;
	padding: 0 0 0 5px;
}

#sidebar .widget_infos h2 {
	background: url("images/icons/info.png") no-repeat;
    background-position: 3px 4px; 
}

#sidebar .widget_infos h3 {
	font-weight: bold;
	color: #333;
	margin: 5px 0 0 0;
}

#sidebar .widget_recent_entries_ext {
	border: none;
}

#sidebar .widget_recent_entries_ext ul li {
	font-size: 0.75em;
	padding: 3px 5px;
	margin: 3px 0 0 0;
	border: none;
}

#sidebar .widget_recent_entries_ext ul li .thumbnail {
	float: left;
	margin: 0 5px 5px 0;	
}

#sidebar .widget_recent_entries_ext ul li .attachment-recent_posts {
	max-width: 35px;
	max-height: 35px;
}

#sidebar .widget_recent_entries_ext ul li .datetime {
	font-size: 0.75em;
	float: right;
	line-height: normal;
	margin: 0 0 0 15px;
	color: #666;
}

#sidebar .widget_recent_entries_ext ul li h4 {
	line-height: 1.333em;
	font-size: 0.9em;
	font-weight: bold;
}

/* Recent Games */

#sidebar .recent_games_tag_cloud {
	text-align: justify;
	font-size: 0.75em;
	line-height: 1.333em;
	word-spacing: 1em;
	padding: 5px 15px;
}

#sidebar .recent_games_tag_cloud a {
	word-spacing: normal;
}

/* Recent Tags */

#sidebar .recent_tags_cloud {
	text-align: justify;
	font-size: 0.75em;
	line-height: 1.333em;
	word-spacing: 1em;
	padding: 5px 15px;
}

#sidebar .recent_tags_cloud a {
	word-spacing: normal;
}

/* Newsletter */
#sidebar #mc_embed_signup {
	padding: 5px 5px;	
}

#sidebar #mc_embed_signup p {
	margin: 0;
	color: #333;
}

#sidebar #mc_embed_signup input[type=text] {
	width: 280px;
	border: 1px solid #26B8FF;
	color: #ccc;
	margin: 5px 2px;
	padding: 2px;
	background: #fff;
}

#sidebar #mc-embedded-subscribe {
	border: 1px solid #26B8FF;
	margin: 5px 2px;
	padding: 2px;
	background: #fff;
	padding: 2px 10px;
	float: right;
	font-weight: bold;
	cursor: pointer;
}

#sidebar #mc-embedded-subscribe:hover {
	background: #26b8FF;
	color: #FFF;
}

#sidebar div.mce_inline_error {
	font-size: 0.75em;
	font-weight: bold;
	color: #cc0000;	
}

#sidebar #mce-success-response {
	font-size: 0.5em;
	line-height: 1.333em;
	color: #009900;
	background: #f2f2f2;
	padding: 5px;
}

#sidebar #mce-error-response {
	font-size: 0.5em;
	line-height: 1.333em;
	color: #990000;
	background: #f2f2f2;
	padding: 5px;
}


/*********************************************************************************************

	SINGLE ENTRY (Post / Page)

*********************************************************************************************/

#single_entry {
	width: 560px;
	margin: 10px;
	float: left;
}

#single_entry .post_thumbnail {
	width: auto;
	border-top: none;
	margin: 10px;
}

#single_entry .post_thumbnail img {
	position: relative;
	width: 546px;
	height: auto;
	border: 1px solid #26b8FF;

}

#single_entry h1 {
	display: block;
	text-align: left;
	padding: 5px 10px 5px 10px;
	font-size: 1.3em;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
}

#single_entry .meta_info {
	display: block;
	text-align: left;
	padding: 0 10px 5px 10px;
	font-size: 1em;
	color: #666;
	font-weight: bold;
}

#single_entry .date {
	float: right;
	font-size: 0.5em;
	margin: 0 0 0 10px;
	line-height: normal;
}

#single_entry .author {
	float: left;
	font-size: 0.5em;
	margin: 0 10px 0 0;
	line-height: normal;
	text-transform: none;
}

#single_entry hr {
	display: block;
	border: none;
	background: #26b8FF;
	width: 75%;
	height: 1px;
}

#single_entry .single_page_text {
	padding: 5px 10px 10px 10px;
	border-bottom: 1px solid #26b8FF;
}

#single_entry .single_page_text p {
	margin: 0 0 1em 0;
}

#single_entry h2,
#single_entry h3,
#single_entry h4,
#single_entry h5,
#single_entry h6 {
	color: #000;
	font-weight: normal;
	font-size: 1em;
	margin: 2em 0 0 0;
}

#single_entry h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 3em -15px 0.5em -15px;
	padding: 0 15px 0.5em 15px;
	text-transform: uppercase;
	border-bottom: 2px solid #f1f1f1;
	color: #666;
}
#single_entry h3 {
	font-size: 1em;
	font-weight: bold;
}
#single_entry h4 {
	font-size: 0.6em;
}
#single_entry h5 {
	font-size: 0.5em;
}
#single_entry h6 {
	font-size: 0.5em;
}

#single_entry ul {
	list-style: disc outside;
	margin: 0 0 1em 2.5em;
}

#single_entry ul li {
	margin: 0 0 0.3em 0;
}

#single_entry ol {
	list-style: decimal inside;
	margin: 0 0 1em 1.5em;
}

#single_entry blockquote {
	margin: 0 35px;
	font-style: italic;	
}

.linkblock {
	margin: 10px 0 0 -5px;	
}

.ngg-galleryoverview {
	text-align: center;
	margin-bottom: 10px;
}

#fb_like {
	background: #F2F2F2;
	border-top: 1px solid #26b8FF;
	margin: 15px 0 5px 0;
	padding: 5px;
	text-align: center;
}

#fb_like .fb_iframe_widget, #fb_like iframe {
	vertical-align: top;
}

#referrer_info {
	background: #F2F2F2;
	border-top: 1px solid #26b8FF;
	margin: 10px 0 0 0;
	padding: 10px;	
	font-size: 0.75em;
}

#referrer_info img {
	float: left;
	margin: 0 5px 0 0;
}

/*********************************************************************************************

	CONTENT AREA (The text within posts/pages)

*********************************************************************************************/

.content_text {
	line-height: 1.333em;
	font-size: 0.75em;
}

.content_text object, .content_text embed {
	max-width: 548px;
	margin: 0 auto 1em auto;
}

.banner_ad_zone {
	background: #F2F2F2;
	border-top: 1px solid #26b8FF;
	margin: 10px 0 0 0;
	padding: 5px;
	text-align: center;
	position: relative;
}

.banner_ad_zone h3 {
	position: absolute;
	left: 5px;
	top: 0px;
	font-size: 0.5em !important;
	color: #aaa !important ;
	text-align: left;
	margin: 0 !important;
}

.content_text .games_list .games_list_item {
	margin: 0;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #26b8FF;
}

.content_text .games_list .alt {
	background: #f2f2f2;
}

.content_text .wp-pagenavi {
	text-align: center;	
	margin: 15px 0;
}

.content_text .ngg-singlepic {
	display: inline;	
}

.games_list .image {
	float:left;
	width: 55px;
}

.games_list .image img {
	max-width: 50px;
	max-height: 50px;	
}

.games_list .name {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.games_list .plattform {
	float: right;
}

.games_list .item_prop {
	font-size: 0.75em;
	float: left;
	margin: 0 10px 0 0;
}

.games_list .fb_like {
	float:right;	
}

/* GAMES LIST HORI */

.related_games img {
	max-width: 140px;	
}

/* Images from Wordpress Media */

.content_text .alignleft {
	float: left;
	margin: 0 10px 5px 0;
	border: 1px solid #26b8FF;
	background: #26b8FF;
}

.content_text .alignright {
	float: right;
	margin: 0 0 5px 10px;
	border: 1px solid #26b8FF;
	background: #26b8FF;
}

.content_text .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #26b8FF;
	background: #26b8FF;
}

.content_text .alignright p,
.content_text .alignleft p,
.content_text .aligncenter p {
	margin: 0 !important;
	text-align: center;
	font-size: 0.75em;
	color: #fff;	
}

.content_text img.button {
	background: none;
	border: none;	
}


/*********************************************************************************************

	GDB Detail View

*********************************************************************************************/

.gdb_detail {
	height: 370px !important;
	width: 890px !important;
}

.gdb_detail .content_wrapper {
	background: #333;	
}

.gdb_detail .gdb_inner {
	border:2px solid #135C7F;
	height:363px;
	overflow:hidden;
	position: relative;
}

.gdb_detail .gdb_inner .the_title {
	background:url("images/blk_80.png") repeat scroll 0 0;
	margin:0 0 5px;
	padding:10px 10px 5px 10px;
	position:absolute;
	right:10px;
	top:10px;
	text-align: right;
	max-width: 400px;
}

.gdb_detail .gdb_inner .fb_like {
	background:url("images/wht_80.png") repeat scroll 0 0;
	width: 425px;
	padding: 5px;
	position: absolute;
	left: 10px;
	top: 10px;
}

.gdb_detail .gdb_inner .the_title .platform_list li {
	float: right;
	line-height: normal;
	padding: 2px 5px;
	margin: 2px 0;
	font-size: 0.5em;
	color: #606060;
}

.gdb_detail .gdb_inner .the_title h1 {
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;	
}

.gdb_detail .gdb_inner .the_details {
	background:url("images/blk_60.png") repeat scroll 0 0;
	max-height: 250px;
	width: 435px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #fff;
}

.gdb_detail .gdb_inner .the_details .game_screens_list {
	position: absolute;
	bottom: 5px;
	left: 15px;
}

.gdb_detail .gdb_inner .the_details .game_screens_list li:hover {
	border: 2px solid #26B8FF;
}

.gdb_detail .gdb_inner .the_details .game_screens_list li {
	border: 2px solid #135C7F;
	margin: 0;
}

.gdb_detail .gdb_inner .the_details .game_screens_list img {
	max-width: 100px;
	height: auto;
	padding: 0;
	border: none;
	margin: 0;
}

.gdb_detail .gdb_inner .the_details .game_screens_list .sell {
	display: block;
	text-align: center;
	font-size: 0.75em;
	width: 100px;
	margin: 10px auto;
	line-height: normal;
	vertical-align: middle;
}

.gdb_detail .gdb_inner .the_details .game_screens_list .sell a {
	color: #fff;
}

.gdb_detail .gdb_inner .the_details .game_screens_list .sell a:hover {
	color: #fff;
}

.gdb_detail .gdb_inner .the_details .game_screens_list .sell img {
	margin: 4px 0 2px 0;
}

.gdb_detail .gdb_inner .the_details .the_meta {
	margin: 15px 15px 15px 135px;
	width: 300px;
	min-height: 15px;
	font-size: 0.75em;
	line-height: 1.333em;
}

.gdb_detail .gdb_inner .the_details .the_meta .meta_container {
	float: left;
	margin: 0 15px 10px 0;
	width: 135px;

}

.gdb_detail .gdb_inner .the_details .the_meta h3 {
	font-weight: bold;
}

.gdb_detail .gdb_inner .review_wrapper {
	width: 425px;
	position: absolute;
	bottom: 10px;
	right: 10px;	
}

.gdb_detail .gdb_inner .the_review .review_inner {
	background:url("images/blk_60.png") repeat scroll 0 0;
	font-size: 0.75em;
	line-height: 1.333em;
	color: #fff;
	padding: 10px;
}

.gdb_detail .gdb_inner .the_review .review_inner a {
	color: #FFF;
	text-decoration: underline;
	margin: 5px 0 0 0;
	display: block;
}

.gdb_detail .gdb_inner .the_review .review_inner a:hover {
	color: #26B8FF;
}

.gdb_detail .gdb_inner .the_review .review_rating {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
	float: right;
	margin: 10px;
	font-size: 1.6em;
	font-weight: normal;
	background: url("images/icons/review_rating_bg.png");
	color: #000;
}

.gdb_detail .gdb_inner .the_review .review_quote {
	font-style: italic;

}

.gdb_detail .gdb_inner .review_selector {
	float: left; 
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	border-top: 1px solid #333;
	background:url("images/blk_60.png") repeat scroll 0 0;
	font-size: 0.6em;
	padding: 2px 10px;
	color: #666;
	cursor: pointer;
	margin: 0 2px 0 0;
}

.gdb_detail .gdb_inner .review_selector_wrapper .active {
	color: #fff !important;
	border-top: 1px solid #fff !important;
}

.gdb_detail .gdb_inner .review_selector:hover {
	color: #fff;
}


/*********************************************************************************************

	Related Posts

*********************************************************************************************/

#related_posts {
	width: 567px;
	padding: 10px 0px 5px 10px;
	float: left;
}

#related_posts .related_icon {
	background: url("images/icons/icon_sprites.png") no-repeat;
	background-position: -72px 0;
	width: 12px;
	height: 12px;
	float: right;
	margin: 3px 0;	
}

#related_posts h2 {
	display: block;
	text-align: left;
	padding: 2px 5px 0px 5px;
	font-size: 1em;
	color: #666;
	border-bottom: 1px solid #26b8FF;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}


#related_posts .single_thumbnail {
	width: 189px;
	float: left;
	text-align: center;
	margin: 0 0 5px 0;
}

#related_posts .single_thumbnail .the_date{
	line-height: normal;
	color: #999;
	font-weight: bold;
	font-size: 0.5em;
	text-align: left;
	width: 172px;
	margin: 0 auto;
}

#related_posts .single_thumbnail img {
	border: 1px solid #26b8FF;

}

#related_posts .single_thumbnail .title {
	width: 172px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.75em;
	font-weight: bold;
}

/* Review Box */

#review_box {
	margin: 20px 8px;
	background: #26B8FF;
	
	-webkit-box-shadow: 0px 0px 8px #666; 
	-moz-box-shadow: 0px 0px 8px #666; 
	box-shadow: 0px 0px 8px #666; 
	border: 2px solid #fff;
}

#review_box h3 {
	margin: 0 0 5px 0;
	padding: 5px 10px;
	background: #135C7F;
	color: #fff;
	background-size: 100% auto;
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;	
}

#review_box .meta_info {
	font-size: 0.75em;
	text-align: right;
	background-color: transparent;
	color: inherit;
}

#review_box .review_text {
	padding: 5px 10px;	
}

#review_box .rating {
	padding: 5px 10px 10px 10px;	
	position: relative;
	line-height: 20px;
	vertical-align: middle;
	height: 45px;
}

#review_box .rating span.right {
	float: right;	
}

#review_box .rating .rating_bar {
	height: 20px;
	position: absolute;
	left: 11px;
	bottom: 11px;
	background: url("images/review-gradient.png") center left repeat-y;	
	color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	white-space: nowrap;
	
	text-shadow: 0px 0px 3px #000;
}

#review_box .rating .rating_bar_shadow {
	height: 22px;
	width: 500px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: #135C7F;
}

#review_box .rating .rating_bar div {
	margin: 0 10px 0 10px;	
	float: right;
}

/* COMMENTS */

#comments {
	width: 560px;
	margin: 10px;
	float: left;
}

#comments ol li {
	font-size: 0.75em;
	margin: 0 0 10px 0;
	padding: 5px;
	border-top: 1px solid #26b8FF;
	overflow: hidden;
}


#comments ol li .the_comment {
	margin: 0 0 0 160px;
}

#comments .comments_icon {
	background: url("images/icons/icon_sprites.png") no-repeat #F2F2F2;
	background-position: 0px 0;
	width: 12px;
	height: 12px;
	float: right;
	margin: 3px 0;
}

#comments h2 {
	display: block;
	text-align: left;
	padding: 2px 5px 2px 5px;
	font-size: 1em;
	color: #666;
	border-bottom: 1px solid #26b8FF;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

#comments h3 {
	display: block;
	text-align: left;
	padding: 2px 5px 2px 5px;
	font-size: 0.75em;
	color: #666;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}

#comments:hover h2 {
	color: #333;	
}

#comments .commentmetadata {
	float: left;
	text-align: left;
	width: 150px;
	background-color: #EEE;
	margin: -5px 5px -5000px -5px;
	padding: 15px 5px 4995px 5px;
}

#comments .commentmetadata img {
	float: left;
	margin: 0 5px 5px 0;
}

#comments .pingback_author {
	line-height: normal;
	color: #999;
	font-weight: bold;
	font-size: 0.75em;
	background: #EEE;
	margin: -5px -5px 0 -5px;
	padding: 10px 5px 5px 5px;
	float: left;
}

#comments .commentmetadata .name {
	font-weight: bold;
}


#comments form {
	font-size: 0.75em;
	margin: 0 0 10px 0;
	padding: 5px;
	border-bottom: 1px solid #26b8FF;	
}

#comments form textarea {
	width: 530px;
	padding: 2px;
	border: 1px solid #26b8FF;
	background: #fff;
}

#comments form input {
	border: 1px solid #26b8FF;
	margin: 5px 0px;
	padding: 2px;
	background: #fff;
	cursor: pointer;
}

#comments form .submit {
	text-align: right;
}

#comments form .submit input {
	padding: 2px 5px;
}

#comments form .facebook_login {
	margin: 5px 0 10px 0;	
}

#comments form .facebook_login #ajax_loader {
	margin: 0 0 0 10px;

}

#comments form fieldset {
	border: 1px solid #CCC;
	padding: 5px;
}

#comments form fieldset legend {
	margin: 0 0 0 10px;
}

/* die neuen comments */

#comments .comment_li {
	font-size: 0.75em;
	margin: 0 0 10px 0;
	padding: 5px;
	border-top: none;
	overflow: hidden;
}

#comments .comment_wrapper .the_comment {
	margin: 10px 5px 5px 5px;
	padding: 5px;
	position: relative;
	border-top: 1px solid #26b8ff;
}

#comments .the_comment .citation {
	margin: 0 5px;
	font-style: italic;
}

#comments .the_comment .citation img {
	margin: 0 5px 0 0;
}

#comments .the_comment .blockquote {
	border: 1px dashed #333;
	margin: 5px;
	padding: 5px 1.5em 5px 1.5em;
	background-color: #EEE;
}

#comments .comment_wrapper .comment_head .comment_meta {
	margin: 5px;
	float: right;
	text-align: right;
	height: 50px;
	font-weight: bold;
	line-height: normal;
}

#comments .comment_wrapper .comment_head .comment_meta .group_title {
	font-size: 0.75em;
	font-weight: normal;
}

#comments .comment_wrapper .comment_head .comment_author_avatar {
	width: 50px;
	height: 50px;
	margin: 5px;
	float: left;	
}

#comments .comment_wrapper .comment_head .comment_author_avatar img {
	max-height: 50px;
	max-width: 50px;
}

#comments .date {
	font-weight: bold;
	font-size: 0.75em;
	margin: 10px 0 0 0;
}

#comments .corner {
	width: 50px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: -10px;
	background: url("images/comment_arrow.png");
}

/* FOOTER */

#footer_links {
	width: 900px;
	margin: 0 auto 15px auto;
	text-align: center;
	font-size: 0.75em;	
}

#footer_links h3 {
	display: inline;
	font-weight: bold;
	color: #1f1f1f;
	margin: 0 15px 0 0;
}

#footer_links a {
	margin: 0 15px 0 0;
}


/* UTILS */

.terms a {
	display: inline-block;
	margin: 2px auto;
	padding: 2px 2px;
	background: #26b8FF;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	line-height: normal;
	font-size: 8pt;
}

.terms a:hover {
	background: #135C7F;
}

.ajax_load {
	background: url("images/loader.gif");
	width: 32px;
	height: 32px;
	margin: 20px auto;
}

.breaker {
	clear: both;
}

#beta_badge {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("images/beta-badge.png");
	z-index: 999;
}



/*********************************************************************************************

	Network Bar - header.php

*********************************************************************************************/

#network_bar {
	width: 100%;
	height: 25px;
	background: #fff;
	border-bottom: 3px solid #26b8FF;
	line-height: 25px;
	font-size: medium;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

#network_bar .logo {
	height: 25px; 
	margin: 0 25px;
	padding: 4px 0;
	float: left;
}

#network_bar .rss {
	float: left;
	font-size: 0.75em;
	background: url("images/network/rss.png") no-repeat center left #fff;
	padding: 0 0 0 20px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	max-width: 650px;
}

#network_bar .rss li a {
	color: #000;
}

#network_bar .rss li a:hover {
	color: #135C7F;	
}

#network_bar .network_menu {
	float: left;
	position: relative;
}

#network_bar .network_menu .network_button {
	width: 75px;
	height: 15px;
	font-size: 0.6em;
	color: #fff;
	background: url("images/network/whi_50px_30.png") repeat-x scroll left #1f1f1f;
	margin: 10px 25px 0 0;
	text-transform: lowercase;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
}

#network_bar .network_menu .network_button p {
	line-height: 15px;
	vertical-align: middle;
	text-align: center;
}

#network_bar .network_menu_container {
	position: absolute;
	min-width: 350px;
	left: 0;
	top: 25px;
	font-size: 0.75em;
	line-height: 1.333em;
	display: none;
	border: 1px solid #135C7F;
}

#network_bar .network_menu:hover .network_menu_container {
	display: block;
}

#network_bar .network_menu_container li {
	background: #26b8FF;
	padding: 5px 10px 5px 5px;
	min-height: 25px;
}

#network_bar .network_menu_container li:hover {
	background: #135C7F;
}

#network_bar .network_menu_container a {
	color: #000;
}

#network_bar .network_menu_container h3 {
	font-weight: bold;
}

#network_bar .network_menu_container img {
	max-width: 25px;
	max-height: 25px;
	float: right;
}

#network_bar .network_menu_container p {
	font-size: 0.8em;
	line-height: 1.333em;
}
