/*
	Theme Name: Blackguards Wordpress Theme
	Theme URI: http://daedalic.de/
	Description: Blackguards Wordpress Theme
	Version: 1.0
	Author: Timo Fuchs
	Author URI: http://foxstyles.de

	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	overflow-x:hidden;
}
body {
	font-family: 'Molengo', sans-serif;
	/* letter-spacing:0,5px; */
	line-height:1.2em;
	font-size:16px;
	color:#ffffff;
	background:#000000;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#59a0a3;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #59a0a3;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:860px;
	width:100%;
	margin:0 auto;
	position:relative;
}

.bglogo {background:url(img/bg2_logo.png) no-repeat scroll transparent; width:649px; height:188px; margin-top:95px; margin-left:105px; position:absolute;}

.dsalogo {background:url(img/dsalogo.png) no-repeat scroll transparent; width:238px; height:62px; position:absolute; margin-top:20px; margin-left:300px;}
.dsalogoen {background:url(img/dsalogoen.png) no-repeat scroll transparent; width:238px; height:62px; position:absolute; margin-top:20px; margin-left:300px;}

/* Buehne */
.buehne {background:url(img/buehne_bg.png) no-repeat scroll transparent; width:582px; height:44px; position:absolute;margin-top:-65px; margin-left:130px; }

.buehne a .bg1 {background:url(img/bglogosmall.png) no-repeat scroll transparent; width:232px; height:70px; left:0; margin-left:30px; position:absolute; margin-top:-25px;  -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}

.buehne a .bg2 {background:url(img/bg2logosmall.png) no-repeat scroll transparent; width:298px; height:60px; right:0; margin-right:20px; position:absolute; margin-top:-15px;  -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}

.buehne a .bg1:hover {
 height:105px;	
	}
.buehne a .bg2:hover {
 height:94px;	
	}

.transitions:hover {
	
	-webkit-transition:height 0.5s;
	-moz-transition:height 0.5s;
	transition: height 0.5s;
	transform: translate(0,-25px);
	-webkit-transform: translate(0,-25px);
	-o-transform: translate(0,-25px);
	-moz-transform: translate(0,-25px);	
	
}

.pagination {display:none;}

.thecontent {margin-top:30px; padding-left:50px; padding-right:50px;}
.videos .thecontent {padding-left:30px; padding-right:30px; padding-bottom: 40px; }
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/




body {	background:url(img/bg_news.jpg) no-repeat scroll center top #000000;}
/*body.page-template-order_now_template-php {	background:url(img/bg_news.jpg) no-repeat scroll center top #000000;}
body.page-template-blackguards_template-php {	background:url(img/bg_story.jpg) no-repeat scroll center top #000000;}
body.page-template-charaktere_template-php {	background:url(img/bg_story.jpg) no-repeat scroll center top #000000;}
body.page-template-media_template-php {	background:url(img/bg_media.jpg) no-repeat scroll center top #000000;}
body.archive {	background:url(img/bg_media.jpg) no-repeat scroll center top #000000;}
body.single-post {background:url(img/bg_spieleinfo.jpg) no-repeat scroll center top #000000;}*/
/* header */
.header {
height:420px;
width:100%;	
	
}

#headerleiste{

width:310px;
height:60px;	
background:url(img/header_bg.png) no-repeat;
float:right;
margin-right:-100px;
}

.headerleistewrap { margin-left:12px; margin-top:16px;}
#headerleiste a {float: left; margin-left:5px; position:relative; z-index:10; }
.sprachflaggen {margin-left:15px; margin-bottom:4px;}
.headersprache {float:left; margin-left:10px; display:block; font-size:10px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}

#headerleiste a:hover {
Opacity:0.8;	
}



/*WPML dropdown*/
#lang_sel a.lang_sel_sel{
    background:none;
    color:#FFF;
}
#lang_sel {z-index:0;}
#lang_sel ul ul a, #lang_sel ul ul a:visited {color:#FFF; height:auto; line-height:1em; padding:3px 10px;border-width:0 1px 1px 1px; }
#lang_sel {border:none;}
#lang_sel ul, #lang_sel li {float:left; border:none;}
#lang_sel a {background-color:transparent !important; color:#FFFFFF; border:none;}
#lang_sel span {color:#FFFFFF; border:none !important;}
#lang_sel li {
    position: relative;
    width: 100px;
}

#lang_sel a.lang_sel_sel, #lang_sel a.lang_sel_sel a:visited {

    color: #FFF;

}

