/* Train-ee - style.css */

/* Feel free to study the Train-ee.com css for ideas and learning purposes */
/* But - keep in mind the design of Train-ee.com is copyrighted by */
/* Michael Boyink of Boyink Interactive and Train-ee.  I paid a designer */
/* hard-earned money for a high-quality custom design based on my */
/* site and business requirements, and so should you. */

/* @group GLOBALS, RESETS
================================ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

html { background: #22221d; }

body {
	font-size: 62.5%;
	line-height: 1;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	}

p, ul, ol, dl, table, blockquote {
	margin: 0 0 1em;
	line-height: 1.5em;
	}

p, li, dt, dd, table { font-size: 1.2em; }

li *, dt *, dd *, td *, th * { font-size: 1em !important; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote, q { quotes: none; }
blockquote cite { font-style: normal; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

ins { text-decoration: none; font-style: italic; color: green; } /* remember to highlight inserts */
del { text-decoration: line-through; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

sub { font-size: .75em; line-height: 1px; position: relative; bottom: -0.5em; }
sup { font-size: .75em; line-height: 1px; position: relative; top: -0.5em; }

pre, code {
	margin: 1.5em 0;
	white-space: pre;
	}
pre, code, tt {
	font-size: 1em;
	font-family: 'andale mono', 'lucida console', Monaco, 'Courier New', Courier monospace;
	line-height: 1.5;
	}

hr {
	border-color: #efeeee;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 2.5em 0 1em;
	height: 0;
	}
.content hr {
	margin-right: 50px;
	}

a {
	color: #51A494;
	text-decoration: none;
	}
a:visited {
	color: #666;
	}
a:hover {
	text-decoration: underline;
	}


/* @group Headings (H1-H6)
================================ */

h1 {
	width: 204px;
	height: 76px;
	position: absolute;
	top: 29px;
	left: -5px;
	}
h1 a {
	display: block;
	width: 204px;
	height: 76px;
	text-indent: -9999px;
	background-image: url(../images/interface/logo.png);
	}
h1 img { display: none; }

h2, h3, h4, h5, h6 { margin: 0 0 .5em; line-height: 1.2; }

h2 {
	margin: 0 0 .688em;
	font-size: 3.2em;
	line-height: 1.125em;
	color: #000;
	}

	 .green {
		color: #2e9c87;
		}

h3 {
	margin: 0 0 .477em;
	font-size: 2.1em;
	}
.pg-sub h3 { color: #2e9c87; }

h4 { font-size: 1.8em; font-weight: bold;  }

h5 { font-size: 1.6em; font-weight: bold;  }

h6 { font-size: 1.4em; font-weight: bold;  }


/* extra top margin for headers preceded by other text-based elements */
p + h2, ul + h2, ol + h2, dl + h2, table + h2, blockquote + h2, hr + h2, h3 + h2,
p + h3, ul + h3, ol + h3, dl + h3, table + h3, blockquote + h3, hr + h3, h4 + h3,
p + h4, ul + h4, ol + h4, dl + h4, table + h4, blockquote + h4, hr + h4, h5 + h4,
p + h5, ul + h5, ol + h5, dl + h5, table + h5, blockquote + h5, hr + h5, h6 + h5
p + h6, ul + h6, ol + h6, dl + h6, table + h6, blockquote + h6, hr + h6 {
	margin-top: 1.8em;
	}

/* @end Headings (H1-H6)
--------------------------- */


/* @group Helper Classes
================================ */

.hide { display: none !important; }

.left { float: left !important; }
.right { float: right !important; }

img.left { 
	margin: 5px 10px  0px 0px  !important; 
	padding-right: 6px !important;
	}

img.right { 
	margin: 10px 0px 10px 10px  !important;; 
	}
img.center { display: block; margin: 1em auto; }
img.no-border {
	border: none !important;
	background: none !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

a.prompt, input.prompt {
	float: left;
	display: block;
	overflow: hidden;
	width: 102px;
	height: 23px;
	margin: 0 12px 0 0;
	text-indent: -9999px;
	background-color: transparent;
	border: none;
	}

a.cart { background-image: url(http://www.train-ee.com/images/interface/btn-AddToCart.png); }
a.more { background-image: url(http://www.train-ee.com/images/interface/btn-LearnMore.png); }
a.buy, input.buy { background-image: url(http://www.train-ee.com/images/interface/btn-BuyNow.png); }
a.view-cart { background-image: url(http://www.train-ee.com/images/interface/btn-ViewCart.png); }
a.show-mee { background-image: url(http://www.train-ee.com/images/interface/btn-ShowMee.png); }

a.prompt:hover, input.prompt:hover { background-position: 0 100%; }


/* @end Helper Classes
--------------------------- */


/* @group Lists (UL, OL)
================================ */

ol, ul { margin: 0 1.5em 1em 1.5em; }
ol { margin-left: 2.5em; }

li ul, li ol { margin-top: .5em; margin-bottom: .75em; } /* lists inside of LI's usually need room to breathe */

li { margin: 0 0 .45em; }

.content ul {
	padding: -3px 0px 0px 2em;
	margin: 0px 0px 25px 0px;
	list-style: none;
	}

.content li {
	padding-left: 1.417em;
	background: url(http://www.train-ee.com/images/interface/bullet-default.png) no-repeat 0 .5em;
	line-height: 1.8em;
	margin-bottom: 10px;
}

/* @end Lists (UL, OL)
--------------------------- */


/* @group Definition Lists (DL)
================================ */

dl { clear: both; }

dt {
	margin: 0 0 .2em;
	line-height: 1.2em;
	font-weight: bold;
	}

dt a { text-decoration: none; }

dd {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.25em;
	}

dd p {
	margin: 0 0 .5em;
	padding: 0;
	}

/* @end Definition Lists (DL)
--------------------------- */


/* @group Tables
================================ */

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	}

caption, th {
	text-align: left;
	font-weight: bold;
	}

th, td {
	padding: .5em;
	border: 1px solid #ccc;
	font-size: 1em;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
}

tr.alt td { background: #eee; }

tfoot { font-style: italic; }

/* @end Tables
--------------------------- */

/* @end GLOBALS, RESETS
--------------------------- */



/* @group FORMS
================================ */

input,
select,
textarea {
	font-family: Helvetica, Arial, sans-serif; 
	}

input[type=submit], button { cursor: pointer; }



#contact_form, 
#register_form,
#login_form,
#forgot_form,
#edit_form,
#comment_form {
	width: 497px;
	font-size: 1.1em;
	color: #333;
	}

	#contact_form legend, 
	#register_form legend,
	#login_form legend,
	#forgot_form legend,
	#edit_form legend,
	#comment_form legend, 
	#mailinglist_form legend {
		display: none;		
	}

	#contact_form label, 
	#register_form label,
	#login_form label,
	#forgot_form label,
	#edit_form label,
	#comment_form label {
		display: inline-block;
		line-height: 1.8;
		vertical-align: top;
		color: #516B6C;
		width: 120px !important; 
		}

	#mailinglist_form label {
		display: none;
		}

	#contact_form fieldset,
	#register_form fieldset,
	#comment_form fieldset { 
		margin-bottom: 10px; 
		border: none;
		background: url(http://www.train-ee.com/images/interface/form-fieldset.jpg) left bottom repeat-x;
		}

	#login_form fieldset,
	#forgot_form fieldset { 
		margin-bottom: 10px; 
		border: none;
		background: url(http://www.train-ee.com/images/interface/form-fieldset_login.jpg) left bottom repeat-x;
		}

	#edit_form fieldset{ 
		margin-bottom: 10px; 
		border: none;
		background: url(http://www.train-ee.com/images/interface/form-fieldset_profile_edit.jpg) left bottom repeat-x;
		}
	
			#contact_form fieldset ol, 
			#register_form fieldset ol,
			#login_form fieldset ol,
			#forgot_form fieldset ol,
			#edit_form fieldset ol,
			#comment_form fieldset ol,
			#mailinglist_form fieldset ol{
				margin: 0;
				padding: 0;
				}
	
				#contact_form fieldset li,
				#register_form fieldset li,
				#login_form fieldset li,
				#forgot_form fieldset li,
				#edit_form fieldset li,
				#comment_form fieldset li {
					list-style: none;
					margin: 0;
					padding: 5px 10px 7px;
					background: url(http://www.train-ee.com/images/interface/form-divider.gif) left bottom repeat-x;
					}

				#mailinglist_form fieldset li {
					list-style: none;
					padding: 0px 0px 0px 0px;
					margin: 5px 0px 5px 0px;
					border: none;
					}
			
	#contact_form input, select, textarea, 
	#register_form input, select, textarea,
	#login_form input, select, textarea,
	#forgot_form input, select, textarea,
	#edit_form input, select, textarea,
	#comment_form input, select, textarea {
		border: 1px solid #85A4A2;
		background-color: #f7f7f7;
		}

	#mailinglist_form input {
		width: 222px;
		background-color: #47473D;
		border: 1px solid #22221D;
		color:  #958469;
		font-size: 1.2em !important;
		height: 20px;
		}

	#contact_form input, 
	#register_form input,
	#login_form input,
	#forgot_form input,
	#edit_form input,
	#comment_form input {
		width: 269px;
		margin: 3px 0px 3px 0px;
		}

		#contact_form input:focus, 
		#register_form input:focus,
		#login_form input:focus,
		#forgot_form input:focus,
		#edit_form input:focus,
		#comment_form input:focus {
			background: #ffffff;
			}

	#contact_form textarea, 
	#register_form textarea,
	#login_form textarea,
	#edit_form textarea {
		margin: 3px 0px 10px 0px;
		width: 269px;
		}

	#comment_form textarea {
		margin: 3px 0px 10px 0px;
		width: 340px;
		}

		#contact_form textarea:focus, 
		#register_form textarea:focus,
		#login_form textarea:focus,
		#edit_form textarea:focus,
		#comment_form textarea:focus {
			background: #ffffff;
			}

	#contact_form .submit_button, 
	#register_form .submit_button,
	#login_form .submit_button,
	#forgot_form .submit_button,
	#edit_form .submit_button,
	#comment_form .submit_button {
		width: 100px;
		font-size: 90%;
		background-color: #395856;
		color: #ffffff;
		text-decoration: none;
		padding-top: 2px;
		padding-bottom: 3px;
		margin: 10px 0px 0px -7px;
		}

	#mailinglist_form .submit_button {
		width: 100px;
		height: 25px;
		font-size: 90%;
		background-color: #22221D;
		color:  #958469;
		text-decoration: none;
		padding: 2px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
		border-top: 1px solid #47473D;
		border-left: 1px solid #47473D;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		}

	#comment_form .preview_button {
		width: 100px;
		font-size: 90%;
		background-color: #395856;
		color: #ffffff;
		text-decoration: none;
		padding-top: 2px;
		padding-bottom: 3px;
		margin: 10px 10px 0px 0px;
		}



	#contact_form img,
	#register_form img,
	#comment_form img {
		background:none !important;
		padding: 0px 0px 0px 0px !important;
		margin: 0px 0px 0px 0px !important;
	
		}


