/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox.png);
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox.png) -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url(http://www.mcsl.org.au/uploads/site_images/fancybox/blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox.png);
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox.png);
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox-x.png);
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox.png);
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox-y.png);
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox.png);
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox-x.png);
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox.png);
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox-y.png);
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox.png);
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancy_title_over.png);
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox.png) -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox-x.png) 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url(http://www.mcsl.org.au/uploads/site_images/fancybox/fancybox.png) -55px -90px no-repeat;
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }
/* Stylesheet: fancybox Modified On 2012-11-09 14:54:21 */
/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(theme/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
/* Stylesheet: flexslider Modified On 2012-11-09 14:54:49 */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/* Stylesheet: tipsy Modified On 2012-11-09 14:58:19 */
/**
 * @package Website_Template
 * @since Website 1.0
 */

/* =Reset default browser CSS
	By Richard Clark: http://richclarkdesign.com 
----------------------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
/* =Styles
----------------------------------------------------------------------------- */
body {
	font: normal 12px/22px Arial, Helvetica, sans-serif;
}
a {
	outline: none;
	text-decoration: none;
}
a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
img[src="/"] {
	visibility: hidden;
}
mark {
	padding: 1px 2px;
}
hr {
	border: none;
	border-top-width: 1px;
	border-top-style: dotted;
	display: block;
	margin: 15px 0;
	height: 1px;
}
label {
	cursor: default;
	display: inline-block;
	position: relative;
}
label > input {
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
}
label > span {
	line-height: 22px;
	display: inline-block;
	margin-left: 20px;
}
label > span:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	width: 15px;
	height: 12px;
}
label > input[type="checkbox"] + span:before {
	background-position: 0 top;
}
label > input[type="checkbox"] + span:hover:before {
	background-position: -15px top;
}
label > input[type="checkbox"]:checked + span:before {
	background-position: -30px top;
}
label > input[type="checkbox"]:checked + span:hover:before {
	background-position: -45px top;
}
label > input[type="radio"] + span:before {
	background-position: 0 bottom;
}
label > input[type="radio"] + span:hover:before {
	background-position: -15px bottom;
}
label > input[type="radio"]:checked + span:before {
	background-position: -30px bottom;
}
label > input[type="radio"]:checked + span:hover:before {
	background-position: -45px bottom;
}
input, textarea, .yaselect-anchor, .yaselect-select {
	box-sizing: border-box;
	outline: none;
	border-radius: 4px;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}   
input[type="text"], input[type="email"], input[type="password"], textarea, .yaselect-anchor {
	border-width: 0;
	border-style: solid;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
input[type="text"], input[type="email"], input[type="password"], .yaselect-anchor {
	margin-right: 5px;
	padding: 0 10px;
	width: 190px;
	height: 28px;
}
textarea {
	line-height: 20px;
	padding: 5px 10px 8px;
	width: 460px;
	height: 144px;
	min-width: 190px;
	min-height: 80px;
	overflow: auto;
}
.yaselect-anchor {
	line-height: 26px;
	white-space: nowrap;
	display: inline-block;
	width: auto;
	min-width: 190px;
}
.yaselect-wrap, .yaselect-current {
	position: relative;
	height: 100%;
}
.yaselect-current:after {
	content: "";
	background-position: -52px center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 13px;
}
.yaselect-anchor:hover .yaselect-current:after {
	background-position: -65px center;
}
.yaselect-select {
	border: none;
	padding: 4px 7px;
	top: 27px !important;
}
.yaselect-select option {
	padding: 2px 4px;
}
input[type="submit"] {
	border-width: 1px;
	border-style: solid;
	font: normal 25px/38px Rokkitt, "Times New Roman";
	cursor: pointer;
	padding: 0 14px;
	height: 40px;
}
input[type="submit"]:disabled {
	opacity: 0.5;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
	padding: 0;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	label > input {
		position: relative;
		opacity: 1;
	}
	label > span {
		margin-left: 3px;
	}
	label > span:before {
		display: none;
	}
}

/* =Classes
----------------------------------------------------------------------------- */
.clear:after,
.widget:after,
.post .content div.columns:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.clear-this {
	clear: both;
	height: 0;
	overflow: hidden;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.vertical {
	display: table !important;
}
.vertical > div,
.vertical > span {
	display: table-cell !important;
	vertical-align: middle;
}
.more {
	white-space: nowrap;
}
.more:after {
	content: "›";
	font-size: 15px;
	position: relative;
	left: 3px;
	top: 1px;
}
.full-width {
	width: 100%;
}
.none {
	display: none !important;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	.full-width-mobile {
		width: 100% !important;
	}
}

/* =Conditional classes
----------------------------------------------------------------------------- */
.lte-ie8, .lte-ie9 {
	display: none;
}
.lte-tablet, .lte-mobile, .lte-mini,
.gte-desktop, .gte-tablet, .gte-mobile,
.desktop, .tablet, .mobile, .mini {
	display: none;
}
.hide-all {
	display: none;
}
@media only screen and (max-width: 979px) { /* <= Tablet */
	.lte-tablet {
		display: block;
	}
	span.lte-tablet {
		display: inline;
	}
	.hide-lte-tablet {
		display: none;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	.lte-mobile {
		display: block;
	}
	span.lte-mobile {
		display: inline;
	}
	.hide-lte-mobile {
		display: none;
	}
}
@media only screen and (max-width: 319px) { /* <= Mini */
	.lte-mini, .mini {
		display: block;
	}
	span.lte-mini, span.mini {
		display: inline;
	}
	.hide-lte-mini, .hide-mini {
		display: none;
	}
}
@media only screen and (min-width: 980px) { /* >= Desktop */
	.gte-desktop, .desktop {
		display: block;
	}
	span.gte-desktop, span.desktop {
		display: inline;
	}
	.hide-gte-desktop, .hide-desktop {
		display: none;
	}
}
@media only screen and (min-width: 740px) { /* >= Tablet */
	.gte-tablet {
		display: block;
	}
	span.gte-tablet {
		display: inline;
	}
	.hide-gte-tablet {
		display: none;
	}
}
@media only screen and (min-width: 320px) { /* >= Mobile */
	.gte-mobile {
		display: block;
	}
	span.gte-mobile {
		display: inline;
	}
	.hide-gte-mobile {
		display: none;
	}
}
@media only screen and (min-width: 740px) and (max-width: 979px) { /* == Tablet */
	.tablet {
		display: block;
	}
	span.tablet {
		display: inline;
	}
	.hide-tablet {
		display: none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 739px) { /* == Mobile */
	.mobile {
		display: block;
	}
	span.mobile {
		display: inline;
	}
	.hide-mobile {
		display: none;
	}
}

/* =Columns widths
----------------------------------------------------------------------------- */
.col-1-2 { width: 49.00%; }
.col-1-3 { width: 32.00%; }
.col-2-3 { width: 66.00%; }
.col-1-4 { width: 23.50%; }
.col-2-4 { width: 49.00%; }
.col-3-4 { width: 74.50%; }
.col-1-5 { width: 18.40%; }
.col-2-5 { width: 38.80%; }
.col-3-5 { width: 59.20%; }
.col-4-5 { width: 79.60%; }
.col-1-6 { width: 15.00%; }
.col-2-6 { width: 32.00%; }
.col-3-6 { width: 49.00%; }
.col-4-6 { width: 66.00%; }
.col-5-6 { width: 83.00%; }
.col-1-7 { width: 12.57%; }
.col-2-7 { width: 27.14%; }
.col-3-7 { width: 41.71%; }
.col-4-7 { width: 56.29%; }
.col-5-7 { width: 70.86%; }
.col-6-7 { width: 85.43%; }
.col-1-8 { width: 10.75%; }
.col-2-8 { width: 23.50%; }
.col-3-8 { width: 36.25%; }
.col-4-8 { width: 49.00%; }
.col-5-8 { width: 61.75%; }
.col-6-8 { width: 74.50%; }
.col-7-8 { width: 87.25%; }
.col-1-9 { width: 9.33%; }
.col-2-9 { width: 20.66%; }
.col-3-9 { width: 32.00%; }
.col-4-9 { width: 43.33%; }
.col-5-9 { width: 54.66%; }
.col-6-9 { width: 66.00%; }
.col-7-9 { width: 77.33%; }
.col-8-9 { width: 88.66%; }
.col-1-10 { width: 8.20%; }
.col-2-10 { width: 18.40%; }
.col-3-10 { width: 28.60%; }
.col-4-10 { width: 38.80%; }
.col-5-10 { width: 49.00%; }
.col-6-10 { width: 59.20%; }
.col-7-10 { width: 69.40%; }
.col-8-10 { width: 79.60%; }
.col-9-10 { width: 89.80%; }

/* =Other
----------------------------------------------------------------------------- */
#fancybox-close {
	border-bottom-width: 0;
}
/* Stylesheet: base Modified On 2012-12-06 16:54:01 */
/**
 * @package Website_Template
 * @since Website 1.0
 */

/* =Classes
----------------------------------------------------------------------------- */
.container {
	margin: 0 auto;
	position: relative;
	width: 940px;
}
.alpha {
	float: left;
}
.beta {
	float: right;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
	.container {
		width: 700px;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	.container {
		width: 300px;
	}
	.alpha, .beta {
		float: none;
		width: auto !important;
	}
}
@media only screen and (max-width: 319px) { /* <= Mini */
	html {
		min-width: 220px;
	}
	.container {
		width: 220px;
	}
}

/* =Browser notification
----------------------------------------------------------------------------- */
.browser-notification {
	border-bottom: 1px solid #a29330;
	background: #fdf2ab url(http://www.mcsl.org.au/uploads/site_images/exclamation.gif) no-repeat 10px center;
	font: 11px/18px Verdana;
	color: #303030;
	display: none;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}
.browser-notification p {
	margin: 0;
	padding: 10px 36px 12px;
}
.browser-notification a {
	color: #e25600;
	text-decoration: none;
}
.browser-notification a:hover {
	border-bottom-width: 0;
	color: #e25600;
	text-decoration: underline;
}
.browser-notification .close {
	font-weight: bold;
	cursor: pointer;
	position: absolute;
	right: 14px;
	top: 10px;
}

/* =Top
----------------------------------------------------------------------------- */
#top {
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 0;
}
#top.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 100;
}
#top.fixed + #main {
	margin-top: 44px;
}
#top.fixed.lte-mobile + #main {
	margin-top: 0;
}
#top h1 {
	display: none;
}
#top .frame > .inner {
	display: none;
}

