/* ----------------- _css_gdngrs ----------------- */
/* ----------------- Base set up ----------------- */
body {
background:#000000 url(/assets/bk_gdngrs_main.jpg) repeat-y top center;
color:#fff;
font:62.5%/1.5 Verdana, sans-serif
}

p {
font-size:1.2em
}

a:focus {
outline:1px transparent dotted
}

hr {
border:0 #ccc solid;
border-top-width:1px;
clear:both;
height:0
}

ol {
list-style:decimal
}

ul {
list-style:square
}

li {
margin-left:15px
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
margin:0 0 0.5em 
}

a:link {color: #fff}     /* unvisited link */
a:visited {color: #eeeeee}  /* visited link */
a:hover {color: #cccccc}   /* mouse over link */
a:active {color: #cccccc}   /* selected link */

#login a:link {color: #333}     /* unvisited link */
#login a:visited {color: #333}  /* visited link */
#login a:hover {color: #555}   /* mouse over link */
#login a:active {color: #444}   /* selected link */

/* ----------------- Layout sections ----------------- */
#login {
background:url(/assets/bk_gdngrs_login.jpg) no-repeat top center;
height:31px;
color:#333;
text-align:center;
line-height:2em
}

#header {
background:url(/assets/bk_gdngrs_header.jpg) no-repeat top center;
height:80px
}
#headerexpo {
background:url(/assets/bk_gdngrs_header_expong.jpg) no-repeat top center;
height:80px
}

#intro {
background:url(/assets/bk_gdngrs_intro.jpg) no-repeat top center
}

#intro .home {
background:#333 url(/assets/intro_home.jpg) no-repeat top center;
height:280px;
padding-top:1em;
font-size:1.05em
}

#intro .page {
height:65px
}

#main {
clear:both
}

#adverts {
height:145px;
background:url(/assets/bk_gdngrs_adverts.jpg) no-repeat top center;
clear:both;
padding:10px
}

.adverts {
margin-top:40px
}

#footer {
background:url(/assets/bk_gdngrs_footer.jpg) no-repeat top center;
height:117px;
text-align:right;
clear:both;
line-height:80px;
color:#999999;
clear:both
}


/* ------------------ Navigation tabs ------------------ */
ul#menu {
font-size:1.2em;
font-weight:normal;
height:43px;
list-style-type:none;
margin:30px 0 0
}

ul#menu li {
display:block;
float:left;
margin-right:0;
margin-left:0
}

ul#menu li a {
color:#777777;
display:block;
float:left;
height:43px;
overflow:hidden;
text-align:center;
text-decoration:none;
width:80px;
line-height:1em;
padding-top: 5px
}

ul#menu li a:hover {
color:#fff;
background-color: #435614
}

ul#menu .firstnav {
margin-left:-10px
}

/* ------------------ Headings ------------------ */
h1,h2,h3,h4,h5,h6 {
font-family:"Arial Rounded MT Bold", "Arial rounded", Arial, sans-serif;
line-height:1.25em
}

h1 {
font-size:4.8em;
margin: -0.1em 0 0.5em 0;
letter-spacing:-.08em;
}
.h1home{
margin: 0;
}
h2 {
font-size:2.8em;
margin: 1em 0 0 0
letter-spacing:-.06em;
}
h3 {
font-size:2.5em;
margin: 1em 0 0 0;
letter-spacing:-.04em;
}
h4 {
font-size:1.2em;
margin: 1em 0 0 0;
letter-spacing:-.02em;
}
h5 {
font-size:1.1em;
margin: 1em 0 0 0;
}
h6 {
font-size:1em;
margin: 1em 0 0 0;
}
/* ----------------- Society Diary ----------------- */
.diary {
clear:both;
min-height:70px; 
margin: 0 0 1em 0;
border-bottom:1px solid #000;
background:#526918 url(/assets/diary-banner-weekly.png) no-repeat
}
.diaryclear{
height:0;
clear:both;
}
.exhibition{
background:url(/assets/diary-banner-exhibition.png) no-repeat 
}
.special_event{
background:url(/assets/diary-banner-special.png) no-repeat 
}
.no_weekly_meeting{
background:url(/assets/diary-banner-no-weekly.png) no-repeat 
}
.diary h4 {
padding-left:85px;
padding-top:4px;
margin:0;
font-size:1.6em
}

.diaryp {
margin-left:85px;
font-size: 1.2em;
}
.diaryp p{
font-size: 1em;
}

.date {
float:left;
height:70px;
width:45px;
margin:1px 0 0 2px;
padding-top:0;
font-weight:bold;
}

.date p {
text-align:center;
color:#ccc;
margin:0 0 0 -2px;
text-transform:uppercase;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif
}

.date span.month {
text-align:center;
font-size:1.1em;
display:block;
padding:0;
margin:0;
height:15px;
}

.date span.day {
text-align:center;
font-size:2em;
display:block;
padding: 0;
margin:0;
height:30px;
}

.date span.year {
text-align:center;
font-size:1em;
display:block;
padding: 0;
margin:0;
}

/* ----------------- Misc ----------------- */
.floatright {
float:right
}

/* ---------------- SAEF ----------------*/
input, textarea{margin-bottom:10px}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* ------------------------- color box ------------------------- */
/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#modalBackgroundOverlay{background:url(/assets/stripe.png) 0 0 repeat;}

#colorbox{}
	#borderTopLeft{width:21px; height:21px; background:url(/assets/borderTopLeft.png) 0 0 no-repeat;}
	#borderTopCenter{height:21px; background:url(/assets/borderTopCenter.png) 0 0 repeat-x;}
	#borderTopRight{width:21px; height:21px; background:url(/assets/borderTopRight.png) 0 0 no-repeat;}
	#borderBottomLeft{width:21px; height:21px; background:url(/assets/borderBottomLeft.png) 0 0 no-repeat;}
	#borderBottomCenter{height:21px; background:url(/assets/borderBottomCenter.png) 0 0 repeat-x;}
	#borderBottomRight{width:21px; height:21px; background:url(/assets/borderBottomRight.png) 0 0 no-repeat;}
	#borderMiddleLeft{width:21px; background:url(/assets/borderMiddleLeft.png) 0 0 repeat-y;}
	#borderMiddleRight{width:21px; background:url(/assets/borderMiddleRight.png) 0 0 repeat-y;}
	#modalContent{background:#fff;}
		#modalLoadedContent{margin-bottom:28px;}
			#contentTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; background:#fff; font-weight:bold; color:#949494;}
			#contentCurrent{position:absolute; bottom:3px; left:58px; font-weight:bold; color:#949494;}
			#contentPrevious{position:absolute; bottom:0; left:0px; background:url(/assets/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
			#contentPrevious:hover, #contentPrevious.hover{background-position:-25px -25px;}
			#contentNext{position:absolute; bottom:0; left:27px; background:url(/assets/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
			#contentNext:hover, #contentNext.hover{background-position:0px -25px;}
		#modalLoadingOverlay{background:url(/assets/loading.gif) center center no-repeat #fff;}
		#modalClose{position:absolute; bottom:0; right:0; background:url(/assets/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#modalClose:hover, #modalClose.hover{background-position:-50px -25px;}