/* @end FORMS
--------------------------- */



/* @group NAV/UI
================================ */

/* @group Breadcrumb Nav
================================ */

#breadcrumbs {
	width: 830px;
	margin: 0 auto 1.8em;
	padding: 1em 0 .4em 17px;
	list-style: none;
	border-bottom: 1px solid #efeeee;
	}

#breadcrumbs li {
	display: inline;
	margin: 0;
	font-size: 1.1em;
	}

#breadcrumbs a {
	text-decoration: none;
	color: #2b2b23;
	}
#breadcrumbs a:hover { text-decoration: underline; }

#breadcrumbs li.section a {
	padding: 4px 2px;
	font-weight: bold;
	color: #888b76;
	}

/* @end Breadcrumb Nav
--------------------------- */


/* @group Main Nav
================================ */

#nav-main {
	position: absolute;
	bottom: 0;
	right: -13px;
	margin: 0;
	padding: 0 0 7px;
	list-style: none;
	}

#nav-main li {
	float: left;
	margin: 0;
	font-size: 1.5em;
	}

#nav-main a {
	display: block;
	padding: 8px 10px;
	color: #fff;
	text-decoration: none;
	}
#nav-main a:hover,
#nav-main li.on a {
	color: #f8a727;
	background: url(http://www.train-ee.com/images/interface/bg-nav-main-arrow.gif) no-repeat 50% 100%;
	}