@media only screen and (min-width: 740px) { /* >= Desktop */
	#top .frame {
		display: block !important;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	#top {
		padding: 13px 0;
		height: 33px;
	}
	.no-js #top {
		height: auto;
	}
	#top.fixed + #main {
		margin-top: 59px;
	}
	#top.fixed.hide-lte-mobile + #main {
		margin-top: 0;
	}
	#top h1 {
		font-weight: normal;
		line-height: 33px;
		cursor: pointer;
		display: block;
		padding: 0 12px;
	}
	#top h1:after {
		content: "";
		background-position: 0 center;
		background-repeat: no-repeat;
		display: block;
		position: absolute;
		right: 12px;
		top: 0;
		bottom: 0;
		width: 13px;
	}
	#top h1:hover:after {
		background-position: -13px center;
	}
	#top .frame {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		overflow: hidden;
		z-index: 110;
	}
	.no-js #top .frame {
		display: block;
		position: static;
	}
	#top .frame > .inner {
		display: block;
		padding: 3px 12px 12px;
	}
}

/* =Search
----------------------------------------------------------------------------- */
#search {
	position: absolute;
	margin-top: -12px;
	right: 0;
	top: 50%;
	width: 180px;
	height: 24px;
}
#search .input {
	margin-right: 22px;
	height: 30px;
}
#search input {
	box-shadow: none;
	border: none;
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	display: block;
	margin: 0;
	padding: 0;
	height: 30px;
}
#search input[type="text"] {
	padding: 0 9px;
	width: 100%;
}
#search input[type="submit"] {
	-ms-filter: "";
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 center;
	float: right;
	margin-right: 5px;
	width: 17px;
}
#search input[type="submit"]:hover {
	background-position: -17px center;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	#search {
		position: static;
		margin: 0;
		width: 100%;
		height: 30px;
	}
	#search input[type="submit"] {
		background-position: -34px 7px;
	}
	#search input[type="submit"]:hover {
		background-position: -51px 7px;
	}
}

/* =Navigation
----------------------------------------------------------------------------- */
nav li {
	white-space: nowrap;
	display: block;
	position: relative;
}
nav a {
	cursor: default;
	display: block;
	position: relative;
}
nav a[href] {
	cursor: pointer;
}
nav a[href="#"] {
	cursor: default;
}
nav a:hover {
	border-bottom-width: 0 !important;
}
nav li.sub > a:after {
	content: "›";
}

/* =Level 0 */
nav > ul > li {
	float: left;
	margin-right: 28px;
}
nav > ul > li > a:after {
	padding-left: 4px;
}
nav > ul > li.right {
	float: right;
	margin-left: 28px;
	margin-right: 0;
}

/* =Level 1+ */
nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	z-index: 10;
}
nav li:hover > ul {
	display: block;
}
nav li ul li {
	border-width: 1px;
	border-style: solid;
	border-top-style: dotted;
	border-bottom-width: 0;
}
nav li ul li:first-child {
	border-top-style: solid;
}
nav li ul li:last-child {
	border-bottom-width: 1px;
}
nav li ul li.sub > a {
	padding-right: 24px !important;
}
nav li ul li.sub > a:after {
	position: absolute;
	right: 12px;
	top: 0;
	bottom: 0;
}
nav li ul li a {
	padding: 0 12px;
	line-height: 33px;
}

/* =Level 2+ */
nav li ul li ul {
	padding: 0 !important;
	left: 100% !important;
	top: -1px !important;
}
nav li ul li ul.left {
	left: auto !important;
	right: 100% !important;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	nav ul {
		position: static !important;
		padding: 0 !important;
	}
	nav li {
		box-shadow: none !important;
		border-left-width: 0 !important;
		border-right-width: 0 !important;
		border-top-width: 1px !important;
		border-top-style: dotted !important;
		border-bottom-width: 0 !important;
		display: block !important;
		float: none !important;
		margin: 0 !important;
	}
	nav li.sub > a {
		cursor: pointer;
	}
	.no-js nav li ul {
		display: block !important;
	}
	nav li a {
		padding: 0 16px;
		line-height: 33px;
	}
	nav li ul li a {
		padding-left: 32px !important;
	}
	nav li ul li ul li a {
		padding-left: 48px !important;
	}
	nav li ul li ul li ul li a {
		padding-left: 64px !important;
	}
	nav li ul li ul li ul li ul li a {
		padding-left: 80px !important;
	}
}

/* =Navigation top
----------------------------------------------------------------------------- */
#nav-top {
	font-size: 13px;
	line-height: 26px;
}
#nav-top li ul {
	padding-top: 4px;
	left: -2px;
}
#nav-top li ul li {
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	#nav-top ul {
		display: block;
	}
	#nav-top ul.hide-lte-mobile {
		display: none;
	}
	#nav-top li.sub > a:after {
		display: none;
	}
	#nav-top > ul > li:first-child {
		border-top-width: 0 !important;
	}
}

/* =Navigation main
----------------------------------------------------------------------------- */
#nav-main {
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-size: 21px;
	font-family: Rokkitt, "Times New Roman";
	line-height: 26px;
	margin-bottom: 20px;
	padding: 5px 0;
}
#nav-main > ul {
	margin: 0 auto;
}
#nav-main li ul {
	padding-top: 5px;
	left: -2px;
}
#nav-main li ul li {
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 740px) { /* >= Tablet */
	#nav-main li ul {
		display: none !important;
	}
	#nav-main li:hover > ul {
		display: block !important;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	#nav-main {
		border-top-width: 0;
		padding: 0;
	}
	#nav-main li.sub > a:after {
		content: "";
		background-position: -26px center;
		background-repeat: no-repeat;
		position: absolute;
		padding: 0;
		right: 16px;
		top: 0;
		bottom: 0;
		width: 13px;
	}
	#nav-main li:hover > ul {
		display: none;
	}
	#nav-main li.sub > a:hover:after{
		background-position: -39px center;
	}
}
@media only screen and (max-width: 319px) { /* <= Mini */
	#nav-main {
		font-size: 18px;
	}
	#nav-main li a {
		line-height: 30px;
	}
}

/* =Main
----------------------------------------------------------------------------- */
#main {
	padding: 0;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	#main {
		padding: 15px 0;
	}
}

/* =Header
----------------------------------------------------------------------------- */
#header {
    height:180px;
	margin-bottom: 2px;
    background: transparent url(http://www.mcsl.org.au/uploads/site_images/mscl_header.png) no-repeat right top;
}
#header hgroup {
	width: 440px; /* = 940px - 468px - 32px */
}
#header hgroup.noad {
	float: none;
	width: auto;
}
#header h1, #header h2, #header .ad {
	height: 60px;
}
#header h1 { /* logo */
	font: normal 51px/0.7 Rokkitt, "Times New Roman";
	margin-right: 32px;
	max-width: 100%;
}
#header h1.center {
	text-align: center;
	margin-right: 0;
	width: 100%;
}
#header h1 a:hover {
	border-bottom-width: 0;
}
#header h1 img {
    margin-top: 42px;
	max-width: 100%;
}
#header h2 { /* tagline */
	border-left-width: 1px;
	border-left-style: solid;
	font: normal 22px/22px Rokkitt, "Times New Roman";
	padding-left: 32px;
}
#header .ad {
	overflow: hidden;
}
#header .ad img {
	display: block;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
    #header {
        height:auto;
        margin-bottom: 0;
        background-size:460px auto;
    }
    #header h1 img {
    margin-top: 0;
}
	#header hgroup {
		float: none;
		width: auto;
	}
	#header .ad {
		display: block !important;
		float: none;
		margin: 16px auto 0 auto;
		width: 468px;
		height: auto !important;
	}
	#header .ad > div {
		display: block !important;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
    #header {
        height:auto;
        background-image:none;
    }
	#header h1 {
		text-align: center;
		display: block !important;
		margin: 0;
		padding: 8px 0;
		height: auto !important;
	}
	#header h1 > span {
		display: block !important;
	}
	#header h2 {
		border-left-width: 0;
		text-align: center;
		display: block !important;
		margin: 7px 0 0;
		padding: 0;
		height: auto !important;
	}
	#header h2 > span {
		display: block !important;
	}
	#header .ad,
	#header .ad img {
		width: 100%;
	}
	#header .hide-lte-mobile {
		display: none !important;
	}
}

