body { background: #C7E0F3 url("/images/background.png") repeat-x;margin: 0 0 0 0;padding: 0 0 0 0;font-family: "Lucida Grande", Arial, Sans-Serif;font-size: 62.5%;}
a { color: #006699; } a:hover {color: #000}
#content h3, #content-wide h3 {padding: 5px 0 10px 0;margin: 30px 0 10px 0;font: normal normal normal 2em "Times New Roman", sans-serif;letter-spacing: -1.3px;color: #3575A4;border-bottom: 2px dotted #3575A4;}
#content h4, #content-wide h4, #content h5, #content-wide h5, #content h6, #content-wide h6, #content h7, #content-wide h7 {padding: 5px 0 5px 0; margin: 0 0 10px 0; color: #000; background: url("/images/header-background.png") no-repeat bottom left;}

.article-text { font: normal normal normal 1.2em Arial, sans-serif; }

#content h4, #content-wide h4 {font: normal normal normal 2em "Times New Roman", sans-serif;letter-spacing: -1.2px;}
#content h5, #content-wide h5 {font: normal normal normal 1.8em "Times New Roman", sans-serif;letter-spacing: -1px;}
#content h6, #content-wide h6 {font: normal normal normal 1.6em "Times New Roman", sans-serif;letter-spacing: -0.5px;}
#content h7, #content-wide h7 {font: normal normal normal 1.3em "Times New Roman", sans-serif;letter-spacing: -0.5px;}

#top-bar {background: #000; height: 2px; width: 100%}

/* Right Hand Menu Formatting [Incomplete] */

#menu-wrapper {margin: 0 0 0 0; background: #fff; width: 430px; float: right;}
#menu {width: 430px; padding: 0 0 0 0}

#menu h3 {padding: 5px 0 5px 0; margin: 0 0 10px 0; font: normal normal normal 3em "Times New Roman", sans-serif; letter-spacing: -1.2px; color: #15300F;border-bottom: 2px dotted #e5e5e5;}

/* Recent Tutorials [Incomplete] */

.rt-wrapper {margin: 0 0 0 0; padding: 0 0 5px 5px; border-bottom: 1px solid #D1E7F4;}.rt-wrapper:hover {background: #e1eef9;}
.rt-img {width: 77px; float: left; background: #e1eef9; padding: 5px;margin: 5px 0 0 0;}
.rt-img img {border: 1px solid #579CC4;}
.rt-content {width: 323px; float: right;}
.rt-ads {width: 323px; float: right; padding: 12px 0 0 0;}

.rt-link {color: #006699;}
.rt-link:hover {color: #000;}

.home-text {font: normal normal normal 1.2em Arial, sans-serif; padding: 20px 0 10px 0}
.home-h3 {color: #000; font: normal normal normal 2.2em Arial, sans-serif; letter-spacing: -2px; padding: 5px margin: 5px 0 5px 0; border-bottom: 2px solid #badbf4}

.rt-linkb {color: #4593CF;font-family: Verdana, sans-serif;}
.rt-linkb:hover {color: #000;}

.rt-title {font: normal normal bold 1.2em Arial, sans-serif; padding: 5px 0 5px 0; margin: 0 0 5px 0;border-bottom: 1px dashed #e5e5e5;}
.rt-cat {color: #4593CF; font: normal normal bold 1.2em Tahoma, sans-serif;padding: 4px 0 4px 0; margin: 4px 0 0 0;border-top: 1px dotted #C2DBEF;}
.rt-desc {font: normal normal normal 1.2em "Lucida Grande", Arial, sans-serif;}
.rt-date {color: #82A6D3; font: normal normal bold 1.1em Arial, sans-serif; padding: 0 0 5px 0; margin: 0 0 0 0;}

.rt-clear {clear: both;}

/* Content Area [Incomplete] */

#content {width: 529px;margin: 0 0 10px 0;border-right: 1px solid #D1E7F4;padding: 0 10px 0 10px;float: left;font: normal normal normal 1.2em "Lucida Grande", Arial, sans-serif;}
.code {padding: 10px;border: 2px dotted #C2DBEF;margin: 10px 0 10px 0;	color: #666;font-size: 1.1em;font-family: 'Courier New', Arial, Sans-Serif;}

/* Made in England Button [Complete] */

#madeinengland {	position: absolute;top:2px;left: 10px;}
#madeinengland a:hover {background: none;}
#madeinengland img {border: none;}

/* Comments Formatting [Complete] */

#comments-wrapper {margin: 5px 0 0 0;}#comments-wrapper strong { color: #3769A8;padding: 5px 0 5px 5px;}
.comments-com {margin: 0 0 5px 0;padding: 0 0 5px 0;border-bottom: 1px solid #C2DBEF}
#comments-form {background: #fff;margin: 10px 0 0 0;padding: 10px 0 0 0}
.comments-name {padding: 5px 5px 5px 5px;font: normal normal bold 1em Arial, sans-serif;color: #006699; border-bottom: 1px dashed #C2DBEF;}.comments-name span {color: #5E8CC5;font-size: 0.9em;}
.comments-text {padding: 10px;font: normal normal normal 1em "Lucida Grande", sans-serif;}
#comments-header {color: #000; font: normal normal normal 2.2em "Arial", sans-serif; letter-spacing: -2px; padding: 5px; margin: 5px 0 5px 0; border-bottom: 2px solid #BADBF4}

.comment-add, .comment-fail { margin: 10px 0 10px 0; padding: 10px; font: normal normal normal 1.2em 'Lucida Grande', sans-serif; text-align: center; }

.comment-add { color: #407835; background: #ECFFEA; border: 1px solid #9DF291}
.comment-fail { color: #773535; background: #FFEAEA; border: 1px solid #F29292}

.comments-addlink {
	padding: 5px 0 5px 0; margin: 5px 5px 5px 5px; font: italic normal bold 1.1em Verdana, sans-serif; border-bottom: 2px dotted #E4F3FB;
}
.comments-addlink img {
	float: left; padding-right: 5px;
}
#comments-wrapper legend {
	margin-left: 5px;
	background: #BADBF4;
	padding: 4px;
	font: normal normal bold 1.2em Tahoma, sans-serif;
	color: #006699;
}
#comments-wrapper legend img {
	width: 14px;
	height: 14px;
	float: left;
	padding-right: 5px;
}
#comments-wrapper a {
	color: #006699;
}
#comments-wrapper a:hover {
	color: #000;
}
#comments-wrapper label {
	position: relative;
	clear: left;
	float: left;
	width: 90px;
	margin-right: 5px;
	text-align: right;
	color: #4593CF;
	font: normal normal bold 1.2em Arial, sans-serif;
}
#comments-wrapper fieldset {
	margin-top: 10px;
	border: 2px solid #E4F3FB;
	padding: 20px 5px 5px 5px;
}
.comments-admin {
	background: #E3F2FA;
}
.comments-date {
	padding: 10px 0 10px 20px;
	font: italic normal bold 1.2em Georgia, serif;
	color: #777;
}
.comments-info {
	padding: 5px;
	font: normal normal normal 1.2em Arial, sans-serif;
	color: #5A5F62;
}
.comments-error {
	font: italic normal bold 1em Arial, sans-serif;
	color: #ff0000;
}
.comments-required {
	font: normal normal bold 1.2em Arial, sans-serif;
	color: #EA5151;
}
.comments-field {
	font: normal normal normal 1em Arial, sans-serif;
	padding: 4px;
	border: 1px solid #9EDBFA;
	background: #F4FBFF;
}
.comments-buttons {
	padding-left: 95px;
	font: italic normal bold 1em Arial, sans-serif;
	color: #4593CF;
}
.comments-buttons input {
	background: #DAF0FC;
	font: normal normal bold 1.2em Arial, sans-serif;
	padding: 4px;
	border: 1px solid #9EDBFA;
	color: #28688C;
}


.download {
	background: #f5f5f5;
	border-top: 1px dashed #c2dbef;
	border-bottom: 1px dashed #c2dbef;
	padding: 10px 0 10px 10px;
	margin: 10px 0 10px 0;
	font: normal normal bold 1.2em Arial, sans-serif;
}
.download img {
	float: left;
	padding-right: 10px;
}


.comments-name-admin {background: #DBECF9;padding: 5px 5px 5px 5px;font: normal normal bold 1em Arial, sans-serif;color: #006699; border-bottom: 1px dashed #C2DBEF;}.comments-name-admin span {color: #5E8CC5;font-size: 0.9em; padding-top: 4px;}
.comments-name-admin a {color: #006699} .comments-name-admin a:hover{color: #000;}
.comments-text-admin{padding: 10px; font: normal normal normal 1em "Lucida Grande", sans-serif; color: #000; }

/* Global Wrapper [Complete] */

#assoluto-involucro {width: 980px;background:#fff; border: 2px solid #96C3E5;margin: 0 auto 0 auto;}

/* Logo View and Hover Generation [Complete] */

#logo-wrapper {width: 980px;height: 100px;margin: 0 0 0 0;}
#logo-text {background: url("/images/the-logo.png") no-repeat 20px 30px;width: 345px;height: 78px;
font: normal normal normal 2.5em "Lucida Grande", Arial, sans-serif;color: #398BCA;letter-spacing: -3px;float: left;padding: 22px 0 0 75px;}
#logo-title a {color: #000;text-decoration: none;}
#logo-title a:hover {color: #006699}
#logo-title {font: normal normal normal 1.2em "Arial", sans-serif;letter-spacing: -1.2px;margin: 0 0 0 0;padding: 0 0 0 0;}
#logo-desc {font: normal normal bold 0.6em Arial, sans-serif;letter-spacing: 0; color: #2A75AF}

#header {width: 980px;height: 128px;margin: 0 auto 0 auto;}
#header-links-wrapper {width: 980px;clear: both;}
#header-date {color: #fff;background: #1B1E21;text-align: right;
float: right;font: normal normal normal 1.1em Verdana, sans-serif;padding: 4px 4px 4px 4px;margin:0 2px 0 0;}
#style-swap {color: #B9B9B9;font: normal normal bold 1em Verdana, sans-serif;}
#style-swap a {color: #7A7A7A;text-decoration: underline;}
#style-swap a:hover {color: #000;text-decoration: underline;}
#header-links {height: 32px; padding:0 0 0 10px}

.hlink, .hlink:hover, .hlinka, .hlinka:hover { 

	display: block; 
	float: left; 
	text-decoration: none; 
	padding: 6px; 
	margin: 0 5px 0 0;
	font: normal normal bold 1.3em Tahoma, sans-serif;
}


.hlink {color: #3574A2;background:#BADBF4}
.hlink:hover {color:#000;background: #fff}
.hlinka {color: #000;background:#93BEDE}
.hlinka:hover {color:#000;background:#fff;}

/* Header Breadcrumb [Complete] */

#breadcrumb {margin: 0 12px 5px 12px;width: 956px;height: 29px;background: #efefef url("/images/breadcrumb-background.png") repeat-x 0 0;}
#breadcrumb a {color: #006699;text-decoration: none;}
#breadcrumb a:hover {color: #000;text-decoration: none;}
#breadcrumb-left {padding: 8px 8px 8px 12px;height: 13px;background: url("/images/breadcrumb-background.png") no-repeat left -29px;color: #777;
font: normal normal bold 1.1em "Arial", sans-serif;float: left;}
#breadcrumb-left span {color: #BFBFBF;font: normal normal bold 1em Arial, sans-serif;}
.breadcrumb-right {padding: 8px 12px 8px 8px;height: 13px;background: url("/images/breadcrumb-background.png") no-repeat right -58px;color: #777;
font: normal normal bold 1.1em "Tahoma", sans-serif;float: right;}
.breadcrumb-right span {color: #c0c0ce;}
#breadcrumb-clear {clear: both;}

/* Recent / Featured Tutorials Table */

#featured {width: 958px;margin: 0 12px 0px 12px;padding: 0 0 10px 0;border-bottom: 2px solid #ebebeb;}
.featured-link {width: 215px;height: 10px;padding: 0 10px 5px 0;border-bottom: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;
font: normal normal bold 1.2em "Lucida Grande", Arial, sans-serif;}
.featured-img {width: 75px;padding: 0 10px 0 5px;}
.featured-img img {border: 1px solid #c5c5c5;}
.featured-desc {width: 215px;padding: 5px 10px 0 0;border-right: 1px solid #f5f5f5;font: normal normal normal 1.1em Tahoma, sans-serif;}

/* Start Generating the Content Area and Menus */

#wrapper {width: 980px}
#page {padding: 10px 0 0 0;text-align: left;}
#page h1 {padding: 0 0 5px 0;margin: 0 0 0 0;font: normal normal normal 2.7em "Times New Roman", sans-serif;letter-spacing: -1px;color: #000;
background: url("/images/header-background.png") no-repeat bottom left;}
#page-links {border-bottom: 2px solid #D5D5D5;padding: 5px 5px 5px 5px;margin: 0 0 5px 0;color: #434343;}
#standfirst {font: normal normal normal 1.2em Arial, sans-serif;color: #2D536F;padding: 5px 0 10px 0;margin: 0 0 10px 0;
border-bottom: 2px dotted #e5e5e5;}
#article-author {margin: 10px 0 10px 0;border-bottom: 1px solid #c5c5c5;padding: 0 0 10px 10px;color: #777;
font: normal normal normal 1em "Lucida Grande", sans-serif;}
#article-date {color: #666;font: normal normal bold 1em Arial, sans-serif;padding: 5px 0 10px 0;margin: 0 0 5px 0}
#article-date img {float: left;margin: 0 5px 0 0;}
#content-clearer {	clear: both;}
#content-wide {width: 918px;margin: 10px 20px 0 20px;padding: 0 0 0 0;text-align: justify;
font: normal normal normal 1.4em Arial, sans-serif;}

/* Various Ad Settings */

#header-ads {width: 728px;margin: 0 auto 10px auto;}
#content-in-ads {float: left;padding: 0 15px 5px 0;}
#page-ads {text-align: center; padding-right: 10px}
#menu-links-ads {margin: 0 auto 5px auto;width: 200px;}

/* Tutorial Views */

.tut-title a {color: #0000ff;}
.tut-avatar {padding: 10px 10px 10px 0;}
.tut-title {padding: 10px 10px 5px 0;border-bottom: 1px dotted #e5e5e5;font: normal normal bold 1.2em Arial, sans-serif;}
.tut-info {padding: 0 0 10px 0;font: normal normal bold 1em Arial, sans-serif;color: #777;}
.tut-info span {color: #5A9258;}
.tut-divider {height: 2px;background: #e5e5e5;}
#add-tutorial {margin: 5px 0 5px 0;padding: 5px 0 5px 0;color: #666;border-top: 2px dotted #ebebeb;border-bottom: 2px dotted #ebebeb;
font: normal normal bold 1.2em Arial, sans-serif;}
.content-code, .contentcode {background: #f5f5f5;color: #434343;font: normal normal normal 1em "Courier New", Arial, Sans-serif;}

/* Footer [Complete] */

#footer {clear: both; margin: 20px 10px 0 10px; padding: 10px 0 0 0;border-top: 2px dotted #c5c5c5; text-align: center;font: normal normal normal 1.4em Arial, Sans-serif}
#footer a {color: #317887;text-decoration: none;}
#footer a:hover {color: #317887;background: #fff;text-decoration: underline;}
#footer-wrapper {width: 980px;margin: 0 auto 0 auto;border-bottom: 1px solid #e5e5e5;}
#footer-left {font: normal normal normal 8pt "Arial", sans-serif;color: #8E9296;float: left;}
#footer-clear {clear: both;} 
#footer-right {font: normal normal normal 8pt "Arial", sans-serif;color: #8E9296;float: right; right;padding:0 10px 0 0;}

/* Hits Counter [Complete] */

#hits td {width: 15px; height: 20px;}
.hits-0 {background: #000 url("/images/counter.png") no-repeat 0 0;}
.hits-1 {background: #000 url("/images/counter.png") no-repeat 0 -20px;}
.hits-2 {background: #000 url("/images/counter.png") no-repeat 0 -40px;}
.hits-3 {background: #000 url("/images/counter.png") no-repeat 0 -60px;}
.hits-4 {background: #000 url("/images/counter.png") no-repeat 0 -80px;}
.hits-5 {background: #000 url("/images/counter.png") no-repeat 0 -100px;}
.hits-6 {background: #000 url("/images/counter.png") no-repeat 0 -120px;}
.hits-7 {background: #000 url("/images/counter.png") no-repeat 0 -140px;}
.hits-8 {background: #000 url("/images/counter.png") no-repeat 0 -160px;}
.hits-9 {background: #000 url("/images/counter.png") no-repeat 0 -180px;}

#eXTReMe {float: left;}

/* Form and Submit [Complete] */

.submit-copy {background: #f5f5f5; padding: 10px 10px 10px 10px; border-top: 1px dotted #c0c0ce; border-bottom: 1px solid #c0c0ce; font: normal normal normal 0.9em Arial, sans-serif; color: #666;}

.warning {padding: 10px 0 10px 0; border-top: 2px dotted #c5c5c5; border-bottom: 2px dotted #c5c5c5; margin: 10px 0 10px 0; font: normal normal normal 1.2em Arial, sans-serif;}
.warning img {
	margin: 0 auto 0 auto;
}
.warning span { padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font: normal normal bold 1em Arial, sans-serif;
	color: #ff0000;
	background: none;
}
.bullet {padding: 10px 0 10px 0; border-top: 2px dotted #c5c5c5; border-bottom: 2px dotted #c5c5c5; margin: 10px 0 10px 0; color: #000; font: normal normal bold 1.2em Arial, sans-serif;
}
.contentimg {padding: 0 0 0 0; margin: 10px 0 10px 0; border: 4px solid #579CC4; background: #F2FAFF; text-align: center;}

.tut-list {
	margin: 10px 0 10px 0;
	padding: 0 0 0 20px;
	font: normal normal normal 1.2em Arial, sans-serif;
}
.tut-list li {
 	padding: 10px 0 0 0;
}
.tut-list ol {
	list-style: lower-roman;
	padding: 0;
	margin: 0 0 10px 30px;
	font: normal normal normal 0.8em 'Lucida Grande', Arial, sans-serif;
}
.tut-list ol li {
	padding: 5px 0 5px 5px;
	margin: 0;
	color: #204C6D;
}
.scode{margin:0 20px 10px 20px;border:1px solid #c5c5c5;color:#434343;padding:10px 10px 0 10px;font: normal normal normal 1em Arial, sans-serif;}
.scode span{color: #ff0000;font-weight: bold;}
.ccode span{color: #CA6308;}
.ccode{margin:10px 20px 0 20px;background:#f5f5f5;border-top: 2px dotted #c0c0ce;padding:4px;font:normal normal bold 1em Arial, sans-serif;color: #888;}

.home-list {
	list-style: none;
	margin: 5px auto 0 auto;
	padding: 0;
	font: normal normal bold 1.2em Arial, sans-serif;
}
.home-list li {
	padding: 10px;
	float: left;
	text-align: center;
}
.home-list a { color: #4593CF; text-decoration: none; } .home-list a:hover { color: #000; }
.home-list li img {
	border: none;
}

.home-links {
	list-style: none;padding: 0; margin: 10px 0 10px 0;
}
.home-links-ads {  text-align: center; }
.home-links li {
	padding: 8px;
	border-bottom: 1px dashed #D1E0F1;
}
.home-links-a {color: #006699;font-size: 1.2em; font-family: Arial}.home-links-a:hover {color: #000; background: #f5f5f5}
.home-links li a { font-weight: bold; }
.home-links li span {color: #82A6D3; font: normal normal bold 1em Arial, sans-serif;}
.home-links img {width: 32px; height: 32px; border: 1px solid #BADBF4; float: left; margin-right: 10px;}
.home-feature { padding: 5px; background: #000; color: #fff; font: normal normal bold 1.2em Arial, sans-serif; }
.home-feature span { font-size: 0.8em; }
.home-feature a { color: #fff; } .home-feature a:hover { color: #FFF8CE; }
.home-feature-img { padding: 0; margin: 0; background: #000 }
.home-feature-img img { border: none; }
.home-feature-txt { background: #000; font: normal normal normal 1.2em Arial, sans-serif; color: #fff; padding: 10px; margin-bottom: 10px; }
.home-feature-txt a { color: #fff; } .home-feature-txt a:hover { color: #FFF8CE; }
.home-feature-txt b {padding-left: 15px;}