/*
Original Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Modified for Steyning Camera Club by Ken Scott
*/

body {
	margin: 0;
	padding: 0;
	background: #424242 url(images/img01.jpg) repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #ccc;
}

h1 {font-size: 2em; margin-top: 0; color: #D56E22;}
h2 {font-size: 1.5em; margin-top: 40px; color: #ccc;}
h3 {font-size: 1.2em; margin-top: 40px; color: #ccc;}

ul {list-style-image: url(images/img07.gif);}

a {text-decoration: none; border-bottom: none; color: #FFCC66; }
a:hover {border-bottom: 1px dotted #CCCCCC; color: #D56E22;}
a.current {border-bottom: none; color: #D56E22;}
a img {border: none;}
a.toplink {font-size: 0.9em; float: right; clear: both; }

/*IMAGES */
img.left {float: left; margin: 0 20px 10px 0;}
img.right {float: right; margin: 0 0 10px 20px;}
img.banner {display:block; margin: 20px 0 0 0; padding: 5px; border: 5px solid #ddd; width: auto; height: auto; }
img.icon {float: left; margin: 0 10px 0 0;}
img.button {border-style: none; }

/**** Hoverbox - http://sonspring.com/journal/hoverbox-image-gallery ****/
.hoverbox {cursor: default;	list-style: none; padding: 0;}
.hoverbox a {cursor: default;}
.hoverbox a .preview {display: none;}
.hoverbox a:hover .preview {display: block;	position: absolute;	top: -33px;	left: -45px; z-index: 1;}
.hoverbox img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top;	width: 100px; height: 66px;}
.hoverbox li {background: #eee;	border-color: #ddd #bbb #aaa #ccc;	border-style: solid; border-width: 1px;	color: inherit;	display: inline; float: left; margin: 3px 3px 20px 0; padding: 2px; position: relative;}
.hoverbox .preview {border-color: #000;	width: 250px; height: 167px;}
	
	/* IE Fixes for Hoverbox */
	.hoverbox a {position: relative;}
	.hoverbox a:hover {display: block;	font-size: 100%; z-index: 1;}
	.hoverbox a:hover .preview {top: -38px; left: -50px;}
	.hoverbox li {position: static;}

/* HEADER */
#logo {width: 880px; height: 88px; margin: 0 auto; padding: 0 10px;}
#logo h1, #logo p {float: left;	margin: 0;	color: #FFFFFF;}
#logo h1 {padding: 30px 0 0 0;	text-transform: lowercase;	font-weight: normal; font-size: 3em;}
#logo p {text-transform: uppercase; padding: 52px 0 0 30px; font-size: 0.9em;	color: #999;}
#logo a {border: none; text-decoration: none; color: #FFFFFF;}

/* NAVIGATION */
#nav {width: 880px;	height: 42px; margin: 0 auto; padding-top: 10px;}
#nav ul {margin: 0;	padding: 0;	list-style: none;}

#nav li {display: inline;}
#nav a {
	display: block;
	float: left;
	margin: 0 3px 0 0;
	padding: 8px 15px 10px 15px;
	border: none;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #ddd;
}

#nav a:hover {background: url(images/img05.jpg) repeat-x; margin: 0 3px 0 0; padding: 8px 15px 10px 15px; color: #D56E22;}
#nav a.active {background: url(images/img05.jpg) repeat-x; margin: 0 3px 0 0; padding: 8px 15px 10px 15px; color: #D56E22;}

/* WRAPPER */
#wrapper {background: #222;}

/* PAGE */
#page {width: 880px; margin: 0 auto; padding: 30px 0;}
#page-bg {padding: 11px 24px; background: url(images/img03.jpg) no-repeat;}

/* LATEST POST */
#latest-post {padding: 20px; border: 1px solid #E7E7E7;}

/* CONTENT */
#content {float: left; width: 600px;}
#content-single {float: left; width: 850px;}	
.post {margin: 20px 0 20px 0;	padding-bottom: 15px; border-top: 1px dotted #ccc; clear: both; }
.post h1 {font-weight: normal;}
.title {margin: 0;	font-weight: normal;}
.title a {border-bottom: none;}
.title a:hover {border-bottom: 1px dotted #CCCCCC;}
.byline {margin: 0 0 20px 0; font-size: 0.9em;}
.entry {padding: 0 20px;}
.links {padding-top: 10px;	text-align: right;	font-weight: normal;}
.links a {margin-left: 15px; padding-left: 15px; background: url(images/img04.gif) no-repeat left center;	border: none;}
.links a:hover {border-bottom: 1px dotted #CCCCCC;}
.breadcrumb {margin-top: 0; font-size: 0.9em;}
.caption {font-size: 0.85em; color: #666;}
.clear {clear:both;}
blockquote {padding-left: 10px; font-style: italic;}

/* FLASH CONTENT */
#flashcontent {margin-top: 15px;}

/*LISTS*/
dt {float: left; padding-right: 10px;}
dd {padding: 0 0 0.5em 0;}
#sponsors li { display: inline; list-style-type: none; padding-right: 20px; }
#sponsors img {vertical-align: top;}
ul.page li {margin-top: 5px;}


/* SIDEBARS */
.sidebar {float: right;	width: 238px; padding: 30px 0 0 21px;}
.sidebar ul {margin: 0;	padding: 0;	list-style: none;}
.sidebar li {padding: 0 0 20px 0;}
.sidebar li ul { }
.sidebar li li {padding: 5px 0 5px 25px; background: url(images/img04.gif) no-repeat 10px 9px;}
.sidebar li h2 {margin: 0 0 10px 0;	padding: 5px 10px; background: url(images/img06.jpg) repeat-x; border: 1px solid #4A4A4A; font-size: 1.0em; color: #CCCCCC;}

.sidebar li ul.plain, { }
.sidebar li ul.plain li {padding: 5px 0 5px 25px; background: none;}

.sidebar img {background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 2px; color: inherit; padding: 2px; vertical-align: top;}

/* IMAGE GALLERIES */
	.gal {list-style: none; clear: both; }
	.gal a {position:relative;}
	.gal img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 2px; color: inherit; padding: 2px;	vertical-align: top; width: 100px; height: 66px;}
	.gal li {background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid;	border-width: 1px;	color: inherit; display: inline; float: left; margin: 5px; padding: 5px; position: static;}
	.galx {list-style: none;}
	.galx img {background: #424242; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 2px; color: inherit; padding: 2px; vertical-align: top; width: 150px; height: auto;}
	.galx li {background: #333; border-color: #ddd #bbb #aaa #ccc; border-style: solid;	border-width: 1px;	color: inherit; display: inline; float: left; margin: 5px; padding: 5px; position: static;}
	.gal2 {list-style: none;}
	.gal2 img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 2px; color: inherit; padding: 2px; vertical-align: top; width: 150px; height: auto;}
	.gal2 li {background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid;	border-width: 1px;	color: inherit; display: inline; float: left; margin: 5px; padding: 5px; position: static;}
	.galf {list-style: none; clear: both;}
	.galf li {display: inline; float: left; margin: 0px; padding: 5px; position: static;}

/*COLOUR CODING*/
.lecture {color:#00ffff; }
.intcomp {color: #CC9900; }
.practical {color:#00ff80; }
.extcomp {color:#ff0000; }
.exhib {color:#ff8080; }
.social {color:#ff80ff; }
.members {color:#FFFF99; }

/* SEARCH */
#searchform {margin: 0; padding: 0;}
#searchform br {display: none;}
#s {margin: 0;	padding: 2px 2px; width: 120px;	height: 18px; border: 1px solid #333333; background: #000000; font-size: 10px;	color: #CCCCCC;}
#x {margin: 0;	padding: 2px 5px; height: 25px;	background: #666666; border: 1px solid #333333;	text-decoration: none;	text-transform: uppercase;	font-family: Arial, Helvetica, sans-serif;	font-size: 10px; color: #CCCCCC;}

/* CALENDAR */
#calendar_wrap {padding: 0 0 0 20px; text-align: center;}
#calendar_wrap table { width: 90%;}
#calendar_wrap th {}
#calendar_wrap td {}
#calendar_wrap tfoot td {border: none;}
#calendar_wrap tfoot td#prev {text-align: left;	font-weight: bold;	border: none;}
#calendar_wrap tfoot td#prev a {border: none;}
#calendar_wrap tfoot td#next {text-align: right; font-weight: bold;	border: none;}
#calendar_wrap tfoot td#next a {border: none;}

/* FOOTER */
#footer {height: 50px; background: #000000 url(images/img06.jpg) repeat-x left top;}
#footer p {margin: 0; padding: 10px 0 0 10px; text-align: center;	font-size: 0.9em;	color: #FFFFFF;}
#footer a {color: #FFCC66;}
#footer a:hover {border-bottom: 1px dotted #CCCCCC; color: #D56E22;}

/*TABLES*/
table (width: 100%; margin-right: 10px;}
th {text-align: left; padding: 3px 10px 3px 10px; font-weight: bold; color: #D56E22;}
tr {}
.tr1 {background: #000;}
td {text-align: left; padding: 3px 15px 3px 15px; font-weight: normal;}


/* ALIGNMENT */
	.float-left  { float: left; }
	.float-right { float: right; }
	.align-left  {	text-align: left; }
	.align-right {	text-align: right; }

/* ADDITIONAL */
	.clear {clear: both; }
	.orange {color: #cc6633;}
	.yellow {color: #ffCC00;}
	
/* Styles for Flickr Badges */
	.zg_div {margin:0px 5px 5px 0px; width:117px;}
	.zg_div_inner {border: solid 1px #000000; background-color:#333333;  color:#CCCCCC; text-align:center; font-family:arial, helvetica; font-size:11px;}
	.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#FF9900; background:inherit !important; text-decoration:none !important;}