c/*  Palette + Standard Clips  */
/*
 *	RED: c4473d
 *
 *
 *
 *  border-bottom: 1px solid #ddd;
 *
 *
 *
/


/*  HTML5 for old browsers  */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
	}
	
/*  Resets + Element Defaults  */


html, body, figure, fieldset, nav ul, nav li, #menu, #menu ul, #menu li, #content.home #welcome ul, #content.basicCommand dl ul, #content.basicCommand dl li, #relatedProjects ul , #relatedProjects li, #content.home #helpfulLinks ul, #content.home #helpfulLinks li, #content.home #teaching ul, #content.home #teaching li, #content.home #userProject aside ul, #content.home #userProject aside li, #OSes, #OSes li, .jCar ul, .jCar li, #content.gettingStarted #packList ul { margin: 0px; padding: 0px; }

* {	outline: 0px none; }
a { text-decoration: none; color: #1f72a7; }
a img {	border: 0px; }
fieldset { border: 0px; }
address { font-style: normal; }
address span { display: block; }
dt { float: left; clear: both; margin-right: 0.25em; font-weight: bold; color: #c4473d; }
dd { margin: 0px }


input, textarea {
	font-size: inherit;
	font-family: inherit;
	border: 1px solid #bbb;
	margin: 0px;
	padding: 0.25em 0.35em;
	}

code, pre {
	display: block;
	white-space: pre;
	background-color: #f5fdff;
	padding: 1em;
	border: 1px solid #89c6da;
	color: #197fae;
	max-height: 350px;
	overflow-y: auto;
	}
	
iframe {
	/* dirrrty */
	background-color: #fff;
	padding: 7px;
	border: 1px solid #ccc;
	margin: 2em auto 1em;
	}
	
	.stwrapper iframe {
		background-color: transparent;
		border: 0px;
		}

table {
	margin: 1em 0px;
	}
	
	table td {
		padding: 0.5em 2em 0.5em 0px;
		}

/* figure img frame */
.home #userProject figure img, #content.home #helpfulLinks figure img, #content.home #teaching figure img, .creatorItem #tSchematic figure img, .creatorItem #tCreate figure img, #content.creatorItem #tSimulation figure img, #content.WIP article img, #content.gettingStarted article img, #content.gettingStarted article #featuredPack figure img, #content.gettingStarted article #packList img, .swCatNav figure img, .ccCatNav figure img, .inspireNav figure img, #content.teaching article img, .hwAZNav figure img, #content.projectGallery #prevWinners figure img, #content.projectGallery #latestProjects figure img, .projectSubmit ol figure img {
	border: 1px solid #bbb;
	padding: 5px;
	background-color: #fff;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.35);
	}


/* Global */

body {
	font-family: 'Arial', sans-serif;
	font-size: 90%;
	color: #555;
	-webkit-font-smoothing: antialiased;
	}

.isTheBody > header {
	position: relative;
	z-index: 2;
	min-height: 80px;
	background: #FBFBFB; /* old browsers */
	background: -moz-linear-gradient(top, #FBFBFB 0%, #D8D8D8 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#D8D8D8)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#D8D8D8',GradientType=0 ); /* ie */
	box-shadow: 0px 2px 8px rgba(0,0,0,0.8);
	}
	
	.isTheBody > header h1 {
		margin: 7px 0px 0px;
		float: left;
		width: 230px;
		}
		
		.isTheBody > header h1 a:hover {
			opacity: 0.95;
			}
			
	.isTheBody > header nav, .isTheBody > header input, .isTheBody > header aside {
		font-size: 0.75em;
		}
				
	.isTheBody > header aside {
		float: right;
		position: relative;
		top: 3px;
		margin-right: 14em;
		text-shadow: 1px 1px 0px #fff;
		}
		
		.isTheBody > header aside a {
			padding: 5px;
			}
	
	.isTheBody > header #promo {
		float: right;
		clear: right;
		padding-top: 1.25em;
		}
		
		.isTheBody > header #promo li {
			list-style-type: none;
			display: inline;
			line-height: 2.25em;
			}
			
			.isTheBody > header #promo a {
				/* black style call to action buttons */
				position: relative;
				font-weight: bold;
				padding: 0.5em 0.75em;
				border: 1px solid #222;
				color: #cee8f8;
				text-shadow: 0px 1px 0px #222;
				background: #5F5F5F; /* old browsers */
				background: -moz-linear-gradient(top, #5F5F5F 0%, #3E3E3E 100%); /* firefox */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5F5F5F), color-stop(100%,#3E3E3E)); /* webkit */
				-webkit-box-shadow: inset 0px 1px 1px #939393, 0px 1px 0px rgba(0,0,0,0.4);
				-moz-box-shadow: inset 0px 1px 1px #939393, 0px 1px 0px rgba(0,0,0,0.4);
				box-shadow: inset 0px 1px 1px #939393, 0px 1px 0px rgba(0,0,0,0.4);
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				}
				
				.isTheBody > header #promo a:hover {
					background: #666; /* old browsers */
					background: -moz-linear-gradient(top, #666 0%, #444 100%); /* firefox */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#444)); /* webkit */
					}
				
				.isTheBody > header #promo a:active {
					top: 1px;
					box-shadow: inset 0px 1px 1px #939393;
					}
	
	#siteSearch {
		position: relative;
		float: right;
		margin: 1em 0px 0px 0px;
		}
		
		#siteSearch input[type=text] {
			font-size: 1em;
			position: absolute;
			top: 0px;
			right: 0px;
			margin: 0px;
			padding: 0.35em 25px 0.35em 0.35em;
			width: 100px;
			}
		
		#siteSearch input[type=submit] {
			position: absolute;
			top: 2px;
			right: 4px;
			text-indent: -9999em;
			background: url('Images/searchicon.png') no-repeat center center;
			display: block;
			height: 16px;
			width: 16px;
			border: 0px;
			cursor: pointer;
			opacity: 0.8;
			}
			
			#siteSearch input[type=submit]:hover {
				opacity: 1;
				}
	
	.siteSearch #searchBox input {
		display: block;
		margin: 1em 1em 1em 0px;
		}
	
#header_quick_links{
	list-style-type: none;
	list-style-position: inside;
	margin-left: 15px;
	padding-left: 0;
	float: left;
	margin-top: 7px;
}

	#header_quick_links li a{
		color: #c4473d;
		font-size: 11px;
	}
	

#menu {
	background-color: #fff;
	border: 1px solid #6c0d06;
	border-top: 0px;
	padding: 0px 3px 3px 3px;
	font-size: 0.8em;
	font-weight: bold;
	position: relative;
	z-index: 1;
	}
	
	.isTheTeachingSection #menu {
		border: 1px solid #0d3409;
		border-top: 0px;
		}
	
	#menu ul {
		padding: 1em 0.5em;
		background-color: #9b2929;
		text-align: center;
		}
		
		.isTheTeachingSection #menu ul {
			background-color: #2e542a;
			}
	
	#menu li {
		list-style-type: none;
		display: inline;
		/*border-left: 2px solid #dedede;*/
		padding: 0px 2px 0px 5px;
		}
		
		#menu li:first-child {
			border-left: 0px;
			}
			
		#menu li a {
			color: #fff;
			padding-bottom: 1px;
			}
			
			#menu li a:hover {
				border-bottom: 2px solid #fff;
				}

.isTheBody > #content {
	position: relative;
	z-index: 0;
	min-height: 140px;
	top: -61px;
	background: url('Images/bg-content.png') 0px 16px repeat-x;
	padding-top: 85px;
	}
	
	.isTheBody > #content.home {
		padding-top: 0px;
		}
	
	.isTheBody > #content.teaching {
		background: url('Images/bg-content-alt.png') 0px 18px repeat-x;
		}
			
	
.cW, #menu, #content.home #welcome ul, #content.basicCommand #codeExamples, #submitCode, #content.basicCommand #comments, #content.hardwareProduct #detailedInfo, #content.softwareProduct #detailedInfo, #relatedProjects, #content.creatorItem #detailedInfo, #content.project #description, #content.distributors #application fieldset, #content #comments, #application #fError, #application #fThankyou, #application #fSending { 
/* content wrapper to center-align with wide backgrounds, also, mass things that should do that. */
	position: relative;
	width: 950px;
	margin: 0 auto;
	}
	
#breadcrumbs {
	color: #c4473d;
	font-size: 0.85em;
	border-bottom: 1px solid #ddd;
	line-height: 3em;
	margin-bottom: 2em;
	}
	
	#breadcrumbs li {
		list-style-type: none;
		display: inline;
		}
		
	#breadcrumbs a {
		color: #c4473d;
		}

