/*
THEME NAME: GOS
THEME URI: https://gos.4minuten.ch
DESCRIPTION: Das Wordpress Theme von gos.4minuten.ch
VERSION: 1.0
AUTHOR: <a href="http://www.webdesign-macher.ch">Webdesign-Macher.ch</a>
AUTHOR URI: http://www.webdesign-macher.ch
*/


@charset "utf-8";

body {
margin:0px auto;
background-image:url(img/body_bg.png);
background-repeat:repeat-x;
background-position:top;
font-family: 'Ubuntu', sans-serif;
}

a {
text-decoration:none;
color:#4076DC;
}


h1 {
color:#4076DC;
font-size:23px;
font-weight:normal;
}

	.h1-home{
	font-size:30px;
	}


	#cat_below_title {
	font-size:18px;
	color:#D78B00;
	margin-bottom:10px;	
	}
	
	#cat_below_title a{
	color:#D78B00;
	}
	
	.cat-subheading {
	margin-top:-12px;
	font-style:italic;
	color:#999;
	}
	
	

h2 {
color:#4076DC;
font-size:19px;
font-weight:normal;
margin-top:0px;
}

	h2 a{
	color:#4076DC;
	}
	
	.h2-home {
	font-size:22px;
	}
	
	.share {
	width:100%;
	margin-top:30px;
	float:left;
	}	
	
h3 {
font-size:19px;
font-weight:normal;
color:#535353;
margin-top:5px;
margin-bottom:10px;
}

	.home-h3 {
	display:inline;
	font-size:22px;
	color:#fff;
	margin-left:15px;
	}
	
	.home-h3-med {
	position:absolute;
	font-size:18px;
	color:#fff;
	margin-left:15px;	
	width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	
	.home-h3-small {
	position:absolute;
	top:-3px;
	font-size:18px;
	color:#fff;
	margin-left:15px;
	width: 93%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	
	
	
.blog-h3 {
color:#4076DC;
font-size:18px;
margin-left:10px;
font-weight:normal;
}

.blog-h4 {
color:#4076DC;
font-size:18px;
margin-left:20px;
font-weight:normal;
}

.inner1 {
margin-left:10px;
}

.inner2{
margin-left:20px;
}



#header {
width:100%;
height:180px;
background-repeat:no-repeat;
background-position:top;
background-color:#000;
border-bottom:6px solid #4276DC;
}

#nl {
position:absolute;
width:100%;
height:10px;
}

#newsletter {
z-index:1;
display:none;
position:absolute;
top:100px;
left: 50%;
margin-left:-270px;
width:500px;
height:auto;
border:1px solid #fff;
background-color:#000;
text-align:center;
padding:20px;
color:#fff;
font-size:25px;
}
	.nlsubtext {
	padding:10px;
	margin-top:20px;
	width: 70%;
	font-size:20px;
	}
	
	.nlsubbutton {
	padding:10px;
	margin-top:20px;
	width: 70%;
	background-color:#4276DC;
	color:#fff;
	font-size:20px;
	margin-bottom:20px;
	}
	
	.closenl {
	margin-top:20px;
	margin-bottom:40px;
	color:#fff;
	text-decoration:underline;
	font-size:15px;
	}
	
.blog {
width:90%;
height:auto;
border:1px solid #ccc;
margin-bottom:15px;
}


@media only screen and (min-width: 1920px) {
#header {background-image:url(img/header1.jpg);background-size: 100%;}
}

@media only screen and (min-width: 1620px) and (max-width: 1919px) {
#header {background-image:url(img/header1b.jpg);background-size: 100%;}
}

@media only screen and (min-width: 1320px) and (max-width: 1619px) {
#header {background-image:url(img/header1c.jpg);background-size: 100%;}
}

@media only screen and (min-width: 1020px) and (max-width: 1319px) {
#header {background-image:url(img/header1d.jpg);background-size: 100%;}
}

