@charset "UTF-8";

/*
	
	Site Design Copyright 2008 Infusion Design Melbourne
	www.infusiondesign.com.au
	
	Table of Contents
	1.	Browser CSS Reset
	2.	Typographic Setup
	3.	Generic Page Layout
	

pink:			#ff5c8e
almost black:	#0a2240
very dark blue: #113b6f
dark blue: 		#537ab2
med blue: 		#8fbeff
slightly lighter: #deefff
light blue: 	#e8f4ff

*/

/*  -----  1. RESET  -----  */

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font: 13px/20px Tahoma, Arial, sans-serif;
	color: #fff;
	background: #0a2240 url(http://www.cssmelbourne.com/images/design/body_bg.png) repeat-x 0 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

	/* =========== */
	/* = General = */
	/* =========== */
	
.clearfloat {
	clear: both;
}

#page_wrap {
	width: 930px;
	margin: 0 auto;
}

#header {
	height: 100px;
	position: relative;
}
	#header #logo {
		position: absolute;
		top: 40px;
		left: 20px;
	}
	#header #logo a {
		display: block;
		border: 0 none;
		width: 399px;
		height: 30px;
		background: transparent url(http://www.cssmelbourne.com/images/design/logo_text.png) no-repeat 0 0;
		text-indent: -9999px;
	}
		#header #logo a:hover, #header #logo a:focus {
			background-position: 0 -60px;
		}
		#header #logo a:active {
			background-position: 0 -30px;
		}
	
	a {
		text-decoration: none;
		border-bottom: 1px dotted #8fbeff;
		color: #537ab2;
	}
	a:hover, a:focus {
			color: #ff5c8e;
	}
	a:active {
		border-bottom-color: #ff5c8e;
	}
	
	.button {
		background: #deefff;
		border: 1px solid #8fbeff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		display: inline-block;
		padding: 0 12px;
		line-height: 20px;
		color: #537ab2;
		font-size: 11px;
	}
		.button:hover, .button:focus {
			color: #ff5c8e;
			background: #deefff;
		}
		.button:active {
			border-color: #ff5c8e;
		}
	p {
		margin: 20px 0 20px 0;
	}
	h2 {
		font-size: 24px;
		line-height: 30px;
		font-weight: bold;
		color: #537ab2;
		margin: 0 0 20px 20px;
		text-shadow: 1px 1px 5px RGBA(83,122,178,0.3);
		clear: both;
		padding-top: 20px;
	}
	
	.fir {
		text-indent: -9999px;
		background-position: 0 50%;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	
	strong {
		font-weight: bold;
	}
	em {
		font-style: oblique;
	}
		
	/* ========== */
	/* = Footer = */
	/* ========== */
	
#footer {
	padding: 20px 0;
	float: left;
	width: 100%;
	clear: both;
}
	#footer .copyright {
		float: left;
		margin: 0 0 0 20px;
	}
	#footer .infusion {
		float: right;
		margin: 0 20px 0 0;
	}
	#footer a {
		border: 0 none;
	}

	/* ============== */
	/* = Navigation = */
	/* ============== */