#comments {
	}
	
	#comments li {
		list-style-type: none;
		}
		
nav.tabs {
	clear: both;
	font-size: 0.95em;
	height: 1em;
	}
	
	nav.tabs li {
		list-style-type: none;
		display: inline;
		float: left;
		}
		
	nav.tabs a {
		color: #555;
		text-shadow: 0px 1px 0px #ccc;
		padding: 0.5em 1.5em;
		border: 1px solid #959595;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-topleft: 3px;
		border-radius: 3px 3px 0px 0px;
		background: #D8D8D8; /* old browsers */
		background: -moz-linear-gradient(top, #D8D8D8 0%, #A3A3A3 100%); /* firefox */		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8D8D8), color-stop(100%,#A3A3A3)); /* webkit */
		}
		
		nav.tabs li.ui-state-active a {
			background: #fff;
			border: 1px solid #ccc;
			border-bottom: 1px solid #fff;
			text-shadow: none;
			color: #c4473d;
			font-weight: bold;
			}

.isTab {
	clear: both;
	}


#relatedProjects, #hwCatItems {
	margin-bottom: 3em;
	}
    

	#relatedProjects li, #hwCatItems li {
		float: left;
		width: 200px;
		list-style-type: none;
		border: 2px solid #ddd;
		background-color: #f6f6f6;
		margin-left: 44px;
		}
		
		#relatedProjects li:first-child, #hwCatItems li {
			margin-left: 0px;
			}
			
		#relatedProjects header, #hwCatItems header, .gettingStarted #featuredPack header, #packList header {
			padding: 0.75em 0.75em 1em;
			border-bottom: 1px solid #ccc;
			background: #f0f0f0; /* old browsers */
			background: -moz-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%); /* firefox */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F0F0F0)); /* webkit */	
			/* fix */
			}
		
		#relatedProjects h3, #hwCatItems h3, .gettingStarted #featuredPack h3, #packList h3 {
			color: #555;
			font-size: 0.8em;
			margin: 0px;
			width: 125px;
			height: 2.5em;
			}
			
		#relatedProjects .sku, #hwCatItems .sku, .gettingStarted #featuredPack .sku, #packList .sku {
			font-style: normal;
			font-size: 0.75em;
			float: right;
			}
			
		#relatedProjects figure, #relatedProjects p, #hwCatItems figure, #hwCatItems p {
			width: 170px;
			margin: 0.75em auto;
			font-size: 0.8em;
			}
		
		#content.teaching #hwCatItems figure img{
		    margin: 0;
		    border: none;
		    padding: 0;
		    box-shadow: none;
		}
		
		/* AP: Clive wants the images to be varying widths and not have the white border as it looks 'odd' with images
		   that have a slightly grey background.  So I've done away with the <figure> and hacked the image */
		#relatedProjects img {
		    border: 1px solid #ccc;
		    margin: 0.75em auto;
		    display: block;
		    }
			
		#relatedProjects figure, #hwCatItems figure {
			border: 1px solid #ccc;
			background-color: #fff;
			text-align: center;
			height: 113px;
			}
			
		#relatedProjects p, #hwCatItems p {
			height: 5em;
			overflow: hidden;
			}
			
		#relatedProjects a.details, #hwCatItems a.details {
			position: relative;
			top: -0.5em;
			display: block;
			text-align: right;
			margin-right: 1.5em;
			font-size: 0.8em;
			margin-bottom: 1em;
			}
		
		#gsPacks p, #featuredPack p{
		    position: relative;
		}
		
		#featuredPack p{
		    height: 175px;
		}
		
		#gsPacks .details, #featuredPack .details{
		    position: absolute;
		    bottom: 0;
		    right: 0;
		    font-size: 0.8em;
		    margin-bottom: 0em;
		}
			
		#relatedProjects .buyLink {
			display: block;
			text-align: center;
			width: 65px;
			margin: 0.5em auto 1em;
			}
			
		#relatedProjects .PDFLink {
			display: block;
			float: right;
			text-align: center;
			color: #080 !important;
			width: 40px;
			margin: 0.5em auto 1em;
			}
			

#comments {
	display: none;
	clear: both;
	}


#comments ul {
	background: #f0f0f0;
	border-top: 2px solid #fff;
	margin: 0px;
	padding: 0px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	}
	
	#comments ul li {
		border-top: 1px solid #ddd;
		padding: 0.8em 1em 0.8em 1em;
		background-color: #f0f0f0;
		font-size: 0.9em;
		}
		
		#comments ul li:first-child {
			border-top: 0px;
			}
		
		#comments ul li.alt {
			background-color: #f6f6f6;
			}
	
	#comments address {
		display: inline;
		font-size: 0.9em;
		}
	
	#comments address b {
		color: #c4473d;
		}
	
	#comments time {
		color: #888;
		padding-left: 0.5em;
		font-size: 0.9em;
		}
	
	#comments .postComment {
		display: none;
	}
	
	#comments .postComment textarea {
		margin: 1em 0px;
		display: block;
		width: 450px !important;
		}

    #comments article p{
        margin: 1em 0 0 0;
        position: relative;
        left: 300px;
        width: 600px;
    }
    
    #comments li time + p {
        margin-top: -1.3em;
    }

    .postComment #warning
    {
        float: right;
        width: 45%;
    }

footer {
	clear: both;
	margin-top: 5em;
	padding-top: 50px;
	border-top: 1px solid #bbb;
	background: url('Images/bg-footer.jpg') 0px 2px repeat-x;
	height: 520px;
	font-size: 0.85em;
	color: #fff;
	}
	
	footer nav {
		float: left;
		margin-right: 50px;
		}
		
	footer li {
		list-style-type: none;
		margin-top: 0.5em;
		}
	
	footer .social li {
		display: inline;
		}
	
	footer a {
		color: #e2b4b5;
		font-weight: bold;
		}
	
	footer #contactPICAXE {
		float: right;
		width: 310px;
		height: 350px;
		padding-left: 2.5em;
		border-left: 4px dashed #333;
		}
		
		footer input, footer textarea {
			background-color: #e7f4fc;
			border: 4px solid #555;
			margin: 1em 1em 1em 0px;
			width: 100px;
			-webkit-box-shadow: inset 0px 0px 4px rgba(0,0,0,0.5), inset 0px -1px 0px #eee, inset 0px -2px 1px #98a4ab;
			-moz-box-shadow: inset 0px 0px 4px rgba(0,0,0,0.5), inset 0px -1px 0px #eee, inset 0px -2px 1px #98a4ab;
			box-shadow: inset 0px 0px 4px rgba(0,0,0,0.5), inset 0px -1px 0px #eee, inset 0px -2px 1px #98a4ab;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			padding: 0.5em 0.5em 0.5em 2.5em;
			}
			
			footer #contactPICAXE .v-fail, #submitCode .v-fail {
				border: 4px solid #a00 !important;
				}
			
		footer textarea {
			display: block;
			width: 277px;
			height: 100px;
			}
			
		footer #ffSubmit {
			float: right;
			padding: 0.75em 0.5em;
			}
		
		footer #ffName {
			background: #e7f4fc url('Images/ffName.png') no-repeat 4px 4px;
			}
		
		footer #ffEmail {
			background: #e7f4fc url('Images/ffEmail.png') no-repeat 5px 6px;
			}
		
		footer #ffMessage {
			background: #e7f4fc url('Images/ffMessage.png') no-repeat 7px 6px;
			}
	
	    footer #ffMore {
	        padding-top: 15px; 
	        float: left;
	    }
	
	footer #copyrightNotice {
		clear: both;
		
		font-size: 0.9em;
		color: #000;
		text-shadow: 0px 1px 2px #999; 
		}
			
			

	
/* Typography */

h1 {
	}

h2 {
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.25em;
	margin-top: 1.5em;
	}
	
h3, h3 a {
	color: #c4473d;
	font-size: 1.1em;
	}
	

/* Home */

#content.home #hero {
	position: relative;
	clear: both;
	color: #fff;
	min-height: 375px;
	background: #C62B2A; /* old browsers */
	background: -moz-linear-gradient(top, #C62B2A 0%, #96221C 98%, #5f1611 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C62B2A), color-stop(98%,#96221C), color-stop(100%,#5f1611)); /* webkit */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C62B2A', endColorstr='#96221C',GradientType=0 ); /* ie */
	}