@media only screen and (min-width: 720px) and (max-width: 1019px) {
#header {background-image:url(img/header1e.jpg);background-size: 100%;}
}

@media only screen and (min-width: 0px) and (max-width: 719px) {
#header {background-image:url(img/header1f.jpg);background-size: 100%;}
}


#header-content{
margin:auto;
width:900px;
height:186px;
}

	#header-content-left {
	float:left;
	width:565px;
	padding-top:56px;
	height:130px;
	color:#fff;
	font-size:60px;
	text-shadow: 0 0 20px #000;
	}
		
	#header-content-right {
	float:left;
	width:335px;
	height:186px;
	}


#wrapper {
margin:auto;
width:900px;
min-height:500px;
}

#navi {
float:left;
width:900px;
height:44px;
color:#fff;
text-align:center;
font-size:15px;
}

	#navi-link-home {
	float:left;
	padding-top:12px;
	height:32px;
	width:120px;
	margin-right:1px;
	}
		
	#navi-link-main {
	float:left;
	padding-top:12px;
	padding-left:20px;
	height:32px;
	width:198px;
	margin-right:1px;
	}	
	
	#navi-link-rest {
	float:left;
	padding-top:12px;
	height:32px;
	width:218px;
	margin-right:1px;
	}	
	
	#navi-link-blog {
	float:left;
	padding-top:12px;
	height:32px;
	width:120px;
	margin-right:1px;
	}
	
	#navi a{
	color:#fff;
	}
	
	#subnavi, #subnavi2 {
	display:none;
	width:218px;
	height:auto;
	background-color:#4276DC;
	position:absolute;
	margin-top:44px;
	border-top:solid 1px #FFFAF0;
	z-index:100;
	}
	
	#subnavi {
	margin-left:340px;
	}
	
	#subnavi2 {
	margin-left:121px;
	}
		
		#subnavi ul, #subnavi2 ul {
		color:#fff;	
		list-style-type: none;
		padding:0;
		margin:0px;
		}
		
		#subnavi li, #subnavi2 li {		
		border-bottom:1px solid #fff;
		}
		
		#subnavi li:hover, #subnavi2 li:hover  {
		background-color:#245CC4;
		}
		
		#subnavi li:last-child, #subnavi2 li:last-child {
		border-bottom:0px;
		}		
		
		#subnavi a, #subnavi2 a  {
		color:#fff;
		display:block;
		height:32px;
		padding-left:20px;
		padding-top:12px;
		}
			
		
	.navi-icon {
	position:absolute;
	margin-left:-35px;
	margin-top:-3px;
	}
	

#breadcrumbs {
font-size:15px;
width:900px;
height:30px;
float:left;
color:#84817D;
margin-bottom:15px;
}	

	#breadcrumbs a {
	color:#84817D;
	}
	
	.breadcrumb {
	float:left;
	}
	
	.bc-seperator {
	float:left;
	margin-left:10px;
	margin-right:10px;
	}
	
#content {
float:left;
margin-top:36px;
width:900px;
min-height:500px;
font-size:18px;
color:#79796A;
line-height:24px;
}


#hundred {
float:left;
width:100%;
margin-bottom:30px;
}

#fifty-1 {
float:left;
width:45%;
}

#fifty-2 {
float:left;
width:45%;
margin-left:15px;
}


.browsergame {
width:100%;
height:480px;
border:1px solid #ccc;
}

	
	
.blogthumb {
border: 1px solid #ccc;
}

.h3-blogentry{

}

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

#blogentry {
float:left;
margin-bottom:15px;
height:136px;
}

#entry-left {
background-color:#000;
height:136px;
width:213px;
float:left;
}

#entry-right {
height:136px;
width:440px;
float:left;
margin-left:15px;
}

.blogdate{
color:#aaa;
margin-top:-10px;
position:absolute;
}

.blog-excerpt{
color:#535353;
margin-top:27px;
}

