body {
    padding-left:20px;
	padding-right:20px;  
}


h1 {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#336699;
	letter-spacing: 2;
}

h2 {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#336699;
	letter-spacing: 2;
	border-bottom: 1px dotted #336699;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#336699;
	letter-spacing: 2;
}

img {
    border:1px solid #000;
}

a {
    color:#003399;
	font-weight: bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
}

a:visited {
    color:#330099;
	font-weight: bold;
	text-decoration:none;	
}

a:hover {
    color:#FF3300;
	font-weight: bold;
	text-decoration:none;
}

td {
    vertical-align:top;
	padding:5px;
}

.label {
	font-weight: bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
}
#clearsection {
	clear:both;
	margin:0;
}

#titlebar {
    border-bottom: 1px solid #99CCFF;
	height:100px;
	margin-left: -30px;
	margin-right: -30px;
	margin-top: -10px;
	background-color:#000;
	background-image:url(/images/gb-title-background.jpg);
}

#titlebar #searchblock {
    width:250px;
	float:right;
	margin-right: 10px;
	margin-top: 17px;
	border: 2px solid #99CCFF;
}

input.gsc-search-button-v2 {
    padding: 6px !important;
}

#gblogo {
    margin-top: 0px;
	margin-left: 17px;
	float:left;
	border: none;
}

#gblogo img {
    border: none;
}

#menu {
    background-color: #000;
	background-repeat:no-repeat;
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#menu a, #menu a:visited {
     font-family:Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 color:#99CCFF;
	 text-transform:uppercase;
}

#menu a:hover {
    color:#FFFF66;
}

#contentbox {

}

#feature {
    float: left;
	width: 420px;
	border: thin solid #ccc;
	padding: 10px;
	margin: 10px 10px 10px 0px;
	height: 420px;
	overflow: auto;
    background-color:#fff;
}

#news, #apps {
    float:left;
	width:420px;
	border: thin solid #ccc;
	padding: 10px;
	margin: 10px 10px 10px 0px;
	height: 420px;
	overflow: auto;
	background-color:#fff;
}

#newsblock, #appsblock {
    border: thin solid #ccc;
	padding:10px;
	margin:10px;
	background-color:#fff;
}

.newstitle, .appstitle {
    font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#newsbody, #appsbody {
    border: 0px 0px 1px 0px;
	border-bottom: 1px dotted #336699;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.appslink {
    font-weight:bold;
}
	

#about {
    float:left;
	width:420px;
	border: thin solid #ccc;
	padding: 10px;
	margin: 10px 10px 10px 0px;
	height: 420px;
	overflow: auto;
	background-color:#fff;
}

#textblock {
    float: left;
	width: 450px;
    border: thin solid #ccc;
	padding:10px;
	margin:10px;
}

#artblock {

}

#artblock2 {
    display: none;
}

#shop {
    border: none;
}

#shopblock {
    margin:10px;
	float:left;
}

#shopblock img {
    border:none;
	width:150px;
}

#footer {
	clear:both;
    width: 100%;
	overflow: hidden;
}

#footertag {
    border-top:1px solid #99CCFF;
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 50px;
	padding-right: 50px;
}

#archive {
	width:100%;
	border-collapse:collapse;
	border: 2px solid #666;
	padding:0px;
	margin: 10px;
}

#archive tr {
    margin:0px;
	padding:0px;
	border: 0px 0px 1px 0px;
	border-bottom: 1px solid #ccc;
}

#archive td {
    margin:0px;
    border:0px;
	padding:5px;
}

#postbody {
	width:400px;
	height:100px;
}

#postnote {
	width:400px;
}

.postblock1 {
    border: thin solid #ccc;
	padding:10px;
	margin:10px;
	background-color:#fff;
}
	
.postblock2 {
    border: thin solid #ccc;
	padding:10px;
	margin:10px 10px 10px 30px;
	background-color:#fff;
}

#checker {
    display:none;
}

.alert {
	font-weight:bold;
	color:red;
}

/* Responsive design for tablets and small screens */
@media only screen and (min-width: 480px) and (max-width: 900px) {

	#gblogo {
		margin-top: 15px;
		margin-left: 17px;
		float:left;
		border: none;
		width:300px;
    }
	
	#titlebar #searchblock {
		width:150px;
		float:right;
		margin-right: 5px;
		margin-top: 17px;
		border: 2px solid #99CCFF;
	}
	
	#menu {
	    padding-right:20px;
	}

	#footer {
        width:100%;
		overflow: hidden;
	}

	#feature {
		margin: 5px;
	}
	
	#news, #apps {
        margin: 5px;
	}	
	
	#about {
	    margin: 5px;
	}	
	
	#smallscreenblock {
	    display:none;
	}
	
	#artblock {
	
	}
	
	#artblock2 {
		display: none;
	}
}

/* Responsive design for phones */
@media only screen and (max-width: 479px) {

	body {
		padding-left:5px;
		padding-right:5px;    
	}

    #titlebar #searchblock {
	    display:none;
	}
	
	#gblogo {
        border: none;
		width: 90%;
		margin-top:15px;
    }
	
	#menu {
	    padding-right:20px;
	}

	#feature {
		clear:both;
		width: 90%;
		height:auto;
		margin: 5px;
	}
	
	#news, #apps {
		clear:both;
		width: 90%;
		height:auto;
		margin: 5px;
	}

	#about {
		clear:both;
		width:90%;
		height:auto;
		margin: 5px;
	}	

	#textblock {
		clear:both;
		width:90%;
		margin: 5px;
	}	
	
	#footer {
	    display: none;
	}
	
	#newsbody, #appsbody {
	    display: none;
	}
	
	#artblock {
	    display: none;
	}
	
	#artblock2 {
		display: block;
		text-align:center;
	}		
	
	#postbody {
	    width:200px;
		height:200px;
	}
	
	#postnote {
	    width:200px;
	}
	

}