#content.home.forum #hero{
	min-height: 300px;
}
	
	#content.home #hero .cW {
		overflow: hidden;
		}
	
	
	#content.home #slider {
		overflow: hidden;
		}
		
	#content.home .jCar .btnAdd {
		margin: 5em auto 2em auto;
		}
	
	#content.home #editHero {
		margin-top: 5em;
		}
	
	.jCar {
		overflow: visible;
		position: relative;
		}
		
		.jCar #slider > li {
			display: block;
			width: 950px;
			float: left;
			height: 375px;
			list-style-type: none;
			position: relative;
			overflow: hidden;
			}
	
		.forum .jCar #slider > li{
			height: 300px;
		}
	
	
	#content.home #hero li > img {
		position: absolute;
		right: 50px;
		top: 75px;
		}
		
		#content.home.forum #hero li > img{
			top: 25px;
		}
		
	#content.home #hero h1 {
		margin: 0px 400px 0.5em 80px;
		padding-top: 100px;
		font-size: 2.5em;
		}
		
			#content.home.forum #hero h1{
				padding-top: 40px;
			}
	
	#content.home #hero p {
		margin: 0.25em 450px 0px 80px;
		}
		
	#content.home #hero .cta {
		margin: 4em 0px 1em 80px;
		}
		
	#content.home #hero .cta a, #content.home #userProject .view, .copyCode, #submitCode #submit, .hardwareProduct #buyLink, .softwareProduct #buyLink, .buyLink, #ffSubmit, .btn, #content.distributors #becomeDistributor, #relatedProjects .PDFLink, .gettingStarted .PDFLink, .showSubmitCode, #hwCatItems .PDFLink, .hwAZNav .PDFLink, .hardwareProduct .PDFLink {
		/* white style call to action buttons */
		color: #1f72a7;
		cursor: pointer;
		position: relative;
		padding: 1em 2.25em;
		font-weight: bold;
		text-shadow: 0px 1px 0px #fff;
		border: 1px solid #bababa;
		background: #e4e4e4; /* old browsers */
		background: -moz-linear-gradient(top, #F5F5F5 0%, #F2F2F2 50%, #E5E5E5 51%, #D7D7D7 100%); /* firefox */	
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(50%,#F2F2F2), color-stop(51%,#E5E5E5), color-stop(100%,#D7D7D7)); /* webkit */
		-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
		box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		opacity: 0.97;
		}
		
		#submitCode #submit, .buyLink, #content.home #userProject .view, .creatorItem .btn, #content.distributors #becomeDistributor, #relatedProjects .PDFLink, .gettingStarted .PDFLink, #hwCatItems .PDFLink, #content.projectGallery #submitOwn .btn, #content.projectGallery #search .btn, .siteSearch #searchBox .btn {
			font-size: 0.9em;
			padding: 0.75em 1.25em;
			}
		
		#content.home #hero .cta a {
			-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
			-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
			box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
			}
		
		#content.home #hero .cta a:hover, #content.home #userProject .view:hover, .copyCode:hover, #submitCode #submit:hover, .hardwareProduct #buyLink:hover, .softwareProduct #buyLink:hover, .buyLink:hover, #ffSubmit:hover, #content.distributors #becomeDistributor:hover, #relatedProjects .PDFLink:hover, .gettingStarted .PDFLink:hover, .showSubmitCode:hover, #hwCatItems .PDFLink:hover, .hwAZNav .PDFLink:hover, .hardwareProduct .PDFLink:hover {
			opacity: 1;			
			}
		
		#content.home #hero .cta a:active, #content.home #userProject .view:active, .copyCode:active, #submitCode #submit:active, .hardwareProduct #buyLink:active, .softwareProduct #buyLink:active, .buyLink:active, #ffSubmit:active, #content.distributors #becomeDistributor:active, #relatedProjects .PDFLink:active, .gettingStarted .PDFLink:active, .showSubmitCode:active, #hwCatItems .PDFLink:active, .hwAZNav .PDFLink:active,.hardwareProduct .PDFLink:active {
			top: 1px;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			}
			
	.jCarNav {
		position: absolute;
		top: 50%;
		opacity: 0.85;
		display: block;
		width: 25px;
		height: 40px;
		}
		
		.jCarNav:hover {
			opacity: 1;
			}
		
		.jCarPrev {
			left: 5px;
			}
			
			.jCarPrev:active {
				left: 4px;
				}
		
		.jCarNext {
			right: 5px;
			}
			
			.jCarNext:active {
				right: 4px;
				}


#content.home #welcome {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 1em 0px 2.5em;
	background: #f4f4f4; /* old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 0%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#FFFFFF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
	}
	
	#content.home #welcome li, #content.home #helpfulLinks li, #content.home #teaching li {
		width: 200px;
		float: left;
		list-style-type: none;
		margin-left: 50px;
		}
		
		#content.home #welcome li:first-child, #content.home #helpfulLinks li:first-child, #content.home #teaching li:first-child {
			margin-left: 0px;
			}
		
		#content.home #welcome p{
			height: 3em;
			}
			
		#content.home #helpfulLinks p, #content.home #teaching p {
		    height: 4em;
		}
		
		#content.home #welcome a, #content.home #helpfulLinks a, #content.home #teaching a {
			display: list-item;
			list-style-type: circle;
			margin-left: 1.2em;
			}
		
		#content.home #welcome figure a, #content.home #helpfulLinks figure a, #content.home #teaching figure a{
			display: block;
			margin: 0;
			height: auto !important;
		}
		
#content.home #userProject {
	border-bottom: 1px solid #bbb;
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EFF5F9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EFF5F9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#EFF5F9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%,#EFF5F9 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%,#EFF5F9 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EFF5F9',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FFFFFF 0%,#EFF5F9 100%); /* W3C */
	}
	
	#content.home #userProject figure {
		float: left;
		width: 265px;
		}
		
	#content.home #userProject article {
		margin: 0px 250px 0px 285px;
		}
	
	#content.home #userProject h3 {
		margin: 0px;
		color: #4e637f;
		}
	
	#content.home #userProject i {
		display: block;
		margin-top: 0.25em;
		font-size: 0.9em;
		padding-bottom: 1em;
		border-bottom: 2px dotted #ccc;
		}
		
	#content.home #userProject .view {
		display: block;
		text-align: center;
		width: 8em;
		margin: 2em 0px 3em;
		}
	
	#content.home #userProject aside {
		float: right;
		width: 165px;
		padding: 1em;
		background-color: #fff;
		border: 1px solid #b2ccdc;
		-webkit-box-shadow: inset 0px 0px 1px #ddd;
		-moz-box-shadow: inset 0px 0px 1px #ddd;
		box-shadow: inset 0px 0px 1px #ddd;
		}
		
		#content.home #userProject aside ul {
			margin: 1em 0px;
			}
		
		#content.home #userProject aside li {
			list-style-type: none;
			line-height: 2em;
			}
			
		#content.home #userProject aside a {
			display: block;
			padding-left: 30px;			
			}
			
			#userProject #submitProject {
				background: url('Images/i_green_rarr.png') no-repeat left center;
				}
			
			#userProject #viewWinners {
				background: url('Images/i_winning.png') no-repeat left center;
				}
			
			#userProject #viewGallery {
				background: url('Images/i_gallery.png') no-repeat left center;
				}


#content.home #teaching {
	clear: both;
	padding-top: 1em;
	height: 25em;
	margin-bottom: 5em
	}
	

/* Login */

#content.login label {
	display: block;
	margin: 2em 0px;
	width: 300px;
	}
	
	#content.login label input {
		float: right;
		}
		


/* BASIC Command Categories List */

.bcCatNav {}

	.bcCatNav table {
		margin: 3em 0px !important;
		padding: 0px;
		border-collapse: collapse;
		width: 100%;
		}

	.bcCatNav thead tr {		
		background: rgb(246,246,246); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(228,228,228,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(228,228,228,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(228,228,228,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(246,246,246,1) 0%,rgba(228,228,228,1) 100%); /* W3C */
		}
	
	.bcCatNav tr {
		background-color: #f3f3f3;
		}
	
	.bcCatNav tr:nth-child(even) {
		background-color: #eaeaea;
		}
	
	.bcCatNav th {
		text-align: left;
		color: #c4473d;
		font-size: 1.25em;
		padding: 0.75em;
		}
	
	.bcCatNav td {
		padding: 1em;
		}
		
		.bcCatNav td:first-child {
			width: 25%;
			}
		
	#content.commandsCat #sort, #content.commandsAZ #sort, #content.hardwareAZ #sort, #content.ccAZ #sort, #content.hwCat #sort {
		height: 2em;
		border-bottom: 1px solid #ddd;
		}
	
	#content.commandsCat #sort h2, #content.commandsAZ #sort h2 {
		border-bottom: 0px;
		}
		

/* BASIC Command Individual Page */