/* @end Main Nav
--------------------------- */



/* @group Sub Nav
================================ */

.nav-sub {
	width: 259px;
	margin-left: 4px;
	margin-bottom: 75px;
	padding: 6px 0 0;
	background: url(http://www.train-ee.com/images/interface/bg-nav-sub-top.gif) no-repeat 0 0;
	}

.nav-sub h3 {
	margin: 0 0 16px;
	padding: 6px 11px 7px;
	font-size: 1.5em;
	font-weight: bold;
	color: #475a5c;
	background: #d2e7e3;
	}


/* @group Sub Nav (UL)
================================ */

.nav-sub ul {
	margin: -7px 10px 6.3em 2px;
	list-style: none;
	}

.nav-sub li {
	margin: 0;
	line-height: 1.4em;
	background: url(http://www.train-ee.com/images/interface/bullet-nav-sub.png) no-repeat 4px .95em;
	display: block;	
	padding: .5em 0 .5em 15px;
	border-bottom: 1px solid #efeeee;
	text-decoration: none;
	}
	
.nav-sub li a {
	color: #51a494;
	font-weight: bold;
	width: 100%;
	display: block;
	}

.nav-sub li a:hover {
	color: #f39b0f; 
	}

/* @end Sub Nav (UL)
--------------------------- */


/* @group Sub Nav (DL)
================================ */

.nav-sub dl {
	min-height: 57px;
	overflow: hidden;
	position: relative;
	margin: 0 5px 1.1em 0;
	padding: 0 0 .9em;
	border-bottom: 1px solid #d6d8d8;
	}
.nav-sub dt {
	float: right;
	width: 178px;
	margin: 0;
	line-height: 1.5em;
	color: #51a494;
	}
.nav-sub dt a { color: #51a494; }

.nav-sub dd {
	float: right;
	width: 178px;
	margin: 0;
	font-size: 1.1em;
	line-height: 1.637em;
	color: #070707;
	}
.nav-sub dd.pic {
	width: auto;
	position: absolute;
	top: 0;
	left: 4px;
	}
.nav-sub .pic img {
	display: block;
	width: 49px;
	height: 49px;
	}

/* @end Sub Nav (DL)
--------------------------- */

/* @end Sub Nav
--------------------------- */


/* @group Member Nav
================================ */
#nav-member {
	float: left;
	margin: 20px 0px 0px 315px;
	list-style: none;
	}

#nav-member li {
	margin: 0;
	float: left;
	font-size: 1em;
	line-height: 1.2em;
	}

#nav-member a {
	display: block;
	padding: 5px 6px 5px 7px;
	color: #ffffff;
	text-decoration: none;
	background: transparent url(http://www.train-ee.com/images/interface/divider-nav-utility.gif) no-repeat 0 50%;
	}

#nav-member li:first-child a { background: transparent; }

#nav-member a:hover { text-decoration: underline; }


/* @end Member Nav
--------------------------- */


/* @group Utility Nav
================================ */

#nav-utility {
	float: right;
	margin: 20px 256px 0 0;
	list-style: none;
	}