/* =Banners
----------------------------------------------------------------------------- */
#banners {
	margin-bottom: 25px;
}
.no-js #banners {
	display: none;
}
#banners article {
	box-sizing: border-box;
	padding: 14px 20px 0 20px;
	width: 320px;
}
#banners article > *:first-child {
	margin-top: 0;
}
#banners article h1 {
	font: normal 32px/32px Rokkitt, "Times New Roman";
}
#banners article h1 + p {
	margin-top: 6px;
}
#banners article p {
	margin-top: 10px;
}
#banners article p:first-child {
	margin-top: 0;
}
#banners .banner {
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
}
#banners .descriptions article {
	display: none;
}
#banners .descriptions article:first-child {
	display: block;
}
#banners .image a, 
#banners .image img {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
#banners .image {
	border-bottom-width: 0;
}
#banners .flexslider .slides,
#banners .flexslider .slides li,
#banners .flexslider .slides a,
#banners .flexslider .slides img,
#banners .flexslider .slides iframe,
#banners .flexslider .slides embed,
#banners .flexslider .slides object {
	height: 100%;
}
#banners .second {
	margin: 0 0 19px 20px;
}
#banners .third {
	margin: 19px 0 0 20px;
}
#banners .full {
	width: 100%;
	height: 285px;
}
#banners .big {
	width: 620px;
	height: 285px;
}
#banners .small {
	width: 300px;
	height: 133px;
}
#banners .small .caption {
	font: normal 21px/19px Rokkitt, "Times New Roman";
	display: block;
	position: absolute;
	padding: 9px 13px;
	left: 0;
	right: 0;
	bottom: 0;
}
#banners .caption.vertical {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 100%;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
	#banners article {
		width: 240px;
	}
	#banners article h1 {
		font-size: 28px;
		line-height: 28px;
	}
	#banners .second {
		margin-bottom: 15px;
	}
	#banners .third {
		margin-top: 15px;
	}
	#banners .full {
		height: 211px;
	}
	#banners .big {
		width: 460px;
		height: 211px;
	}
	#banners .small {
		width: 220px;
		height: 98px;
	}
	#banners .small .caption {
		font-size: 16px;
		line-height: 15px;
		padding: 7px 11px;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	#banners {
		margin-bottom: 20px;
	}
	#banners article {
		padding: 12px 15px;
		width: 100%;
	}
	#banners article h1 {
		font-size: 26px;
		line-height: 26px;
	}
	#banners .second {
		float: left;
		margin: 8px 8px 0 0;
	}
	#banners .third {
		float: right;
		margin: 8px 0 0 0;
	}
	#banners .full {
		height: 91px;
	}
	#banners .big {
		width: 100%;
		height: 138px;
	}
	#banners .small {
		width: 146px;
		height: 65px;
	}
	#banners .small .caption {
		display: none;
	}
}
@media only screen and (max-width: 319px) { /* <= Mini */
	#banners article {
		padding: 9px 12px;
	}
	#banners article h1 {
		font-size: 20px;
		line-height: 20px;
	}
	#banners .full {
		height: 67px;
	}
	#banners .big {
		height: 101px;
	}
	#banners .small {
		width: 106px;
		height: 47px;
	}
}

/* =Content
----------------------------------------------------------------------------- */
#content.alpha,
#content.beta {
	width: 700px;
}
#content > *:first-child {
	margin-top: 0;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
	#content.alpha,
	#content.beta {
		width: 460px;
	}
}

/* =Aside
----------------------------------------------------------------------------- */
#aside {
	width: 220px;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	#aside {
		margin-top: 20px;
	}
}

/* =Bottom
----------------------------------------------------------------------------- */
#bottom {
	background-position: top;
	background-repeat: repeat-x;
	padding: 27px 0;
}
#bottom input[type="submit"] {
	-ms-filter: "";
	border-width: 0;
	background: none !important;
	font-size: 28px;
	line-height: 30px;
	padding: 0;
	height: 30px;
}

/* =Footer
----------------------------------------------------------------------------- */
#footer {
	border-top-width: 1px;
	border-top-style: dotted;
	font-size: 9px;
	line-height: 16px;
	margin-top: 20px;
	padding-top: 7px;
}
#footer a:hover {
	border-bottom-width: 0;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	#footer .primary {
		margin-bottom: 8px;
	}
}
/* Stylesheet: structure Modified On 2012-11-22 12:06:18 */
/**
 * @package Website_Template
 * @since Website 1.0
 */

/* =Box
----------------------------------------------------------------------------- */
section.box {
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	margin: 18px 0;
	padding: 18px 25px;
}
section.box.bottom,
section.box:last-child {
	margin-bottom: 10px;
}
.clear-this + section.box {
	margin-top: 0;
}
section.box h1 {
	font: normal 38px/38px Rokkitt, "Times New Roman";
}
section.box p {
	margin-top: 10px;
}
section.box .close {
	background-position: left top;
	cursor: pointer;
	display: block;
	position: absolute;
	right: 9px;
	top: 8px;
	width: 15px;
	height: 15px;
}
section.box .close:hover {
	border-bottom-width: 0;
	background-position: right top;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
	section.box {
		padding: 15px 20px;
	}
	section.box h1 {
		font-size: 34px;
		line-height: 34px;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	section.box {
		margin: 13px 0;
		padding: 13px 15px;
	}
	section.box h1 {
		font-size: 26px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 319px) { /* <= Mini */
	section.box {
		padding: 13px 12px;
	}
	section.box h1 {
		font-size: 20px;
		line-height: 20px;
	}
}

/* =Columns
----------------------------------------------------------------------------- */
section.columns {
	margin: 30px 0;
}
section.columns.bottom,
section.columns:last-child {
	margin-bottom: 10px;
}
.clear-this + section.columns {
	margin-top: 12px;
}
section.columns > ul {
	list-style: none;
}
section.columns .column {
	border-left-width: 1px;
	border-style: dotted;
	float: left;
	margin-left: 14px;
	padding-left: 20px;
	height: 100%;
}
section.columns .column:first-child {
	border: none;
	margin: 0;
	padding: 0;
}
section.columns.two .column {
	width: 452px;
}
section.columns.three .column {
	width: 290px;
}
section.columns.four .column {
	width: 208px;
}
#content section.columns.two .column {
	width: 332px;
}
#content section.columns.three .column {
	width: 210px;
}
#content section.columns.four .column {
	width: 148px;
}
section.columns .column .icon {
	float: left;
}
section.columns .column h1 {
	background-position: left center;
	background-repeat: no-repeat;
	font: normal 28px/28px Rokkitt, "Times New Roman";
	margin-bottom: 10px;
	padding-top: 2px;
}
section.columns .column .icon + h1 {
	margin-left: 60px;
}
section.columns .column p,
section.columns .column ul,
section.columns .column ol {
	margin-top: 10px;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
	section.columns .column {
		margin-left: 6px;
		padding-left: 10px;
	}
	section.columns.two .column {
		width: 341px;
	}
	section.columns.three .column {
		width: 222px;
	}
	section.columns.four .column {
		width: 162px;
	}
	#content section.columns.two .column {
		width: 221px;
	}
	#content section.columns.three .column {
		width: 142px;
	}
	#content section.columns.four .column {
		width: 102px;
	}
	section.columns .column .icon + h1 {
		margin-left: 40px;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	section.columns {
		margin: 20px 0;
	}
	.clear-this + section.columns {
		margin-top: 7px;
	}
	section.columns > ul {
		height: auto !important;
	}
	section.columns .column {
		border-top-width: 1px;
		border-left-width: 0;
		float: none;
		margin-top: 15px;
		padding-top: 15px;
		margin-left: 0;
		padding-left: 0;
		width: 100% !important;
		height: auto;
	}
}
@media only screen and (max-width: 319px) { /* <= Mini */
	section.columns .column {
		margin-top: 15px;
		padding-top: 15px;
	}
}

/* =Breadcrumbs
----------------------------------------------------------------------------- */
.breadcrumbs {
	font-size: 11px;
	line-height: 19px;
	margin: 10px 0;
}
.breadcrumbs  + * {
	margin-top: 0 !important;
}
.breadcrumbs a:hover {
	border-bottom-width: 0;
}

