.col{margin:0 auto;max-width:1136px;padding:0 8px;}
.col8{width:66%;}
.col7{max-width:700px;width:60%;}
.col6{max-width:590px;width:52%;}
.col5{max-width:420px;}
.col4{width:32%;}
.col3{max-width:360px;width:29%;}
.col4i{margin-left:0;max-width:360px;width:32%;}
.col7i{margin-left:5%;width:62%;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.centered{margin:0 auto;}
.txtLeft{text-align:left;}
.txtCenter{text-align:center;}
.txtRight{text-align:right;}
.max200{width:200px;}
.max200 img{display:block;height:auto;width:100%;}
.b{background-color:#000;}
.g{background-color:#0c191f;}
.dg{background-color:#2c2c2c;}
.o{background-color:#2ba9e3;}
.s{background-color:#f7f7f7;}
.y{background-color:#f9efc7;}
.w{background-color:#ffffff;}
.green{background-color:#f6f9ec;}
.grey{background-color:#2c2c2c;}
.lightgrey{background-color:#e1e1e1;}
.dark{background-color:#292929;}
.padTop{padding-top:2em;}
.max1000{margin:0 auto;max-width:1000px;}
.max1280{margin:0 auto;max-width:1280px;}
img.responsive-image {display:block;height:auto;width:100%;}
.sprite{}
#loginstatus{background-color:#1B1B1B;border-bottom:#2ba9e3 1px solid;}
#loginstatus .col{text-align:right;}
body,
html{background-color:#343434;margin:0;}
nav ul{margin:0;padding:0;}
nav li{list-style:none;}
ol{padding:0 0 0 20px;}
#content {background: #2c2c2c url(images/bg-main.jpg) no-repeat;background-position:top center;}
#content ul li,
#content ol li{list-style:inherit;margin:5px 0;}
.areaTitle h1{}
iframe{height:360px;max-width:560px;width:100% !important;}
#fancybox-wrap:before, #fancybox-wrap:after{box-sizing:content-box;}
#langflags{background-color:#1B1B1B;overflow:auto;}
#langflags .col{padding:0;}
#langflags .ccm-multilingual-switch-language-flags{float:right;}
.kuroi header{background:#242424 url('images/bg.header.jpg') no-repeat;background-position:top center;border-bottom:#2ba9e3 1px solid;clear:both;padding:5px 0;}
.navHead{position:relative;max-width:1136px;}
#logo{margin-left:8px;margin-right:8px;float:left;}
#logo a{display:block;}
#logo img{display:block;height:auto;width:150px;}
#subtitle{color:#2ba9e3;float:left;}
.categories-sub-nav{margin:11px 0;padding:0;}
.categories-sub-nav a{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;color:#593531;display:inline-block;font-size:.9em;padding:5px;text-decoration:none;}
#navigation nav ul{padding:0;position:relative;text-align:right;width:100%;margin:0;}
#navigation ul li,
.sub-nav li{display:inline-block;margin-left:2px;}
.categories-sub-nav li{display:block;}
.sub-nav li a{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;color:#593531;display:block;font-size:.9em;padding:0.5em;text-decoration:none;}
.blogNavigation a:hover,
.blogNavigation .dark a:hover,
.sub-nav a:hover,
.sub-nav a.nav-selected,
.categories-sub-nav li a:hover,
.categories-sub-nav li a.act,
.categories-sub-nav li a.nav-selected,
.categories-sub-nav li a.nav-path-selected,
#footerNav ul li a:hover{background-color:#2ba9e3;color:#ffffff;text-decoration:none;}
.blogNavigation .dark a{background-color:#000;}
.subnav{text-align:right;}
section{overflow:auto;padding:1em 0;}
#contact {background: #2c2c2c url('images/kuroisalva-bg-contact-tiles.jpg') repeat;}
#contact .form-group.captcha {margin:0 auto;overflow:hidden;padding: 1em 0;width:auto;}
#contact .form-group.captcha div div {margin:0 auto;width:auto;}
#sidebar img{display:block;height:auto;width:80%;}
/*#sidebar img{display:block;height:auto;width:100%;}*/
.dia-lightgrey{background-color:#343434;display:block;height:38px;left-1;position:relative;top:25px;transform:rotate(1deg);z-index:2;}
#infoLogo ul{margin:0 auto;width:auto;padding:0;}
#infoLogo ul li, #infoLogo a{display:inline-block;margin:2px;vertical-align:middle;}
#infoLogo a{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;box-shadow:0 2px 3px 0 rgba(50, 50, 50, 0.2);transition:.5s ease;}
#infoLogo a:hover{background-color:#4c7e6a;box-shadow:0 2px 3px 0 rgba(76, 126, 105, 1);}
#infoLogo a:hover img{opacity:.8;}
#infoLogo img{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;display:block;height:auto;width:100%;transition:.5s ease;}
#projectoverview ul{margin:0 auto;width:auto;padding:0;}
#projectoverview ul a span{background-color:rgba(250, 151, 50, 0.5);;bottom:-20px;color:#FFFFFF;display:block;opacity:0;padding:10px 0;position:absolute;transition:.5s ease;width:100%;z-index:50;}
#projectoverview ul li, #projectoverview ul a{display:inline-block;margin:0 1% 1% 0;vertical-align:middle;}
#projectoverview ul li{width:24%;}
#projectoverview ul a{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;box-shadow:0 2px 3px 0 rgba(250, 250, 250, 0.2);transition:.5s ease;overflow:hidden;position:relative;width:100%;}
#projectoverview ul a:hover{background-color:#FFFFFF;box-shadow:0 2px 3px 0 rgba(250, 151, 50, 1);}
#projectoverview ul a:hover img{opacity:.9;}
#projectoverview ul a:hover span{bottom:0;opacity:1;}
#projectoverview ul img{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;display:block;height:auto;width:100%;transition:.5s ease;}
.postAuthor{margin:1em 0;}
.authorAvatar{display:inline-block;margin-right:10px;vertical-align:top;}
.authorAvatar img{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;display:block;height:auto;width:56px;}
.authorInfo{display:inline-block;vertical-align:top;}
.postArea .pageSection p img{-webkit-box-shadow:0 0 5px #CCCCCC;-o-box-shadow:0 0 5px #CCCCCC;-moz-box-shadow:0 0 5px #CCCCCC;box-shadow:0 0 5px #CCCCCC;}
#social{padding:1em 0;}
#social ul{margin:0 auto;padding:0;width:auto;}
#social ul li{display:inline-block;margin:0 8px;vertical-align:middle;}
#social ul li img{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;height:auto;width:100%;max-width:70px;}
#social a{border:#E1E1E1 1px solid;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;display:block;height:70px;transition:all 0.5s ease 0s;width:70px;}
#social a:hover{border:#2ba9e3 1px solid;background-color:#CCC9C9;}
img.u-avatar{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;}
#teaser{background-color:#000000;min-height:50px;padding:0;position:relative;}
#teaser .col{}
#teaser .col h1{background-color:rgba(250, 151, 50, 0.5);-webkit-box-shadow:0 -2px 2px 0 rgba(50, 50, 50, 0.5);-moz-box-shadow:0 -2px 2px 0 rgba(50, 50, 50, 0.5);box-shadow:0 -2px 2px 0 rgba(50, 50, 50, 0.5);color:#FFFFFF;font-size:1.5em;padding:.5em;position:absolute;bottom:0;text-shadow:1px 1px #5a3531;}
#teaser img{display:block;height:auto;max-width:1500px;width:100%;}
.newbreeze .blueberry .bbpager li a{padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.newbreeze .blueberry .bbpager li a,
.blueberry .bbpager li a span{display:block;height:10px;width:10px;}
.areaTitlehome,
.areaTitle{background-position:0 11px;background-size:50px;}
.full .areaTitle h1,
.full .areaTitle h2{margin-left:0;padding:0 56px;}
.full .areaTitle{background:none;}
.full .postAside .areaTitle{background:none;}
#sidebar .blogNavigation{margin-bottom:1em;}
.sidebar-social a{display:block;max-width:250px;}
.sidebar-social img{border:#8a8989 1px solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;display:block;height:auto;width:100%;}
.hs .ccm-tags-display{}
.hs .ccm-tags-display h4{}
.hs .ccm-tags-display ul{margin:0;padding:0;}
.hs .guestBook-formBlock .note{font-size:12px;}
.hs .guestBook-formBlock input,
.hs .guestBook-formBlock textarea{background-color:#fafafa;border:1px solid #8a8989;border-radius:5px;font-family:'open_sanslight';font-size:100%;opacity:.5;padding:5px;transition:.5s ease;width:98%;}
.hs .guestBook-formBlock input:focus,
.hs .guestBook-formBlock textarea:focus,
.captcha .guestBook-formBlock input:focus{border:1px solid #2ba9e3;opacity:1;}
.guestBook-formBlock .required{color:#5a3531;}
.guestBook-formBlock .captcha input{background-color:#4c4c4c;border:1px solid #F7F7F7;border-radius:5px;color:#2ba9e3;font-family:'open_sanslight';font-size:80%;opacity:.5;padding:5px;transition:.5s ease;width:80%;}
.hs h4.guestBook-title{padding-left:29px;}
.hs .guestBook-formBlock input.button{background-color:#2ba9e3;border:#BA6C1C 1px solid;border-radius:5px;color:#ffffff;display:block;font-family:'open_sanslight';font-size:100%;padding:0.2em 1em;text-align:center;transition:.5s ease;max-width:300px;}
.hs .guestBook-formBlock input.button:hover,
.hs .guestBook-formBlock input.button:focus{border:1px solid #2ba9e3;border-radius:5px;display:block;padding:0.2em 1em;text-align:center;max-width:300px;opacity:1;}
footer#footer{background-color:#1B1B1B;border-top:#2ba9e3 1px solid;overflow:auto;padding:10px 0;}
#copyright{}
#sidebar a.coffeebutton img{margin:0 auto;width:auto;}
a.documents-download{background:url(images/icon.documents.png) no-repeat;background-size:40px;background-position:2px;border:1px solid #8a8989;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;display:block;margin:4px 0;max-width:380px;padding:15px 5px 15px 50px;}
a.documents-download:hover,
a.documents-download:focus{background-color:#36A9E1;border:1px solid #36A9E1;color:#FFFFFF;}
div.ccm-pagination span{border-radius:50px;padding:2px 8px;}
div.ccm-pagination span.active{border:1px solid #36A9E1;}
div.ccm-pagination span a{border:1px solid #FFFFFF;border-radius:50px;padding:2px 8px;}
div.ccm-pagination span a:hover{background-color:#36A9E1;border:1px solid #36A9E1;color:#FFFFFF;}
/* Referral Banners */
section#banners {overflow: hidden;}
section#banners .centered {text-align:center;}
section#banners a {display:block;margin:0 auto;max-width:640px;width:100%;}
section#banners a img {display:block;height:auto;width:100%;}
/* End Referral Banners */
@media screen and (max-width:768px){#projectoverview ul li{width:46%;}
#randomsimilar .gamelistteaser {margin: 5px 4px;}
}
@media screen and (max-width:640px){section#welcomeText{background:#f6f9ec url(images/images.olives.jpg) no-repeat;background-size:100px;background-position:left;}
#teaser .col h1{display:none;}
#content .areaTitle,
.content .areaTitle{display:block;}
#copyright{float:none;text-align:center;width:100%;}
#footerNav{padding:16px 0 0 0;}
#footerNav, #footerNav ul{float:none;padding:0;text-align:center;width:100%;}
#footerNav ul li a{background-color:#36A9E1;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;color:#ffffff;display:block;padding:0.5em 0.6em;text-decoration:none;transition:.5s ease;}
}
@media screen and (max-width:480px){section#welcomeText{background:#f6f9ec url(images/images.olives.jpg) no-repeat;background-size:80px;background-position:left bottom;}
#studioLink a{font-size:80%;}
.col7,
.col4,
.col6,
.col8,
.col4i,
.col7i{margin-left:0;width:100%;}
.col3{margin:0 auto;width:100%;}
.padTop{padding-top:1em;}
.welcome{margin-bottom:0;}
.postAside nav ul{padding:0;}
#sidebar{padding:10px 0;}
#informational ul li{width:48%;}
}
@media screen and (max-width:360px){.left,
.right{float:none;}
.readMore a{background-color:#6A9A72;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;color:#ffffff;display:block;font-size:.9em;padding:0.5em;text-align:center;text-decoration:none;}
.readMore a:hover{background-color:#36A9E1;color:#ffffff;}
#projectoverview ul li,
#projectoverview a{display:inline-block;margin:2% 0;width:100%;}
#footerNav ul li{width:100%;}
iframe{height:183px;max-width:300px;width:100% !important;}
}
.nav-full-width{width:auto;}
.nav-full-width ul{height:inherit;list-style-type:none;margin-bottom:0;margin-top:0;padding:0;}
@media screen and (min-width:641px){#teaser .col h1{display:block;}
#content .areaTitle,
.content .areaTitle{display:none;}
}
@media all and (min-width:769px){#main-navigation li.item-with-ul li{float:none;}
#main-navigation{float:right;margin-top:10px;margin-right:8px;}
.nav-full-width ul li{float:left;}
.nav-full-width a{border-radius:5px;color:#8a8989;display:inline-block;margin-right:2px;padding:.5em;}
.nav-full-width a:hover,
.nav-full-width a:focus,
.nav-full-width .nav-selected a,
.nav-full-width .nav-path-selected a{color:#2ba9e3;}
.nav-full-width li.item-with-ul ul{background-color:#1B1B1B;border-radius:0 0 5px 5px;padding:5px;position:absolute;z-index:500;width:150px;}
.nav-full-width li.item-with-ul ul a{color:#FFFFFF;display:block;}
.nav-full-width li.item-with-ul ul a:hover{background-color:#FFFFFF;color:#36A9E1;}
}
@media all and (max-width:768px){#main-navigation > ul.flexnav{background-color:#1B1B1B;}
#main-navigation > ul.flexnav > li a,
#main-navigation > ul.flexnav > li.item-with-ul > a{display:block;}
#main-navigation > ul.flexnav > li ul li a{background-color:#505050;padding:0 0 0 5%;}
#main-navigation > ul.flexnav > li a:hover,
#main-navigation > ul.flexnav > li.item-with-ul > a:hover,
#main-navigation > ul.flexnav > li.item-with-ul > ul a:hover,
#main-navigation > ul.flexnav > li.nav-selected{background-color:#1278a2;color:#F6F9EC;}
.flexnav .touch-button{background-color:#BA6C1C;}
.flexnav .touch-button:hover,
.flexnav .touch-button.active{background-color:#505050;}
.flexnav .touch-button .navicon{color:#2ba9e3;}
.flexnav .touch-button:hover .navicon,
.flexnav .touch-button.active .navicon{color:#2ba9e3;}
.nav-full-width a{color:#F6F9EC;}
#main-navigation > ul{top:64px;}
}