#content.basicCommand {
	}
	
	#content.basicCommand #info, #content.hardwareProduct #info, #content.softwareProduct #info, #content.creatorItem #info, #content.project #info {
		border-bottom: 1px solid #ddd;
		background: #f0f0f0; /* old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* firefox */	
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* ie */
		}
		
		#content.basicCommand #main {
			margin: 3em 0px 0px;
			}
			
		#content.basicCommand #share, #content.basicCommand #seeAlso {
			display: block;
			float: left;
			width: 40%;
			margin-right: 10%;
			padding-bottom: 5em;
			}
		
		#content.basicCommand dt, #content.basicCommand dd, .hardwareProduct #tCommands dt, .hardwareProduct #tCommands dd, .creatorItem #tSchematic dd {
			margin-bottom: 0.75em;
			}
			
		#content.basicCommand dt, .hardwareProduct #tCommands dt, .creatorItem #tSchematic dt {
			width: 10em;
			}
			
		#content.basicCommand dd, .hardwareProduct #tCommands dd, .creatorItem #tSchematic dd {
			margin-left: 11em;
			}
			
		#content.basicCommand dl li {
			list-style-type: none;
			display: inline;
			margin-right: 0.5em;
			}
			
		#content.basicCommand dl .seeAlso li:after {
			content: ',';
			}
			
			#content.basicCommand dl .seeAlso li:last-child:after {
				content: none;
				}
	
	#content.basicCommand #codeExamples {
		}
		
		.creatorItem section#codeExamples ul.ui-tabs-nav{
			border-bottom:1px solid #c9c9c9; 
			height:22px;
		}

		
		#content.basicCommand #codeExamples dl, .hardwareProduct #tCommands dl, .creatorItem #tSchematic dl {
			clear: both;
			margin-top: 2.5em;
			}
			
		#content.basicCommand .copyCode, .hardwareProduct #tCommands .copyCode, .creatorItem #tSchematic .copyCode, .showSubmitCode {
			float: right;
			margin: 1em 0px;
			}
			
			.showSubmitCode {
				margin-right: 0.5em;
				}
			
		#content.basicCommand #codeExamples .tabs, #content.hardwareProduct #detailedInfo .tabs, #content.softwareProduct #detailedInfo .tabs, #content.creatorItem #detailedInfo .tabs {
			position: relative;
			top: -1.75em;
			}
	
	#submitCode {
		display: none;
		clear: both;
		}
		
		 #submitCode textarea {
			font-family: monospace;
			margin: 2em 0px;
			padding: 1em;
			width: 500px;
			height: 100px;
			color: #197fae;
			border: 4px solid #cce2f0;
			background-color: #f5fdff;
			-moz-border-radius: 3px;
			border-radius: 3px;
			}
			
		 #submitCode #submit {
			margin: -2em 2em 0px;
			}
			
			
/* Hardware Categories List Page */

#content.hwCatList, #content.ccCatList {
	}
	
	#content.hwCatList .cW > h1, #content.ccCatList .cW > h1, #content.commandsCat .cW > h1, #content.commandsAZ .cW > h1, #content.hardwareAZ .cW > h1, #content.WIP > .cW > h1, #content.gettingStarted > .cW > h1, #content.teaching .cW > h1, #content.faq .cW > h1 {
		margin-bottom: 0px;
		}
	
	#content.hwCatList #sort, #content.ccCatList #sort, #content.commandsCat #sort, #content.commandsAZ #sort, #content.hardwareAZ #sort, #content.hwCat #sort {
		position: relative;
		}
	
		#content.hwCatList h2, #content.ccCatList #sort h2, #content.commandsCat #sort h2, #content.commandsAZ #sort h2, #content.hardwareAZ #sort h2 {
			margin-top: 0px;
			}
	
		#content.hwCatList #sort ul, #content.ccCatList #sort ul, #content.commandsCat #sort ul, #content.commandsAZ #sort ul, #content.hardwareAZ #sort ul, #content.hwCat #sort ul {
			position: absolute;
			right: 0px;
			top: 0.5em;
			}
	
		#content.hwCatList #sort ul#alphaJump, #content.ccCatList #sort ul#alphaJump, #content.commandsCat #sort ul#alphaJump, #content.commandsAZ #sort ul#alphaJump, #content.hardwareAZ #sort ul#alphaJump {
			position: absolute;
			left: 0px;
			top: 0.5em;
			width: 65%;
			}
			
			#content.hwCatList #sort ul#alphaJump li, #content.ccCatList #sort ul#alphaJump li, #content.commandsCat #sort ul#alphaJump li, #content.commandsAZ #sort ul#alphaJump li, #content.hardwareAZ #sort ul#alphaJump li, #content.hwCat #sort li, #commandJump #alphaJump li {
				white-space: normal;
				padding: 0px 2px;
				}
			
			#content.hwCatList #sort ul#alphaJump a, #content.ccCatList #sort ul#alphaJump a, #content.commandsCat #sort ul#alphaJump a, #content.commandsAZ #sort ul#alphaJump a, #content.hardwareAZ #sort ul#alphaJump a, #content.hwCat #sort a, #commandJump #alphaJump a {
				padding: 0px 0.5em;
				}
		
		#content.hwCatList #sort li, #content.ccCatList #sort li, #content.commandsCat #sort li, #content.commandsAZ #sort li, #content.hardwareAZ #sort li, #content.hardwareAZ #sortSKU li, #content.hwCat #sort li, #commandJump #alphaJump li {
			list-style-type: none;
			display: inline;
			padding: 0px 0.5em;
			font-size: 0.8em;
			color: #bbb;
			}
		
		#commandJump #alphaJump{
		    margin-top: 5px;
		    line-height: 1.3em;
		}
		
		#commandJump #alphaJump li:first-child{
		    padding-left: 0px;
		}
		
		    #commandJump #alphaJump.commandCats li{
		        display: inline-block;
		        width: 27%;
		        padding: 0;
		    }
		
		
		#content.hwCatList #hardwareCategories li, #content.ccCatList #ccCategories li {
			width: 20%;
			margin: 4em 5% 0em 0px;
			list-style-type: none;
			float: left;
			text-align: center;
			}
			
			#content.hwCatList #hardwareCategories li figure, #content.ccCatList #ccCategories li figure {
				height: 125px;
				}
		
		#content.hardwareAZ #sortSKU {
			margin: 0.5em 0px 3em;
			}
		
		#content.hardwareAZ #sortSKU li {
			font-size: 0.75em;
			}


#content.hardwareAZ {
	}
	
	.hwAZNav li {
		height: 9em;
		}
		
		.hwAZNav figure {
			float: left;
			width: 130px;
			margin: 1em;
			}
		
		.hwAZNav figure img {
			max-width: 115px;
			}
			
		.hwAZNav h3, .hwAZNav i, .hwAZNav .price {
			margin-left: 150px;
			}
		
		.hwAZNav i {
			font-style: normal;
			}
			
		.hwAZNav h3 {
			margin-bottom: 0.25em;
			}
		
		.hwAZNav .sku, .hwAZNav .price {
			display: block;
			margin-bottom: 1em;
			}
			
		.hwAZNav .priceIncVAT {
			margin-left: 0.5em;
			}
		
		.hwAZNav .priceExVAT {
			margin-left: 0px;
			font-size: 2em;
			font-weight: bold;
			}
			
		.hwAZNav .buyLink, .hwAZNav .PDFLink, .hwAZNav .PDFLink:active {
			float: right;
			font-size: 1em;
			padding: 1em 2em;
			position: relative;
			margin-right: 0.75em;
			top: -4.75em;
			}
		
		.hwAZNav .PDFLink {
			margin-right: 2em;
			}


/* Hardware Category Page */

#content.hwCat .cW > h1 {
	margin-bottom: 0px;
	}

#hwCatItems {
	margin-top: 2em;
	}
	
	#hwCatItems li {
		width: 20%;
		margin: 1em 4% 1em 0px;
		padding-bottom: 1em;
		}

    .teaching #hwCatItems li{
        width: 29%;
        margin-right: 3%;
    }
			
			
/* Hardware Product Page */