#navigation {
	position: relative;
	background: url(http://www.cssmelbourne.com/images/design/navigation.png) no-repeat 0 0;
}
	#navigation ul {
		height: 40px;
	}
	#navigation ul li {
		display: inline;
	}
	#navigation ul li a {
		position: absolute;
		text-indent: -9999px;
		border: 0 none;
		top: 0;
		height: 40px;
		background: transparent url(http://www.cssmelbourne.com/images/design/navigation.png) no-repeat 0 0;
	}
		#navigation .home-link a { left: 0px; width: 97px;	background-position: 0px 0px; }
		#navigation .about-link a { left: 97px; width: 87px;	background-position: -97px 0px; }
		#navigation .events-link a { left: 184px; width: 92px;	background-position: -184px 0px; }
		#navigation .gallery-link a { left: 276px; width: 94px;	background-position: -276px 0px; }
		#navigation .sponsors-link a { left: 370px; width: 112px;	background-position: -370px 0px; }
		#navigation .contact-link a { left: 482px; width: 103px;	background-position: -482px 0px; }
		
		#navigation .home-link a:hover, #navigation .home-link a:focus { background-position: 0px -40px; }
		#navigation .about-link a:hover, #navigation .about-link a:focus { background-position: -97px -40px; }
		#navigation .events-link a:hover, #navigation .events-link a:focus { background-position: -184px -40px; }
		#navigation .gallery-link a:hover, #navigation .gallery-link a:focus { background-position: -276px -40px; }
		#navigation .sponsors-link a:hover, #navigation .sponsors-link a:focus { background-position: -370px -40px; }
		#navigation .contact-link a:hover, #navigation .contact-link a:focus { background-position: -482px -40px; }
		
		#navigation .home-link a:active { background-position: 0px -80px; }
		#navigation .about-link a:active { background-position: -97px -80px; }
		#navigation .events-link a:active { background-position: -184px -80px; }
		#navigation .gallery-link a:active { background-position: -276px -80px; }
		#navigation .sponsors-link a:active { background-position: -370px -80px; }
		#navigation .contact-link a:active { background-position: -482px -80px; }
		
		#navigation ul li a:hover, #navigaton ul li a:focus {
		
		}
		#navigation ul li:active {
			
		}
	#navigation li.active a {
		
	}
	
	.home #navigation .home-link a { background-position: 0px -40px; }
	.about #navigation .about-link a { background-position: -97px -40px; }
	.events #navigation .events-link a { background-position: -184px -40px; }
	.gallery #navigation .gallery-link a { background-position: -276px -40px; }
	.sponsors #navigation .sponsors-link a { background-position: -370px -40px; }
	.contact #navigation .contact-link a { background-position: -482px -40px; }
	
	/* ============= */
	/* = General Page Template = */
	/* ============= */

#container {
	background: #fff;
	color: #113b6f;
	position: relative;
	float: left;
	width: 100%;
	min-height: 300px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.home .primary {
	width: 410px;
	min-height: 1390px; /* to allow for secondary content, esp. lots of sponsors */
	padding: 20px;
	float: left;
}

.home .secondary {
	width: 440px;
	padding: 20px;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background: #deefff;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.home .tertiary {
	width: 210px;
	float: right;
}

.content {
	width: 640px; /* 680 minus padding */
	padding: 20px;
	float: left;
}

.sidebar {
	width: 210px; /* 250 minus padding */
	padding: 20px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: #deefff;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: auto;
}
.sidebar h4 {
	padding: 0 20px 10px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #8fbeff;
}
.sidebar #sub-navigation {
	
}
	.sidebar #sub-navigation li {
		
	}
	.sidebar #sub-navigation li a {
		display: block;
		padding: 10px 20px;
		line-height: 20px;
		height: 20px;
		font-size: 14px;
		color: #537ab2;
	}
	.sidebar #sub-navigation li a:hover, .sidebar #sub-navigation a:focus {
		background: #f4faff;
		color: #ff5c8e;
	}
	.sidebar #sub-navigation li a:active {
		/*background: #dbefff;*/
		color: #ff5c8e;
	}
	
	.sidebar #sub-navigation li em {
		font-weight: bold;
		font-style: normal;
	}
	
	.sidebar #sub-navigation li.active a {
		background: #cee6fb;
		background: #bedef9;
	}
	
	/* Two-tone borders around link areas in navigation */
	.sidebar #sub-navigation li a, .sidebar h4 {
		border-bottom: 1px solid #f9fcff;
	}
	.sidebar #sub-navigation li a {
		border-top: 1px solid #bbdaf7;
	}
	.sidebar #sub-navigation {
		border-bottom: 1px solid #bbdaf7;
	}
	
	.pagination {
		float: right;
	}

/* ==================== */
/* = Primary Headings = */
/* ==================== */

#about-h1, #events-h1, #gallery-h1, #sponsors-h1, #contact-h1 {
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0 0;
	display: block;
	height: 70px;
	margin-left: -20px;
	margin-right: 20px;
	text-indent: -9999px;
}
	
	#about-h1 {
		background-image: url(http://www.cssmelbourne.com/images/design/about_h1.png);
		width: 170px;
	}
	#events-h1 {
		background-image: url(http://www.cssmelbourne.com/images/design/events_h1.png);
		width: 180px;
	}
	#gallery-h1 {
		background-image: url(http://www.cssmelbourne.com/images/design/gallery_h1.png);
		width: 190px;
	}
	#sponsors-h1 {
		background-image: url(http://www.cssmelbourne.com/images/design/sponsors_h1.png);
		width: 230px;
	}
	#contact-h1 {
		background-image: url(http://www.cssmelbourne.com/images/design/contact_h1.png);
		width: 206px;
	}