/* =Post
----------------------------------------------------------------------------- */
.post {
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	margin: 18px 0;
}
.post > * {
	padding-left: 25px;
	padding-right: 25px;
}
.post .main {
	padding-top: 18px;
	padding-bottom: 18px;
}
.post .main *:last-child {
	margin-bottom: 0;
}
.post .title {
	font: normal 38px/38px Rokkitt, "Times New Roman";
	position: relative;
	padding-left: 48px;
}
.post.default .title,
.post.page .title  {
	padding-left: 0;
}
.post.quote .title {
	font: italic 23px/36px Georgia, serif;
}
.post .title:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
}
.post.default .title:before,
.post.page .title:before  {
	display: none;
}
.post.link .title:before {
	background-position: 0 0;
}
.post.image .title:before {
	background-position: -35px 0;
}
.post.quote .title:before {
	background-position: -70px 0;
}
.post.status .title:before {
	background-position: -105px 0;
}
.post.video .title:before {
	background-position: -140px 0;
}
.post.audio .title:before {
	background-position: -175px 0;
}
.post.chat .title:before {
	background-position: -210px 0;
}
.post .title a:hover {
	border-bottom-width: 0;
}
.post .featured {
	background: transparent;
	margin: 18px 0 20px;
}
.post .featured audio,
.post .featured video,
.post .featured iframe,
.post .featured embed,
.post .featured object,
.post .featured > a > img,
.post .featured > img {
	display: block;
	width: 100%;
}
.post.default .featured {
	float: left;
	margin: 7px 18px 0 0;
}
.post.default .featured img {
	border-width: 1px;
	border-style: solid;
	position: relative;
	width: 188px;
	height: 188px;
	z-index: 1;
}
.post .content {
	margin-top: 10px;
}
.post .content:first-child,
.post .content > *:first-child,
.post .content blockquote > *:first-child,
.post .content div.frame > *:first-child,
.post .content div.columns .column > *:first-child {
	margin-top: 0 !important;
}
.post .content > *:last-child,
.post .content .column > *:last-child {
	margin-bottom: 0 !important;
}
.post .content input[type="text"],
.post .content input[type="email"],
.post .content input[type="password"],
.post .content textarea,
.post .content .yaselect-anchor {
	border-width: 1px;
}
.post .content p,
.post .content ul,
.post .content ol,
.post .content table,
.post .content blockquote,
.post .content pre,
.post .content code,
.post .content figure,
.post .content fieldset,
.post .content .tabs,
.post .content .frame,
.post .content div.columns {
	margin: 10px 0;
}
.post.chat .content p {
	position: relative;
	margin-top: 9px;
	padding-left: 100px;
}
.post .content h1,
.post .content h2,
.post .content h3,
.post .content h4,
.post .content h5,
.post .content h6 {
	font-family: Rokkitt, "Times New Roman";
	font-weight: normal;
	margin: 11px 0;
}
.post .content h1 {
	font-size: 38px;
	line-height: 38px;
}
.post .content h2 {
	font-size: 32px;
	line-height: 32px;
}
.post .content h3 {
	font-size: 28px;
	line-height: 28px;
}
.post .content h4 {
	font-size: 22px;
	line-height: 22px;
}
.post .content h5,
.post .content h6 {
	font-size: 18px;
	line-height: 18px;
}
.post .content ul,
.post .content ol {
	list-style-position: outside;
}
.post .content ul ul,
.post .content ul ol,
.post .content ol ol,
.post .content ol ul,
.post .content li {
	margin-top: 6px;
}
.post .content li:first-child {
	margin-top: 0;
}
.post .content ul {
	list-style-type: disc;
	margin-left: 13px;
}
.post .content ol {
	margin-left: 17px;
}
.post .content .icon {
	position: relative;
	top: -1px;
	vertical-align: middle;
}
.post .content ul.list {
	list-style: none;
	margin-left: 0;
}
.post .content ul.list ul.list {
	margin-left: 28px;
}
.post .content ul.list > li {
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 28px;
}
.post .content ul.list.address > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/address.png);
}
.post .content ul.list.administrative-docs > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/administrative-docs.png);
}
.post .content ul.list.advertising > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/advertising.png);
}
.post .content ul.list.archives > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/archives.png);
}
.post .content ul.list.attibutes > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/attibutes.png);
}
.post .content ul.list.bank > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/bank.png);
}
.post .content ul.list.basket > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/basket.png);
}
.post .content ul.list.bestseller > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/bestseller.png);
}
.post .content ul.list.billing > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/billing.png);
}
.post .content ul.list.bookmark > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/bookmark.png);
}
.post .content ul.list.brainstorming > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/brainstorming.png);
}
.post .content ul.list.business-contact > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/business-contact.png);
}
.post .content ul.list.busy > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/busy.png);
}
.post .content ul.list.calendar > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/calendar.png);
}
.post .content ul.list.category > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/category.png);
}
.post .content ul.list.check > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/check.png);
}
.post .content ul.list.collaboration > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/collaboration.png);
}
.post .content ul.list.comment > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/comment.png);
}
.post .content ul.list.communication > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/communication.png);
}
.post .content ul.list.config > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/config.png);
}
.post .content ul.list.consulting > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/consulting.png);
}
.post .content ul.list.contact > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/contact.png);
}
.post .content ul.list.cost > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/cost.png);
}
.post .content ul.list.credit-card > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/credit-card.png);
}
.post .content ul.list.credit > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/credit.png);
}
.post .content ul.list.current-work > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/current-work.png);
}
.post .content ul.list.customers > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/customers.png);
}
.post .content ul.list.cv > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/cv.png);
}
.post .content ul.list.database > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/database.png);
}
.post .content ul.list.date > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/date.png);
}
.post .content ul.list.delicious > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/delicious.png);
}
.post .content ul.list.document-library > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/document-library.png);
}
.post .content ul.list.donate > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/donate.png);
}
.post .content ul.list.drawings > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/drawings.png);
}
.post .content ul.list.edit > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/edit.png);
}
.post .content ul.list.email > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/email.png);
}
.post .content ul.list.featured > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/featured.png);
}
.post .content ul.list.feed > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/feed.png);
}
.post .content ul.list.finished-work > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/finished-work.png);
}
.post .content ul.list.flag > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/flag.png);
}
.post .content ul.list.folder > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/folder.png);
}
.post .content ul.list.free-for-job > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/free-for-job.png);
}
.post .content ul.list.freelance > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/freelance.png);
}
.post .content ul.list.full-time > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/full-time.png);
}
.post .content ul.list.future-projects > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/future-projects.png);
}
.post .content ul.list.graphic-design > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/graphic-design.png);
}
.post .content ul.list.heart > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/heart.png);
}
.post .content ul.list.hire-me > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/hire-me.png);
}
.post .content ul.list.home > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/home.png);
}
.post .content ul.list.illustration > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/illustration.png);
}
.post .content ul.list.invoice > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/invoice.png);
}
.post .content ul.list.issue > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/issue.png);
}
.post .content ul.list.library > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/library.png);
}
.post .content ul.list.lightbulb > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/lightbulb.png);
}
.post .content ul.list.limited-edition > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/limited-edition.png);
}
.post .content ul.list.link > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/link.png);
}
.post .content ul.list.lock > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/lock.png);
}
.post .content ul.list.login > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/login.png);
}
.post .content ul.list.logout > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/logout.png);
}
.post .content ul.list.milestone > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/milestone.png);
}
.post .content ul.list.my-account > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/my-account.png);
}
.post .content ul.list.networking > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/networking.png);
}
.post .content ul.list.old-versions > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/old-versions.png);
}
.post .content ul.list.order > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/order.png);
}
.post .content ul.list.order-check > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/order-check.png);
}
.post .content ul.list.payment-card > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/payment-card.png);
}
.post .content ul.list.paypal > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/paypal.png);
}
.post .content ul.list.pen > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/pen.png);
}
.post .content ul.list.pencil > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/pencil.png);
}
.post .content ul.list.phone > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/phone.png);
}
.post .content ul.list.photography > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/photography.png);
}
.post .content ul.list.plus > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/plus.png);
}
.post .content ul.list.premium > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/premium.png);
}
.post .content ul.list.print > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/print.png);
}
.post .content ul.list.process > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/process.png);
}
.post .content ul.list.product-box > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/product-box.png);
}
.post .content ul.list.product-design > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/product-design.png);
}
.post .content ul.list.product > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/product.png);
}
.post .content ul.list.project > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/project.png);
}
.post .content ul.list.publish > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/publish.png);
}
.post .content ul.list.refresh > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/refresh.png);
}
.post .content ul.list.search > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/search.png);
}
.post .content ul.list.settings > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/settings.png);
}
.post .content ul.list.shipping > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/shipping.png);
}
.post .content ul.list.showreel > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/showreel.png);
}
.post .content ul.list.sign-in > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/sign-in.png);
}
.post .content ul.list.sign-out > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/sign-out.png);
}
.post .content ul.list.sign-up > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/sign-up.png);
}
.post .content ul.list.sitemap > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/sitemap.png);
}
.post .content ul.list.special-offer > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/special-offer.png);
}
.post .content ul.list.star > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/star.png);
}
.post .content ul.list.statistics > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/statistics.png);
}
.post .content ul.list.suppliers > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/suppliers.png);
}
.post .content ul.list.tag > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/tag.png);
}
.post .content ul.list.ticket > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/ticket.png);
}
.post .content ul.list.twitter > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/twitter.png);
}
.post .content ul.list.upcoming-work > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/upcoming-work.png);
}
.post .content ul.list.user > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/user.png);
}
.post .content ul.list.world > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/world.png);
}
.post .content ul.list.zoom > li {
	background-image: url(http://www.mcsl.org.au/uploads/site_images/icons/16/zoom.png);
}
.post .content table {
	border-collapse: separate;
	border-spacing: 1px;
}
.post .content table caption {
	caption-side: bottom;
}
.post .content th {
	text-align: left;
}
.post .content th,
.post .content td {
	padding: 5px 13px;
}
.post .content blockquote {
	box-sizing: border-box;
	font: italic 19px/26px Georgia, serif;
	position: relative;
	padding: 12px;
}
.post .content blockquote.alignleft,
.post .content blockquote.alignright {
	margin-top: 0;
	margin-bottom: 6px;
	top: 6px;
}
.post .content pre {
	padding: 0 10px;
	overflow: auto;
}
.post .content pre,
.post .content code {
	font: normal 12px/24px "Lucida console";
}
.post .content figure {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.post .content figure.thick {
	border-width: 1px;
	border-style: solid;
	padding: 8px;
}
.post .content figure.alignnone {
	margin-left: 0;
	margin-right: 0;
}
.post .content figure.alignleft {
	margin: 0 20px 12px 0;
	top: 6px;
}
.post .content figure.alignright {
	margin: 0 0 12px 20px;
	top: 6px;
}
.post .content figure img {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
}
.post .content figure.thin img {
	border-width: 1px;
	border-style: solid;
}
.post .content figure.thick figcaption {
	text-align: center;
	position: relative;
	margin: 0;
	top: 4px;
}
.post .content iframe,
.post .content embed,
.post .content object {
	max-width: 100%;
}
.post .content button {
	box-sizing: border-box;
	outline: none;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	font: normal 25px/38px Rokkitt, "Times New Roman";
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	margin: 0;
	padding: 0 14px;
	height: 40px;
	vertical-align: baseline;
}
.post .content button.icon-32 {
	font-size: 30px;
	line-height: 48px;
	height: 50px;
}
.post .content button > span {
	background-repeat: no-repeat;
	background-position: 0 center;
	display: inline-block;
	margin-right: 14px;
	vertical-align: top;
}
.post .content button.icon > span,
.post .content button.icon-16 > span {
	width: 16px;
	height: 38px;
}
.post .content button.icon-32 > span {
	width: 32px;
	height: 48px;
}
.post .content button.small,
.post .content button.tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	padding: 0 6px;
}
.post .content button.small {
	line-height: 26px;
	height: 28px;
}
.post .content button.tiny {
	-ms-filter: "";
	border: none;
	line-height: 18px;
	height: 18px;
}
.post .content button.tiny:hover {
	top: 1px;
}
.post .content .credit,
.post .content table caption,
.post .content figure figcaption {
	font-size: 11px;
	line-height: 15px;
	margin: 2px 2px 0 0;
	text-align: right;
}
.post .content .tabs > ul {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	list-style: none;
	margin-left: 0;
	height: 33px;
}
.post .content .tabs > ul > li {
	border-width: 1px;
	border-style: solid;
	border-radius: 4px 4px 0 0;
	font-weight: bold;
	line-height: 32px;
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 2px 0 0;
	padding: 0 16px;
}
.post .content .tabs > ul > li.active {
	cursor: default;
}
.post .content .tabs > div {
	display: none;
}
.post .content .dropcap {
	font: normal 52px/44px Rokkitt, "Times New Roman";
	position: relative;
	float: left;
	padding-right: 6px;
	top: 3px;
}
.post .content .frame {
	border-radius: 4px;
	background-repeat: no-repeat;
	padding: 9px 14px;
}
.post .content .frame.icon,
.post .content .frame.icon-16 {
	background-position: 14px 12px;
	padding-left: 44px;
}
.post .content .frame.icon-32 {
	background-position: 14px center;
	padding-left: 60px;
}
.post .content div.columns .column {
	float: left;
	margin-right: 2%;
}
.post .content div.columns .column.last {
	clear: right;
	float: right;
	margin-right: 0;
}
.post .content .tags {
	font-size: 11px;
	line-height: 16px;
	float: left;
	margin: 0 20px 10px 0;
	width: 15%;
}
.post .content .tags a,
.post .content .tags span {
	display: inline-block;
	margin: 3px 0;
	padding: 0 4px;
	white-space: nowrap;
}
.post .content .tags a:hover {
	border-bottom-width: 0;
}
.post.chat .content .name {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: 0;
	width: 90px;
	overflow: hidden;
}
.post.chat .content .name:after {
	content: ":";
}
.post .about,
.post .social,
.post .meta {
	border-top-width: 1px;
	border-top-style: dotted;
}
.post .about {
	padding-top: 14px;
	padding-bottom: 14px;
}
.post .about .avatar {
	float: left;
}
.post .about .info {
	position: relative;
	margin-left: 80px;
	top: -2px;
}
.post .about h1 {
	font: normal 22px/22px Rokkitt, "Times New Roman";
}
.post .about p {
	font-size: 11px;
	line-height: 20px;
	margin: 5px 0 -7px;
}
.post .social {
	list-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
.post .social li {
	display: block;
	padding: 6px 0;
	float: left;
	height: 20px;
}
.post .social .fb-like {
	margin-right: 15px;
}
.post .social .fb_iframe_widget {
	height: 20px;
}
.post .meta {
	list-style: none;
	padding-top: 14px;
	padding-bottom: 14px;
}
.post .meta li {
	background-repeat: no-repeat;
	font: italic 11px/24px Georgia, serif;
	display: inline-block;
	margin-right: 13px;
	height: 24px;
}
.post .meta li.date {
	background-position: 0 0;
}
.post .meta li.date:hover {
	background-position: 0 -24px;
}
.post .meta li.category {
	background-position: 0 -48px;
}
.post .meta li.category:hover {
	background-position: 0 -72px;
}
.post .meta li.comments {
	background-position: 0 -96px;
}
.post .meta li.comments:hover {
	background-position: 0 -120px;
}
.post .meta li.author {
	background-position: 0 -144px;
}
.post .meta li.author:hover {
	background-position: 0 -168px;
}
.post .meta li.link {
	background-position: 0 -192px;
}
.post .meta li.link:hover {
	background-position: 0 -216px;
}
.post .meta li.tags {
	background-position: 0 -240px;
}
.post .meta li.tags:hover {
	background-position: 0 -264px;
}
.post .meta li.edit {
	background-position: 0 -288px;
}
.post .meta li.edit:hover {
	background-position: 0 -312px;
}
.post .meta a {
	display: inline-block;
}
.post .meta a:hover {
	border-bottom-width: 0;
}
.post .meta a:first-child {
	padding-left: 26px;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
	.post > * {
		padding-left: 20px;
		padding-right: 20px;
	}
	.post .main {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.post .title {
		font-size: 34px;
		line-height: 34px;
		padding-left: 40px;
	}
	.post.quote .title {
		font-size: 21px;
		line-height: 32px;
	}
	.post .featured {
		margin: 16px 0 18px;
	}
	.post.default .featured {
		margin: 5px 16px 0 0;
	}
	.post.default .featured img {
		width: 119px;
		height: 119px;
	}
	.post .content h1 {
		font-size: 34px;
		line-height: 34px;
	}
	.post .content h2 {
		font-size: 29px;
		line-height: 29px;
	}
	.post .content h3 {
		font-size: 25px;
		line-height: 25px;
	}
	.post .content h4 {
		font-size: 20px;
		line-height: 20px;
	}
	.post .content h5,
	.post .content h6 {
		font-size: 18px;
		line-height: 18px;
	}
	.post .about h1 {
		font-size: 20px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	.post {
		margin-bottom: 13px;
	}
	.post > * {
		padding-left: 15px;
		padding-right: 15px;
	}
	.post .main {
		padding-top: 13px;
		padding-bottom: 13px;
	}
	.post .title {
		font-size: 26px;
		line-height: 26px;
		padding-left: 35px;
	}
	.post.quote .title {
		font-size: 16px;
		line-height: 25px;
	}
	.post .featured {
		margin: 13px 0 15px;
	}
	.post.default .featured {
		margin: 2px 13px 0 0;
	}
	.post.default .featured img {
		width: 68px;
		height: 68px;
	}
	.post .content {
		margin-top: 8px;
	}
	.post .content h1 {
		font-size: 26px;
		line-height: 26px;
	}
	.post .content h2 {
		font-size: 22px;
		line-height: 22px;
	}
	.post .content h3 {
		font-size: 19px;
		line-height: 19px;
	}
	.post .content h4,
	.post .content h5,
	.post .content h6 {
		font-size: 18px;
		line-height: 18px;
	}
	.post .content blockquote {
		font-size: 16px;
		line-height: 22px;
		float: none;
		margin: 10px auto !important;
		top: 0 !important;
		width: 100% !important;
	}
	.post .content figure {
		display: block;
		float: none;
		margin: 10px auto !important;
		top: 0 !important;
	}
	.post .content .tabs > ul {
		border-bottom-width: 0;
		height: auto;
	}
	.post .content .tabs > ul > li {
		border-bottom-width: 0;
		float: none;
		margin-right: 0;
	}
	.post .content div.columns .column {
		float: none !important;
		margin: 10px 0 0 0;
		width: 100% !important;
	}
	.post .content .tags {
		width: auto;
	}
	.post .about h1 {
		font-size: 18px;
		line-height: 18px;
	}
}
@media only screen and (max-width: 319px) { /* <= Mini */
	.post > * {
		padding-left: 12px;
		padding-right: 12px;
	}
	.post .title {
		font-size: 20px;
		line-height: 20px;
		padding-left: 25px;
	}
	.post.quote .title {
		font-size: 12px;
		line-height: 19px;
	}
	.post .featured {
		margin: 10px 0 11px;
	}
	.post.default .featured {
		display: none;
	}
	.post .content h1 {
		font-size: 20px;
		line-height: 20px;
	}
	.post .content h2,
	.post .content h3,
	.post .content h4,
	.post .content h5,
	.post .content h6 {
		font-size: 18px;
		line-height: 18px;
	}
}

/* =Comments
----------------------------------------------------------------------------- */
section.comments {
	margin-top: 20px;
}
.comments h1 {
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	margin: 20px 0;
}
.comments .comment {
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
	padding: 25px;
}
.comments .comment.level-1 {
	margin-left: 80px;
}
.comments .comment.level-2 {
	margin-left: 160px;
}
.comments .comment.level-3,
.comments .comment.level-4,
.comments .comment.level-5,
.comments .comment.level-6,
.comments .comment.level-7,
.comments .comment.level-8,
.comments .comment.level-9 {
	margin-left: 240px;
}
.comments .comment .avatar {
	display: block;
	float: left;
}
.comments .comment .meta,
.comments .comment .content {
	margin-left: 55px;
}
.comments .comment .meta a:hover {
	border-bottom-width: 0;
}
.comments .comment .meta cite {
	font-style: normal;
	line-height: 18px;
	display: block;
	margin-bottom: 1px;
}
.comments .comment .meta cite a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.comments .comment .meta .date {
	font-size: 10px;
	line-height: 14px;
}
.comments .comment .content p {
	margin-top: 10px;
}
.comments .comment .content p:first-child {
	margin-top: 20px;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
	.comments .comment {
		padding: 20px;
	}
	.comments .comment.level-1 {
		margin-left: 75px;
	}
	.comments .comment.level-2,
	.comments .comment.level-3,
	.comments .comment.level-4,
	.comments .comment.level-5,
	.comments .comment.level-6,
	.comments .comment.level-7,
	.comments .comment.level-8,
	.comments .comment.level-9 {
		margin-left: 150px;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	section.comments {
		margin-top: 15px;
	}
	.comments h1 {
		margin: 15px 0;
	}
	.comments .comment {
		padding: 15px;
	}
	.comments .comment.level-1 {
		margin-left: 15px;
	}
	.comments .comment.level-2,
	.comments .comment.level-3,
	.comments .comment.level-4,
	.comments .comment.level-5,
	.comments .comment.level-6,
	.comments .comment.level-7,
	.comments .comment.level-8,
	.comments .comment.level-9 {
		margin-left: 30px;
	}
}
@media only screen and (max-width: 319px) { /* <= Mini */
	.comments .comment {
		padding: 12px;
	}
	.comments .comment.level-1 {
		margin-left: 12px;
	}
	.comments .comment.level-2,
	.comments .comment.level-3,
	.comments .comment.level-4,
	.comments .comment.level-5,
	.comments .comment.level-6,
	.comments .comment.level-7,
	.comments .comment.level-8,
	.comments .comment.level-9 {
		margin-left: 24px;
	}
	.comments .comment .content {
		margin-left: 0;
	}
	.comments .comment .content p:first-child {
		margin-top: 15px;
	}
}

/* =Comment form
----------------------------------------------------------------------------- */
.comment-form {
	margin-top: 20px;
}
.comment-form h1,
.comment-form h2,
.comment-form h3 {
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	margin: 20px 0;
}
.comment-form p {
	font-size: 11px;
	margin-top: 10px;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	.comment-form {
		margin-top: 15px;
	}
	.comment-form h1 {
		margin: 15px 0;
	}
}

/* =Items
----------------------------------------------------------------------------- */
.items {
	margin: -10px 0 0;
}
.items .item {
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	margin: 10px 0;
	width: 100%;
}
.items .item .image a {
	border-bottom-width: 0;
	display: block;
	position: relative;
}
.items .item .image img {
	display: block;
	width: 100%;
}
.items .item .image .hover {
	border-style: solid;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.4;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.items .item .image .fancybox .hover {
	background-repeat: no-repeat;
	background-position: center;
	display: none;
	opacity: 0;
}
.items .item .main {
	padding: 10px 15px;
}
.items .item .main p {
	margin-bottom: 5px;
}
.items .item .main .title {
	font-weight: bold;
	margin-bottom: 3px;
}
.items .item .main .tags {
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0 0;
}
.items .item .main .tags a,
.items .item .main .tags span {
	white-space: nowrap;
	display: inline-block;
	margin: 3px 0;
	padding: 0px 4px;
}
.items .item .tags a:hover {
	border-bottom-width: 0;
}

@media only screen and (min-width: 740px) { /* >= Tablet */
	.items.medium,
	.items.small,
	.items.tiny {
		margin: -10px -10px 0 !important;
	}
	.items.medium .item,
	.items.small .item,
	.items.tiny .item {
		float: left;
		margin: 10px;
	}
	.items.medium .item {
		width: 340px;
	}
	.items.small .item {
		width: 220px;
	}
	.items.tiny .item {
		width: 160px;
	}
}
@media only screen and (min-width: 980px) { /* >= Desktop */
	.items.medium .item {	
		width: 460px;
	}
	.items.small .item {
		width: 300px;
	}
	.items.tiny .item {
		width: 220px;
	}
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	.items {
		margin-top: -7px;
	}
	.items .item {
		margin: 7px 0;
	}
}

/* =Filter
----------------------------------------------------------------------------- */
.filter {
	line-height: 18px;
	display: none;
	margin: 15px 0;
}
.filter a {
	white-space: nowrap;
	display: inline-block;
	padding: 0 5px;
}
.filter a:hover {
	border-bottom-width: 0;
}

/* =Pagination
----------------------------------------------------------------------------- */
.pagination {
	font: italic 20px/30px Georgia, serif;
	text-align: center;
	position: relative;
	height: 30px;
}
.pagination a:hover {
	border-bottom-width: 0;
}
.pagination .current {
	font-size: 25px;
	font-weight: bold;
	vertical-align: top;
}
.pagination .left,
.pagination .right,
.pagination .prev,
.pagination .next {
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
	max-width: 80%;
}
.pagination .left,
.pagination .prev {
	background-position: left center;
	left: 0;
	padding-left: 25px;
}
.pagination .right,
.pagination .next {
	background-position: right center;
	right: 0;
	padding-right: 25px;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	.pagination .left,
	.pagination .right,
	.pagination .prev,
	.pagination .next {
		text-indent: 999px;
		padding: 0;
		width: 24px;
	}
}

/* =Flexslider
----------------------------------------------------------------------------- */
.flexslider {
	border: none;
	border-radius: 0;
	overflow: hidden;
}
.flexslider .slides li {
	display: block;
}
.flexslider .slides a,
.flexslider .slides img {
	border-bottom-width: 0;
	display: block;
	position: relative;
	width: 100%;
}
.flexslider .slides iframe,
.flexslider .slides embed,
.flexslider .slides object {
	width: 100%;
}
.flexslider .slides .caption {
	font: normal 32px/26px Rokkitt, "Times New Roman";
	display: block;
	position: absolute;
	padding: 21px 25px;
	left: 0;
	right: 0;
	bottom: 0;
}
.flexslider .slides .caption.top {
	top: 0;
	bottom: auto;
}
.flexslider .flex-caption {
	box-sizing: border-box;
	font: normal 18px/18px Rokkitt, "Times New Roman";
	padding: 6px 10px;
	width: 100%;
}
.flexslider .flex-control-nav {
	display: block;
	right: 10px;
	bottom: 10px;
	width: auto;
}
.flexslider .flex-control-nav li {
	display: block;
	float: left;
	margin-left: 7px;
}
.flexslider .flex-control-nav li a {
	border-radius: 5px;
	background-image: none;
	text-indent: 999px;
	display: block;
	width: 10px;
	height: 10px;
	overflow: hidden;
}
.flexslider .flex-control-nav li a:hover {
	border-bottom-width: 0;
}
.flexslider .flex-direction-nav li a {
	text-align: left;
	display: none;
	float: none;
	margin-top: -26px;
}
.flexslider .flex-direction-nav li a:hover {
	border-bottom-width: 0;
}
.flexslider .flex-direction-nav li a.next {
	right: 18px;
}
.flexslider .flex-direction-nav li a.prev {
	left: 18px;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
	.flexslider .slides .caption {
		font-size: 28px;
		line-height: 23px;
		padding: 16px 20px;
	}
	.flexslider .flex-direction-nav li a.next {
		right: 14px;
	}
	.flexslider .flex-direction-nav li a.prev {
		left: 14px;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	.flexslider .slides .caption {
		font-size: 25px;
		line-height: 20px;
		padding: 11px 15px;
	}
	.flexslider .slides .flex-caption {
		display: none;
	}
	.flexslider .flex-direction-nav li a.next {
		right: 10px;
	}
	.flexslider .flex-direction-nav li a.prev {
		left: 10px;
	}
}
@media only screen and (max-width: 319px) { /* <= Mini */
	.flexslider .slides .caption {
		font-size: 23px;
		line-height: 19px;
		padding: 6px 10px;
	}
	.flexslider .flex-direction-nav li a.next {
		right: 8px;
	}
	.flexslider .flex-direction-nav li a.prev {
		left: 8px;
	}
}


/* =Tipsy
----------------------------------------------------------------------------- */
.tipsy {
	line-height: 14px;
}

/* =Contact form
----------------------------------------------------------------------------- */
.contact-form .message {
	display: none;
}
.contact-form .load {
	display: none;
	margin-left: 20px;
}
/* Stylesheet: parts Modified On 2012-12-06 16:51:58 */
/**
 * @package Website_Template
 * @since Website 1.0
 */

/* =Widget
----------------------------------------------------------------------------- */
.widget {
	display: block;
}
#aside .widget {
	border-top-width: 1px;
	border-top-style: dotted;
	padding: 14px 0 20px;
}
#aside .widget:first-child {
	border-top-width: 0;
	padding-top: 0;
}
#aside-bottom .widget {
	font-size: 11px;
	line-height: 20px;
	float: left;
	margin-left: 20px;
}
#aside-bottom .widget:first-child {
	margin: 0;
}
#aside-bottom .widget.fixed {
	width: 220px;
}
#aside-bottom .widget.small {
	width: 220px;
}
#aside-bottom .widget.medium {
	width: 460px;
}
#aside-bottom .widget.large {
	width: 700px;
}
#aside-bottom .widget.full {
	width: 100%;
}
#aside .widget h1 {
	font: normal 28px/28px Rokkitt, "Times New Roman";
	margin-bottom: 10px;
}
#aside-bottom .widget h1 {
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 6px;
}
#aside .widget p,
#aside .widget ul,
#aside .widget ol,
#aside .widget form {
	margin-top: 10px;
}
#aside-bottom .widget p,
#aside-bottom .widget ul,
#aside-bottom .widget ol,
#aside-bottom .widget form {
	margin-top: 6px;
}
.widget p:first-child,
.widget ul:first-child,
.widget ol:first-child,
.widget form:first-child,
.widget ul ul,
.widget ul ol,
.widget ol ol,
.widget ol ul {
	margin-top: 0 !important;
}
.widget ul {
	list-style: disc outside;
	margin-left: 13px;
}
#aside .widget ul.fancy,
#aside .widget ul.fancy ul {
	list-style: none;
	margin-left: 0;
}
#aside .widget ul.fancy li {
	border-top-width: 1px;
	border-style: dotted;
	font-size: 11px;
	line-height: 30px;
	padding-left: 24px;
}
#aside .widget > ul.fancy > li:last-child {
	border-bottom-width: 1px;
}
#aside .widget ul.fancy a {
	border-bottom: none;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
	#aside-bottom .widget.small {
		width: 140px;
	}
    #aside-bottom .widget.small img {
		width: 140px;
	}
	#aside-bottom .widget.medium {
		width: 300px;
	}
	#aside-bottom .widget.large {
		width: 460px;
	}
}
@media only screen and (max-width: 739px) { /* <= Mobile */
	#aside .widget {
		padding: 9px 0 15px;
	}
	#aside-bottom .widget {
		float: none;
		margin-left: 0;
		margin-top: 20px;
		width: 100% !important;
	}
}