#content.hardwareProduct {
	}
	
	#content.hardwareProduct #gallery, #content.softwareProduct #gallery, #content.creatorItem #gallery {
		float: left;
		width: 300px;
		background-color: #fff;
		border: 1px solid #ccc;
		margin-bottom: 4em;
		}
		
		#content.hardwareProduct #gallery figure, #content.softwareProduct #gallery figure, #content.creatorItem #gallery figure {
			width: 300px;
			height: 200px;
			text-align: center;
			margin-top: 0.25em;
			}
			
			#gallery .loading {
				padding: 3em 0px 1em;
				}
				
			#gallery figcaption {
				font-size: 0.85em;
				padding-bottom: 3em;
				}
				
			#gallery figcaption span {
				display: block;
				font-size: 0.8em;
				margin-top: 0.25em;
				}
			
		
		#content.hardwareProduct #gallery ul, #content.softwareProduct #gallery ul, #content.creatorItem #gallery ul {
			margin: 1em;
			padding: 0px;
			text-align: center;
			}
			
		#content.hardwareProduct #gallery li, #content.softwareProduct #gallery li, #content.creatorItem #gallery li {
			list-style-type: none;
			padding: 0px;
			margin: 0.25em;
			display: inline;
			}
			
		#content.hardwareProduct #gallery li a img, #content.softwareProduct #gallery li a img, #content.creatorItem #gallery li a img {
			border: 1px solid #ccc;
			/* needed to override the StormCMS' inline styles */
			height: 41px !important;
			max-width: 55px !important;
			}
			
			#content.hardwareProduct #gallery li a img.selected, #content.softwareProduct #gallery li a img.selected, #content.creatorItem #gallery li a img.selected {
				border: 1px solid #c4473d;
				}
			
	#content.hardwareProduct #info, #content.softwareProduct #info, #content.creatorItem #info {
		padding-bottom: 0.5em;
		}
		
	#content.hardwareProduct #info h1, #content.softwareProduct #info h1, #content.creatorItem #info h1 {
		font-size: 1.75em;
		margin: 0px 0px 1.5em 350px;
		}
		
	#content.hardwareProduct #info article, #content.softwareProduct #info article, #content.creatorItem #info article {
		margin: 0px 0px 4em 350px;
		background-color: #fff;
		border: 1px solid #ccc;
		width: 450px;
		-webkit-box-shadow: inset 0px 0px 2px #bbb;
		-moz-box-shadow: inset 0px 0px 2px #bbb;
		box-shadow: inset 0px 0px 2px #bbb;
		}
		
		#content.hardwareProduct #info i, #content.softwareProduct #info i {
			font-style: normal;
			display: block;
			}
		#content.softwareProduct #info i{
		    float: left;
		    width: 51%;
		}
			
		#content.hardwareProduct #info .sku, #content.softwareProduct #info .sku {
			font-size: 0.9em;
			font-weight: bold;
			color: #c4473d;
			margin: 1.5em 1.5em 1em;
			}
			
		#content.hardwareProduct .priceExVAT, #content.softwareProduct .priceExVAT {
			font-weight: bold;
			font-size: 1.75em;
			margin: 0.25em 0.75em 0px;
			}
			
		#content.hardwareProduct .priceIncVAT, #content.softwareProduct .priceIncVAT,
		#content.hardwareProduct .eduPrice		{
			font-size: 0.8em;
			margin: 0.25em 1.5em;
			}
			
		#content.hardwareProduct #buyLink, #content.softwareProduct #buyLink {
			float: right;
			margin: 0.25em 1.5em 2em;
			}
			
		#content.hardwareProduct .PDFLink{
		    float: right;
		}
		
		#content.hardwareProduct #info .PDFLink, #content.hardwareProduct #info #buyLink{
		    margin-top: -30px;
		}
			
		#content.hardwareProduct #info #share, #content.softwareProduct #info #share, #content.creatorItem #info #share, #content.projectGallery #info #share, #content.project #share {
			border-top: 1px solid #ddd;
			clear: right;
			padding: 0em 1.5em 0.75em;
			}
			
			#content.hardwareProduct #info #share *, #content.softwareProduct #info #share *, #content.creatorItem #info #share *, #content.projectGallery #info #share *, #content.project #share * {
				position: relative;
				display: inline-block;
				margin: 0px;
				padding: 0px;
				}
				
			#content.hardwareProduct #info #printPage, #content.softwareProduct #info #printPage, #content.creatorItem #info #printPage, #content.projectGallery #info #printPage, #content.project #printPage {
				margin-right: 1em;
				}
				
				#content.hardwareProduct #info #printPage img, #content.softwareProduct #info #printPage img, #content.creatorItem #info #printPage img, #content.projectGallery #info #printPage img, #content.project #printPage img {
					margin-left: 0.5em;
					}
				
			#content.hardwareProduct #info #social p, #content.softwareProduct #info #social p, #content.creatorItem #info #social p, #content.projectGallery #info #social p, #content.project #social p {
				margin: 0px 0.5em;
				}
			
			#content.hardwareProduct #info #share img, #content.softwareProduct #info #share img, #content.creatorItem #info #share img, #content.projectGallery #info #share img, #content.project #share img {
				vertical-align: middle;
				top: -2px;
				}
			
			#content.hardwareProduct #info #social li, #content.softwareProduct #info #social li, #content.creatorItem #info #social li, #content.projectGallery #info #social li, #content.project #social li {
				list-style-type: none;
				margin-right: 0.2em;
				}
			
			#content.hardwareProduct #info #social span, #content.softwareProduct #info #social span, #content.creatorItem #info #social span, #content.projectGallery #info #social span, #content.project #social span {
				position: relative;
				top: 4px;
				}
				
			#content.hardwareProduct #info #fLike, #content.softwareProduct #info #fLike, #content.creatorItem #info #fLike, #content.projectGallery #info #fLike, #content.project #fLike {
				margin-left: 1em;
				position: relative;
				top: 5px;
				}
				
		    #content.project #fLike iframe{
		        height: 21px !important;
		    }
				
	#content.hardwareProduct #detailedInfo, #content.softwareProduct #detailedInfo, #content.creatorItem #detailedInfo {
		margin-bottom: 4em;
		}
		
	#tResources #downloads, #tResources #datasheets {
		width: 40%;
		margin: 0px 10% 0px 0px;
		float: left;
		}
		
	#content.hardwareProduct #tVideo {
		/* aligns iframe (dirrrty) center */
		text-align: center;
		} 
		
	#content.hardwareProduct #tVideo h2 {
		/* aligns the h2 (and error note, if there is one) back where it should be */
		text-align: left;
		}
	
	table#softwaredownloads, table#billofmaterials{
	    width: 100%;
	    border-spacing: 0;
	    border-collapse: collapse;
	}
	
	table#softwaredownloads td, table#billofmaterials td{
	}
	
	table#softwaredownloads tr.alt td, table#billofmaterials tr.alt td{
        background: #f3f3f3;
    }
    
    table#softwaredownloads td.dl, table#billofmaterials td.dl{
        width: 130px;
        text-align: right;
    } 
    
    table#softwaredownloads a, table#billofmaterials a{
        display: block;
        width: 120px;
        text-align: center;
        margin: 0;
    }
    table#billofmaterials a{
        width: 80px;
    }


	
	#relatedProjects li {
		width: 21%;
		margin: 1em 3% 1em 0px;
		
		}
		

/* Software Categories List */

#content.swCatList > .cW > h1 {
	margin-bottom: 0.2em;
	}

.swCatNav ul, .ccCatNav ul, .inspireNav ul {
	margin: 1em 0px 3em;
	}

.swCatNav > span > ul > li, .ccCatNav > span > ul > li, .bcCatNav table, .hwAZNav li, .inspireNav > span > ul > li {
	margin: 1em 0px;
	list-style-type: none;
	border: 1px solid #ccc;
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(246,246,246,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(246,246,246,1) 100%); /* W3C */
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	clear: both;
	font-size: 0.9em;
	position: relative;
	}

	.swCatNav figure, .ccCatNav figure, .inspireNav figure {
		float: left;
		width: 150px;
		margin: 1em;
		}
		
		#content.teaching .inspireNav figure{
		    margin: 0;
		}
		
		#content.teaching .inspireNav figure img{
		    margin: 0;
		    height: 75px;
		    width: 113px;
		}
	
	.swCatNav .OSes, .ccCatNav .OSes {
		float: left;
		width: 50px;
		margin: 10px 0px 0px 0px;
		}
	
	.swCatNav p, .swCatNav h4, .swCatNav .sku {
		margin: 1em 300px;
		}
	
	.ccCatNav p, .ccCatNav h4, .inspireNav p, .inspireNav h4 {
		margin: 1em 250px;
		}
	
	#content.teaching .inspireNav h4{
	    margin-top: 0;
	}
	
	#content.teaching .inspireNav p{
	    padding-bottom: 15px;
		margin-right: 0px;
	}
	
	#content.teaching .inspireNav a.btn{
		margin-left: 585px;
	}
	
	.swCatNav h4 {
		margin-bottom: 0.25em;
		}
		
	.swCatNav .sku {
		font-style: normal;
		font-size: 0.9em;
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
		}
	
	.swCatNav .priceIncVAT {
		font-style: normal;
		color: #888;
		position: absolute;
		top: 4em;
		right: 1em;
		}
	
	.swCatNav .priceExVAT {
		font-style: normal;
		font-size: 2em;
		font-weight: bold;
		position: absolute;
		top: 0.5em;
		right: 0.5em;
		}
	
	.swCatNav .buyLink, .ccCatNav .btn, .inspireNav btn {
		position: absolute;
		bottom: 15px;
		right: 0.8em;
		font-size: 1.1em;
		}
	
	.swCatNav .buyLink {
		display: block;
		width: 100px;
		text-align: center;
		}
		
		.swCatNav .buyLink:active, .ccCatNav .btn:active {
			top: auto;
			bottom: 14px;
			}
		
		