/* ============= */
/* = Home Page = */
/* ============= */

#featured-event {
	background: #0a2240;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	color: #fff;
	font-size: 16px;
	line-height: 25px;
}
	#featured-event p {
		margin: 20px 0 0 0;
	}
	#featured-event:hover {

	}
	#featured-event h3 {
		font-size: 36px;
		font-weight: bold;
		margin: 0 0 20px 0;
		line-height: 40px;
	}
	#featured-event #commerce-camp-h {
		background-image: url(http://www.cssmelbourne.com/images/design/commerce_camp_h.png);
		height: 35px;
		margin-bottom: 15px;
	}

#upcoming-events #coming-up-h {
	background-image: url(http://www.cssmelbourne.com/images/design/coming_up_h.png);
	height: 30px;
	padding-top: 0;
	margin-top: 20px;
}
#upcoming-events .event {
	margin: 0 0 20px 0;
	float: left;
}
	#upcoming-events .event .details {
		float: right;
		width: 260px;
		margin-left: 15px;
	}
	#upcoming-events .event .details p {
		margin: 0 0 20px 0;
	}
		#upcoming-events .event .details h4 {
			font-size: 16px;
			font-weight: bold;
			margin: 0 0 10px 0;
		}
			#upcoming-events .event .details h4 a {
/*				border: 0 none;*/
			}
		#upcoming-events .event .details .dates {
			margin: 0 0 10px 0;
			color: #537ab2;
		}
	#upcoming-events .event .photo {
		float: left;
		display: block;
		width: 120px;
		padding: 5px;
		background: #deefff;
		border: 0 none;
		min-height: 120px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
		#upcoming-events .event .photo:hover {
			background: #8fbeff;
		}
		#upcoming-events .event .photo:active {
			background: #ff5c8e;
		}
		#upcoming-events .event .photo img {
			display: block;
			width: 120px;
			opacity: 0.8;
		}
		#upcoming-events .event .photo:hover img {
			opacity: 1.0;
		}

.round-block {
	background: #537ab2;
	background: rgba(83,122,178,1.0);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	width: 190px; /* 210 - padding */
	padding: 10px;
	margin: 0 0 20px 0;
}
	.round-block:hover {
		background: rgba(83,122,178,1.0);
	}
	.round-block h3 {
		font-size: 16px;
		margin-bottom: 20px;
		font-weight: bold;
	}
	.round-block h3 a {
/*		border: 0 none;*/
		color: #fff;
	}
		.round-block h3 a:hover {
			color: #ff5c8e;
		}
		.round-block h3 a:active {
			color: #deefff;
		}
#recent-events {
	float: left;
	padding: 10px 0 30px 10px;
	width: 200px;
	position: relative;
}
	#recent-events #recent-events-h {
		background-image: url(http://www.cssmelbourne.com/images/design/recent_events_h.png);
		height: 20px;
	}
	#recent-events .event {
		clear: both;
		float: left;
		width: 100%;
		margin: 0 0 10px 0;
	}
	#recent-events .event h4 {
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
		#recent-events .event h4 a {
			/*border: 0 none;*/
			color: #fff;
		}
			#recent-events .event h4 a:hover {
				color: #ff5c8e;
			}
	#recent-events .video-link {
		width: 190px;
		margin: 0 0 0 -5px;
		border: 0 none;
		padding: 5px;
		display: block;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: transparent;
	}
		#recent-events .video-link:hover {
			background: #98b4d8;
			background: rgba(222,239,255,0.5);
		}
		#recent-events .video-link img {
			display: block;
			opacity: 0.8;
		}
			#recent-events .video-link:hover img {
				opacity: 1.0;
			}
	#recent-events .event ul 
	{
		
	}
	#recent-events .event li {
		width: 100px;
		height: 100px;
		margin: 0 5px 0 -5px;
		overflow: hidden;
		float: left;
	}
		#recent-events .event li a {
			display: block;
			background: transparent;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			border: 0 none;
			padding: 5px;
		}
		#recent-events .event li a img {
			display: block;
			opacity: 0.8;
		}
		#recent-events .event li a:hover {
			background: #98b4d8;
			background: rgba(222,239,255,0.5);
		}
			#recent-events .event li a:hover img {
				opacity: 1.0;
			}
		#recent-events .event li a:active {
			background: #ff5c8e;