/* =Social widget
----------------------------------------------------------------------------- */
#aside .widget-social {
	padding-top: 15px;
}
.widget-social ul {
	margin-left: 0;
}
.widget-social li {
	font: normal 22px/43px Rokkitt, "Times New Roman";
	display: block;
	margin-top: 5px;
	overflow: hidden;
}
.widget-social li a {
	border-bottom: none !important;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	padding: 0 0 0 50px;
	overflow: hidden;
}
.widget-social .horizontal {
	margin-left: -5px;
}
.widget-social .horizontal li {
	float: left;
	margin-left: 5px;
	width: 32px;
	height: 32px;
}
.widget-social .horizontal li a {
	padding: 0 0 0 40px;
	width: 0;
	height: 100%;
}

/* =Search widget
----------------------------------------------------------------------------- */
#aside .widget-search {
	padding-top: 20px;
}
.widget-search .input {
	margin-right: 29px;
}
.widget-search input {
	display: block;
}
.widget-search input[type="text"] {
	font-family: Georgia, serif;
	font-style: italic;
	width: 100%;
}
.widget-search input[type="submit"] {
	-ms-filter: "";
	border: none;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	float: right;
	margin-right: 5px;
	padding: 0;
	width: 17px;
	height: 28px;
}
#aside .widget-search input[type="submit"] {
	background-position: -68px center;
}
#aside .widget-search input[type="submit"]:hover {
	background-position: -85px center;
}
#aside-bottom .widget-search input[type="submit"] {
	background-position: -34px center;
}
#aside-bottom .widget-search input[type="submit"]:hover {
	background-position: -51px center;
}