/* Software Product Page */
/* (Mostly delcared above) */

#content.softwareProduct #info article {
	position: relative;
	}

#content.softwareProduct #buyLink {
	position: absolute;
	top: 50px;
	right: 0px;
	}
	
	#content.softwareProduct #buyLink:active {
		position: absolute;
		top: 51px;
		}

#content.softwareProduct #info #share {
	margin-top: 9em;
	}
	
#content.softwareProduct #OSes {
	margin-left: 350px;
	}
	
	#OSes li, .OSes li {
		list-style-type: none;
		height: 33px;
		width: 33px;
		background-color: #000;
		margin: 0px 10px 10px 0px;
		text-indent: -9999em;
		}
		
		#OSes .windows, .OSes .windows {
			background: url('Images/i_windows.png') no-repeat center center;
			}
		
		#OSes .macOS, .OSes .macOS {
			background: url('Images/i_macos.png') no-repeat center center;
			}
		
		#OSes .linux, .OSes .linux {
			background: url('Images/i_linux.png') no-repeat center center;
			}
		
		#OSes .chrome, .OSes .chrome {
			background: url('Images/i_chrome.png') no-repeat center center;
			}
			
		#OSes .ios, .OSes .ios {
			background: url('Images/i_ios.png') no-repeat center center;
			}
			
		#OSes .android, .OSes .android {
			background: url('Images/i_android.png') no-repeat center center;
			}
			
		#OSes .canHaz, .OSes .canHaz {
			filter: alpha(opacity=100);
			opacity: 1;
			}
			
		#OSes .noHaz, .OSes .noHaz {
			filter: alpha(opacity=10);
			opacity: 0.1;
			}
			

#content.softwareProduct #OSes, #content.softwareProduct .osCompatibilityEdit {
	height: 35px;
	margin: -1em auto 1em 350px;
	}

	#content.softwareProduct #OSes li {
		float: left;
		}
		
	.osCompatibilityEdit label {
		padding: 0.25em;
		margin-right: 0.5em;
		}

			
	#relatedProjects .buyLink, #hwCatItems .buyLink {
		float: left;
		margin-left: 10px;
		}

	#relatedProjects .PDFLink, #hwCatItems .PDFLink {
		float: right;
		margin-right: 10px;
		}
		
/* Circuit Creator Category List */

.ccCatNav ul, .inspireNav ul {
	margin: 3em 0px;
	}
	
	.ccCatNav span > ul > li {
		width: 750px;
		min-height: 75px;
		
		}
		
	.inspireNav span > ul > li{
	    width: 725px;
	    clear: none;
		overflow: auto;
		padding: 25px;
	}
	
	.inspireNav span > ul > li:after {
	        clear: none;
	    }
	
	.ccCatNav p, .ccCatNav h4, .inspireNav p, .inspireNav h4 {
		margin: 1em 250px 1em 150px;
		}

	.ccCatNav h4, .inspireNav h4 {
		font-size: 1.5em;
		}

#content.ccAZ #sort {
	margin-bottom: 2em;
	}
	

/* Circuit Creator Page */
/* (Mostly delcared above) */

#content.creatorItem {
	}
	
	#content.creatorItem #info article p {
		margin: 0px 1em 1em 1em;
		padding-top: 1em;
		}
		
	#content.creatorItem #relatedCommands {
		margin: 1em 0px;
		}
	
	#content.creatorItem #relatedCommands p, #content.creatorItem #relatedCommands ul, #content.creatorItem #relatedCommands li {
		display: inline;
		list-style-type: none;
		margin: 0px 0.5em 0px 0px;
		padding: 0px;
		}
		
		#relatedCommands li:after {
			content: ',';
			}
			
			#relatedCommands li:last-child:after {
				content: none;
				}
	
	#content.creatorItem #schematic{
		clear: both;
	}
	
	#content.creatorItem #schematic, #content.creatorItem #PCB {
		float: left;
		width: 50%;
		}
		
	#content.creatorItem #codeExamples {
		clear: both;
		padding-top: 4em;
		}
		
	#content #tSimulation
	{
	    position: relative;
	}	
		
	#content.creatorItem #tCreate figure, #content.creatorItem #tSimulation figure {
		float: left;
		}
	
	#content.creatorItem #tCreate p, #content.creatorItem #tSimulation p {
	    padding-bottom: 4em;
	}
	
	#content.creatorItem #tCreate article, #content.creatorItem #tSimulation article {
		margin-left: 500px;
		}
		
		#content.creatorItem #tCreate .btn, #content.creatorItem #tSimulation .btn {
			position: absolute;
			bottom: 00px;
			margin-top: 2em;
			}
	
	#content.creatorItem #tMaterials th {
		text-align: left;
		padding: 0.6em 1em 0.6em 1em;
		border-bottom: 1px dotted #f0f0f0;
		}
	
	#content.creatorItem #tMaterials td, #content.softwareProduct #tResources td, #content.hardwareProduct #tResources td {
		padding: 0.6em 1em 0.6em 1em;
		}
	
	#content.creatorItem #tMaterials .buyLink {
		margin-left: 2.5em;
		}
	
	#content.creatorItem #tSchematic nav {
		text-align: right;
		padding-right: 30px;
		}
		
	#content.creatorItem #tSchematic nav.tabs {
		text-align: right;
		padding-right: 0px;
		}
		
		#content.creatorItem #tSchematic nav a {
			color: #666;
			}
	
	#content.creatorItem .print {
		}
		
	#content.creatorItem .fullSize {
		}
		
	#content.creatorItem .print img, #content.creatorItem .fullSize img {
		margin: 0px 1em 0px 0.25em;
		position: relative;
		top: 5px;
		}


/* Project Gallery Page */

#content.projectGallery #winner {
	border-bottom: 1px solid #c9d7df;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(214,224,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(214,224,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(214,224,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(214,224,229,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(214,224,229,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6e0e5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,1) 50%,rgba(214,224,229,1) 100%); /* W3C */
	padding-bottom: 1.5em;
	}
		
		#content.projectGallery #winner h1 {
			margin-bottom: 0.2em;				
			}
		
		#content.projectGallery #winner h2 {
			margin-top: 0px;
			}
	
	#content.projectGallery #info, #content.projectGallery #submitOwn {
		background-color: #fff;
		border: 2px solid #fff;
		-webkit-box-shadow: inset 0px 0px 4px 1px #c7d5db;
		-moz-box-shadow: inset 0px 0px 4px 1px #c7d5db;
		box-shadow: inset 0px 0px 4px 1px #c7d5db;
		height: 14em;
		float: left;
		padding: 0.25em 1em;
		}
	
	#content.projectGallery #info {
		width: 70%;
		}
		
		#content.projectGallery #info figure {
			float: left;
			margin: 1em 0px;
			}
		
		#content.projectGallery #info h3, #content.projectGallery #info p, #content.projectGallery #info i, #content.projectGallery #info #share {
			display: block;
			margin-left: 210px;
			}
		
		#content.projectGallery #info h3 {
			margin-bottom: 0.2em;
			}
				
		
	#content.projectGallery #submitOwn {
		width: 20%;
		float: right;
		padding: 0.25em 1em;
		}
		
		#content.projectGallery #submitOwn .btn {
			display: block;
			width: 6em;
			text-align: center;
			margin: 1.5em auto 0px;
			}

#content.projectGallery nav#projects, .siteSearch nav#searchSidebar {
	float: left;
	width: 200px;
	margin-top: 2.5em;
	}

	#content.projectGallery #search, #content.projectGallery #keywords, #content.projectGallery #archive, .siteSearch #searchBox {
		padding: 0px 0.5em 1em;
		margin: 0px 0px 1.5em 0px;
		border: 1px solid #ddd;
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
		}
		
		#content.projectGallery #search li, #content.projectGallery #keywords li, #content.projectGallery #archive li {
			list-style-type: none;
			font-size: 0.85em;
			line-height: 2em;
			}
			
			
	#content.projectGallery #search .btn, .siteSearch #searchBox .btn {
		margin: 1em 0px 0px;	
		text-align: right;
		}