#nav-utility li {
	margin: 0;
	float: left;
	font-size: 1em;
	line-height: 1.2em;
	}

#nav-utility a {
	display: block;
	padding: 5px 10px 5px 11px;
	color: #a09e9e;
	text-decoration: none;
	background: transparent url(http://www.train-ee.com/images/interface/divider-nav-utility.gif) no-repeat 0 50%;
	}
#nav-utility li:first-child a { background: transparent; }

#nav-utility a:hover { text-decoration: underline; }

/* @end Sub Nav
--------------------------- */

/* @end NAV/UI
--------------------------- */



/* @group LAYOUT
================================ */

/* @group Header
================================ */

#header {
	border-bottom: 5px solid #fff;
	background: #32332d url(http://www.train-ee.com/images/interface/bg-header.png) repeat-x 0 0;
	}

.pg-sub #header { 
	border-bottom: 5px solid #fff;
	}

#header .wrap {
	height: 11.7em;
	}


#header form {
	width: 25em;
	position: absolute;
	top: 19px;
	right: 0;
	text-align: right;
	}

#header form label {
	display: block;
	float: left;
	width: 4.55em;
	font-size: 1.1em;
	line-height: 2.1em;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	}

#header form input {
	display: block;
	float: left;
	width: 141px;
	margin: 0 0 0 11px;
	padding: 5px 4px 4px;
	font-size: 1.1em;
	vertical-align: top;
	border: 1px solid #826331;
	background: #fff url(http://www.train-ee.com/images/interface/bg-input.png) no-repeat 0 0;
	}

#header form button {
	display: block;
	float: right;
	width: 31px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: none;
	text-indent: -9999px;
	background: #24251f url(http://www.train-ee.com/images/interface/btn-go.png) no-repeat 0 0;
	}

#header form .hiddenFields {
	display: none;
	}

/* @end Header
--------------------------- */


.wrap {
	width: 830px;
	position: relative;
	margin: 0 auto;
	}


#main {
	border-top: 5px solid #fff;
	background: #fff url(http://www.train-ee.com/images/interface/bg-main.png) repeat-x 0 0;
	padding-bottom: 116px;
	padding-top: 40px;
	}
#main .wrap {
	left: 6px;
	}
.pg-home #main .wrap {
	padding-top: 32px;
	}


#primary {
	float: left;
	width: 512px;
	}
.pg-home #primary {
	width: 534px;
	}

#primary img {
	background: #e0e0e0;
	margin: 0 0 19px;
	padding: 6px;
	}


.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.content dl,
.content ol,
.content ul,
.content table,
.content form,
.content blockquote {
	margin-left: 7px;
	margin-right: 21px;
	}

.content p {
	font-size: 1.3em;
	}


#sidebar {
	float: right;
	position: relative;
	right: -5px;
	width: 264px;
	margin: -5px 0 0;
	}
.pg-home #sidebar {
	width: 280px;
	right: auto;
	left: -6px;
	margin-top: -1px;
	}


/* @group Footer
================================ */

