BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; PADDING-TOP: 0px; BACKGROUND-COLOR: white
}
CODE.blockcode {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: gray 1px solid; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: gray 1px solid; WIDTH: 400px; PADDING-TOP: 5px; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: white
}
CODE {
	BACKGROUND-COLOR: #ffff66
}
PRE {
	BORDER-RIGHT: gray 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: gray 1px dashed; PADDING-LEFT: 5px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; BORDER-LEFT: gray 1px dashed; WIDTH: 98%; PADDING-TOP: 5px; BORDER-BOTTOM: gray 1px dashed; BACKGROUND-COLOR: #efefef
}
P.codearea {
	BORDER-RIGHT: gray 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: gray 1px dashed; PADDING-LEFT: 5px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; BORDER-LEFT: gray 1px dashed; WIDTH: 98%; PADDING-TOP: 5px; BORDER-BOTTOM: gray 1px dashed; BACKGROUND-COLOR: #efefef
}
P.codearea {
	MARGIN: 10px 0px
}
TEXTAREA.codecontainer {
	CLEAR: left; BORDER-RIGHT: gray 1px dashed; BORDER-TOP: gray 1px dashed; MARGIN-TOP: 1em; PADDING-LEFT: 5px; BORDER-LEFT: gray 1px dashed; WIDTH: 98%; BORDER-BOTTOM: gray 1px dashed; HEIGHT: 150px; BACKGROUND-COLOR: #efefef
}
.selectcode {
	MARGIN-TOP: 1em
}
.selectcode A.tabs {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; BORDER-LEFT: gray 1px solid; COLOR: navy; MARGIN-RIGHT: 3px; PADDING-TOP: 0px; BORDER-BOTTOM: gray 0px solid; TEXT-DECORATION: none
}
.selectcode A.tabs:visited {
	COLOR: navy
}
.selectcode A.tabs:active {
	COLOR: navy
}
.selectcode A.tabs:hover {
	COLOR: navy; BACKGROUND-COLOR: #efefef
}
.submitform P {
	MARGIN: 10px 0px
}
.submitform .inputbox {
	BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; WIDTH: 300px; BORDER-BOTTOM: gray 1px solid
}
.submitform TEXTAREA {
	BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; WIDTH: 450px; BORDER-BOTTOM: gray 1px solid; HEIGHT: 150px
}
.submitform .formbuttons {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
.codetitle {
	PADDING-LEFT: 19px; BACKGROUND: url(squarebullet2.png) white no-repeat left center
}
.codeimages IMG {
	BORDER-RIGHT: gray 1px dashed; BORDER-TOP: gray 1px dashed; BORDER-LEFT: gray 1px dashed; MARGIN-RIGHT: 8px; BORDER-BOTTOM: gray 1px dashed
}
A:link {
	COLOR: #aa2716
}
A:visited {
	COLOR: #821f11
}
A:hover {
	COLOR: red
}
A:active {
	COLOR: red
}
.maincontainer {
	BORDER-RIGHT: #e0e0e0 2px solid; BORDER-TOP: #e0e0e0 2px solid; PADDING-LEFT: 5px; MARGIN-LEFT: auto; BORDER-LEFT: #e0e0e0 2px solid; WIDTH: 900px; MARGIN-RIGHT: auto; BORDER-BOTTOM: #e0e0e0 0px solid; BACKGROUND-COLOR: white
}
.header {
	FONT-WEIGHT: bold; FONT-SIZE: 120%; MARGIN-BOTTOM: 10px
}
.comment {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 460px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ececec
}
.commentfooter {
	PADDING-LEFT: 58px; FONT-SIZE: 90%; BACKGROUND: url(arrow.gif) no-repeat 20px 0px; MARGIN-BOTTOM: 2em; COLOR: #4a4a4a; PADDING-TOP: 1px
}
#topbar {
	BACKGROUND: url(topgradient.jpg) #ecf0fc repeat-x left top; COLOR: black
}
#logodiv {
	WIDTH: 350px
}
#logodiv IMG {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#toprightdiv {
	FLOAT: right; MARGIN: 10px 8px 0px 0px; FONT: bold 11px arial, sans-serif; WIDTH: 350px; TEXT-ALIGN: right
}
#toprightdiv A {
	COLOR: navy; MARGIN-RIGHT: 4px; LETTER-SPACING: 0.1pt; TEXT-DECORATION: none
}
#toprightdiv A:hover {
	COLOR: blue
}
#toprightdiv #topform {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; PADDING-TOP: 0px
}
#toprightdiv #keywords {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fbfcfa; PADDING-BOTTOM: 3px; FONT: 11px verdana, sans-serif; BORDER-LEFT: gray 1px solid; WIDTH: 210px; COLOR: #443; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid; outline: none
}
#toprightdiv #keywords:focus {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
#toprightdiv #topformbutton {
	BORDER-RIGHT: #ccc 1px outset; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px outset; MARGIN-TOP: 5px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(topbar3.jpg) repeat-x left top; PADDING-BOTTOM: 1px; BORDER-LEFT: #ccc 1px outset; CURSOR: pointer; COLOR: #666; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px outset
}
#ddtoptabs {
	PADDING-LEFT: 5px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-LEFT: auto; WIDTH: 870px; MARGIN-RIGHT: auto; voice-family: inherit
}
#ddtoptabs UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 70% Arial, Verdana, sans-serif; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#ddtoptabs LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 2px 0px 0px; TEXT-TRANSFORM: uppercase; PADDING-TOP: 0px
}
#ddtoptabs A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 3px; BACKGROUND: url(color_tabs_left.gif) #344682 no-repeat left top; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 0px 2px 0px 0px; COLOR: white; PADDING-TOP: 0px; LETTER-SPACING: 1px; TEXT-DECORATION: none
}
#ddtoptabs A SPAN {
	PADDING-RIGHT: 9px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(color_tabs_right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 4px
}
#ddtoptabs A SPAN {
	FLOAT: none
}
#ddtoptabs A:hover {
	BACKGROUND-COLOR: #3562a6
}
#ddtoptabs A:hover SPAN {
	BACKGROUND-COLOR: #3562a6
}
#ddtoptabs #current A {
	BACKGROUND-COLOR: black
}
#ddtoptabs #current SPAN {
	BACKGROUND-COLOR: black
}
#ddtoptabsline {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0px; BACKGROUND: black; PADDING-BOTTOM: 0px; WIDTH: 100%; LINE-HEIGHT: 8px; PADDING-TOP: 0px; HEIGHT: 8px
}
#leftcolumn {
	CLEAR: left; MARGIN-TOP: 1em; FLOAT: left; WIDTH: 138px; MARGIN-RIGHT: 5px; BACKGROUND-COLOR: white
}
.ddmarkermenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 8px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.ddmarkermenu LI {
	PADDING-BOTTOM: 2px
}
.ddmarkermenu LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 90%; BACKGROUND: url(arrowbullet.png) no-repeat left center; PADDING-BOTTOM: 2px; COLOR: #aa2716; PADDING-TOP: 2px; BORDER-BOTTOM: #dadada 1px solid; TEXT-DECORATION: none
}
.ddmarkermenu LI A:visited {
	COLOR: #aa2716
}
.ddmarkermenu A:hover {
	COLOR: #aa2716; BACKGROUND-COLOR: #f3f3f3
}
.listmenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 8px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.listmenu LI {
	PADDING-BOTTOM: 2px
}
.listmenu LI A {
	DISPLAY: block; PADDING-LEFT: 19px; FONT-SIZE: 90%; BACKGROUND: url(bullet.png) no-repeat left center; BORDER-BOTTOM: #dadada 1px solid; TEXT-DECORATION: none
}
.listmenu A:hover {
	BACKGROUND-COLOR: #f3f3f3
}
.listmenu2 LI A {
	BACKGROUND: url(commentbullet.png) no-repeat left top
}
#leftcolumn .titlebar {
	PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: url(titlebg.jpg) black repeat-x left top; MARGIN: 1em 0px; TEXT-TRANSFORM: uppercase; COLOR: white; BORDER-BOTTOM: #7b9bc4 1px solid
}
#middlecolumn {
	PADDING-RIGHT: 10px; MARGIN-TOP: 1em; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 1em;  WIDTH: 550px; BACKGROUND-COLOR: transparent
}
.headers {
	BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 120%; BACKGROUND: url(chromebg.gif) repeat-x center center; PADDING-BOTTOM: 2px; MARGIN-LEFT: 0px; BORDER-LEFT: #bbb 1px solid; WIDTH: 99%; PADDING-TOP: 2px; BORDER-BOTTOM: #bbb 1px solid; TEXT-ALIGN: left
}
.headers IMG {
	FLOAT: right; MARGIN-RIGHT: 5px; PADDING-TOP: 5px
}
.headers SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.headers A.bar {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.headers A.bar {
	COLOR: #273565; TEXT-DECORATION: none
}
.headers A:visited {
	COLOR: #273565
}
.headers A:active {
	COLOR: #273565
}
.headers A:hover {
	COLOR: blue
}
.screenshots {
	FONT-SIZE: 90%; FLOAT: left; MARGIN-BOTTOM: 1em; WIDTH: 150px; MARGIN-RIGHT: 10px
}
HTML > BODY .screenshots {
	MARGIN-RIGHT: 15px
}
.screenshots DIV {
	PADDING-RIGHT: 7px; PADDING-LEFT: 2px; BACKGROUND: url(thumbback.jpg) white no-repeat left top; PADDING-BOTTOM: 5px; PADDING-TOP: 2px
}
.screenshots DIV A IMG {
	BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid
}
.screenshots A:hover IMG {
	BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black
}
.screenshots A:hover {
	COLOR: black
}
.screenshots A {
	PADDING-LEFT: 3px; TEXT-DECORATION: none
}
.csslisting {
	CLEAR: left; MARGIN-BOTTOM: 20px
}
.csslisting .floatbox {
	BACKGROUND: url(thumbback.jpg) white no-repeat left top; FLOAT: left; WIDTH: 155px
}
.csslisting .floatbox IMG {
	BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; MARGIN-BOTTOM: 10px; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid
}
.csslisting .floatbox A:hover IMG {
	BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black
}
.csslisting .floatbox A:hover {
	COLOR: gray
}
* HTML .csslisting .floatbox {
	WIDTH: 152px
}
* HTML .csslisting P {
	HEIGHT: 1%
}
.csslisting P {
	FONT-SIZE: 90%; MARGIN-LEFT: 155px
}
* HTML .csslisting P {
	MARGIN-LEFT: 152px
}
.csslisting P B {
	FONT-SIZE: 110%
}
#blogcontainer {
	FONT-SIZE: 90%; BORDER-BOTTOM: #d8d8d8 1px solid
}
#blogcontainer .title {
	PADDING-RIGHT: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#blogcontainer .info {
	MARGIN-TOP: 1px; COLOR: gray
}
#blogcontainer P {
	MARGIN: 8px 0px
}
DIV.info + P:first-letter {
	FLOAT: left; FONT: bold 180% Arial; MARGIN-RIGHT: 3px
}
#rightcolumn {
	MARGIN-TOP: 1em; FLOAT: left; WIDTH: 160px; BACKGROUND-COLOR: white
}
#middlecolumn .titlebar {
	PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 110%; BACKGROUND: url(squarebullet.png) white no-repeat left center; MARGIN: 1em 0px; TEXT-TRANSFORM: uppercase; COLOR: #686868; BORDER-BOTTOM: #dadada 1px solid; LETTER-SPACING: 1.5pt
}
#rightcolumn .titlebar {
	PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 110%; BACKGROUND: url(squarebullet.png) white no-repeat left center; MARGIN: 1em 0px; TEXT-TRANSFORM: uppercase; COLOR: #686868; BORDER-BOTTOM: #dadada 1px solid; LETTER-SPACING: 1.5pt
}
#rightcolumn .titlebar {
	MARGIN-TOP: 10px
}
#rightcolumn .newscontainer {
	BORDER-RIGHT: #dadada 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #dadada 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 90%; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 5px; BORDER-LEFT: #dadada 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #dadada 1px solid; BACKGROUND-COLOR: #ffff66
}
#contentfooter {
	CLEAR: both; FONT-SIZE: 11px; PADDING-BOTTOM: 1em; MARGIN-LEFT: 173px; FONT-FAMILY: Verdana
}
#footerarea {
	CLEAR: left; BACKGROUND: url(bgi.jpg) repeat-x left top; PADDING-TOP: 15px; HEIGHT: 50px; TEXT-ALIGN: center
}
#footermenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 90%; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#footermenu UL {
	BORDER-RIGHT: #dfdfdf 0px solid; BORDER-TOP: #dfdfdf 0px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FLOAT: left; MARGIN: 0px; BORDER-LEFT: #dfdfdf 0px solid; BORDER-BOTTOM: #dfdfdf 0px solid
}
#footermenu UL LI {
	DISPLAY: inline
}
#footermenu UL LI A {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(menudivide.gif) #f3f5fb repeat-y right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: gray; PADDING-TOP: 2px; TEXT-DECORATION: none
}
#footermenu UL LI A:hover {
	PADDING-BOTTOM: 0px; COLOR: #565656; BORDER-BOTTOM: gray 4px solid; BACKGROUND-COLOR: #f3f3f3
}
.clearfix:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.clearfix {
	
}
* HTML .clearfix {
	HEIGHT: 1%
}
.clearfix {
	DISPLAY: block
}