body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #333;
	background: #d7d7d7 url(../_img/bgshadow.jpg) top center repeat-y;
	/* background: #d7d7d7; */
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}
html>body { margin: 0; }

#container	{
	padding: 0;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	width: 850px;
	text-align: left;
	margin: 0;
	background: #fff url("../_img/bg.gif") repeat-x;
	}
html>body #container { margin: 0 auto; }

#header	{
	width: 100%;
	padding: 0;
	border: 0;
	height: 50px;
	background: url("../_img/tabLogo.gif") 634px 0px no-repeat;
	margin: 0 0 0 0;
	cursor: pointer;
	}
html>body #header { margin: 0 0 0 0; }
#header span { display:none; }

div#nav {
	padding: 0 0 0 0;
	margin: 0 13px 0 10px;
	border: 0;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 25px;
	font-family: "Century Gothic", "Avant Garde", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	}

div#nav ul { margin: 0; padding: 0; }
div#nav ul li { float: left; list-style-type: none; margin: 0; padding: 0 5px 0 5px; }
div#nav a { display: block; float: left; text-decoration: none; padding: 0 10px 0 10px; margin: 0; color: #fff; }
div#nav a.selected { background: #fff; color: #666; }
div#nav a:hover { background: #ccc; color: #666; }

/* TABS */
#tabs {
    float: left;
    width: 90%;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 5px 0 0 15px;
}

#tabs ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

#tabs li {
    display: inline;
    margin: 0;
    padding: 0;
}
   
#tabs a {
    float: left;
    background: url("../_img/tableft.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}
   
#tabs a span {
    float: left;
    display: block;
    background: url("../_img/tabright.gif") no-repeat right top;
    margin: 0;
    padding: 0 15px 4px 6px;
    color: #fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

 
/* #tabs a.selected span { padding-top: 2px; height: 18px; color:#666; } */
/* #tabs a:hover span { padding-top: 2px; height: 18px; } */

#tabs a:hover { background-position: 0 -20px; }
#tabs a.selected { background-position: 0 -40px; }
#tabs a:hover span { padding: 2px 15px 2px 6px; background-position: 100% -20px; }
#tabs a.selected span { padding: 3px 15px 2px 6px; color:#666; background-position: 100% -40px; }


#main {
	float: left;
	width: 584px;
	color: #333;
	margin: 20px 0 0 0;
	padding: 0 0 0 24px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 540px;
	margin: 20px 0 0 0;
	padding: 0 20px 0 24px;
	}
html>#main { color: #333; }

#main h1 { font-family: 'Arial Narrow','HelveticaNeue-CondensedBold',Helvetica,Arial,sans-serif; font-size: 3.5em; font-weight: bold; color: #666; letter-spacing: -2px; margin: 0 0 5px 0; padding: 0; line-height: 1em; }
#main h1 span.date { color: #999; font-size: 60%; }
#main h2 { font-family: 'Arial Narrow','HelveticaNeue-CondensedBold',Helvetica,Arial,sans-serif; font-size: 2.5em; font-weight: bold; letter-spacing: -1px; color: #666; margin: 10px 0 5px 0; padding: 0; border-bottom: 1px solid #d7d7d7; }
#main h2 span.datehead { color: #999; font-size: 80%; }
#main h3 { font-family: 'Arial Narrow','HelveticaNeue-CondensedBold',Helvetica,Arial,sans-serif; font-size: 1.5em; font-weight: bold; color: #666; margin: 5px 0 5px 0; padding: 0; }
#main h4 { font-size: 1.1em; font-weight: bold; margin: 0; padding: 0; }
#main h2.homepage { font-size: 1.8em; font-weight: bold; letter-spacing: 0px; color: #666; margin: 0; padding: 0; border-bottom: 0; }

#main p { font-size: 1.3em; margin: 0; padding: 0 0 10px 0; }
#main p.intro { color: #666; }
#main a { color: #4d79ff; }
#main a:hover { background: #4d79ff; color: #fff; }
#main hr { padding: 0 0 0 0; margin: 25px 0 25px 0; border: none 0; border-top: #d7d7d7 1px solid; height: 1px; }
#main ul, #main ol { margin: 0; padding: 5px 0 10px 25px; border: 0; font-size: 1.3em; }
#main ul li { list-style-type: circle; margin: 0 0 0 0; padding: 0; border: 0; }
#main ol li { list-style-type: decimal; margin: 0 0 10px 0; padding: 0; border: 0; }
#main blockquote { font-family: 'Arial Narrow','HelveticaNeue-CondensedBold',Helvetica,Arial,sans-serif; font-style: italic; font-weight: bold; color: #666; background: #dedede; margin: 0; letter-spacing: -1.5px; padding: 10px; quotes: "\201C" "\201D"; }
#main span.source { font-size: 60%; letter-spacing: -1px; font-weight: bold; font-style: normal; color: #666; padding: 0 0 0 1.5em; }