#footer {
	border-top: 7px solid #414136;
	color: #fff;
	background: #32322a url(http://www.train-ee.com/images/interface/bg-footer.png) repeat-x 0 0;
	clear: both;
	}

#footer .wrap {
	width: 796px;
	padding-top: 30px;
	clear: both;
	overflow:hidden;
	}

#footer h2 {
	margin: 0 0 .389em;
	font-size: 1.8em;
	font-weight: normal;
	color: #fff;
	}


/* @group Footer Feeds
================================ */

#feeds {
	float: left;
	width: 222px;
	}
#feeds ul {
	margin: 0px 0px 30px 0px;
	list-style: none;
	}
#feeds li {
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #4c483b;
	font-size: 1.1em;
	}
#feeds li a {
	text-decoration: none;
	color: #f19e1b;
	}

/* @end Footer Feeds
--------------------------- */


/* @group Footer Newsletter
================================ */

#newsletter{
	float: left;
	width: 222px;
	}

/* @end Footer Newsletter
--------------------------- */


/* @group Footer Tag Cloud
================================ */

#tag-cloud {
	float: right;
	width: 493px;
	padding: 0 15px 0 0;
	}

#tag-cloud h2 {
	margin: 0 0 .334em;
	}

#tag-cloud ul {
	margin: 0;
	list-style: none;
	line-height: 2em;
	}

#tag-cloud li {
	display: inline;
	padding-right: 7px;
	font-size: 1.4em;
	}

#tag-cloud .tag_level_1 a {
	display: inline;
	padding-right: 7px;
	font-size: 1em  !important;
	}

#tag-cloud .tag_level_2 a {
	display: inline;
	padding-right: 7px;
	font-size: 1.3em !important;
	}

#tag-cloud .tag_level_3 a {
	font-size: 1.55em  !important;
	font-style: normal;
	}

#tag-cloud .tag_level_4 a {
	font-size: 1.7em  !important;
	}

#tag-cloud li a {
	text-decoration: none;
	white-space: nowrap;
	color: #958469;
	}

#tag-cloud li a:hover {
	color: #f19e1b;
	}

/* @end Footer Tag Cloud
--------------------------- */


/* @group Footer Affiliates
================================ */

#affiliates {
	width: 100%; /* hasLayout fix */
	clear: both;
	padding: 4em 0 0;
	}

#affiliates h2 {
	margin-bottom: .611em;
	}

#affiliates ul {
	overflow: hidden;
	margin: 0;
	padding: 0 0 17px;
	list-style: none;
	}

#affiliates li {
	float: left;
	margin: 0 28px 18px 0;
	}

#affiliates li a {
	display: block;
	}

/* @end Footer Affiliates
--------------------------- */

/* @end Footer
--------------------------- */


/* @group Fineprint
================================ */

#fineprint {
	width: 796px;
	margin: 0 auto;
	padding: 2.9em 0;
	color: #808071;
	background: #22221d;
	clear:both;
	}

#fineprint p {
	margin: 0;
	font-size: 1.1em;
	color: #808071;
	}

#fineprint a {
	color: #808071;
	text-decoration: underline;
	}

/* @end Fineprint
--------------------------- */

/* @end LAYOUT
--------------------------- */



/* @group COMPONENTS
================================ */

/* @group Banner
================================ */

#banner {
	border-top: 1px dashed #bfbfb4;
	border-bottom: 1px dashed #c1c1ad;
	background: #eae4d3 url(../images/interface/bg-banner.jpg) repeat-x 0 0;
	}

#banner .wrap {
	padding: 2.6em 65px 1.8em;
	background: transparent url(http://www.train-ee.com/images/interface/bg-banner-spotlight.jpg) no-repeat 0 0;
	}
.pg-home #banner .wrap {
	width: 932px;
	overflow: hidden;
	padding: 2.6em 0 9px
	}

#banner h2 {
	float: left;
	width: 570px;
	height: 47px;
	position: relative;
	z-index: 15;
	margin: 0;
	padding: 7px 0 0;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size: 4.6em;
	font-weight: bold;
	text-indent: -9999px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	}

	#banner h2.classroomTraining { background-image: url(http://www.train-ee.com/images/interface/txt-classroomTraining.png); }
	#banner h2.customTraining { background-image: url(http://www.train-ee.com/images/interface/txt-customTraining.png); }
	#banner h2.freeTutorials { background-image: url(http://www.train-ee.com/images/interface/txt-freeTutorials.png); }
	#banner h2.onDemandTraining { background-image: url(http://www.train-ee.com/images/interface/txt-onDemandTraining.png); }
	#banner h2.trainingEvents { background-image: url(http://www.train-ee.com/images/interface/txt-trainingEvents.png); }
	#banner h2.gettingStarted { background-image: url(http://www.train-ee.com/images/interface/txt-getting-started.png); }



