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;
}

.topnav {
    background-color: #000;
	background-repeat:no-repeat;
	margin-left: -30px;
	margin-right: -30px;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
}

.topnav a, .topnav a:visited {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#99CCFF;
	text-transform:uppercase;
	float:left;
	display:block;
	padding:10px 10px 10px 20px;
}


.topnav a:hover {
    color:#FFFF66;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}



#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 {
    float:right;
	width:55%;
	border: thin solid #ccc;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	height: 420px;
	overflow: auto;
	background-color:#fff;
}

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

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

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



#about {
    float:left;
	width:35%;
	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;
}

.art {
	float:left;
	text-align:center;
	margin-right:30px;
}

#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;
}

.FollowMeOpenRoadMedia-button {
  background-color: #ed433c;
  border: 1px solid white;
  color: white;
  padding: 5px 5px 5px 5px;
  position: relative;
  top: -3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
}

.FollowMeOpenRoadMedia-button a, .FollowMeOpenRoadMedia-button a:visited, .FollowMeOpenRoadMedia-button a:hover {
	color: #fff !important;
}


/* Responsive design for tablets and small screens */
@media only screen and (min-width: 600px) 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;
	}
	
	.topnav {
	    padding-right:20px;
	}

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

	#feature {
		margin: 5px;
	}
	
	#news {
		width:45%;
	}	
	
	#about {
		width:40%;
	}	
	
	#smallscreenblock {
	    display:none;
	}
	
	#artblock {
	
	}
	
	#artblock2 {
		display: none;
	}
}

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

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

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

	.topnav a:not(:first-child) {
    	display: none;
  	}
  	.topnav a.icon {
    	display: block;
		float: right;
  	}
	
	#feature {
		clear:both;
		width: 90%;
		height:auto;
		margin: 5px;
	}
	
	#news {
		float:left;
		width: 90%;
		height:auto;
		margin: 5px;
	}

	#about {
		float:left;
		width:90%;
		height:auto;
		margin: 5px;
	}	

	#textblock {
		clear:both;
		width:90%;
		margin: 5px;
	}	
	
	#footer {
	    display: none;
	}
	
	#newsbody {
	    display: none;
	}
	
	#artblock2 {
		display: block;
		text-align:center;
	}		
	
	.art {
		display:block;
		text-align:center;
		margin:auto;
		width:100%;
		padding:20px;
	}
	
	#postbody {
	    width:200px;
		height:200px;
	}
	
	#postnote {
	    width:200px;
	}
	

}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 20px;
    top: 15px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}