/* =Twitter widget
----------------------------------------------------------------------------- */
.widget-twitter ul {
	list-style: none;
	margin-left: 0;
}
#aside .widget-twitter ul {
	margin-top: 10px !important;
}
#aside-bottom .widget-twitter ul {
	margin-top: 6px !important;
	margin-right: 20px;
}
.widget-twitter li {
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-top: 20px;
}
.widget-twitter li .title {
    font: 22px/32px Rokkitt,"Times New Roman";  
}
.widget-twitter li:first-child {
	margin-top: 0;
}
#aside .widget-twitter li {
	background-position: -940px 0;
}
.widget-twitter small {
	font-size: 9px;
}
.widget-twitter small a:hover {
	border-bottom: none;
}

@media only screen and (max-width: 979px) { /* <= Tablet */
	#aside-bottom .widget-twitter ul {
		margin-right: 0;
	}
}

/* =Flickr widget
----------------------------------------------------------------------------- */
.widget-flickr ul {
	position: relative;
	margin: 8px -4px -4px;
}
#aside .widget-flickr {
	margin-bottom: -4px;
}
#aside .widget-flickr ul {
	margin-top: 4px;
}
.widget-flickr li {
	display: block;
	float: left;
	margin: 4px;
}
.widget-flickr img {
	border-width: 1px;
	border-style: solid;
	display: block;
	padding: 3px;
	width: 41px;
	height: 41px;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	.widget-flickr li:nth-child(n+6) {
		display: none;
	}
}
@media only screen and (max-width: 319px) { /* <= Mini */
	.widget-flickr li:nth-child(n+5) {
		display: none;
	}
}