.pg-home #banner h2 {
	float: none;
	width: 740px;
	height: 58px;
	margin: 0 auto 5px;
	padding: 0;
	background-image: url(http://www.train-ee.com/images/interface/txt-tuneUpEeSkills.png);
	}

#banner p {
	float: right;
	width: 258px;
	position: relative;
	z-index: 15;
	margin: 0;
	padding: 0 0 .4em;
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #010101;
	}
.pg-home #banner p {
	float: none;
	width: 642px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.8em;
	line-height: 1.334em;
	text-align: center;
	}


/* @group Slides
================================ */

#slides {
	width: 702px;
	height: 205px;
	position: relative;
	top: -18px;
	overflow: hidden;
	z-index: 5;
	margin: 0 auto;
	padding: 0 101px;
	}

#slides h3 {
	float: left;
	width: 214px;
	height: 205px;
	margin: 0;
	padding: 0 10px;
	font-size: 2em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	background: url(http://www.train-ee.com/images/interface/bg-slide-item.png) no-repeat 50% 0;
	}
#slides h3:hover { background-position: 50% -176px; }

#slides h3 a {
	display: block;
	width: 214px;
	height: 42px;
	padding: 182px 0 0;
	text-decoration: none;
	color: #2c2c24;
	}

#slides h3.training a { background: url(../images/interface/icon-slide-training.png) no-repeat 50% 52px; }
#slides h3.classroom a { background: url(http://www.train-ee.com/images/interface/icon-slide-classroom.png) no-repeat 50% 52px; }
#slides h3.books a { background: url(http://www.train-ee.com/images/interface/icon-slide-books.png) no-repeat 50% 52px; }
#slides h3.screencasts a { background: url(http://www.train-ee.com/images/interface/icon-slide-screencasts.png) no-repeat 50% 52px; }
#slides h3.tutorials a { background: url(http://www.train-ee.com/images/interface/icon-slide-tutorials.png) no-repeat 50% 52px; }

#slide-box {
	width: 7020px;
	height: 205px;
	position: absolute;
	overflow: visible !important;
	}

#slide-box div {
	float: left;
	position: relative;
	width: 702px;
	height: 205px;
	display: block !important;
	}

#slides-prev {
	display: block;
	width: 117px;
	height: 293px;
	position: absolute;
	top: 34px;
	left: 0;
	z-index: 10;
	background: url(http://www.train-ee.com/images/interface/slide-nav-mask.png) no-repeat -117px 0;
	}
#slides-prev a {
	display: block;
	width: 89px;
	height: 293px;
	text-indent: -9999px;
	background: url(http://www.train-ee.com/images/interface/slide-nav.png) no-repeat 0 0;
	}
#slides-prev a:hover { background-position: 0 100%; }

#slides-next {
	display: block;
	width: 117px;
	height: 293px;
	position: absolute;
	top: 34px;
	right: 0;
	z-index: 10;
	background: url(http://www.train-ee.com/images/interface/slide-nav-mask.png) no-repeat 0 0;
	}
#slides-next a {
	display: block;
	position: relative;
	right: -28px;
	width: 89px;
	height: 293px;
	text-indent: -9999px;
	background: url(http://www.train-ee.com/images/interface/slide-nav.png) no-repeat 100% 0;
	}
#slides-next a:hover { background-position: 100% 100%; }

/* @end Slides
--------------------------- */

/* @end Banner
--------------------------- */


/* @group Blockquote
================================ */

#sidebar blockquote {
	width: 100%; /* hasLayout fix */
	margin: 0 0 4em;
	padding: 45px 0 0;
	background: url(http://www.train-ee.com/images/interface/bg-quote-top.png) no-repeat 0 0;
	}

#sidebar blockquote p {
	padding: 0 16px 0 15px;
	font-size: 1.5em;
	line-height: 1.4em;
	font-style: oblique;
	color: #58757f;
	}

#sidebar blockquote cite {
	display: block;
	height: 21px;
	padding: 37px 0 0 73px;
	word-spacing: 2px;
	background: url(../images/interface/bg-quote-bot.png) no-repeat 0 0;
	}

#sidebar blockquote cite em {
	font-size: 1em;
	}

/* @end Blockquote
--------------------------- */


/* @group Feed (home)
================================ */