#main div.quote { background: #ddd url("../_img/quote-bg.gif") repeat-x; margin: 0 0 40px 0; padding: 15px; quotes: "\201C" "\201D"; }
#main div.homeRight div.quote { margin: 0 0 10px 0; }
#main div.quote p { font-family: Georgia,serif; font-size: 1.8em; color: #666; padding: 0 0 0.25em 0; }
#main div.quote p.author { border-top: #d7d7d7 1px dotted; padding: 0.25em 0 0 0; font-size: 1.1em; font-weight: bold; }


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

#main div.homeLeft {
    float: left;
    width: 300px;
    border-top: #d7d7d7 1px dotted;
    margin: 0;
    padding: 10px 10px 0 0;
}

#main div.homeRight {
    float: left;
    width: 219px;
    border-top: #d7d7d7 1px dotted;
    border-left: #d7d7d7 1px dotted;
    margin: 0;
    padding: 10px 0 0 10px;
}


#main div.entry { margin: 0 0 40px 0; padding: 0 0 5px 0; }
#main div.homeFull div.entry, #main div.homeLeft div.entry, #main div.homeRight div.entry { margin: 0 0 10px 0; padding: 0 0 5px 0; }
#main div.entry h2 { padding: 0; margin: 10px 0 0 0; }
#main div.homeFull div.entry h2, #main div.homeLeft div.entry h2, #main div.homeRight div.entry h2 { padding: 0; margin: 0; }
#main div.entry h2 a { color: #666; text-decoration: none; }
#main div.entry h2 a:hover { background: #999; color: #fff; }
#main div.entry p, #main div#comments p { padding: 5px 0 0 0; margin: 0; }
#main div.entry p.posted, #main div#comments p.posted { color: #666; font-size: 1.1em; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin: 5px 0 0 0; padding: 5px 0 5px 0; }
#main div#comments p.posted { margin: 5px 0 20px 0; }
#main div.entry blockquote { font-family: Georgia,serif; font-size: 1.5em;  background: #ddd url("../_img/quote-bg.gif") repeat-x; margin: 10px 0 10px 0; padding: 15px; letter-spacing: 0; font-weight: normal; }

#main div.info { height: 100%; color: #666; font-size: 1.1em; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; margin: 5px 0 10px 0; padding: 5px 0 5px 0; }
#main div.info span { float: left; width: 33%; font-size: 1.1em; padding: 0; margin: 0; }

#main div.entry span.date, #main div#comments span.date { padding: 0 0 0 20px; background: url("../_img/calendar.gif") center left no-repeat; margin: 0 10px 0 0; }
#main div.entry span.user, #main div#comments span.user { padding: 0 0 0 20px; background: url("../_img/icon_user.gif") center left no-repeat; margin: 0 10px 0 10px; }
#main div.entry a.addcomment { padding: 0 0 0 20px; background: url("../_img/comment_new.gif") center left no-repeat; margin: 0 10px 0 10px; }
#main div.entry a.addcomment:hover { background: #4d79ff url("../_img/comment_new.gif") center left no-repeat; }
#main div.entry a.comment { padding: 0 0 0 20px; background: url("../_img/comment.gif") center left no-repeat; margin: 0 10px 0 10px; }
#main div.entry a.comment:hover { background: #4d79ff url("../_img/comment.gif") center left no-repeat; }
#main div.entry a.category { padding: 0 0 0 20px; background: url("../_img/folder.gif") center left no-repeat; margin: 0 0 0 10px; }
#main div.entry a.category:hover { background: #4d79ff url("../_img/folder.gif") center left no-repeat; }

#main div.half { width: 45%; float: left; margin: 0 5% 0 0; padding: 0; }

#main p.entrySummary a { color: #333; text-decoration: none; }
#main p.entrySummary a:hover { color: #fff; text-decoration: underline; }