#banner-blog-home {
float:left;
width:213px;
min-height:615px;
padding-top:15px;
border:1px solid #D3D3D3;
}
		

#category-description {
height:200px;
overflow: hidden;
position:relative;
margin-bottom:15px;
}

#cat-des-grad {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+62&0+0,1+62 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 62%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 62%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
position: absolute; 
bottom: 0; 
width: 100%; 
max-width:900px;
height:100px;
text-align:right;
}

#expand {
margin-top:62px;
}

.expand-button {
text-decoration:underline;
color:#4076DC;
padding:5px;
}

.gamethumb {
margin-top:10px;
}

	.nogame {
	width:100%;
	float:left;
	}

	
	#alphabet {
	float:left;
	margin-top:10px;
	margin-bottom:30px;
	width:900px;
	min-height:60px;
	}
		
	#letter {
	float:left;
	width:40px;
	height:40px;
	text-align:center;	
	background-color:#4276DC;
	color:#fff;
	font-size:32px;
	margin-right:10px;
	margin-top:10px;
	line-height:37px;
	}
	
	.letterheading {
	float:left;
	width:100%;
	height:30px;
	background-color:#4076DC;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-left:10px;
	}
	
	.lh {
	color:#fff;
	}

	#last-game {
	padding-top:80px;
	margin-top:70px;
	margin-left:-120px;
	position:absolute;
	height:40px;
	width:62px;
	float:left;
	background-image:url(img/last_game.png);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	font-size:15px;
	}
		
	#next-game, #next-game2 {
	padding-top:80px;
	margin-top:70px;
	margin-left:957px;
	position:absolute;
	height:40px;
	width:62px;
	float:left;
	background-image:url(img/next_game.png);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	font-size:15px;
	}


	#single-left {
	float:left;
	width:600px;
	min-height:200px;
	margin-right:20px;
	}
	
		.video {
		width:590px;
		height:auto;
		}
		
		.videoheading {
		width:100%;
		margin-top:30px;
		float:left;
		}
	
	#single-right {
	float:left;
	width:280px;
	min-height:200px;
	padding-top:3px;
	}
	
		
		#play-game-button {
		background-color:#4276DC;
		padding:20px;
		color:#fff;
		text-align:center;
		}
		
	
	#gametype-box {
	float:left;
	margin-bottom:30px;
	width:100%;
	height:auto;	
	}
	
	.gametype-button-inactive {
	border:1px solid #4276DC;
	color:#4276DC;
	background-color:#fff;
	padding:9px;
	text-align:center;
	margin-right:15px;
	width:250px;
	margin-bottom:15px;
	display:block;
	float:left;
	}
	
	.gametype-button-active {
	border:1px solid #4276DC;
	color:#fff;
	background-color:#4276DC;
	padding:9px;
	text-align:center;
	margin-right:15px;
	width:250px;
	margin-bottom:15px;
	display:block;
	float:left;
	}
	
	

#game-box {
float:left;
width:290px;
height:390px;
margin-right:10px;
margin-bottom:15px;
}

#cat-box {
float:left;
width:290px;
height:350px;
margin-right:10px;
margin-bottom:10px;
}

	#game-short-description {
	width:100%;
	font-size:16px;
	line-height:20px;
	margin-bottom:10px;
	color:#79796A;
	}
	
	#game-short-description a {
	color:#79796A;
	}
	
	#game-cat-and-rating {
	width:100%;
	color:#D78B00;
	font-size:18px;
	line-height:35px;
	}
	
		#game-cat-and-rating a {
		color:#D78B00;
		}
	
	#categories {
	width:100%;
	height:auto;
	}
	
	#opencat {
	padding:10px;
	background-color:#4276DC;
	color:#fff;
	text-align:center;
	width:80%;
	margin-top:20px;
	}
	
	.gamedate {
	color:#4076DC;
	font-weight:bold;
	}
	
#newgames {
width:100%;
}

