/* GENERAL STUFF */
* {
	margin: 0; padding: 0;
}
TABLE, BODY {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	color: #333;
}
A {
	color: #4197E3;
	text-decoration: none;
}
A:hover { border-bottom: 1px solid #4197E3; }
.view A:hover { border-bottom: 1px solid #99cc00; }
A.active { color: #777; }
P A:visited, LI A:visited, TABLE A:visited { color: #808; }
A.wikilink2 { color: #f00 !important; }
A IMG { border: none; }
A SPAN { display: none; }
IMG.delimiter {
	vertical-align: bottom; _vertical-align: middle;
	margin: 0 5px;
}
P { line-height: 150%; }
DEL { color: #999; }
HR {
	height: 1px;
	border: none;
	border-top: 1px solid #ccc;
	background: none;
}
FORM.button INPUT.button {
	border: none;
	background: none;
	color: #4197E3;
	cursor: pointer; cursor: hand;
}
FORM#dw__editform TEXTAREA { width: 98%; }
FORM TABLE { width: 90%; }
FORM TABLE TH, FORM TABLE TD { padding: 3px 5px; }
FORM TABLE TH { padding-right: 20px; }
FORM TABLE INPUT { padding: 1px 5px; }
#config__manager LEGEND {
	border: 1px solid #808080;
	background-color: #B5CAD5;
	padding: 3px 5px;
	font-size: 10px !important;
}
.floatLeft { float: left; }
.floatRight { float: right; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.reset {
	clear: both;
	display: block;
	height: 1px;
	font-size: 1px;
}
.hidden { display: none; }
.icon {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.rightIcon {
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
}
A.icon { _background-position: left 2px; }
A.rightIcon { _background-position: right 2px; }
.moreIcon { background-image: url(../images/more_icon.gif); }
.backIcon { background-image: url(../images/back_icon.gif); }
.downIcon { background-image: url(../images/down_icon.gif); }
.errorIcon {
	background-image: url(../images/alert.gif);
	padding-left: 25px;
}

/* LAYOUT */
BODY {
	background: #fff url(../images/header.gif) repeat-x left top;
	text-align: center;
}
BODY#hp-page { background-image: url(../images/hp_header.png); }

.small {
	font-size: 11px;
}

.no-strong {
	font-weight: normal;
}

CODE {
	color: #800;
}

PRE {
	padding-left: 16px;
	border-left: 4px solid #f8f8f8;
}

/* LAYOUT */
#mainHolder {
	width: 950px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/layout_bg.gif) repeat-y top right;
}
#mainHolderGradient {
	background: url(../images/layout_bg_gradient.gif) no-repeat bottom right;
	padding-bottom: 20px;
}
BODY#no-sidebar-page #mainHolder, BODY#no-sidebar-page #mainHolderGradient { background: none; }
#mainContentHolder {
	width: 682px;
	float: left;
}
BODY#no-sidebar-page #mainContentHolder { width: 100%; }
#sidebarHolder {
	width: 267px;
	float: right;
}

/* HEADER */
#headerHolder {
	height: 90px;
	margin-left: 96px;
	background: url(../images/logo.png) no-repeat top left;
}
#headerHolder #logo A {
	height: 90px;
	width: 150px;
	display: block;
}
#headerHolder #logo A:hover { border: none; }
BODY#hp-page #headerHolder {
	height: 198px;
	background-image: url(../images/hp_logo.png);
}
BODY#hp-page #headerHolder P { margin: -5px 30px 10px 60px; }

/* MAIN MENU */
#mainMenuHolder {
	height: 22px;
	margin-left: 96px;
	overflow: hidden;
	position: relative;
}

BODY#hp-page #mainMenuHolder { margin-top: -11px; }
#mainMenuHolder A {
	height: 22px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 5px;
	outline: none;
}
#mainMenuHolder A:hover, #mainMenuHolder A.active {
	border: none;
}
#mainMenuHolder A#homepage {
	width: 83px;
	background-image: url(../images/buttons.gif);
	background-position: 0px 0px;
}
	#mainMenuHolder A#homepage.active,
	#mainMenuHolder A#homepage:hover {
		background-position: 0px -22px;
	}
