/*@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200);
@import url(http://fonts.googleapis.com/css?family=Lobster);
	*/

/*
	Halcyonic 1.0 by nodethirtythree + FCT
	http://nodethirtythree.com | @nodethirtythree
	Released under the Creative Commons Attribution 3.0 license (nodethirtythree.com/license)
*/

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

	/* Basic */

		body
		{
			background: #D4D9DD url('images/bg03.jpg');
		}

		body, input, textarea, select
		{
			color: #474f51;
			/*font-size: 13.5pt;*/
			font-size: 14px;
			/*font-family: 'Yanone Kaffeesatz'; */
  			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			line-height: 1.85em;
			font-weight: 300;
		}

		ul, ol, p, dl
		{
			margin: 0 0 2em 0;
		}

		a
		{
			text-decoration: underline;
		}
		
		a:hover
		{
			text-decoration: none;
		}

		section > :last-child, .last-child
		{
			margin-bottom: 0 !important;
		}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

.moodle-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

	/* Multi-use */

		.link-list
		{
		}
		
			.link-list li
			{
				padding: 0.2em 0 0.2em 0;
			}
			
			.link-list li:first-child
			{
				padding-top: 0 !important;
				border-top: 0 !important;
			}
			
			.link-list li:last-child
			{
				padding-bottom: 0 !important;
				border-bottom: 0 !important;
			}

			#content .link-list li
			{
				border-bottom: solid 1px #e2e6e8;
			}

			#footer .link-list li
			{
				border-top: solid 1px #e0e4e6;
				border-bottom: solid 1px #b5bec3;
			}

		.quote-list
		{
		}
		
			.quote-list li
			{
				padding: 1em 0 1em 0;
				overflow: hidden;
			}
			
			.quote-list li:first-child
			{
				padding-top: 0 !important;
				border-top: 0 !important;
			}

			.quote-list li:last-child
			{
				padding-bottom: 0 !important;
				border-bottom: 0 !important;
			}

				.quote-list li img
				{
					float: left;
				}

				.quote-list li p
				{
					margin: 0 0 0 90px;
					font-size: 1.2em;
					font-style: italic;
				}
				
				.quote-list li span
				{
					display: block;
					margin-left: 90px;
					font-size: 0.9em;
					font-weight: 400;
				}

			#content .quote-list li
			{
				border-bottom: solid 1px #e2e6e8;
			}

			#footer .quote-list li
			{
				border-top: solid 1px #e0e4e6;
				border-bottom: solid 1px #b5bec3;
			}
		
		.check-list
		{
		}

			.check-list li
			{
				padding: 0.7em 0 0.7em 45px;
				font-size: 1em;
				background: url('images/icon-checkmark.png') 0px 1.05em no-repeat;
			}
			
			.check-list li:first-child
			{
				padding-top: 0 !important;
				border-top: 0 !important;
				background-position: 0 0.3em;
			}

			.check-list li:last-child
			{
				padding-bottom: 0 !important;
				border-bottom: 0 !important;
			}

			#content .check-list li
			{
				border-bottom: solid 1px #e2e6e8;
			}

			#footer .check-list li
			{
				border-top: solid 1px #e0e4e6;
				border-bottom: solid 1px #b5bec3;
			}
			
		.feature-image
		{
			display: block;
			margin: 0 0 2em 0;
			outline: 0;
		}
		
			.feature-image img
			{
				display: block;
				width: 100%;
			}

		.bordered-feature-image
		{
			display: block;
			background: #fff url('images/bg04.png');
			padding: 10px;
			box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
			margin: 0 0 1.5em 0;
			outline: 0;
		}
		
			.bordered-feature-image img
			{
				display: block;
				width: 100%;
			}
		
		.bordered-inline-image
		{
			background: #fff url('images/bg04.png');
			padding: 10px;
			box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.55);
			vertical-align: middle;
		}

		.button-big
		{
			display: inline-block;
			background: #ed391b;
			color: #fff;
			text-decoration: none;
			font-size: 1.75em;
			font-weight: 300;
			padding: 15px 45px 15px 45px;
			outline: 0;
			border-radius: 10px;
			box-shadow: inset 0px 0px 0px 1px rgba(255,96,96,0.65), 3px 3px 3px 1px rgba(0,0,0,0.15);
			background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
			background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));
			background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
			background-image: -o-linear-gradient(top, #ed391b, #ce1a00);
			background-image: linear-gradient(top, #ed391b, #ce1a00);
		}

		.button-big:hover
		{
			box-shadow: inset 0px 0px 0px 1px rgba(255,128,128,0.65), 3px 3px 3px 1px rgba(0,0,0,0.15);
			background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
			background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
			background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
			background-image: -o-linear-gradient(top, #fd492b, #de2a10);
			background-image: linear-gradient(top, #fd492b, #de2a10);
		}

/*********************************************************************************/
/* 1200px (>= 481px)                                                             */
/*********************************************************************************/

	@media only screen and (min-width: 481px) {

		section:last-child
		{
			margin-bottom: 0 !important;
		}

		/* Wrappers */

			#header-wrapper
			{
				background: #3B4346 url('images/bg01.jpg');
				border-bottom: solid 1px #272d30;
				box-shadow: inset 0px -1px 0px 0px #51575a;
			}

			.subpage #header-wrapper
			{
				height: 115px;
			}
			
			#features-wrapper
			{
				background: #353D40 url('images/bg02.jpg');
				border-bottom: solid 1px #272e31;
				padding: 45px 0 45px 0;
			}
			
			#content-wrapper
			{
				background: #f7f7f7 url('images/bg04.png');
				border-top: solid 1px #fff;
				padding: 45px 0 45px 0;
			}
			
			#footer-wrapper
			{
				padding: 15px 0 15px 0;
			}
		
		/* Header */
		
			#header
			{
				min-height: 140px;
				position: relative;
			}

				#header h1
				{
					position: absolute;
					left: 0;
					bottom: 35px;
					//font-family: 'Lobster', sans-serif;
					font-size: 2.5em;
				}
			
					#header h1 a
					{
						color: #fff;
						text-decoration: none;
					}

				#header nav
				{
					position: absolute;
					right: 0;
					top: 46px;
					font-weight: 200;
				}
			
					#header nav a
					{
						color: #c6c8c8;
						text-decoration: none;
						font-size: 1.2em;
						margin-left: 30px;
						outline: 0;
					}

					#header nav a:hover
					{
						color: #f6f8f8;
					}

		/* Banner */
			
			#banner
			{
				border-top: solid 1px #222628;
				box-shadow: inset 0px 1px 0px 0px #3e484a;
				padding: 35px 0 35px 0;
				color: #fff;
			}

				#banner .bordered-feature-image
				{
					margin-bottom: 0;
				}

				#banner p
				{	
					font-size: 2em;
					font-weight: 200;
					line-height: 1.25em;
					padding-right: 1em;
					margin: 0 0 1em 0;
				}

		/* Features */

			#features
			{
				color: #a0a8ab;
			}
			
				#features h2
				{
					font-size: 1.25em;
					color: #fff;
					margin: 0 0 0.25em 0;
				}

				#features a
				{
					color: #e0e8eb;
				}
				
				#features strong
				{
					color: #fff;
				}

		/* Content */

			#content
			{
			}
			
				#content section
				{
					background: #fff;
					padding: 40px 30px 45px 30px;
					box-shadow: 2px 2px 2px 1px rgba(128,128,128,0.1);
					margin: 0 0 5% 0;
				}

				#content h2
				{
					font-size: 1.8em;
					color: #373f42;
					margin: 0 0 0.25em 0;
				}
				
				#content h3
				{
					color: #96a9b5;
					font-size: 1.25em;
				}
				
				#content a
				{
					/*color: #ED394B;*/
					color: #0D2F8B;
				}
				
				#content header
				{
					margin: 0 0 2em 0;
				}

		/* Footer */

			#footer
			{
				color: #546b76;
				text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
			}
			
				#footer h2
				{
					font-size: 1.25em;
					color: #212f35;
					margin: 0 0 0.5em 0;
				}
				
				#footer a
				{
					color: #546b76;
				}

		/* Copyright */

			#copyright
			{
				border-top: solid 1px #b5bec3;
				box-shadow: inset 0px 1px 0px 0px #e0e4e7;
				text-align: center;
				padding: 15px 0 15px 0;
				color: #8d9ca3;
				text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
			}
			
				#copyright a
				{
					color: #8d9ca3;
				}

	}
	
/*********************************************************************************/
/* 1000px (>= 481px && <= 1199px)                                                */
/*********************************************************************************/

	@media only screen and (max-width: 1199px) and (min-width: 481px) {

		/* Multi-use */

			.check-list
			{
			}

				.check-list li
				{
					font-size: 1em;
					line-height: 2em;
				}

			.quote-list
			{
			}
			
				.quote-list li
				{
					padding: 1em 0 1em 0;
				}
				
					.quote-list li img
					{
						width: 60px;
					}
				
					.quote-list li p
					{
						margin: 0 0 0 80px;
						font-size: 1em;
						font-style: italic;
						line-height: 1.8em;
					}
					
					.quote-list li span
					{
						display: block;
						margin-left: 80px;
						font-size: 0.8em;
						font-weight: 400;
						line-height: 1.8em;
					}

			.feature-image
			{
				margin: 0 0 1em 0;
			}

			.button-big
			{
				font-size: 1.5em;
				padding: 10px 35px 10px 35px;
			}

		/* Banner */
			
			#banner
			{
			}

				#banner p
				{	
					font-size: 1.75em;
				}

		/* Header */
		
			#header
			{
			}

				#header h1
				{
					font-size: 2.25em;
				}

				#header nav
				{
				}
			
					#header nav a
					{
						font-size: 1.1em;
					}

		/* Content */

			#content
			{
			}
			
				#content h2
				{
					font-size: 1.4em;
				}

				#content h3
				{
					font-size: 1.1em;
				}
				
				#content header
				{
					margin: 0 0 1.25em 0;
				}
	}
	
/*********************************************************************************/
/* Mobile (<= 480px)                                                             */
/*********************************************************************************/

	@media only screen and (max-width: 480px) {

		body, input, textarea, select
		{
			font-size: 13pt;
			line-height: 1.4em;
		}

		/* Multi-use */

			.quote-list
			{
			}
			
				.quote-list li
				{
				}
				
					.quote-list li p
					{
						margin-bottom: 0.5em;
					}
			
			.check-list
			{
			}

				.check-list li
				{
					font-size: 1em;
				}

			.button-big
			{
				font-size: 1.5em;
				padding: 10px 35px 10px 35px;
			}
			
		/* Wrappers */

			#header-wrapper
			{
				background: #3B4346 url('images/bg01.jpg') top center;
				border-bottom: solid 1px #272d30;
				box-shadow: inset 0px -1px 0px 0px #51575a;
				padding: 15px;
			}

			/*
				Don't want the banner? Uncomment the lines below:

				#header-wrapper { background-position: bottom center; }
				#banner { display: none !important; }
			*/

			#features-wrapper
			{
				background: #353D40 url('images/bg02.jpg');
				padding: 15px 15px 30px 15px;
			}
			
			#content-wrapper
			{
				background: #f7f7f7 url('images/bg04.png');
				padding: 5px;
			}
			
			#footer-wrapper
			{
				padding: 40px 15px 15px 15px;
			}

		/* Header */
		
			#header
			{
				position: relative;
				text-align: center;
				padding: 10px 0 10px 0;
			}

				#header h1
				{
			//		font-family: Lobster, sans-serif;
  					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size: 1.4em;
					margin: 0.25em 0 0.6em 0;
				}
			
					#header h1 a
					{
						color: #fff;
						text-decoration: none;
					}

				#header nav
				{
					font-weight: 200;
					line-height: 1.75em;
				}
			
					#header nav a
					{
						display: inline-block;
						color: #c6c8c8;
						text-decoration: none;
						font-size: 1.1em;
						margin: 0 1em 0 1em;
					}

					#header nav a:hover
					{
						color: #f6f8f8;
					}

			#banner
			{
				position: relative;
				border-top: solid 1px #222628;
				box-shadow: inset 0px 1px 0px 0px #3e484a;
				color: #fff;
				text-align: center;
				padding: 20px 20px 10px 20px;
			}

				#banner .bordered-feature-image
				{
					display: none;
				}

				#banner p
				{
					font-size: 1.25em;
					font-weight: 200;
					line-height: 1.25em;
					margin: 0 0 1em 0;
				}

		/* Features */

			#features
			{
				color: #a0a8ab;
			}
			
				#features section
				{
					padding: 0 0 25px 0;
					margin: 0 0 25px 0;
					border-bottom: solid 1px #51575a;
					box-shadow: inset 0px -1px 0px 0px #272d30;
				}
				
				#features > div > div:last-child > section
				{
					padding-bottom: 0;
					margin-bottom: 0;
					border-bottom: 0;
					box-shadow: none;
				}
			
				#features h2
				{
					font-size: 1.25em;
					color: #fff;
					margin: 0 0 0.25em 0;
				}

				#features a
				{
					color: #e0e8eb;
				}
				
				#features strong
				{
					color: #fff;
				}

		/* Content */

			#content
			{
			}

				#content section
				{
					background: #fff;
					box-shadow: inset 0px 0px 0px 1px rgba(128,128,128,0.2);
					padding: 30px 15px 30px 15px;
					margin: 0 0 5px 0;
				}
			
				#content h2
				{
					font-size: 1.25em;
					color: #373f42;
					margin: 0 0 0.1em 0;
				}
				
				#content h3
				{
					color: #96a9b5;
					font-size: 1em;
				}
				
				#content a
				{
					color: #ED391B;
				}
				
				#content header
				{
					margin: 0 0 1.25em 0;
				}

		/* Footer */

			#footer
			{
				color: #546b76;
				text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
			}

				#footer section
				{
					margin: 0 0 40px 0;
				}
			
				#footer h2
				{
					font-size: 1.25em;
					color: #212f35;
					margin: 0 0 0.75em 0;
				}
				
				#footer a
				{
					color: #546b76;
				}
				
				#footer .link-list
				{
					margin: 0 0 30px 0 !important;
				}

		/* Copyright */

			#copyright
			{
				border-top: solid 1px #b5bec3;
				box-shadow: inset 0px 1px 0px 0px #e0e4e7;
				text-align: center;
				padding: 20px 30px 20px 30px;
				color: #8d9ca3;
				text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
			}
			
				#copyright a
				{
					color: #8d9ca3;
				}

	}