.feed {
	top: -1px;
	padding: 23px 0 0;
	background: url(http://www.train-ee.com/images/interface/bg-feed-top.png) no-repeat 0 0;
	width: 100%;
	}

.feed h3 {
	height: 12px;
	margin: 0 16px 21px 11px;
	padding: 0 0 7px;
	border-bottom: 1px solid #9cc4c8;
	text-indent: -9999px;
	background: url(http://www.train-ee.com/images/interface/txt-trainEeNews.png) no-repeat -1px 0;
	}

.feed a.rss {
	display: block;
	width: 48px;
	height: 13px;
	position: absolute;
	top: 24px;
	right: 21px;
	text-indent: -9999px;
	background-image: url(http://www.train-ee.com/images/interface/rss.png);
	}

.feed ul {
	width: 100%; /* hasLayout fix */
	min-height: 241px;
	margin: 0;
	list-style: none;
	background: url(http://www.train-ee.com/images/interface/bg-feed-bot.png) no-repeat 0 100%;
	}
	
.feed li {
	width: 247px;
	margin: 0 0 2.1em;
	padding: 0 0 0 16px;
	font-size: 1em;
	}

.feed li span {
	display: block;
	margin: 0 0 .1em;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #666;
	}

.feed li strong {
	display: block;
	margin: 0 0 .167em;
	font-size: 1.2em !important;
	color: #4a676d;
	}
.feed li strong a {
	color: #4a676d;
	}
	
.feed li p {
	font-size: 1.1em !important;
	line-height: 1.637em;
	color: #070707;
	}

/* @end Feed (home)
--------------------------- */


/* @group Slogan
================================ */

#slogan {
	height: 90px;
	border-top: 1px solid #c8d4dc;
	border-bottom: 1px solid #fff;
	background-image: url(http://www.train-ee.com/images/interface/bg-slogan.png);
	}

#slogan strong {
	display: block;
	width: 640px;
	height: 90px;
	position: relative;
	left: -23px;
	margin: 0 auto;
	text-indent: -9999px;
	background-image: url(http://www.train-ee.com/images/interface/slogan.png);
	}

/* @end Slogan
--------------------------- */


/* @group Teaser (home)
================================ */

.teaser {
	float: left;
	width: 251px;
	margin: 0;
	padding: 6px 16px 0 0;
	background: transparent url(http://www.train-ee.com/images/interface/bg-teaser-top.png) no-repeat 0 0;
	}
	
.teaser dl {
	min-height: 154px;
	position: relative;
	margin: 0;
	padding: 144px 8px 0;
	background: transparent url(http://www.train-ee.com/images/interface/bg-teaser-bot.png) no-repeat 0 100%;
	}
	
.teaser dt {
	margin: 0 0 .334em;
	padding: 0 4px;
	font-size: 1.8em;
	line-height: 1.223em;
	color: #303028;
	}
		
.teaser dd {
	overflow: hidden;
	margin: 0 0 1.334em;
	padding: 0 4px;
	line-height: 1.5em;
	}

.teaser dd.pic {
	position: absolute;
	top: 0;
	padding: 0;
	}

#primary .teaser dd.pic img {
	padding: 0;
	background: none;
	}

/* @end Teaser (home)
--------------------------- */

/* @end COMPONENTS
--------------------------- */



/* @group CLEARFIX
================================ */
/* http://www.positioniseverything.net/easyclearing.html */

.contain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .contain { height: 1%; } /* IE6 */
*:first-child+html .contain { min-height: 1px; } /* IE7 */

/* @end CLEARFIX
--------------------------- */

/* Right column photo on profile page */
.member_photo {
	background:  #e0e0e0;
	margin: 0 0 19px;
	padding: 6px;
	float: right;
}

/* Author photo that appears with entry title */
.post_author_pic {
	float: left;
	padding: 2px !important;
	margin: 0px 10px 5px 6px !important;
}

#edit_profile {
	margin: 30px 0px 0px 190px;
	}

#edit_profile a {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	padding: 5px 0px 2px 0px;
	font-weight: bold;
	}

.post_meta {
	padding: 0px 0px 0px 0px;
	margin: -7px 0px 0px 83px;
	}

.post_meta p {
	line-height: 2em;
	font-size: 1.2em;
	font-style: italic;
	color: #6b6b6b;
	}

.post_meta a:visited {
	text-decoration: underline;
	}

.classroom_image {
	float: left;
	margin: 0px 20px 15px 7px !important;
}

.index_multi_entry {
	margin: 0px 0px 80px 0px;
	}

img.avatar {
	float: left;
	padding: 2px !important;
	margin: 3px 10px 0px 0px !important; 
	}

.comment_meta {
	margin: 0px 0px 40px 7px;
	}

.comment_meta p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #6b6b6b;
	}

.comment_text {
	margin: 10px 0px 0px 0px;
	}

.comment_text p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #333;
	}

.smaller {
	font-size: .85em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 7px 0px;
	line-height: 1em;
	}

.author_comment {
	border: 1px solid #F1EDE1;
	background: #F8F5ED;
	padding: 10px;
	}

.comment_preview {
	border: 1px solid #f1f1f1;
	background: #f9f9f9;
	padding: 10px;
	}

.book_image {
	background:  #e0e0e0;
	margin: 10px 0px 70px 45px;
	padding: 4px;
	}

.screencast_preview_image {
	background:  #e0e0e0;
	margin: 10px 0px 70px 0px;
	padding: 4px;
	}


#flash_slideshow {
	width: 259px;
	margin-top: 100px;
	margin-left: 4px;
	margin-bottom: 75px;
	padding: 6px 0 0;
	background: url(http://www.train-ee.com/images/interface/bg-nav-sub-top.gif) no-repeat 0 0;
	}

#flash_slideshow h3 {
	margin: 0px 0px 0px 0px;
	padding: 6px 11px 7px;
	font-size: 1.5em;
	font-weight: bold;
	color: #475a5c;
	background: #d2e7e3;
	}