#mainMenuHolder A#blog {
	width: 44px;
	background-image: url(../images/buttons.gif);
	background-position: -101px 0px;
}
	#mainMenuHolder A#blog.active,
	#mainMenuHolder A#blog:hover {
		background-position: -101px -22px;
	}
#mainMenuHolder A#faq {
	width: 35px;
	background-image: url(../images/buttons.gif);
	background-position: -342px 0px;
}
	#mainMenuHolder A#faq.active,
	#mainMenuHolder A#faq:hover {
		background-position: -342px -22px;
	}
#mainMenuHolder A#forum {
	width: 60px;
	background-image: url(../images/buttons.gif);
	background-position: -262px 0px;
}
	#mainMenuHolder A#forum.active,
	#mainMenuHolder A#forum:hover {
		background-position: -262px -22px;
	}
#mainMenuHolder A#download {
	width: 77px;
	background-image: url(../images/buttons.gif);
	background-position: -165px 0px;
}
	#mainMenuHolder A#download.active,
	#mainMenuHolder A#download:hover {
		background-position: -165px -22px;
	}

BODY#hp-page #mainMenuHolder A#forum { _margin-right: 0; }
#mainMenuHolder A#postsRSS {
	width: 123px;
	background-image: url(../images/posts_rss_button.gif);
	position: absolute;
	right: 40px;
}

/* CONTENTS */
#contentsHolder { margin-top: 30px; margin-left: 96px; }
#contentsHolder H1 {
	font-size: 24px;
	font-family: Arial;
	letter-spacing: -1px;
	color: #777;
}
#contentsHolder H1.pad-bottom {
	padding-bottom: 16px;
}
#contentsHolder H1.error { color: #c00; }
DIV.post {
	margin-left: -96px;
	margin-right: 40px;
	margin-bottom: 10px;
	padding: 17px 0 17px 100px;
	overflow: hidden;
	_height: 1%;
}
BODY#faq-page DIV#contentsHolder H1 { margin-left: 2px; }
BODY#faq-page DIV#contentsHolder H1.faq {
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.highlight { background: #FAFFEB url(../images/active_article_bg.gif) repeat-y top left; }
DIV.post .title {
	font-size: 24px;
	font-family: Arial;
	letter-spacing: -1px;
	/* color: #4197E3; */
	color: #888;
	float: right;
	width: 536px;
	position: relative;
	left: -6px;
	font-weight: normal;
}
DIV.highlight .title { font-weight: bold; }
DIV.post .title A { color: #4197E3; }
DIV.view .title A { color: #99CC00; }

DIV.post UL LI, DIV.post OL LI { line-height: 160%; }
DIV.post P, DIV.post UL, DIV.post PRE, DIV.post OL { margin-top: 10px; margin-bottom: 16px; line-height: 160%; }

.article-listing DIV.post P { margin-bottom: 0px; }
.breadcrumbs { margin-top: -10px; }

DIV.post P.meta {
	font-size: 11px;
	color: #777;
	height: 20px;
	line-height: 140%;
	clear: both;
}
DIV.post .comments {
	float: left;
	width: 29px;
	margin-top: 5px;
	margin-left: -45px; _margin-left: -22px;
	line-height: 130%;
}
DIV.post .comments A {
	display: block;
	/* nasty, very nasty hack */
	position: absolute;
	width: 28px; _width: 29px;
	height: 25px;
	background: url(../images/comments_baloon.gif) no-repeat top left;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: -1px;
	padding-top: 1px; _padding-top: 0;
	padding-right: 1px; _padding-right: 0;
}
DIV.post .comments A:hover { border: none; }
DIV.post .comments A.locked {
	background-image: url(../images/comments_baloon_locked.gif);
}
DIV.post #socialLinks {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	text-align: right;
	display: none;
}
DIV.post h2 {
	color: #888;
	margin-bottom: 10px;
	font-size: 24px;
	font-family: Arial;
	font-weight: normal;
	letter-spacing: -1px;
}

DIV#contentsHolder H3 {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #999;
	margin: 5px 0 16px 0;
}

/* FORUM POSTS */
P#addForumThread { margin-bottom: 15px; }
P#addForumThread A {
	display: block;
	width: 152px;
	height: 22px;
	background: url(../images/add_forum_thread_button.gif) no-repeat center center;
}
P#addForumThread A:hover { border: none; }
DIV.forumThread {
	margin-right: 0;
	margin-bottom: 5px; _margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 5px;
}
DIV.forumThread HR { margin-top: 10px; _margin-top: 5px; }
DIV.forumThread P { margin-top: 0; }
DIV.forumThread .comments A.new { background-image: url(../images/comments_baloon_green.gif); }
DIV.forumThread .title {
	width: 576px;
	font-weight: normal;
}
DIV.forumThread INS {
	font-size: 10px;
	text-decoration: none;
}

