/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Brewcommune
	Based on style:		prosilver (the default phpBB 3.2.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Jon Welfringer
    --------------------------------------------------------------
*/
.top_menu_button {
		border-radius: 10px;
		margin-top: -10px;
		margin-left: 3px;
		margin-right: 3px;
		margin-bottom: 5px;
		width: 140px;
		height: 24px;
		vertical-align: top;
		border: 2px solid #FFF;
		font-size: 14px;
		color: rgb(223, 198, 171);
	}

.top_menu_div {
	text-align: right;
	margin-right: 10px;
	margin-top: 0px;
}

.time {
	margin-bottom: 0px;
}


/* common.css changes */
.site-description {
    float: left;
    width: 100%;
}

.site_logo {
	background-repeat: no-repeat;
	display: inline-block;
	width: 110px;	
	height: 150px;
}


.page-header {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}


.site-description h1 {
	color: #DFC6AB;
	margin-right: 0;
/*	padding-top: 30px;	*/
}

.site-description {
	font-size: 18px;
	color: #DFC6AB;
}

.site-description-padding {
	height: 25px;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2em;
	margin: 0 0 0.2em 0;
}


dl.faq {
    font-size: 1.25em;
}

/* colours.css changes */
/*	a { color: #111111; }	*/
/*	a { color: #99500f; }	*/
a { color: #824815; }
a:hover { color: #D31141; }

blockquote {
    background-color: #F5F7FA;
    border-color: #DBDBCE;
}

ul.forums {
	background-color: #f3f3e9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #e8e8d0 0%, #f3f3e9 100%);
	background-image: linear-gradient(to bottom, #e8e8d0 0%,#f3f3e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8d0', endColorstr='#f3f3e9',GradientType=0 ); /* IE6-9 */
}

.intro {
	border-radius: 5px;
	padding: 10px;
	background-color: #f3f3e9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #e8e8d0 0%, #f3f3e9 100%);
	background-image: linear-gradient(to bottom, #e8e8d0 0%,#f3f3e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8d0', endColorstr='#f3f3e9',GradientType=0 ); /* IE6-9 */
	display: inline-block;	
}

.panel {
	background-color: #DFC6AB;
	color: #28313F;
}

html, body {
	background-color: #f3f3e9;
	background-image: url("./images/hops_23.png");
	background-repeat: repeat;
	background-size: 200px 200px;
}

body.simple {
	min-height: 100%;
	padding: 0 5px;
}

.club_header {
	border-radius: 5px;
	padding: 10px;
	background-color: #f3f3e9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #e8e8d0 0%, #f3f3e9 100%);
	background-image: linear-gradient(to bottom, #e8e8d0 0%,#f3f3e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8d0', endColorstr='#f3f3e9',GradientType=0 ); /* IE6-9 */
	display: flex;	
	padding: 10px;
}

.club_intro {
/*	max-width: 60%;	*/
/*	float: left;*/
}

.club_pic_div {
	width: 40%;
	height: auto;
	margin-top: 50px;
}

.club_pic {
	border-radius: 5px;
	width: 350px;
	vertical-align: middle;	
	float: right;
}


.wrap {
	border: 2px solid #FFF;
	border-radius: 15px;
	box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100, 100, 100, .25);
	margin: 0 auto;
	max-width: 1152px;
/*	padding: 13px 23px;	*/
}

.search-header {
	box-shadow: 0 0 10px #505C65;
	margin-top: -130px;
	margin-right: 10px;
}

.headerbar {
/*	background-color: #7C8891;	*/
	background-size: cover;
	background-image: url("./images/bc_background.jpg");
	background-repeat: repeat;
	border-radius: 5px;
	height: 165px;
}

.navbar {
/*	background-color: #DFC6AB;	*/
	background-color: #FFFFFF;
}

.forabg, .forumbg {
	/*	background-color: #000000;	*/
	/*	background-image: url("./images/bc_list.png");	*/
	background-image: url("./images/bc_background.jpg");
	background-repeat: repeat;
	border-radius: 5px;
}

.copyright a {
	color: #000000 !important;
}

li.row {
/*	background-color: #E8ECEE;	*/
}

li.row:hover {
	background-color: #EBEFF1;
}

li.row.bg3 {
	background-color: #F0F4F6;
}

li.row.bg3:hover {
	background-color: #F4F8FA;
}

.site_logo {
	background-image: url("./images/bc_logo_sm.jpg");
}


.bg1 {
	background-color: #f3f3e9;
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: #f3f3e9;
}

.bg2 {
	background-color: #e8e8d0;
}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #e8e8d0;
}

/* Forum icons & Topic icons */
.global_read						{ background-image: url("./images/announce_read.gif"); }
.global_read_mine					{ background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked					{ background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread						{ background-image: url("./images/announce_unread.gif"); }
.global_unread_mine					{ background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked				{ background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine			{ background-image: url("./images/announce_unread_locked_mine.gif"); }

.announce_read						{ background-image: url("./images/announce_read.gif"); }
.announce_read_mine					{ background-image: url("./images/announce_read_mine.gif"); }
.announce_read_locked				{ background-image: url("./images/announce_read_locked.gif"); }
.announce_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.gif"); }
.announce_unread					{ background-image: url("./images/announce_unread.gif"); }
.announce_unread_mine				{ background-image: url("./images/announce_unread_mine.gif"); }
.announce_unread_locked				{ background-image: url("./images/announce_unread_locked.gif"); }
.announce_unread_locked_mine		{ background-image: url("./images/announce_unread_locked_mine.gif"); }

.forum_link							{ background-image: url("./images/forum_link.gif"); }
.forum_read							{ background-image: url("./images/forum_read.gif"); }
.forum_read_locked					{ background-image: url("./images/forum_read_locked.gif"); }
.forum_read_subforum				{ background-image: url("./images/forum_read_subforum.gif"); }
.forum_unread						{ background-image: url("./images/forum_unread.gif"); }
.forum_unread_locked				{ background-image: url("./images/forum_unread_locked.gif"); }
.forum_unread_subforum				{ background-image: url("./images/forum_unread_subforum.gif"); }

.sticky_read						{ background-image: url("./images/sticky_read.gif"); }
.sticky_read_mine					{ background-image: url("./images/sticky_read_mine.gif"); }
.sticky_read_locked					{ background-image: url("./images/sticky_read_locked.gif"); }
.sticky_read_locked_mine			{ background-image: url("./images/sticky_read_locked_mine.gif"); }
.sticky_unread						{ background-image: url("./images/sticky_unread.gif"); }
.sticky_unread_mine					{ background-image: url("./images/sticky_unread_mine.gif"); }
.sticky_unread_locked				{ background-image: url("./images/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine			{ background-image: url("./images/sticky_unread_locked_mine.gif"); }

.topic_moved						{ background-image: url("./images/topic_moved.gif"); }
.pm_read,
.topic_read							{ background-image: url("./images/topic_read.gif"); }
.topic_read_mine					{ background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot						{ background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine				{ background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked					{ background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine				{ background-image: url("./images/topic_read_locked_mine.gif"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine					{ background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot					{ background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine				{ background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked				{ background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine			{ background-image: url("./images/topic_unread_locked_mine.gif"); }


/* responsive.css changes */
@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
	html, body {
		background-color: #FFF;
	}

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

	#wrap {
		width: 850px;
		padding: 5px;
		border-width: 0;
		border-radius: 5px;
		box-shadow: none;
	}
	
	.club_pic_div {
		width: 368px;
	}

	
}


/*@media only screen and (max-width: 840px), only screen and (max-device-width: 840px) {	*/
@media only screen and (max-width: 840px) {
	#wrap {
		width: auto;
		padding: 5px;	
	}

	html, body {
		background-image: url("");
	}
	.club_header {
		display: inline-block;
	}
	.club_pic_div {
		width: 100%;
		margin-top: 5px;
		text-align: center;
	}
	.club_pic {
		float: none;
		text-align: center;
	}
}


/*@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {	*/
@media only screen and (max-width: 700px) {
/*	
	.logo {
		display: block;
		float: left;
		padding: 10px;
		height: 40px;
		width: 40px;
	}
*/
	.headerbar {
		margin-bottom: 0px;
		padding: 0px;
		border-radius: 5px;
		height: 90px;
	}

	.site-description h1 {
		padding-top: 5px;
		margin-top: 0px;
	}

	.club_intro {
		max-width: 100%;
	}
	
	.club_pic {
		float: none;
		text-align: center;
	}

	.top_menu_div {
		text-align: center;
	}

	.top_menu_button {
		margin-top: 0px;
	}

	.site-description-padding {
		height: 0px;	
	}
	
}

/*@media only screen and (max-width: 484px), only screen and (max-device-width: 484px) {	*/
@media only screen and (max-width: 484px) {
/*	.top_menu_button {
		width: 115px;
		height: 20px;
		font-size: 12px;
	}

	.headerbar {
		height: 120px;
	}
*/
}

/*@media only screen and (max-width: 390px), only screen and (max-device-width: 390px) {	*/
@media only screen and (max-width: 390px) {
	.club_pic {
		width: 100%;
	}
	
/*	.headerbar {
		height: 110px;	
	}
*/
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-top-color: #111111;
}