#content.projectGallery #prevWinners, #content.projectGallery #latestProjects, #content.projectGallery #projectSearch {
	width: 700px;
	float: right;
	clear: right;
	padding-bottom: 3em;
	}
	
	#content.projectGallery #prevWinners ul, #content.projectGallery #latestProjects ul {
		margin: 0px;
		padding: 0px;
		}
	
	#content.projectGallery #prevWinners li, #content.projectGallery #latestProjects li {
		list-style-type: none;
		width: 200px;
		float: left;
		margin-right: 33px;
		padding-bottom: 2em;
		height: 24em;
		}
		
	#content.projectGallery #prevWinners i, #content.projectGallery #latestProjects i {
		display: block;
		font-size: 0.8em;
		height: 1.4em;
		overflow: hidden;
		}
		
	#content.projectGallery #prevWinners h3, #content.projectGallery #latestProjects h3 {
		margin-bottom: 0.5em;
		height: 2em;
		}
		
	#content.projectGallery #prevWinners p, #content.projectGallery #latestProjects p {
		height: 6.6em;
		overflow: hidden;
		}
		
	#content.projectGallery #prevWinners figure, #content.projectGallery #latestProjects figure {
		text-align: center;
		margin: 1em auto;
		}

	#content.projectGallery #projectSearch ul {
		margin: 2em 0px;
		padding: 0px;
		}
	
		#content.projectGallery #projectSearch li {
			margin: 1em 0px;
			padding: 1em 0px;
			border-top: 1px solid #ddd;
			list-style-type: none;
			}
			
			#content.projectGallery #projectSearch li:first-child {
				border-top: 0px;
				}

    #prevWinners .message{
        width: 450px;
        margin: 30px auto 40px auto;
        border: 1px solid #ccc;
        padding: 15px;
        background: #fcfcfc;
        clear:both;
    }
    
        #prevWinners .message p{
            margin: 0 0 1em 0;
            height: auto !important;
        }

/* Project Item Page */
/* (Mostly delcared above) */

#content.project {
	}
	
	#content.project #info iframe {
		/* needed to override the iframe's inline styles */
		width: 500px !important;
		height: 300px !important;
		margin: 0px 50px 3em 0px;
		float: right;
		}
		
		#content.project .editsettings {
			float: right;
			width: 400px;
			}
		
	#content.project h1 {
		font-size: 1.75em;
		}
	
	#content.project #info article {
		float: left;
		clear: left;
		width: 325px;
		font-size: 0.9em;
		}
		
		#content.project #info i {
			display: block;
			}
		
		#content.project #info figure {
			margin: 2em 0px 3em 0px;
			}
		
		#content.project #info figure img {
			background-color: #fff;
			padding: 7px;
			border: 1px solid #ccc;
			}
		
		#content.project #info > .cW > p {
			width: 400px;
			float: right;
			}
			
/* Submit Project Page */

#content.projectSubmit #submitForm {
	background-color: #fafafa;
	border-top: 1px solid #bbb;
	margin-bottom: -8.5em;
	padding: 3em 0px;
	}
	
	#content.projectSubmit iframe {
		padding: 0px;
		border: 0px;
		margin: 0px;
		}
	
	#content.projectSubmit ol {
		margin: 2em 0px;
		padding: 0px;
		}
		
		#content.projectSubmit .prizes li {
			list-style-type: none;
			width: 25%;
			margin-right: 8%;
			float: left;
			height: 15em;
			}
	
	#submitForm input[type=text], #submitForm textarea {
		display: block;
		margin: 1em 0px;
		font-size: 0.9em;
		padding: 0.65em;
		-webkit-box-shadow: inset 0px 1px 2px #ddd;
		-moz-box-shadow: inset 0px 1px 2px #ddd;
		box-shadow: inset 0px 1px 2px #ddd;
		}
	
	#submitForm .mainDetails {
		width: 550px;
		float: left;
		}
		
		#submitForm .mainDetails input {
			width: 300px;
			}
		
		#submitForm .mainDetails textarea {
			width: 500px;
			height: 129px;
			}
	
	#submitForm .additDetails {
		margin-left: 575px;
		}
		
		#submitForm .additDetails input {
			width: 300px;
			}
		
		#submitForm .additDetails #Image {
			border: 0px;
			margin-bottom: 1em;
			}
	
	#submitForm .selectPrize {
		clear: both;
		padding-top: 1em;
		}
		
		#submitForm .selectPrize label {
			padding: 0px 1em 0px 0px;
			}
		
		#submitForm .selectPrize input, #submitForm p input {
			display: inline;
			}
	
	#submitForm #submit {
		margin-top: 2em;
		}

    #submitForm  .field-validation-error{
        color: #cc0000;
    }

/* Distributors */

#content.distributors #map {
	background: url('Images/worldMap.jpg');
	width: 927px;
	height: 348px;
	margin: 1em 0px;
	position: relative;
	}
	
	#content.distributors #map li {
		list-style-type: none;
		}
	
	#content.distributors #map a {
		display: block;
		position: absolute;
		text-indent: -9999em;
		}
		
		#content.distributors #map a:hover, #content.distributors #map a.hover, #content.distributors #map a.active, #map .ui-tabs-selected a {
			background-position: 0px;
			}
			
		#content.distributors #map a:hover, #content.distributors #map a.hover {
			opacity: 0.35;
			}
			
		#content.distributors #map .ui-tabs-selected a:hover, #content.distributors #map .ui-tabs-selected a.hover {
			opacity: 1;
			}
		
		#map .aUSACanada {
			width: 225px;
			height: 169px;
			top: 50px;
			left: 112px;
			background: url('Images/map-usa.png') no-repeat;
			background-position: -100em;
			}
		
		#map .aSouthAmerica {
			width: 105px;
			height: 156px;
			top: 192px;
			left: 267px;
			background: url('Images/map-sAmerica.png') no-repeat;
			background-position: -100em;
			}
		
		#map .aEurope {
			width: 265px;
			height: 165px;
			top: 17px;
			left: 379px;
			background: url('Images/map-europe.png') no-repeat;
			background-position: -100em;
			z-index: 1000;
			}
		
		#map .aAfrica {
			width: 163px;
			height: 199px;
			top: 123px;
			left: 393px;
			background: url('Images/map-africa.png') no-repeat;
			background-position: -100em;
			}
		
		#map .aAustralasia {
			width: 125px;
			height: 86px;
			top: 250px;
			left: 642px;
			background: url('Images/map-australasia.png') no-repeat;
			background-position: -100em;
			}
		
		#map .aFarEast {
			width: 230px;
			height: 205px;
			top: 48px;
			left: 546px;
			background: url('Images/map-farEast.png') no-repeat;
			background-position: -100em;
			}
	
	#regionNav {
		position: relative;
		margin-top: 2em;
		}
	
		#regionNav li {
			list-style-type: none;
			display: inline;
			padding: 0px 1em 0px 0px;
			font-weight: bold;
			font-size: 0.9em;
			}
		
		#regionNav li.ui-tabs-selected a {
			color: #376687;
			}
	
	#content.distributors #becomeDistributor {
		position: absolute;
		right: 25px;
		top: -10px;
		}
		
		#content.distributors #becomeDistributor:active {
			top: -9px;
			}
	
	#content.distributors #tabMe > p {
		border-bottom: 1px solid #ddd;
		margin: 2em 0px;
		padding-bottom: 0.5em;
		font-size: 0.9em;
		}
	
	#content.distributors #tabMe th {
		padding: 0.5em 5em 0.5em 0px;
		color: #c4473d;
		text-align: left;
		}
	
	#content.distributors #tabMe td.name {
	    width: 300px;
	}
	
	#content.distributors #application {
		background-color: #fafafa;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		margin: 4em 0px -4.5em;
		padding-top: 2em;
		}
		
		#content.distributors #application label {
			color: #c4473d;
			font-weight: bold;
			margin: 1em 0px;
			width: 50%;
			float: left;
			}
		
		#content.distributors #application input, #content.distributors #application textarea {
			border: 1px solid #bbb;
			padding: 0.35em;
			color: #333;
			display: block;
			width: 300px;
			margin-top: 0.5em;
			-webkit-box-shadow: inset 0px 1px 3px #bbb;
			-moz-box-shadow: inset 0px 1px 3px #bbb;
			box-shadow: inset 0px 1px 3px #bbb;
			}
			
			#content.distributors #application .v-fail {
				border: 1px solid #d00;
				}
		
		#content.distributors #application textarea {
			height: 93px;
			}
		
		#content.distributors #application textarea.comments {
			width: 775px;
			}
		
		#content.distributors #application .btn {
			float: right;
			margin: 2em 45% 2em 0px;
			}
	
	#content.distributors.new .cW > p {
		width: 60%;
		}
	
	#application #fError, #application #fThankyou, #application #fSending {
		margin: 3em auto;
		}