/* COMMENTS */
#commentsHolder .title {
	color: #888;
	/* color: #4197E3; */
	font-family: Arial;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 24px;
	margin: 5px 0;
}
#commentsHolder A#commentsRSS {
	width: 124px;
	height: 22px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/comments_rss_button.gif);
	margin-right: 45px;
}
#commentsHolder A#commentsRSS:hover { border: none; }
UL#commentsList {
	list-style: none;
	margin: 20px 0 40px -96px;
}
UL#commentsList LI {
	margin-bottom: 20px;
	padding: 10px 40px 20px 96px;
}
UL#commentsList P.head { height: 26px; }
UL#commentsList .commentOrd {
	display: block;
	float: left;
	width: 34px;
	height: 19px;
	background: url(../images/comments_baloon_ord.gif) no-repeat center center;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: -1px;
	padding-right: 6px;
	position: relative;
	left: -5px;
}
UL#commentsList .commentOrd:hover { border: none; }
UL#commentsList .author {
	display: block;
	float: left;
	height: 26px;
	color: #777;
	font-size: 24px;
	font-family: Arial;
	font-weight: normal;
	letter-spacing: -1px;
	padding-left: 5px;
	padding-top: 1px;
}
UL#commentsList IMG.delimiter {
	float: left;
	margin: 0 15px;	
}
UL#commentsList INS {
	color: #777;
	display: block;
	float: left;
	height: 26px;
	line-height: 22px;
	text-decoration: none;
	font-size: 11px;
}
UL#commentsList P {
	clear: both;
	margin: 15px 0;
}
UL#commentsList .commentBody P {
	margin: 0;
	margin-bottom: 5px;
}
#commentsHolder FORM { width: 100%; }
#commentsHolder FORM INPUT.text {
	font-size: 24px;
	padding: 2px 5px;
	width: 300px;
	margin-bottom: 20px;
}
#commentsHolder FORM INPUT.submit {
	margin-top: 15px;
}
#commentsHolder FORM TEXTAREA {
	width: 90%;
	_height: 1%;
	height: 200px;
	padding: 5px;
	font-size: 12px;
	font-family: Verdana;
	line-height: 140%;
}
#beforeComment {
	/* display: block; */
	padding-top: 0;
	padding-bottom: 0;
}

/* LIST */
.post UL, .post OL { margin: 10px 0 10px 40px; }
.post UL LI, .post OL LI {
	margin-bottom: 10px;
	line-height: 140%;
}
.post UL LI { list-style-type: square; }
UL.list, OL.list {
	list-style: none;
	margin: 10px 0 10px 40px;
}
UL.list LI, OL.list LI { line-height: 140%; _height: 1%; }
UL.list LI A, OL.list LI A { background-position: left 2px; }

UL.list LI.more, OL.list LI.more { padding-left: 16px; }
UL.list LI.more A, OL.list LI.more A { background-position: right 2px; }

UL.article-list LI {
	margin-bottom: 10px;
}

UL.article-list LI A.icon {
	padding-left: 26px;
}