#newgames-2 {
float:left;
width:100%;
margin-bottom:30px;
}
	
#game-big {
float:left;
background-color:#ccc;
width:555px;
height:297px;
margin-right:15px;
margin-bottom:15px;
position:relative;
overflow:hidden;
}

	.home-game-descr {
	font-size:14.5px;
	margin-left:15px;
	margin-top:0px;
	}
	
	
	.home-title-and-rating {
	margin-top:15px;
	margin-bottom:7px;
	}
		
	.homerating-big{
	float:right;
	position:inline;
	margin-right:15px;
	}
	
	.homerating-med{
	float:right;
	position:relative;
	top:6px;
	right:10px;
	}

		
	#gb-black {
	width:100%;
	height:110px;
	background-color:#1F1F1F;
	opacity:0.7;
	position:absolute;
	bottom:0;
	}
	
	#gb-text {
	width:100%;
	height:110px;
	position:absolute;
	bottom:0;
	color:#fff;
	}
	
#game-med {
float:left;
background-color:#ccc;
width:327px;
height:141px;
margin-bottom:15px;
position:relative;
overflow:hidden;
}

	#gm-black {
	width:100%;
	height:35px;
	background-color:#1F1F1F;
	opacity:0.7;
	position:absolute;
	bottom:0;
	}
	
	#gm-text {
	width:100%;
	height:35px;
	position:absolute;
	bottom:0;
	}

#game-small {
float:left;
background-color:#ccc;
width:213px;
height:136px;
position:relative;
overflow:hidden;
}

	.sma-norm {
	margin-right:15px;
	}
	
	.sma-last {
	margin-right:0px;
	}

	#gs-black {
	width:100%;
	height:30px;
	background-color:#1F1F1F;
	opacity:0.7;
	position:absolute;
	bottom:0;
	}
	
	#gs-text {
	width:100%;
	height:30px;
	position:absolute;
	bottom:0;
	}

#ng-overlay {
position:absolute;
width:100%;
height:100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 35%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 35%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.homethumbs-med, .homethumbs-big ,.homethumbs-small {
position:absolute;
width:100%;
height:auto;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}



	
	
#banner_bottom_box {
float:left;
margin-top:30px;
margin-bottom:30px;
width:96%;
height:auto;
border:1px solid #D3D3D3;
padding:5px;
}
	
#banner_right {
margin-top:43px;
width:94%;
height:auto;
border:1px solid #D3D3D3;
padding:8px;
}


#catbox {
float:left;
width:288px;
height:47px;
padding-top:20px;
background-color:#EFF3FC;
border:1px solid #4276DC;
text-align:center;
margin-right:10px;
margin-top:10px;
}

	.cat-h2 {
	margin-bottom:0px;
	}
	
	.subcat {
	color:#212121;
	font-size:16px;
	}
	