/* =Contact widget
----------------------------------------------------------------------------- */
.widget-contact input[type="text"],
.widget-contact input[type="email"] {
	width: 65%;
}
.widget-contact textarea {
	height: 100px;
}

/* =Info widget
----------------------------------------------------------------------------- */
.widget-info h1 {
	font: normal 38px/37px Rokkitt, "Times New Roman";
	text-transform: none !important;
	margin-bottom: 4px !important;
}
.widget-info h2 {
	font: italic 16px/22px Georgia, serif;
	text-transform: none;
}

/* =Custom widget
----------------------------------------------------------------------------- */
#aside .widget-custom {
	padding-top: 20px;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
	#aside .widget {
		padding-top: 15px;
	}
}

/* =FAQ widget
----------------------------------------------------------------------------- */

/* Editable Accordion Styles */
.mfx_accordion { 
    color:#666; 
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-size:12px; 
	line-height:17px;
	margin:0 auto;
	width:100%;
}

.mfx_accordion .active .trigger {
	background-position:right -36px;
}

.mfx_accordion .trigger { 
	background:url(http://www.mcsl.org.au/uploads/site_images/bright/bg_header.png) no-repeat right top; 
	color:#979fad; 
	cursor:pointer;
	font-size:13px; 
	font-weight:bold;
	line-height:36px;
	text-shadow:0 1px 0 #fff;
}

.mfx_accordion h2.trigger { 
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 18px;
    line-height:36px;
}

.mfx_accordion .icon {
	background:url(http://www.mcsl.org.au/uploads/site_images/bright/icon_settings.png) no-repeat center center;
	display:block;
	float:left;
	height:36px;
	margin-right:5px;
	width:5px;
}

.mfx_accordion .section .mfxcontent {  
	background-color:#f0f3f6;
	border-left:1px solid #d4d8dd;
	border-right:1px solid #d4d8dd;
	height:auto;
	overflow:hidden;
	padding:0px 10px;
	
	border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	
	transition:height 0.3s ease;
	-o-transition:height 0.3s ease;
	-moz-transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}

.mfx_accordion .active .mfxcontent {
	border-bottom:1px solid #d4d8dd;
}

/* Stylesheet: widgets Modified On 2012-12-06 21:38:40 */
/**
 * @package Website_Template
 * @since Website 1.0
 */

/* =Background images
----------------------------------------------------------------------------- */
label > span:before                        { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/input.png); }
.yaselect-current:after                    { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/arrow.png); }

#top                                       { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/top-bg.png); }
#search input[type="submit"]               { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/search.png); }
#nav-main li ul li                         { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/bg.gif); }
#main                                      { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/bg.gif); }
#bottom                                    { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/bottom-bg.png); }

section.box .close                         { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/close.png); }
.post .title:before                        { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/post-formats-desktop.png); }
.post .content pre                         { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/code.gif); }
.post .meta li                             { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/meta.png); }
.items .item .image .fancybox .hover       { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/magnifier.png); }
.pagination .left,
.pagination .right,
.pagination .prev,
.pagination .next                          { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/pagination-small.png); }
.flexslider .flex-direction-nav li a       { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/slider-nav.png); }

.widget-search input[type="submit"]        { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/search.png) !important; }


@media only screen and (max-width: 979px) { /* <= Tablet */
	.post .title:before                    { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/post-formats-tablet.png); }
}

@media only screen and (max-width: 739px) { /* Mobile */
	#top h1:after                          { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/arrow.png); }
	#nav-main li.sub > a:after             { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/arrow.png); }
	
	.post .title:before                    { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/post-formats-mobile.png); }
	.pagination .left,
	.pagination .right,
	.pagination .prev,
	.pagination .next                      { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/pagination-big.png); }
}