#main div.code {
    margin: 10px 0;
    padding: 5px;
    background: #dedede;
    border: 1px dotted #999;
    font-family: Courier, "Courier New", monospace;
    font-size: 10px;
}

#promo {
    background: #000;
    margin: 0 0 5px 0;
	padding: 50px 24px 20px 24px;
	font-family: "Century Gothic", "Avant Garde", Arial, Helvetica, sans-serif;
	height: 290px;
}

#promo div.img, div.txt {
    float: left;
    width: 48%;
    padding: 0;
    margin: 0 0 20px 0;
}

#promo h4 {
    color: #fff;
    font-size: 4em;
    line-height: 1em;
    font-weight: bold;
    letter-spacing: -2px;
    margin: 0 0 30px 24px;
    padding: 0;
}

#promo p {
    color: #fff;
    font-size: 1.8em;
    line-height: 18px;
    font-weight: bold;
    margin: 0 0 30px 24px;
    padding: 0;
}

#promo a {
    color: #4d79ff;
    font-size: 80%;
    font-weight: bold;
    padding: 0 0 0 20px;
    background: #000 url("../_img/arrow_black.gif") no-repeat left center;
}

#promo a:hover { color: #fff; }

#rightCol {
	float: left;
	width: 236px;
	background: #000 url("../_img/bg_right.gif") repeat-x;
	font-size: 85%;
	margin: 20px 0 0 7px;
	padding: 10px 9px 0 19px;
	border: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 218px;
	margin: 20px 0 0 7px;
	padding: 10px 14px 0 14px;
	}

#rightCol h1 { font-family: 'Arial Narrow','HelveticaNeue-CondensedBold',Helvetica,Arial,sans-serif; font-size: 2em; font-weight: bold; color: #e0e0e0; letter-spacing: -1px; margin: 0; padding: 0; border-bottom: 1px #999 solid; }
#rightCol p { margin: 0; padding: 5px 0 25px 0; font-size: 1.25em; color: #e0e0e0; }
#rightCol a { color: #4d79ff; }
#rightCol a:hover { background: #4d79ff; color: #fff; }

.screenshotRight {	/* IE5 Mac */
	width: 206px;
	padding: 5px 5px 5px 5px;
	margin: 0 0 5px 0;
	border: 1px solid #999;
	background: #fff;
	text-align: center;
	}
/* commented backslash hack v2 \*/
.screenshotRight {
	width: 206px;
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 5px;
	border: 1px solid #999;
	background: #fff;
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 5px 5px 5px 5px;
	margin: 0 0 5px 0;
	float: left;
	}
/* end hack */

a:hover .screenshotRight {
	background: #4d79ff;
	voice-family: "\"}\"";
	voice-family: inherit;
	border: 2px solid #4d79ff;
	padding: 4px 4px 4px 4px;
	background: #fff;
	}

.inlineImageRight {
	padding: 5px 5px 5px 5px;
	margin: 0 0 5px 5px;
	border: 1px solid #999;
	background: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 5px 5px 5px 5px;
	margin: 0 0 5px 5px;
	}

.thumbRHSleft {
	width: 92px;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 5px 0;
	border: 1px solid #999;
	background: #fff;
	text-align: center;
	float: left;
	}
/* commented backslash hack v2 \*/
.thumbRHSleft {
	width: 92px;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 5px 10px;
	border: 1px solid #999;
	background: #fff;
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 92px;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 5px 0;
	float: left;
	}
/* end hack */


.thumbRHSright {
	padding: 5px 5px 5px 5px;
	margin: 5px 0 5px 10px;
	border: 1px solid #999;
	background: #fff;
	text-align: center;
	}
/* commented backslash hack v2 \*/
.thumbRHSright {
	width: 92px;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 5px 10px;
	border: 1px solid #999;
	background: #fff;
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	float: left;
	}
/* end hack */

a:hover .thumbRHSleft, a:hover .thumbRHSright {
	border: 2px solid #4d79ff;
	padding: 4px 4px 4px 4px;
	background: #fff;
	}
/* commented backslash hack v2 \*/
a:hover .thumbRHSleft, a:hover .thumbRHSright {
	border: 1px solid #999;
	padding: 5px 5px 5px 5px;
	background: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	border: 2px solid #4d79ff;
	padding: 4px 4px 4px 4px;
	background: #fff;
	}