#footer {
text-align:center;
line-height:30px;
float:left;
font-size:15px;
margin-top:50px;
width:900px;
height:90px;
clear:both;
}

	.seperator {
	color:#D3D3D3;
	margin-left:7px;
	margin-right:7px;
	}
	
	.cat {
	margin-left:30px;
	}
	
	.rating {
	margin-left:18px;
	}
	
	.game_type {
	font-size:17px;
	}

	.game-thumbnail {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
		
	.game-nav-link {
	color:#79796A;
	}
	
	.navi-inactive {
	background-color:#545454;
	}
	
	.navi-inactive:hover {
	background-color:#4276DC;
	}
	
	.navi-active {
	background-color:#4276DC;
	}	
		
	.search-field {
	position:absolute;
	width:190px;
	height:12px;
	padding:10px;
	border:1px solid #ccc;
	margin-top:80px;
	margin-left:80px;
	}
		
	.search-button {
	position:absolute;
	width:34px;
	height:34px;
	border:0px;
	margin-top:10px;
	margin-left:80px;
	background-image:url(img/search_icon.png);
	background-repeat:no-repeat;
	margin-top:80px;
	margin-left:300px;
	}
	
	.ch_symbol {
	position:absolute;
	margin-left:530px;
	margin-top:-15px;
	}

	.game-sidebar {
	margin-top:25px;
	margin-bottom:12px;
	}
	
	.more_games_in_cat {
	width:100%;
	float:left;
	margin-top:30px;
	}
			
	.game-heading {
	margin-bottom:3px;
	margin-top:0px;
	}
	
	.amount {
	color:#D78B00;
	font-size:19px;
	}
	
	.category {
	margin-bottom:0px;
	}
	
	.catimage {
	margin-top:20px;
	}
	
	
	.c-textinput {
	padding:10px;
	width:95%;
	display:block;
	margin-bottom:20px;
	border:1px solid #ccc;
	}
	
	.c-textarea {
	padding:10px;
	width:95%;
	display:block;
	margin-bottom:20px;
	border:1px solid #ccc;
	}
	
	.sendf {
	background-color:#4076DC;
	color:#fff;
	padding:10px;
	border:0px;
	}
	
	.nbig {
	display:none;
	}
		
	




@media only screen and (min-width: 0px) and (max-width: 1169px) {

	
	#last-game {
	margin-top:70px;
	margin-left:0px;
	}
		
	#next-game, #next-game2 {
	margin-top:70px;
	margin-left:530px;
	}
	
	#single-left {
	margin-top:100px;
	}
	
	.game-heading {
	position:absolute;
	margin-left:90px;
	margin-top:-70px;
	}
	
	#cat_below_title {
	position:absolute;
	margin-left:90px;
	margin-top:-40px;
	}
	
	
	.game-nav-label {
	display:none;
	}


}

	
	
	
	
	
	
	

@media only screen and (min-width: 0px) and (max-width: 950px) {

#fifty-1 {
width:90%;
margin:0px;
margin-bottom:30px;
}

#fifty-2 {
width:90%;
margin:0px;
margin-bottom:30px;
}

#header-content,#wrapper,#navi,#breadcrumbs,#alphabet
{width:100%;}

#bloglist {
width:100%;
}

#entry-right {
width:65%;
}

#banner-blog-home {
margin-top:30px;
width:97%;
height:auto;
}



#game-big {
height:200px;
width:98%;
}

#game-med {
height:150px;
width:98%;
}

.home-h3{
float:left;
position:absolute;
width: 95%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.homerating-big{
position:absolute;
margin-left:15px;
margin-top:35px;
}

.home-game-descr {
position:absolue;
font-size:17px;
margin-top:75px;
}

.home-h3-med {
top:-67px;
}

.home-h3-small {
top:-28px;
}

.homerating-med{
float:left;
left:15px;
top:-37px;
}

#gb-black {
height:100%;
opacity:0.4;
}

#gb-text {
height:100%;
}

#gm-black {
height:100%;
opacity:0.4;
}

#gs-black {
height:100%;
opacity:0.4;
}

#game-small {
width:48%;
height:180px;
margin-bottom:15px;
}

#header-content-right {
width:100%;
padding:0px;
}

#header-content-left {
text-align:center;
padding-top:50px;
height:80px;
width:90%;
}

#header-content-right {
height:45px;
padding-top:10px;
}


	
	#navi-link-home, #navi-link-rest, #navi-link-blog, #navi-link-main
	{width:100%; margin-bottom:1px; padding-left:0px;}



#navi {
margin-bottom:40px;
}

.search-field{
margin-left:10px;
margin-top:0px;
width:90%;
font-size:19px;
}

.search-button{
margin:0px;
position:relative;
float:right;
margin-right:10px;
}

#content {
margin-top:150px;
padding-left:20px;
padding-right:20px;
width:92%;
}

#footer {
width:80%;
padding:20px;
line-height:30px;
}

#single-left {
float:left;
width:100%;
margin-right:0px;
}

	.video {
	width:100%;
	height:auto;
	}
	