.class_listing table {
	width: 100%;
	}

.class_listing table th {
	border: none;
	}

.class_listing table td {
	border: 2px solid #ffffff;
	}

.gray {
	background-color: #F8F5ED;
	}

.white {
	background-color: #ffffff;
	}		

.category_description {
	margin: 0px 0px 40px 0px;
	font-style: italic;
	}

.category_description img {
	float: left;
	border: none !important;
	background: none !important;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 25px 0px 10px !important;
	}

.codeblock {
 	word-wrap: break-word; 
	border:1px dotted gray;
	margin:0 0 1em 0;
	padding: 10px 10px 10px 10px;
	overflow: auto;
	background-color: #f9f9f9;
	font-family: 'courier new',courier,monospace;
	font-size: 1.2em;
	}

#companion_files {
	border: none;
	float: right;
	margin: 30px 25px 15px 20px;
	padding: 0px 0px 0px 0px;
	background: none !important;
	}

#companion_files img {
	border: none !important;
	background: none !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#primary blockquote {
	margin: 30px 40px 30px 25px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid gray;
	font-style: italic;
	}

.series_nav {
	display: inline;
	}

.sponsors {
	list-style: none;
	text-align: center;
	margin-top: -20px;
}

.sponsors li {
	margin: 50px 0px 50px 0px;
	}

.donate_form {
	text-align: center;
	margin: 20px 0px 0px 0px;
	}

.ebay_details td {
	font-size: .9em;
	}

.tweet {
	margin: 0px 0px 12px 0px;
	height: 70px;
	border-bottom: 1px solid #efeeee;
	padding:0px 0px 12px 0px;
	}

.tweet img {
	float:left;
	background:  #e0e0e0;
	padding: 2px !important;
	margin: 5px 10px 10px 6px !important;
	}	

.tweet p {
	font-size: 95%;
	margin-top: -3px;
	}

.tweet_date {
	font-size: 90%;
	font-style: italic;
	color: #999999;
	}

.video {
         padding: 0px 0px 0px 10px;
}

/* -- Sidebar Flickr Feed styling -- */

		#flickr_badge_uber_wrapper {
			text-align:center; 
			width:259px; 
			background-color: #d2e7e3;
			padding: 5px 0px 5px 0px;
			}

		#flickr_badge_uber_wrapper a:hover,
		#flickr_badge_uber_wrapper a:link,
		#flickr_badge_uber_wrapper a:active,

		#flickr_badge_uber_wrapper a:visited {
			background-color: #d2e7e3;
			text-decoration:none !important; 
			color:#51A494;
			}

		#flickr_badge_wrapper {
			padding:0px 0px 0px 0px;
			margin-top: -2px;
			background-color: #d2e7e3;
			border: none;
			}

		.flickr_badge_image {margin:5px 0px 0px 0px;}
		.flickr_badge_image img {
			border: none; 
			float: left; 
			margin: 0px 0px 8px 8px;
			}
		
		#flickr_badge_icon {
			float:left; 
			margin-right:5px;
			}

		#flickr_www {
			display:block; 
			padding:10px 10px 0 10px !important; 
			font: 11px Arial, Helvetica, Sans serif !important; 
			color:#3993ff !important;
			}

		#flickr_badge_source {
			text-align:left; 
			margin:0 10px 0 10px;
			}

		#flickr_badge_source {
			padding:0 !important; 
			font: 11px Arial, Helvetica, Sans serif !important; 
			color:#666666 !important;
			}

			
		/* For the honee-pot spam prevention add-on */	
		.screen-reader {
		display: block !important;
		left: -9999px !important;
		position: absolute !important;
		top: -9999px !important;
		}

/* EOF */