/* end hack */

#rightCol ul { margin: 0; }
#rightCol ul { margin: 0; padding: 0; border: 0; padding: 5px 0 25px 15px; }
#rightCol ul li { list-style-type: circle; margin: 0; padding: 0; border: 0; font-size: 1.25em; color: #ccc; }
#rightCol ul li a { color: #4d79ff; font-weight: bold; margin: 0; padding: 0; }

#rightCol ul.progress { margin: 0; padding: 0; border: 0; padding: 5px 0 15px 0; }
#rightCol ul.progress li { list-style-type: none; margin: 0; padding: 0 0 10px 0; border: 0; }

#rightCol dd { margin: 0; padding: 0 0 5px 20px; margin: 0 0 0 0; border: 0; background: url("../_img/arrow.gif") top left no-repeat; font-size: 1.25em; color: #ccc; }
#rightCol dl { margin: 0; padding: 5px 0 20px 0; border: 0; }
#rightCol blockquote { font-size: 1.8em; font-style: italic; font-weight: bold; margin: 0; color: #e0e0e0; letter-spacing: -0.75px; padding: 25px 0 20px 0; quotes: "\201C" "\201D"; }
#rightCol blockquote em { color: #ff6900; }
#rightCol span.source {	font-size: 75%; font-weight: bold; font-style: normal; padding: 0; }

#rightCol div.vcard { margin: 0; padding: 5px 0 25px 0; font-size: 1.25em; color: #e0e0e0; }
#rightCol div.vcard div.fn { display : none; }
#rightCol div.vcard img { float: right; margin: 0 0 10px 15px; border: 0; }

form { padding: 0; margin: 0; font-size: 1.1em; }
form label, span.formLabel { font-weight: bold; padding: 0; margin: 0; font-size: 1em; line-height: 1.6em; }
form input, form select, form textarea { 
    padding: 2px;
    margin: 0;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url("../_img/fieldbg.gif") repeat-x top; 
}
form .checkbox, form .radio { padding: 0; margin: 0; border: 0; background: url("../_img/_.gif"); }

.inputtiny { width: 10%; }
.inputmedium { width: 55%; }
.inputlong { width: 100%; }

div.formRow { clear: both; padding: 0; margin: 0; }
div.formRow span.col2a { float: left; width: 24%; margin: 0; padding: 5px 0 5px 0; }
div.formRow span.col2b { float: left; width: 74%; margin: 0; padding: 5px 0 5px 0; font-size: 0.9em; }

form input.button {
    border: 3px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc; 
    padding: 0.25em;
    background-color: #fff;
    background-image: url("../_img/buttonbg.gif");
    background-repeat: repeat-x;
    color: #333;
    font-size: 1em;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
}
form input.button:active {
    border: 3px double #ccc;
    border-top-color: #999;
    border-left-color: #999; 
}

div.formErrorMessage, p.alert, div.alert { 
    border: #e4001b 1px solid; 
    margin: 0 0 2em 0; 
    padding: 5px 1em 5px 3em; 
    background: #ffc8bd url(../_img/warning.gif) 5px 5px no-repeat; }
div.formErrorMessage p { margin: 0; padding: 0; }
div.formErrorMessage ul { margin: 0; padding: 0 0 0.5em 3em; }

#rightCol form label { color: #e0e0e0; font-size: 11px; }
#rightCol form select { font-size: 10px; padding: 1px; width: 95%; }
#rightCol div.formRow span.col2a { float: left; width: 35%; margin: 0; padding: 5px 0 5px 0; }
#rightCol div.formRow span.col2b { float: left; width: 65%; margin: 0; padding: 5px 0 5px 0; }

#comments { margin: 0; padding: 0; }

.gravatar {
	padding: 0;
	margin: 3px 5px 3px 0;
	border: 0;
	background: #fff;
	text-align: center;
	float: left;
	}

#footer { width: 818px; padding: 0; border: 0; background: #fff; margin: 45px 0 25px 15px; border-top: #d7d7d7 1px solid; }
#footer p { margin: 0 0 0 0; padding: 10px 0 0 0; font-size: 1.2em; }
#footer a { color: #ff6900; }
#footer a:hover { background: #4d79ff; color: #fff; }
#footer img { vertical-align: bottom; }
div#printFooter {display:none;}
#footer a.feint { color: #fff; font-size: 10px; }