@media only screen and (max-width: 319px) { /* <= Mini */
	.post .title:before                    { background-image: url(http://www.mcsl.org.au/uploads/site_images/bright/post-formats-mini.png); }
}

/* =Background colors
----------------------------------------------------------------------------- */
body                                            { background-color: #EDEDED; }
#top                                            { background-color: #222; }
mark.yellow,
mark.search                                     { background-color: #ffed58; }
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
.yaselect-anchor                                { background-color: #fff; }
input[type="submit"]                            { background: linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
                                                  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9')"; }
input[type="submit"]:active                     { background: linear-gradient(top, #e9e9e9 0%, #ffffff 100%); }

#search                                         { background-color: #6b6b6b; }
#search input                                   { background-color: transparent; }
#nav-top li ul li                               { background-color: #222; }
#nav-main li ul li                              { background-color: #ededed; }
#main                                           { background-color: #ededed; }
#banners .banner                                { background-color: #fbfbfb; }
#bottom                                         { background-color: #222; }
#bottom input[type="text"],
#bottom input[type="email"],
#bottom input[type="password"],
#bottom textarea                                { background-color: #141414; }

section.box                                     { background-color: #fbfbfb; }
.post                                           { background-color: #fbfbfb; }
.post .content table                            { background-color: #b9b9b9; }
.post .content th                               { background-color: #f0f0f0; }
.post .content td                               { background-color: #fbfbfb; }
.post .content input[type="text"],
.post .content input[type="email"],
.post .content input[type="password"],
.post .content textarea,
.post .content .yaselect-anchor                 { background-color: #fff; }
.post .content .yaselect-select                 { background-color: #f0f0f0; }
.post .content figure.thick                     { background-color: #f0f0f0; }
.post .content button                           { background: linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
                                                  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9')"; }
.post .content button:active                    { background: linear-gradient(top, #e9e9e9 0%, #ffffff 100%); }
.post .content button.tiny                      { background: #089bc3; }
.post .content .tabs > ul > li                  { background-color: #f0f0f0; }
.post .content .tabs > ul > li.active           { background-color: #fbfbfb; }
.post .content .frame.green                     { background-color: #c4fdb9; }
.post .content .frame.orange                    { background-color: #ffd987; }
.post .content .frame.red                       { background-color: #ff4949; }
.post .content .frame.blue                      { background-color: #b1eaf3; }
.post .content .frame.gray                      { background-color: #e8e8e8; }
.post .content .tags a,
.post .content .tags span                       { background-color: #d4d4d4; }
.comments .comment                              { background-color: #fbfbfb; }
.item                                           { background-color: #fbfbfb; }
.items .item .image .fancybox .hover            { background-color: #000; }
.items .item .main .tags a,
.items .item .main .tags span                   { background-color: #d4d4d4; }
.flexslider .flex-caption                       { background-color: rgba(0,0,0,.3); }
.flexslider .flex-control-nav li a              { background-color: rgba(255,255,255,.4); }
.flexslider .flex-control-nav li a.active       { background-color: rgba(255,255,255,.9); }

.widget-flickr img                              { background-color: #fff; }

@media only screen and (max-width: 739px) { /* Mobile */
	#top h1,
	#top .frame                                 { background-color: #414141; }
	#search                                     { background-color: #222; }
	#nav-top                                    { background-color: #222; }
}

/* =Border colors
----------------------------------------------------------------------------- */
hr                                              { border-top-color: #b2b2b2; }
input[type="submit"]                            { border-color:     #c0c0c0; }

#nav-top li                                     { border-color:     #333;
                                                  border-top-color: #505050; }
#nav-top li ul li:first-child                   { border-top-color: #333; }
#nav-main                                       { border-color:     #b2b2b2; }
#nav-main li                                    { border-color:     #c4c4c4;
                                                  border-top-color: #b2b2b2; }
#nav-main li ul li:first-child                  { border-top-color: #c4c4c4; }
#header h2                                      { border-color:     #afafaf; }
#footer                                         { border-top-color: #505050; }

section.columns .column                         { border-color:     #8a8a8a; }
.post.default .featured img                     { border-color:     #cdcdcd; }
.post .content input[type="text"],
.post .content input[type="email"],
.post .content input[type="password"],
.post .content textarea,
.post .content .yaselect-anchor                 { border-color:     #c0c0c0; }
.post .content figure,
.post .content figure img                       { border-color:     #dcdcdc; }
.post .content button                           { border-color:     #cacaca; }
.post .content .tabs > ul,
.post .content .tabs > ul > li                  { border-color:     #b9b9b9; }
.post .content .tabs > ul > li.active           { border-bottom-color: transparent; }
.post .about,
.post .social,
.post .meta                                     { border-top-color: #b2b2b2; }
.items .item .image .hover                      { border-color:     #000; }

#aside .widget                                  { border-color:     #8a8a8a; }
#aside .widget li                               { border-color:     #b2b2b2; }
#aside .widget-flickr img                       { border-color:     #cdcdcd; }
#aside-bottom .widget-flickr img                { border-color:     #4e4e4e; }

@media only screen and (max-width: 739px) { /* Mobile */
	#nav-top li                                 { border-color:     #505050 !important; }
	#nav-main li                                { border-color:     #b2b2b2 !important; }
}

/* =Shadow colors
----------------------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
.yaselect-anchor                                { box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.3); }

#bottom input[type="text"],
#bottom input[type="email"],
#bottom input[type="password"],
#bottom textarea                                { box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 1), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15); }

.post .content input[type="text"],
.post .content input[type="email"],
.post .content input[type="password"],
.post .content textarea,
.post .content .yaselect-anchor                 { box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1); }

/* =Colors
----------------------------------------------------------------------------- */
body                                                   { color: #191919; }
mark                                                   { color: #fff; }
mark.yellow,
mark.search                                            { color: #191919; }
input, textarea, .yaselect-anchor, .yaselect-select    { color: #131313; }
input:-moz-placeholder,
textarea:-moz-placeholder                              { color: #808080; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder                    { color: #808080; }
input[type="submit"]                                   { color: #131313; }

#search input                                          { color: #d5d5d5; }
#search input:-moz-placeholder                         { color: #b0b0b0; }
#search input::-webkit-input-placeholder               { color: #b0b0b0; }
#nav-top a                                             { color: #808080; }
#nav-main a                                            { color: #3b3b3b; }
#nav-main li.sub > a:after                             { color: #979797; }
#header h1,
#header h1 a                                           { color: #121212; }
#header h2                                             { color: #979797; }
#banners article h1                                    { color: #121212; }
#banners .small .caption                               { color: #f8f8f8; }
#banners .small .caption.black                         { color: #080808; }
#bottom input[type="text"],
#bottom input[type="email"],
#bottom input[type="password"],
#bottom textarea                                       { color: #d5d5d5; }
#bottom input:-moz-placeholder,
#bottom textarea:-moz-placeholder                      { color: #606060; }
#bottom input::-webkit-input-placeholder,
#bottom textarea::-webkit-input-placeholder            { color: #606060; }
#bottom input[type="submit"]                           { color: #ebebeb; }
#footer                                                { color: #727272; }
#footer a                                              { color: #a2a2a2; }

section.box h1                                         { color: #3b3b3b; }
section.columns .column h1                             { color: #3b3b3b; }
.breadcrumbs,
.breadcrumbs a                                         { color: #808080; }
.post .title,
.post .title a                                         { color: #3b3b3b; }
.post .content figure.thick figcaption                 { color: #191919; }
.post .content .credit,
.post .content table caption,
.post .content figure figcaption                       { color: #808080; }
.post .content button.tiny                             { color: #fff; }
.post .content .frame.green                            { color: #101a0e; }
.post .content .frame.orange                           { color: #2d2300; }
.post .content .frame.red                              { color: #250000; }
.post .content .frame.blue                             { color: #15181d; }
.post .content .tags a,
.post .content .tags span                              { color: #191919; }
.post .content .tags a:hover                           { color: #fff; }
.post .meta,
.post .meta a                                          { color: #9d9d9d; }
.post .meta a:hover                                    { color: #606060; }
.comments .comment .meta,
.comments .comment .meta a                             { color: #5c5c5c; }
.comments h1,
.comment-form h1,
.comment-form h2,
.comment-form h3                                       { color: #808080; }
.items .item .main .tags a,
.items .item .main .tags span                          { color: #191919; }
.items .item .main .tags a:hover                       { color: #fff; }
.filter,
.filter a                                              { color: #808080; }
.filter a:hover,
.filter a.active                                       { color: #fff; }
.pagination,
.pagination a                                          { color: #272727; }
.flexslider .caption                                   { color: #f8f8f8; }
.flexslider .caption.black                             { color: #080808; }

#aside-bottom .widget                                  { color: #a2a2a2; }
#aside .widget h1                                      { color: #3b3b3b; }
#aside-bottom .widget h1                               { color: #d6d6d6; }
#aside .widget ul.fancy a                              { color: #727272; }
#aside .widget-social li a                             { color: #3b3b3b; }
#aside-bottom .widget-social li a                      { color: #ebebeb; }
#aside-bottom .widget-info h1,
#aside-bottom .widget-info h2                          { color: #ebebeb; }
.widget-twitter small,
.widget-twitter small a                                { color: #727272; }

@media only screen and (max-width: 739px) { /* Mobile */
	#top h1                                            { color: #b5b5b5; }
	#top h1:hover                                      { color: #f8f8f8; }
	#search input                                      { color: #f8f8f8; }
}
/* Stylesheet: bright Modified On 2012-12-06 16:47:19 */
/**
 * @package Website_Template
 * @since Website 1.1
 */

/* =Color
----------------------------------------------------------------------------- */
mark, .post .content .tags a:hover, .items .item .tags a:hover, .filter a:hover, .filter a.active {
	background-color: #089bc3;
}
a, .post .content button:hover, .comments .comment cite a:hover, .widget a:hover {
	border-color: #089bc3;
}
input[type="submit"]:hover {
	border-color: #089bc3 !important;
}
a, #nav-top a:hover, #nav-main a:hover, #nav-main li.sub > a:hover:after, #bottom input[type="submit"]:hover, #footer a:hover, .breadcrumbs a:hover, .post .title a:hover, .comments .comment .meta a:hover, .comments .comment .meta cite a, .pagination a:hover {
	color: #089bc3;
}
.widget a:hover {
	color: #089bc3 !important;
}
/* Stylesheet: color Modified On 2012-11-09 14:53:51 */