#single-right {
float:left;
width:100%;
margin-right:0px;
}


}


@media only screen and (min-width: 0px) and (max-width: 831px) {

#game-small {
margin-right:7px;
}

}



@media only screen and (min-width: 0px) and (max-width: 730px) {
#entry-right {
width:60%;
}
}


@media only screen and (min-width: 0px) and (max-width: 660px) {
.homethumbs-small {
position:absolute;
height:100%;
width:auto;
}

#entry-left {
display:none;
}

#entry-right {
width:100%;
margin-left:0px;
}

.nframe {
display:none;
}

.nbig {
display:block;
}

}



@media only screen and (min-width: 0px) and (max-width: 630px) {

.browsergame {
height:380px;
}


#newsletter {
margin-left:0px;
left:10px;
width:80%;
}


#header-content-left {
font-size:40px;
width:85%;
}

.ch_symbol {
position:absolute;
margin-left:354px;
margin-top:-5px;
}

#content {
width:90%
}


	#last-game {
	margin-top:40px;
	margin-left:0px;
	}
		
	#next-game, #next-game2 {
	margin-top:40px;
	margin-left:430px;
	}
	
	#single-left {
	margin-top:100px;
	}
	
	.game-heading {
	margin-top:-98px;
	}
	
	.game-thumbnail, .gamethumb {
	width:80%;
	height:auto;
	}

			
	#opencat {
	margin-bottom:30px;
	}
	
	#game-box , #cat-box {
	width:100%;
	height:auto;
	}
	
	#cat_below_title {
	margin-top:-68px;
	width:330px;
	}
	


}




@media only screen and (min-width: 0px) and (max-width: 540px) {


	.game-heading {
	position:relative;
	margin-top:20px;
	margin-left:0px;
	}
	
	#cat_below_title {
	position:relative;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:90px;
	width:80%;
	}
	
	#next-game {
	margin-left:90px;
	margin-top:145px;
	}
	
	#next-game2 {
	margin-left:0px;
	margin-top:145px;
	}
	
	#last-game {
	margin-top:145px;
	}
	
	#single-left {
	margin-top:0px;
	}
	
	.home-game-descr {
	font-size:14.5px;
	}


}



@media only screen and (min-width: 0px) and (max-width: 430px) {


.browsergame {
height:280px;
}


#header-content-left {
width:100%;
padding-top:20px;
padding-bottom:30px;
font-size:48px;
}

.search-field{
width:80%;
}

.ch_symbol {
display:none;
}

.gamethumb {
width:97%;
height:auto;
}

#content {
width:85%
}

#game-box {
margin-bottom:30px;
width:100%;
}

#cat-box {
width:100%;
}

.game-thumbnail {
width:100%;
margin-right:0px;
margin-bottom:10px;
}

#game-small {
height:80px;
width:98%;
margin-right:0px;
}


.homethumbs-med, .homethumbs-big {
height:100%;
width:auto;
}

.homethumbs-small {
width:100%;
height:auto;
}





}

@media only screen and (min-width: 0px) and (max-width: 730px) {
	
#blogentry {
margin-bottom:60px;
min-height:100px;
}

.blog-excerpt {
font-size:15px;
}

}


@media only screen and (min-width: 350px) and (max-width: 660px) {
	
#blogentry {
margin-bottom:30px;
}


}


@media only screen and (min-width: 0px) and (max-width: 380px) {
	
	
	.home-game-descr {
	display:none;
	}

	.home-h3 {
	float:left;
	}

	.homerating-big{
	float:left;
	margin-left:15px;
	}
}



@media only screen and (min-width: 0px) and (max-width: 350px) {

.homethumbs-big {
width:auto;
height:100%;
}


}


@media only screen and (min-width: 0px) and (max-width: 825px) {
.search-field {
width:85%;
font-size:22px;
}

.search-button {
display:none;
}

}