/*			background: rgba(255,92,142,0.8);*/
		}


#what-is-css {
	position: relative;
	padding-bottom: 30px;
}
	.home #what-is-css #what-is-css-h {
		background-image: url(http://www.cssmelbourne.com/images/design/what_is_css_h.png);
		height: 20px;
	}
	
	#drlove .read-more, #what-is-css .read-more, #recent-events .view-more, .home #sponsors .read-more {
		opacity: 0.5;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	#drlove .read-more, #what-is-css:hover .read-more, #recent-events:hover .view-more, .home #sponsors:hover .read-more {
		opacity: 1.0;
	}

.home #sponsors {
	position: relative;
	padding-bottom: 30px;
}
	.home #sponsors #sponsors-h {
		background-image: url(http://www.cssmelbourne.com/images/design/sponsors_h.png);
		height: 20px;
	}
	

	
	.home #sponsors li {
		padding: 10px;
		display: block;
		margin: 10px 0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: #fff;
	}
		.home #sponsors li img {
			display: block;
		}
		
		.home #sponsors li a {
			display: block;
			border: 0 none;
		}

#drlove {
	float: left;
	width: 420px;
	padding-bottom: 0;
	position: relative;
}


/* ========= */
/* = About = */
/* ========= */

#about-css-h, #committee-h, #keyring-h {
	height: 30px;
	padding-top: 0;
	margin-top: 20px;
}
#about-css-h {
	background-image: url(http://www.cssmelbourne.com/images/design/about_css_h.png);
}
#committee-h {
	background-image: url(http://www.cssmelbourne.com/images/design/committee_h.png);
}
#keyring-h {
	background-image: url(http://www.cssmelbourne.com/images/design/keyring_h.png);
}

.about .member {
	width: 485px; /* 525px minus padding */
	padding: 20px;
	float: left;
	background: #deefff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 20px 0 0 0;
	position: relative;
}