#lang_sel a.lang_sel_sel:hover {
    color:#2bcfd7; text-shadow: 0 0 5px rgba(0,243,255,.75);
    text-decoration: none;
}
#lang_sel :hover > a, #lang_sel ul ul :hover > a { color:#2bcfd7; text-shadow: 0 0 5px rgba(0,243,255,.75);}
#lang_sel a:hover, #lang_sel ul ul a:hover{  color:#2bcfd7; text-shadow: 0 0 5px rgba(0,243,255,.75);}
#lang_sel_list a.lang_sel_sel:hover {    color:#2bcfd7; text-shadow: 0 0 5px rgba(0,243,255,.75);}


#lang_sel img {border:none;    height: 20px;
vertical-align:middle;
    position: relative;
    width: 18px;}
	
	
#lang_sel ul ul {
    border-top:none;
    height: 0;
    left: 0;
    position: absolute;
    top: 24px;
    visibility: hidden;
    width: 100px;
	
}	
	
#lang_sel ul ul li {
background-color:#000000;	
}

*::-moz-selection {
    background: none repeat scroll 0 0 transparent;
}








/* nav */

/* NAVIGATION*/

.beforenav {position:absolute; background:url(img/menufirst.png); width:101px; height:59px; margin-top:-10px; margin-left:-15px;}
.afternav {right:0; position:absolute; background:url(img/menulast.png); width:101px; height:59px; margin-top:-46px; margin-right:-8px; }

.nav {
clear: both;
margin:0 auto;
width:860px;
margin-left:12px;
margin-bottom:10px;

}

.menu {
clear: both;
margin: 0 auto;
vertical-align:baseline;
}

.menu,
.submenu {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}

.menu li {
background:url(img/menukapsel.png);
width:176px;
height:37px;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
margin-left:-7px;
}

.menu .menu-item-138 ul {left:-330px;}
.menu .menu-item-369 ul {left:-330px;}
.menu li:hover {
white-space: normal;
z-index: 10000;
}

.menu li li {
}

.menu ul {
left: 0;
position: absolute;
top: 0;
visibility: hidden;
z-index: 10;
}

.menu li:hover > ul {
top: 100%;
visibility: visible;
}

.menu li li:hover > ul {
left: 100%;
top: 0;
}

.menu:after,
.menu ul:after {
clear: both;
content: '.';
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}

.menu,
.sub-menu {
min-height: 0;
}

.sub-menu,
.menu ul ul {
margin: 0;
padding: 0;
}

.sub-menu li a:hover,
.menu li li a:hover {
color: #484848;
text-decoration: none;
}

.sub-menu {
margin-left:20px;
margin-top: -1px;
width:860px;
}

.menu a {
color:#ffffff;
cursor: pointer;
display: block;
font-size: 16px;
height: 39px;
line-height: 39px;
margin: 0;
text-transform:uppercase;
position: relative;
text-decoration: none;
text-align:center;
text-shadow:1px 1px 1px #000;
white-space: nowrap;
}




.menu a:hover {
color:#2bcfd7;
text-shadow: 0 0 10px rgba(0,243,255,.75); /* outer glow */
}

ul.menu > li:hover {
}

.menu .current_page_item a{
color:#2bcfd7;
text-shadow: 0 0 10px rgba(0,243,255,.75); /* outer glow */

}

