/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.1.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
DEFAULT TEXT IS BELOW

@import url("normalize.css");
@import url("base.css");
@import url("utilities.css");
@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("icons.css");
@import url("colours.css");
@import url("responsive.css");

*/

/* --- Styling for background color --- */

html, body {
    background-color: #3e3e3e;
}


/* --- Styling for blue ovals around categories and forums --- */

.forabg {
    background-color: #028ae3;
    background-image: none;
}

.forumbg {
    background-color: #028ae3;
    background-image: none;
}

/* --- Styling for header area --- */

html, body {
	padding-top: 0px;
}

#page-header {
	max-width: 1184px;
	margin: 0 -16px;
}

@media screen and (max-width:700px) {
	#page-header {
		margin: 0 -5px;
	}
}

.headerbar {
	background-image: none;
	padding: 0;
	border-radius: 0px;
}

.wrap {
	padding-top: 0px;
	border-top: 0px;
}

.as_forum_header_image {
	max-width: 1184px;
}

.as_forum_header_image  img {
	width: 100%;
}

/* --- Styling for top bar --- */

.as_forum_topbar {
	min-height: 34px;
	background-color: #028ae3;
	padding-left: 12px;
}

.as_forum_topbar ul {
    margin: 0;
    padding: 0;
}

.as_forum_topbar ul li {
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.as_forum_topbar ul li a {
    color: #fff;
    display: block;
    padding: 7px 10px;
    font-size: 12px;
    transition: background .5s;
    -moz-transition: background .5s;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
}

.as_forum_topbar ul li a:hover {
    text-decoration: none;
    background: rgba(255,255,255,.2);
}

.search-header {
	margin-top:4px;
}


/* --- Styling for navigation bar --- */

 /* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
	max-width: 1184px;
	margin-bottom: 6px;
    padding: 0 10px;
    overflow: hidden;
    background-color: #028ae3;
/*	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;	
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;	*/
}

/* Float the list items side by side */
ul.topnav li {
	float: left;
	margin: 7px 0
}

/* Add border to left side of most li items */
ul.topnav li+li {
    border-left: 1px solid #66b1e2;
    border-right: none;
}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 4px 12px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.2)}

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

 /* When the screen is less than 812 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:812px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* 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 */
@media screen and (max-width:812px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 10px;
    top: 0;
  }
  
  ul.topnav.responsive {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 52px;
	font-size: 0;
  }
  
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
	font-size: 18px;
  }
}


/* --- Styling to remove time line --- */

.responsive-center.time {
	display: none;
}


/* --- Styling for advertisements --- */

/* -------- OLD CODE for size dependent ads.
.topad-wide {
	margin: 4px auto;
	max-width: 728px;
	display: none;
}

@media screen and (max-width:812px) {
	.topad-wide {
		display: none;
	}
}

.topad-skinny {
	display: none;
}

@media screen and (max-width:812px) {
	.topad-skinny {
		display: block;
		margin: 4px auto;
		max-width: 200px;
	}
}

.postad {
	margin: 4px auto;
	max-width: 728px;
	display: none;	
}

@media screen and (max-width:821px) {
	.widepostad_container {
		display: none;
	}
}

	.skinnypostad_container {
		display: none;
	}

@media screen and (max-width:821px) {
	.skinnypostad_container {
		display: block;
	}
}			---------- */




.topad-google-container {
		margin: 4px auto;
	}
	
.postad {
	margin: 4px auto;
	max-width: 250px;
	display: block;	
}	

.skinnypostad_container {
		display: block;
	}
	



/*------ Styling to reduce image sizes in quotes. Works for linked images only, not attachments! -------*/

blockquote img {
    max-width: 200px;
    max-height: 200px;
} 

/*------- Styling to reduce size of images in attachments and inline attachments -----------*/

.postbody img.postimage {
	max-width: 80%;
}

.attachbox {
	max-width: 80%;
	margin: 15px 5px 15px 0;
}

.attach-image  img.postimage{
	max-width: 100%;
}

.inline-attachment {
	max-width: 80%;
	margin: 15px 0;
}

dl.file dd {
	font-size: 10px;
}


/*------------- Styling for author line on posts ----------------*/

p.author {
	border-bottom: 3px solid #cbd4da;
	margin-bottom: 1.0em;
}


/*------------- Styling to remove blue underline on links ----------------*/

.postlink:visited {
	    border-bottom: none;
}

.postlink {
	    border-bottom: none;
}

/*------------- Styling for Log In Box ----------------*/

#login_popup {
height: auto !important;

}

#login_popup h3 {
display: none;
}

#login_popup p {
margin: 0;
}