/* FAQs */

#content.faq #tabs nav, #content.WIP #tabs nav, #content.gettingStarted #tabs nav, #content.teaching #tabs > nav {
	float: left;
	width: 180px;
	height: 750px;
	background: url('Images/bg_verticalTabs.jpg') no-repeat top right;
	padding-top: 100px;
	}
	
	#content.faq #tabs nav li, #content.WIP #tabs nav li, #content.gettingStarted #tabs nav li, #content.teaching #tabs > nav li {
		list-style-type: none;
		}
	
	#content.faq #tabs nav a, #content.WIP #tabs nav a, #content.gettingStarted #tabs nav a, #content.teaching #tabs > nav a {
		color: #c4473d;
		display: block;
		padding: 1.5em 1em;
		font-size: 0.9em;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		}
		
		#content.faq #tabs nav li:first-child a, #content.WIP #tabs nav li:first-child a, #content.gettingStarted #tabs nav li:first-child a, #content.teaching #tabs > nav li:first-child a {
			border-top: 0px;
			}
		
		#content.faq #tabs nav li.selected a, #content.WIP #tabs nav li.selected a, #content.gettingStarted #tabs nav li.selected a, #content.teaching #tabs > nav li.selected a {
			background: #fff;
			border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			margin: -1px 0px -1px 0px
			}


#content.faq article, #content.WIP article, #content.gettingStarted article, #content.teaching article {
	margin: 4em 0px 2em 225px;
	}
	
	#content.faq article > div, #content.WIP article > div, #content.gettingStarted article > div, #content.teaching article > div {
		/* overrides WYSIWTF's inline styles */
		clear: none !important;
		}


.faqnav {
	margin: 3em 0px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2em;
	}

	.faqnav li a {
		font-weight: bold;
		color: #c4473d;
		cursor: pointer;
		line-height: 1.5em;
		}

#content.faq article h3 {
	margin: 3em 0px 1em;
	}
	

/* What is PICAXE (.WIP) */

#content.WIP > .cW > h1, #content.gettingStarted > .cW > h1, #content.swCatList > .cW > h1, #content.ccCatList > .cW > h1, #content.commandsCat > .cW > h1, #content.teaching > .cW > h1,  {
	margin: 1.5em 0px 0.2em 0px;
	}
	
#content.WIP > .cW > h2, #content.gettingStarted > .cW > h2, #content.swCatList > .cW > h2, #content.ccCatList > .cW > h2, #content.commandsCat > .cW > h2, #content.teaching > .cW > h2, #content.faq .cW > h2 {
	margin-top: 0px;
	}

#content.WIP article img, #content.gettingStarted article img, #content.teaching article img {
	margin: 2em;
	}



/* Getting Started */

#content.gettingStarted article #featuredPack img {
	/* undo an over-zealous image frame wrap */
	border: 0px;
	box-shadow: none;
	padding: 0px;
	margin: 0px;
	}

#content.gettingStarted #featuredPack {
	border: 2px solid #ddd;
	background-color: #F6F6F6;
	margin: 2em 0px;
	width: 625px;
	height: 23em;
	position: relative;
	}

	#content.gettingStarted #featuredPack .social {
		width: 250px;
		float: left;
		margin: 1em;
		padding: 8px;
		box-shadow: inset 0px 0px 4px rgba(0,0,0,0.35);
		}
		
		#content.gettingStarted #featuredPack .social li, #content.gettingStarted #fLike {
			list-style-type: none;
			display: inline;
			}
			

#content.gettingStarted .PDFLink, #hwCatItems .PDFLink, .hwAZNav .PDFLink, #content.hardwareProduct .PDFLink {
	color: #080;
	}

#content.gettingStarted article #featuredPack figure img {
	float: left;
	margin: 1em;
	}

#content.gettingStarted #featuredPack h4, #content.gettingStarted #featuredPack p {
	width: 285px;
	margin: 1em 2em 1em 0em;
	display: block;
	clear: none;
	float: right;
	}

#content.gettingStarted #featuredPack .social {
	float: left;
	margin-right: 100px;
	}

#content.gettingStarted #featuredPack .PDFLink, #content.gettingStarted #featuredPack .buyLink {
	position: absolute;
    bottom: 15px;
	}
	
	#content.gettingStarted #featuredPack .buyLink {
        right: 90px;
		}

    #content.gettingStarted #featuredPack .PDFLink {
        right: 10px;
        }

#content.gettingStarted #featuredPack h3, #content.gettingStarted #packList h3 {
	font-size: 1.25em;
	width: 50%;
	}
	
	#content.gettingStarted #packList h3 {
		width: 63%;
		padding-top: 5px;
		}
	
#content.gettingStarted #featuredPack h3, #content.gettingStarted #packList h3 {
	background: url('Images/logo_sm.png') no-repeat left center;
	padding-left: 60px;
	min-height: 50px;
	}

#content.gettingStarted #packList li {
	list-style-type: none;
	border: 2px solid #ddd;
	background-color: #F6F6F6;
	width: 295px;
	height: 32em;
	margin: 2em 30px 2em 0px;
	float: left;	
	}

#content.gettingStarted #packList li .sku{
    padding-top: 8px;
}
	
#content.gettingStarted article #packList img, #content.gettingStarted article #packList p {
	margin: 1em auto;
	display: block;
	width: 260px;
	}

#content.gettingStarted article #packList p {
	height: 7em;
	overflow: hidden;
	}

#content.gettingStarted article #packList .PDFLink, #content.gettingStarted article #packList .buyLink {
	float: right;
	margin: 0.5em;
	}


/* Teaching */

.teaching #breadcrumbs, .teaching #breadcrumbs a, .teaching h3, #content.teaching #tabs nav a {
	color: #16690d;
	}
	

/* Contact */

#contactInfo{
    margin-right: 350px;
}

#contactDetails{
    width: 300px; 
    float: right; 
    margin-left: 50px;
}

#contactDetails figure{
    margin-top: 3.5em;
}

#contactDetails h4{
    margin-bottom: 0.2em;
}

#contactDetails p{
    margin-top: 0;
}

/* jQ UI */

.ui-tabs-hide {
	display: none;
	}

/* Facebox */

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}


/* under-construction.gif */


table.mceLayout{
    width: 100% !important;
    }

.mceWrapper iframe{
    margin: 0;
    padding: 0;
}

/* Hackery */

.text-placeholder {color: #AAA !important}

#fThankyou, #fError, #fSending, #ffError, #ffThankyou, #ffSending {
	display: none;
	}

.fixed-width-type {
	/* needed to override the StormCMS' inline styles */
	font-family: monospace !important;
	}

.stclose {
	right: 2px !important;
	top: 35px !important;
	}

.cF:after, .isTheBody > header:after, #content.home #welcome ul:after, #content.basicCommand dl:after, #content.basicCommand #info:after, #content.hardwareProduct #info:after, #relatedProjects:after, .isTab:after, #tResources:after, #content.creatorItem #info:after, #content.project #info:after, #hwCatItems:after, .swCatNav > span > ul > li:after, .ccCatNav li:after, .inspireNav li:after, #content.projectGallery #winner:after, .hwAZNav li:after, #content.projectSubmit ol:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
*:first-child+html .cF, *:first-child+html .isTheBody > header, *:first-child+html #content.home #welcome, *:first-child+html #content.basicCommand #info, *:first-child+html #content.hardwareProduct #info, *:first-child+html #relatedProjects, *:first-child+html .isTab, *:first-child+html #tResources, *:first-child+html #content.creatorItem #info, *:first-child+html #hwCatItems, *:first-child+html .swCatNav > span > ul > li, *:first-child+html #content.projectGallery #winner, *:first-child+html .hwAZNav li, *:first-child+html #content.projectSubmit ol { zoom: 1; } /* IE7 */


/* SYNTAX HIGHLIGHTING */


pre.sh_sourceCode {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_keyword {
  color: #003366;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_symbol {
  color: #cc0000;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_predef_var {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_predef_func {
  color: orange;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_type {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_string {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_regexp {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_specialchar {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_comment {
  color: #666666;
  font-weight: normal;
  font-style: italic;
}

pre.sh_sourceCode .sh_number {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_preproc {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}



pre.sh_sourceCode .sh_cbracket {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_url {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_date {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_time {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_file {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_ip {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_name {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_variable {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_oldfile {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_newfile {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}

pre.sh_sourceCode .sh_difflines {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_selector {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_property {
  color: #197FAE;
  font-weight: bold;
  font-style: normal;
}

pre.sh_sourceCode .sh_value {
  color: #197FAE;
  font-weight: normal;
  font-style: normal;
}