.about .member .details {
	width: 345px;
	float: right;
}
	.about .member .details h4 {
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	.about .member .details p {
		margin: 20px 0 0 0;
	}
.about .member .photo {
	width: 120px;
	height: 120px;
	background: #fff;
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.about .member .facebook {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: #fff;
	opacity: 0.5;
}

.about .member:hover .facebook {
	opacity: 1.0;
}

/* ============ */
/* = Sponsors = */
/* ============ */

.sponsors #our-sponsors-h {
	background-image: url(http://www.cssmelbourne.com/images/design/our_sponsors_h.png);
	height: 30px;
	margin-top: 20px;
	padding-top: 0;
}

.sponsors .content {
	width: 910px; /* 930 (full width) minus left padding */
	padding: 20px 0 20px 20px; /* no padding on right */
	float: left;
}

.sponsors .content p {
	margin: 20px 240px 20px 20px;
}

.sponsors .sponsor {
	width: 390px;
	background: #deefff;
	padding: 20px;
	float: left;
	margin: 20px 20px 0 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
	.sponsors .sponsor.featured {
/*		background: #537ab2;
		color: #fff;*/
		border: 3px solid #8fbeff;
		padding: 17px;
	}
	.sponsors .sponsor.featured .logo p {
		font-weight: bold;
		margin: 20px 0 0 0;
		text-align: center;
	}

.sponsors .sponsor .details {
	float: right;
	width: 250px;
}
	.sponsors .sponsor .details h4 {
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
		.sponsors .sponsor .details h4 a {
			color: #113B6F;
		}
		.sponsors .sponsor .details h4 a:hover {
			color: #ff5c8e;
		}
	.sponsors .sponsor .details h5 a {

	}
	.sponsors .sponsor .details p {
		margin: 20px 0 0 0;
	}

.sponsors .sponsor .logo {
	float: left;
	width: 120px;
	height: 120px;
	border: 5px solid #fff;
	margin: -5px 0 0 -5px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.sponsors .sponsor .logo img {
		width: 120px;
		height: 120px;
		display: block;
	}
	
	.sponsors .sponsor a.logo {
	}
		.sponsors .sponsor a.logo:hover {
			border-color: #8fbeff;
		}
		.sponsors .sponsor a.logo:active {
			border-color: #ff5c8e;
		}

.sponsors .sponsor .extended {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: #fff;
	opacity: 0.5;
}
	.sponsors .sponsor:hover .extended {
		opacity: 1.0;
	}
		
/*  -----  Sponsor - Individual Details  -----  */

.sponsor-details .sponsor {
	width: 590px;
}

.sponsor-details .sponsor .details {
	float: right;
	width: 450px;
}

	.sponsor-details .sponsor .details h5 {
		font-weight: bold;
		margin: 10px 0;
	}
	.sponsor-details .sponsor .details p {
		margin: 10px 0 ;
	}

/* =========== */
/* = Contact = */
/* =========== */

.contact #container {
	min-height: 500px;
}
.contact .content {
	width: 410px;
	padding: 20px;
	float: left;
}

#contact-form {
	width: 440px;
	padding: 20px;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background: #deefff;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#contact-form form h3 {
	font-size: 14px;
	font-weight: bold;
}

#contact-form #enquiries-form-h {
	
}

#contact-form form {
	background: #537ab2;
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	float: right;
}
	
	#contact-form form label {
		display: block;
		clear: both;
		margin: 15px 0 0 0;
	}
	#contact-form form input[type="text"], #contact-form form textarea {
		height: 16px;
		width: 246px;
		padding: 5px;
		border: 2px solid #deefff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 5px 0 0 0;
		color: #0a2240;
		font: 13px/18px "Lucida Grande", Verdana, "Helvetica Neue", Arial, sans-serif;
	}
		#contact-form form textarea {
			width: 376px;
			height: 100px;
			resize: vertical;
		}
		
	#contact-form form input[type="text"]:focus, #contact-form form textarea:focus {
		background: #f4faff;
		border-color: #ff5c8e;
	}
	
	#contact-form form #submit {
		padding: 5px 15px;
		font-size: 12px;
		display: block;
		float: right;
		margin: 10px 10px 0 0;
		cursor: pointer;
	}
/* ========== */
/* = Events = */
/* ========== */

	.events #coming-up-h {
		background-image: url(http://www.cssmelbourne.com/images/design/coming_up_h.png);
		height: 30px;
		margin-top: 20px;
		padding-top: 0;
	}

	.sidebar #sub-navigation li a {
		height: auto;
		color: #113b6f;
	}
	.events .sidebar #sub-navigation li a span {
		display: block;
		font-size: 12px;
		color: #537ab2;
	}
	
	.events-single h1 {
		float: left;
	}
	
	.events #return {
		float: left;
	}

	.events .event {
		width: 485px; /* 525px minus padding */
		padding: 20px;
		float: left;
		background: #deefff;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin: 0 0 20px 0;
		position: relative;
	}
		.events .event .read-more {
			position: absolute;
			bottom: 10px;
			right: 10px;
			opacity: 0.5;
		}
		.events .event .button {
			background: #fff;
		}
	.events .event:hover .read-more {
		opacity: 1.0;
	}

	.events .event .details {
		width: 345px;
		float: right;
	}
		.events .event .details h4 {
			font-size: 16px;
			font-weight: bold;
			margin: 0 0 10px 0;
		}
		.events .event .details .date {
			margin-top: 10px;
		}
		.events .event .details p {
			margin: 20px 0 0 0;
		}
	.events .event .photo {
		width: 120px;
		min-height: 120px;
		margin: -5px 0 0 -5px;
		padding: 5px;
		background: #fff;
		background: rgba(255,255,255,0.8);
		border: 0 none;
		float: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
		.events .event .photo:hover {
			background: #8fbeff;
		}
		.events .event .photo:active {
			background: #ff5c8e;
		}
		.events .event .photo img {
			opacity: 0.8;
			display: block;
		}
			.events .event .photo:hover img {
				opacity: 1.0;
			}
	
/* ================== */
/* = Gallery Albums = */
/* ================== */

.gallery #albums-h {
	background-image: url(http://www.cssmelbourne.com/images/design/albums_h.png);
	height: 30px;
	margin-top: 20px;
	padding-top: 0;
}

.gallery .content {
	padding: 20px 0 0 20px;
	width: 660px;
}
#gallery-albums {
	
	
}