/* SIDEBAR */
#sidebarTop {
	height: 102px;
	background: url(../images/sidebar_top.gif) no-repeat top left;
}
BODY#hp-page #sidebarTop {
	height: 198px;
	background-image: url(../images/hp_sidebar_top.png);
}
#sidebarContents {
	margin-left: 18px;
	margin-top: -10px;
	font-size: 11px;
	padding-left: 15px;
	padding-right: 15px;
}
#sidebarContents UL, #sidebarContents OL {
	margin: 10px 0 10px 20px;
	list-style-type: square;
}
#sidebarContents LI { line-height: 140%; }
#sidebarContents H2 {
	color: #888;
	margin-bottom: 10px;
	font-size: 24px;
	font-family: Arial;
	font-weight: normal;
	letter-spacing: -1px;
}
#sidebarContents P { margin-bottom: 15px; }
#sidebarContents P.more { font-size: 12px; }
#sidebarContents DIV.promoBox { margin-bottom: 35px; }

#sidebarContents H3 {
	line-height: 18px;
	font-size: 12px;
	margin-bottom: 5px;
}

/* FOOTER */
DIV#footerHolder {
	font-size: 11px;
	color: #777;
	clear: both;
	width: 546px; _width: 642px;
	padding-left: 96px;
	padding-top: 30px;
	line-height: 140%;
}
DIV#footerMenu {
	float: right;
	background: url(../images/icon_bullet_sidebar.gif) no-repeat left center;
	padding-left: 15px;
}
DIV#footerMenu A {
	position: relative;
	top: -3px; _top: 0;
	vertical-align: bottom; _vertical-align: middle;
}

/* HOME PAGE LAYOUT */
.bigPromo {
	margin-bottom: 30px;
}
.bigPromo IMG {
	/* border: 1px solid #ccc; */
}
.smallPromo {
/*	margin-top: 30px; */
	margin-bottom: 10px;
	width: 170px;
	margin-right: 17px;
	font-size: 11px;
}
.smallPromo H4 {
	font-size: 12px;
	line-height: 140%;
	display: block;
	min-height: 26px;
	_height: 26px;
}
.smallPromo H4 A {
	line-height: 140%;
}

.smallPromo:hover {
	color: #4197E3;
	cursor: pointer;
	_cursor: hand;
}

.smallPromo.hover A {
	border-bottom: 1px solid #4197E3;
}

.bigPromo P, .smallPromo P { margin: 10px 0; }
.twoCol {
	width: 265px;
	margin-right: 25px;
}
.twoCol H2 SPAN { display: none; }
H2#blogRecent A, H2#wikiRecent A, H2#twitterUpdates A {
	font-size: 24px;
	font-family: Arial;
	font-weight: normal;
	letter-spacing: -1px;
	padding-left: 50px;
	color: #999;
	background-position: top left;
	background-repeat: no-repeat;
}
H2#blogRecent {
	margin-bottom: 16px;
	clear: both;
}

H2#blogRecent A { background-image: url(../images/blog_button_recently.gif); }
H2#wikiRecent A { background-image: url(../images/wiki_button_recently.gif); }
H2#twitterUpdates A {
	background-image: url(../images/twitter.gif);
	background-position: top left;
	padding-top: 3px;
}
H2#blogRecent A:hover, .twoCol H2#wikiRecent A:hover {
	background-position: bottom left;
	border: none;
}
H2#twitterUpdates A:hover {
	background-position: top left;
	border: none;
}
.twoCol UL.list { margin-left: 0; }
.twoCol UL.list LI {
	line-height: 140%;
	margin-left: 0;
}
.twoCol .moreIcon { margin-left: 15px; }

#sidebarContents UL.categories {
	list-style: none;
	margin-left: 26px;
	padding: 0;
}

UL.categories LI {
	list-style: none;
	margin: 0 0 5px 0px;
	padding: 0;
	color: #888;
}

UL.categories LI A {
	background: url(../images/more_icon.gif) no-repeat left center;
	padding-left: 16px;
}

/* TABLES */

DIV.table-wrapper {
	width: 100%;
}

TABLE.normal {
	width: 100%;
	border-collapse: collapse;
}

TABLE.normal TR TD, TABLE.normal TR TH {
	border-bottom: 1px solid #ccc;
	padding: 5px 5px;
	font-weight: normal;
}

TABLE.normal .bullet {
	background: url(../images/icon_bullet_sidebar.gif) no-repeat left center;
	padding-left: 26px;
}

#codeStats .number {
	padding-left: 30px;
}

#codeStats P, #codeStats TABLE {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-size: 11px;
}