.current_page_item .sub-menu a {color:#ffffff; }



.menu li li {
background:url(img/menukapsel.png);
width:176px;
height:37px;
margin: -1px 0 1px 0;
margin-left:-7px;

}


.menu li li a {
white-space: nowrap;
}

.menu li li a:hover {
color:#2bcfd7;
text-shadow: 0 0 10px rgba(0,243,255,.75); /* outer glow */
}

.menu li li:hover {
}





/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
h2 { font-family: 'Metamorphous', cursive; font-size:24px; font-weight:normal;}
.newstitel {text-align:center;} 
.newstitel h2 {margin-top:23px;}
.spieleinfotitel {font-size:22px; text-transform:uppercase;}

h4 { font-size:18px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.charsblau {color:#2bcfd7;}
.firstonpage {padding-top:40px;}

.charbiowrap {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:14px;}

.home h4 {margin-left:60px;}
.home h3 {margin-left:60px;}



/*------------------------------------*\
	General
\*------------------------------------*/


.cyanframe {
position:relative;	
background:url(img/bg_top.png) no-repeat;
float:left;
width: 860px;
height:100%;
overflow:hidden;}

.cyanframe:after {content:''; background:#2B2A28 repeat-y; width:840px; height:100%; position:absolute; top:89px;
    left:10px;
    right:0;
    bottom:0;
	z-index:-1;}
	





/*------------------------------------*\
    NEWSPAGES
\*------------------------------------*/



.vorbestellencontainer {
  margin-top:25px;
  background-image:none;
  float:left;
  width: 423px;
  height: 274px;}


.facebookcontainer {
  margin-top:25px;
  background-image:url(img/news_bg_small.png);
  float:right;
  width: 423px;
  height: 274px;}


.videoleft {float:left; margin:5px 20px 0px 60px; }
.videoright {float:right; margin:5px 60px 0px 20px; }

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

.newsartikel {margin-bottom:20px; padding-bottom: 20px;}


.singleartikel {margin-bottom:20px; margin-top:20px; height:100%;}
.singleartikel .thecontent {padding-bottom:40px;}







/* Vorbestellen */
.vorbestellencontainer {margin-bottom:20px; }
.vorbestellungen {
    margin-top: -37px;
}





/* Facebook */
.facebookcontainer p {max-width:320px; margin:0 auto;}
.fb-like-box {margin-left:70px; margin-top:10px; background:#FFFFFF;}



/*AGB */

.agbtext { padding-bottom:40px; padding-left:20px;}




/*------------------------------------*\
    Blackguardsinfo
\*------------------------------------*/

.page-template-blackguards_template-php .newstitel h2 { padding-top:26px; }

.blackguardsinfowrapper {background:url(img/story_bg.png) no-repeat; width:860px; height:1395px; margin:0 auto;}
.the-story-of-blackguards .blackguardsinfowrapper {background:url(img/story_bg.png) no-repeat; width:865px; height:1232px; margin:0 auto;}
.wp-image-92.alignright {}
.the-story-of-blackguards .wp-image-91 {padding-bottom:100px; margin-top:50px !important;}

.storylist {padding:0; margin-left:-20px; }
.storylist li {margin-left:3px; margin-bottom:8px;}



/* awards */

.awardsmainpageleft {width:100px; height:100%;position:absolute; margin-left:-160px; margin-top:20px;}
.awardsmainpageright {width:100px; height:100%;position:absolute; right:-160px; margin-top:20px;}

.dealspwn {width:87px; height:73px; background:url(img/dealspwn.png) no-repeat;}
.dep {width:97px; height:82px; background:url(img/dse.png) no-repeat;}
.spieletipps {width:98px; height:62px; background:url(img/spieletipps.png) no-repeat; }
.rpc {width:93px; height:108px; background:url(img/rpc.png) no-repeat;}
.gamersde {width:100px; height:81px; background:url(img/gamers.de.png) no-repeat;}
.gamona {width:90px; height:100px; background:url(img/gamona.png) no-repeat;}

.gamesided {width:93px; height:93px; background:url(img/gamesided.png) no-repeat; }
.splashgames {width:89px; height:66px; background:url(img/splashgames.png) no-repeat;}
.gamersglobal {width:93px; height:70px; background:url(img/gamersglobal.png) no-repeat;}
.monstervined {width:87px; height:105px; background:url(img/monstervined.png) no-repeat;}



.awardsmainpageleft div {margin:0 auto; margin-bottom:15px;}
.awardsmainpageright div {margin:0 auto; margin-bottom:15px;}



/* charaktere */
.charakterewrapper{margin-top:20px; min-height:650px;}

.charakterewrapper .spieleinfotitel {text-align:left; margin-left:330px;}
.charbiowrap {max-width:600px; float:left;}
.charbiowrap .alignabsolute {position:absolute; z-index:4;}
.niam .alignabsolute { margin-left:240px; margin-top:-40px;}
.naurim .alignabsolute {margin-left:240px; margin-top:50px;}
.Zurbaran .alignabsolute {margin-left:260px; margin-top:0px;}
.Aurelia .alignabsolute { margin-left:240px; margin-top:0px;}
.Takate .alignabsolute { margin-left:300px;}

.charakterebio {max-width:380px; float:left; padding-right:40px;}
.charakterebio p, .charakterebio li {position:relative; z-index:5;}

.charakterebio ul { list-style:none; padding:0;margin:0;}
.charakterebio ul li {margin-bottom:4px; background:url(img/hexagon_charbio.png) left center no-repeat; padding-left: 24px;} 

.Aurelia, .Zurbaran, .naurim , .Takate {display:none;}







/*charselector*/
.fader {width:102px; height:119px; cursor:pointer;}
.charselector { margin-top:80px; margin-left:50px; margin-right:20px; width:185px; height:518px; background:url(img/charselect.png); float:left;}

.charselectniam  {background:url(img/charselect_niam.png); margin-left:59px;}
.charselectnaurim {background:url(img/charselect_naurim.png); margin-top:-18px; margin-left:2px;}
.charselectzubaran {background:url(img/charselect_zurbaran.png); margin-left:59px; margin-top:-18px;}
.charselectaurelia {background:url(img/charselect_aurelia.png); margin-top:-19px; margin-left:2px;}
.charselecttakate {background:url(img/charselect_takate.png); margin-left:58px; margin-top:-19px;}






/*------------------------------------*\
    Demobutton
\*------------------------------------*/
.demobuttonEN {background:url(img/BG-Demo-Button-en.jpg); width:300px; height:54px; position:absolute; margin-left:580px; margin-top:-125px;}
.demobuttonDE {background:url(img/BG-Demo-Button-ger.jpg); width:300px; height:54px; position:absolute; margin-left:580px; margin-top:-125px;}







/*------------------------------------*\
    Media
\*------------------------------------*/


.mediawrapper {margin: 20px auto; width:860px;}

.bgslideshow { padding-bottom:70px;}
.ngg-gallery-thumbnail {margin-bottom:30px;}


/*Videos*/

#DOPThumbnailGallery2 {margin:40px 0px;}
.DOP_ThumbnailGallery_Container {margin:auto;}
.DOP_ThumbnailGallery_ImageWrapper {background:url(img/videoframe_bg.png) no-repeat; background-position: 15px 36px;  border:none;}
#DOPThumbnailGallery2 .DOP_ThumbnailGallery_ImageBg {background:none !important;}
.videoauswahl a {width:120px; height:80px; border: 2px solid #afa48b; /* stroke */}
.DOP_ThumbnailGallery_ThumbnailsNavigationLeft {margin-top:28px !important;}
.DOP_ThumbnailGallery_ThumbnailsNavigationRight {margin-top:28px !important;}
/*LIGHTBOX*/

.fancybox-skin {
    background: none repeat scroll 0 0 #000 !important;
    border-radius: 2px 2px 2px 2px;
    color: #444444;
    position: relative;
    text-shadow: none;
}


/*Singlepic*/


.singlepicframe {background:url(img/thumbframe.png) no-repeat; width:256px; height:149px; border:none; margin:0 5px; float:left; margin-bottom:100px;}

.singlepicframe img {
    background-color:none;
    border: none;
    display: block;
    margin: 0 auto;
	margin-top:7px;
    padding: 0;
    position: relative;
}

.singlepicframe:hover {opacity:0.8;}

.singlepicframe span {margin:10px auto; text-align:center; width:240px; max-width:240px; display:block;}



/* footer */
.footer {
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	height:auto;
	margin: 20px auto;
	text-align:center;
	font-size:12px;
	line-height:14px;
	color:#FFF;
	float:left;
}



.footer a {color:#FFF; }
.footer a:hover {color:#DDD; }

.footerlogos img{
margin-right:30px;
margin-bottom:10px;	
vertical-align: middle;
}



/*------------------------------------*\
   Archiv
\*------------------------------------*/

.month-list .current, .month-list .current a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
   color:#2bcfd7;
text-shadow: 0 0 10px rgba(0,243,255,.75); /* outer glow */
}

.year-list .current {
   color:#2bcfd7;
text-shadow: 0 0 10px rgba(0,243,255,.75); /* outer glow */
}

.month-heading {
    margin: 80px 0 10px;
}

/*------------------------------------*\
    Gameplay
\*------------------------------------*/

.gameplaywrapper h4 {margin-top:10px; margin-bottom:10px; }

.gameplaywrapper {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:14px;}

.gameplaymenu a {color:#FFFFFF;}

.gameplaymenu a:hover{color:#2bcfd7; text-shadow: 0 0 5px rgba(0,243,255,.75); /* outer glow */}
.gameplaymenu {background:url(img/bg_Gameplay-auswahl.png); width:860px; margin-top:20px; height:175px; width:860px; margin:0 auto; margin-top:20px; padding-top:5px; margin-bottom:20px;}
.gameplaymenu ul {float:left; list-style:none; margin-top:20px;; margin-left:25px;}

.gameplayeinleitung {background:url(img/gameplay/bg_gameplay_einleitung.png) no-repeat; width:860px; height:341px; margin:0 auto; z-index:-1;}
.gameplayeinleitung p {margin:40px; max-width:330px; float:left;}



.gameplaysmallwrapper {margin-top:20px; width:860px; margin-bottom:10px; height:100%;}


.gameplaysmallwrapper .containerbig {float:left; padding:0px 50px 0px 50px; margin: 0 auto;}

.gameplaysmallwrapper .conone {margin-left:50px;}

.gameplaysmallwrapper .container {width:260px;float:left;}
.container img {margin:30px 10px;}
.containerbig img {margin-top:-30px;}
.container .wp-image-118 {margin-top:70px;}
.charsconsmall {width:240px;}
.gameplaysmallwrapper .stadtcon p {width:750px; max-width:750px; margin-bottom:50px;}

.page-id-335 .wp-image-119 {margin-top:75px;}
.page-id-335 .wp-image-118 {margin-top:95px;}

.scrollup{
background:url(img/Pageup_scroll.png) no-repeat; height:103px; width:117px;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
}









/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#ffffff;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#ffffff;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#ffffff;
	text-shadow:none;
}
   
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
   
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	color:#ffffff;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {
	
}
.bypostauthor {
	
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}