#gallery-albums .album-link {
	width: 160px;
	height: 175px;
	padding: 10px 20px 20px 20px;
	margin: 0 20px 20px 0;
	float: left;
	background: #deefff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: bold;
	border: 0 none;
	position: relative;
	text-align: center;
	
/*	border: 3px solid #deefff;
	padding: 7px 17px 17px 17px;	*/
}

	#gallery-albums .album-link img {
		margin: 5px 0 -5px -5px;
		border: 5px solid #fff;
		border-color: rgba(255,255,255,0.8);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		display: block;
		width: 160px;
		height: 120px;
		background: #fff;
		opacity: 0.8;
		position: absolute;
		bottom: 20px;
		left: 20px;
	}

#gallery-albums .album-link:hover {
	background: #8fbeff;
	background: #BEDEF9;
/*	border-color: #8fbeff;*/
	color: #fff;
	color: #0a2240;
}
	#gallery-albums .album-link:active {
		background: #ff5c8e;
	}
	#gallery-albums .album-link:hover img {
		opacity: 1.0;
		border-color: #deefff;
	}
	#gallery-albums .album-link:active img {
/*		border-color: #ff5c8e;*/
	}
	
/* ============================ */
/* = Gallery Individual Album = */
/* ============================ */

.gallery-album .content {
	width: 910px;
	padding: 20px 0 0 20px;
}

.gallery-album h1 {
	float: left;
}

.gallery-album #album {
	clear: both;
	overflow: auto;
}

.gallery-album #album .photo {
	width: 160px;
	height: 120px;
	padding: 5px;
	margin: 0 10px 10px 0;
	background: #deefff;
	float: left;
	border: 0 none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.gallery-album #album .photo:hover {
	background: #8fbeff;
}
.gallery-album #album .photo:active {
	background: #ff5c8e;
}

.gallery-album #album .photo img {
	display: block;
	margin: 0 auto;
	background: #fff;
}

.gallery-full .content {
	width: 910px;
	padding: 20px 0 0 20px;
}

.gallery-full h1 {
	float: left;
}

.gallery-full #header {
	height: 10px;
}
#full-photo {
	background: #deefff;
	margin: 20px 40px 20px 20px;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	clear: both;
	display: block;
	position: relative;
	text-align: center;
}

#full-photo #photo-nav {
	position: absolute;
	top: -31px;
	right: 20px;
	padding: 14px 18px 10px 18px;
	z-index: 10;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-radius: 10px 10px 0 0;
	background: #deefff;
	
}
	
	#full-photo #photo-nav .button {
		background: #fff;
	}
	#full-photo #photo-nav #photo-id {
		margin-right: 10px;
		color: #8fbeff;
	/*	display: none;*/
	}
#full-photo #photo-nav:hover #photo-id {
	display: inline;
}
#full-photo #photo-nav:hover .button {
}


#full-photo img {
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

#full-photo.loading {
	background: #DEEFFF url(http://www.cssmelbourne.com/images/design/ajax-loader.gif) no-repeat 50% 50%;
	min-height: 100px;
}

.gallery-album h2, .gallery-full h2 {
	float: left;
	padding-top: 0;
}

.gallery-album .return, .gallery-full .return {
	float: left;
	margin: 4px 0 0 20px;
}

.gallery-album .pagination, .gallery-full .pagination {
	
}

.pagination {
	margin: 4px 24px 16px 16px;
	clear: both;
}

.pagination .count {
	
}
.pagination .links {
	margin-left: 10px;
}


/*  -----  CONTENT PAGE STYLING  -----  */

.content p, .content h3, .content ul {
	margin: 20px 0 20px 20px;
}
.content ul {
	list-style: outside disc;
}
.content ul li {
	margin: 0 0 0 20px;
}
.content h3 {
	font-size: 16px;
	font-weight: bold;
}
.content h4 {
	font-size: 14px;
	font-weight: bold;
}