style.css

This Tetris-Clone was assembled from one ATmega8, 240 red LEDs, a few BJTs, a few IC s and some push

BODY {
	MARGIN: 0px; FONT: small "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; TEXT-ALIGN: center
}
.validation-advice {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; BACKGROUND-COLOR: red
}
BODY#phpbb_simple {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px; FONT: small Tahoma, "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; TEXT-ALIGN: center
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
TD {
	FONT-SIZE: 11px
}
TH {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
P {
	LINE-HEIGHT: 14px
}
LABEL {
	FONT-WEIGHT: bold
}
#maincolumn A:link {
	COLOR: #274eb3; TEXT-DECORATION: none
}
#maincolumn A:visited {
	COLOR: #274eb3; TEXT-DECORATION: none
}
#maincolumn A:hover {
	TEXT-DECORATION: underline
}
.tablewidth {
	WIDTH: 33%
}
#header {
	BACKGROUND: url(/themes/FreakCyber/images/fc_header.gif) no-repeat; POSITION: relative; HEIGHT: 109px
}
#main {
	BORDER-RIGHT: black 1px solid; BORDER-LEFT: black 1px solid
}
#wrap {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #fff; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 871px; BORDER-RIGHT-WIDTH: 0px
}
#wrap #leftcolumn {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; BORDER-LEFT: #fff 1px solid; WIDTH: 189px; COLOR: #59636e; PADDING-TOP: 0px; BACKGROUND-COLOR: #c8cdd3
}
#wrap #maincolumn {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(/themes/FreakCyber/images/fc_shade.gif) repeat-x; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; TEXT-ALIGN: left
}
.content_box {
	WIDTH: 100%; TEXT-ALIGN: left
}
#maincolumn #teasers {
	MARGIN: 15px 0px 5px
}
#header H1 {
	MARGIN: 0px
}
#header H1 SPAN {
	DISPLAY: none
}
#header H1 A {
	DISPLAY: block; WIDTH: 111px; HEIGHT: 85px
}
#header #topbanner {
	LEFT: 395px; POSITION: absolute; TOP: 12px
}
#header #mainmenu {
	BORDER-TOP: #000 1px solid; BACKGROUND: url(/themes/FreakCyber/images/menu/fc_background.gif) repeat-x; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 85px
}
#header #login {
	DISPLAY: none; LEFT: 728px; POSITION: absolute; TOP: 0px
}
#header #loginmenu {
	DISPLAY: none; RIGHT: 0px; POSITION: absolute; TOP: 43px; TEXT-ALIGN: right
}
#header #loginlogout {
	LEFT: 560px; WIDTH: 80px; POSITION: absolute; TOP: 80px; HEIGHT: 22px
}
#mainmenu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 700px; PADDING-TOP: 0px
}
#mainmenu LI {
	DISPLAY: inline; FLOAT: left; LIST-STYLE-TYPE: none
}
#mainmenu A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 23px
}
#mainmenu LI A.forum {
	BACKGROUND-IMAGE: url(/themes/FreakCyber/images/menu/fc_forum.gif); WIDTH: 56px
}
#mainmenu LI A.devices {
	BACKGROUND-IMAGE: url(/themes/FreakCyber/images/menu/fc_devices.gif); WIDTH: 62px
}
#mainmenu LI A.tools {
	BACKGROUND-IMAGE: url(/themes/FreakCyber/images/menu/fc_tools.gif); WIDTH: 53px
}
#mainmenu LI A.projects {
	BACKGROUND-IMAGE: url(/themes/FreakCyber/images/menu/fc_projects.gif); WIDTH: 70px
}
#mainmenu LI A.vendors {
	BACKGROUND-IMAGE: url(/themes/FreakCyber/images/menu/fc_vendors.gif); WIDTH: 67px
}
#mainmenu LI A.articles {
	BACKGROUND-IMAGE: url(/themes/FreakCyber/images/menu/fc_articles.gif); WIDTH: 68px
}
#mainmenu LI A.blogs {
	BACKGROUND-IMAGE: url(/themes/FreakCyber/images/menu/fc_gurublogs.gif); WIDTH: 80px
}
#mainmenu LI A.books {
	BACKGROUND-IMAGE: url(/themes/FreakCyber/images/menu/fc_books.gif); WIDTH: 53px
}
#mainmenu A SPAN {
	DISPLAY: none
}
#leftcolumn H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; COLOR: #1a1d20; LINE-HEIGHT: 22px; PADDING-TOP: 0px
}
#leftcolumn TABLE {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#leftcolumn TD {
	FONT-SIZE: 11px
}
#leftcolumn UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; MARGIN: 3px 0px; PADDING-TOP: 4px
}
#leftcolumn LI {
	FONT-SIZE: 11px; LIST-STYLE-TYPE: none
}
#leftcolumn A {
	COLOR: #274eb3; TEXT-DECORATION: none
}
#leftcolumn A:hover {
	TEXT-DECORATION: underline
}
#leftcolumn P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#leftcolumn P EM {
	FONT-WEIGHT: normal; COLOR: #274eb3; FONT-STYLE: normal
}
#leftcolumn .bordertop {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px -10px 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #b4bbc2 1px solid
}
#leftcolumn .borderbottom {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px -10px 10px; PADDING-TOP: 0px; BORDER-BOTTOM: #ecedef 1px solid
}
#leftcolumn .openPM {
	PADDING-LEFT: 3px; WIDTH: 27px; TEXT-ALIGN: right
}
#leftcolumn .buddies {
	PADDING-LEFT: 3px; WIDTH: 27px; TEXT-ALIGN: right
}
#leftcolumn .forumposts {
	PADDING-LEFT: 3px; WIDTH: 27px; TEXT-ALIGN: right
}
#leftcolumn .projects {
	PADDING-LEFT: 3px; WIDTH: 27px; TEXT-ALIGN: right
}
#leftcolumn .adv_search {
	PADDING-LEFT: 3px; WIDTH: 27px; TEXT-ALIGN: right
}
#leftcolumn .editaccount {
	PADDING-LEFT: 3px; WIDTH: 27px; TEXT-ALIGN: right
}
#leftcolumn .quiz {
	PADDING-LEFT: 3px; WIDTH: 27px; TEXT-ALIGN: right
}
#leftcolumn .newPM {
	PADDING-RIGHT: 3px; VERTICAL-ALIGN: middle; WIDTH: 23px; COLOR: #fff; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center
}
#leftcolumn .nonewPM {
	PADDING-RIGHT: 3px; VERTICAL-ALIGN: middle; WIDTH: 23px; COLOR: #fff; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center
}
#leftcolumn .newPM {
	BACKGROUND: url(/themes/FreakCyber/images/leftblock/fc_new_pm.gif) no-repeat -1px 2px
}
#leftcolumn .nonewPM {
	BACKGROUND: url(/themes/FreakCyber/images/leftblock/fc_no_new_pm.gif) no-repeat -1px 2px
}
#leftcolumn #myforumposts .replies {
	PADDING-RIGHT: 7px; WIDTH: 27px; COLOR: #505254; TEXT-ALIGN: right
}
#leftcolumn #myprojects .dlcount {
	PADDING-RIGHT: 7px; WIDTH: 27px; COLOR: #505254; TEXT-ALIGN: right
}
#leftcolumn #lc_quizz .score {
	PADDING-RIGHT: 7px; WIDTH: 27px; COLOR: #505254; TEXT-ALIGN: right
}
#leftcolumn #lc_quizz .time {
	PADDING-RIGHT: 7px; WIDTH: 27px; COLOR: #505254; TEXT-ALIGN: right
}
#leftcolumn #lc_quizz .place {
	PADDING-RIGHT: 7px; WIDTH: 27px; COLOR: #505254; TEXT-ALIGN: right
}
#leftcolumn #myforumposts A {
	COLOR: #5975bd
}
#leftcolumn #myforumposts .new A {
	FONT-WEIGHT: bold; COLOR: #274eb3
}
#leftcolumn #lc_search {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: -10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #d9dce0
}
#leftcolumn .account {
	WIDTH: 50px
}
#leftcolumn .sendPM {
	PADDING-RIGHT: 10px; PADDING-LEFT: 11px; WIDTH: 8px
}
#leftcolumn .onoff {
	PADDING-RIGHT: 10px; PADDING-LEFT: 11px; WIDTH: 8px
}
#leftcolumn #addBuddy {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px -10px -10px; PADDING-TOP: 3px; BACKGROUND-COLOR: #d9dce0
}
#leftcolumn #lc_search #search_submit {
	VERTICAL-ALIGN: middle; WIDTH: 35px; TEXT-INDENT: 0px; LINE-HEIGHT: 22px; TEXT-ALIGN: right
}
#leftcolumn #addBuddy #addBuddySubmit {
	VERTICAL-ALIGN: middle; WIDTH: 35px; TEXT-INDENT: 0px; LINE-HEIGHT: 22px; TEXT-ALIGN: right
}
#leftcolumn #lc_search #search_submit {
	PADDING-RIGHT: 8px
}
#leftcolumn #addBuddy #bname {
	WIDTH: 140px
}
#leftcolumn #lc_search .search {
	WIDTH: 140px
}
#maincolumn TEXTAREA {
	WIDTH: 400px
}
#maincolumn H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; BACKGROUND: url(/themes/FreakCyber/images/fc_underline.gif) repeat-x 50% bottom; MARGIN: 2px 0px 10px; TEXT-TRANSFORM: lowercase; COLOR: #274eb3; TEXT-ALIGN: left
}
#maincolumn H1 A:hover {
	TEXT-DECORATION: none
}
#maincolumn .inline H1 {
	PADDING-RIGHT: 1px; DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-RIGHT: 2px
}
#maincolumn H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN: 2px 0px; TEXT-TRANSFORM: lowercase; COLOR: #274eb3; TEXT-ALIGN: left
}
#maincolumn H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 2px; MARGIN: 3px 0px 2px; COLOR: #274eb3; PADDING-TOP: 3px
}
#maincolumn H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 3px 0px 2px; PADDING-TOP: 3px
}
#maincolumn .inline {
	CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(/themes/FreakCyber/images/fc_underline.gif) repeat-x 50% bottom; PADDING-BOTTOM: 0px; MARGIN: 3px 0px; PADDING-TOP: 3px; TEXT-ALIGN: left
}
#maincolumn .inline SPAN A {
	FONT-SIZE: 9px; VERTICAL-ALIGN: 2px; LINE-HEIGHT: 11px
}
#maincolumn .news SPAN.readmore {
	FONT-SIZE: 9px; VERTICAL-ALIGN: 3px; LINE-HEIGHT: 12px
}
#maincolumn P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 1px 0px 3px; PADDING-TOP: 1px; TEXT-ALIGN: left
}
#maincolumn IMG.category {
	FLOAT: right; MARGIN: 5px 0px 5px 5px
}
#maincolumn .news {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/themes/FreakCyber/images/fc_underline.gif) repeat-x 50% bottom; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
#maincolumn .news H2 A {
	COLOR: #000
}
#maincolumn .news H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 1px; MARGIN: 3px 0px 0px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
SMALL {
	FONT-SIZE: 9px; COLOR: #818182
}
#maincolumn UL.nobullet {
	MARGIN-TOP: 3px; PADDING-LEFT: 2px; MARGIN-LEFT: 2px
}
#maincolumn UL.nobullet LI {
	LIST-STYLE-TYPE: none
}
#maincolumn .latestforum {
	PADDING-RIGHT: 0px; BORDER-TOP: #cde1b4 1px solid; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 5px; WIDTH: 100%; PADDING-TOP: 1px; BORDER-BOTTOM: #cde1b4 1px solid; BORDER-RIGHT-WIDTH: 0px
}
#maincolumn .latestforum TD {
	BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #fff 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 18px
}
#maincolumn .latestforum TH {
	BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #fff 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 0px solid; HEIGHT: 18px
}
#maincolumn .latestforum .top {
	BORDER-TOP-WIDTH: 0px! important
}
#maincolumn .latestforum .even {
	HEIGHT: 12px; BACKGROUND-COLOR: #ebf2e0
}
#maincolumn .latestforum .odd {
	HEIGHT: 12px; BACKGROUND-COLOR: #f3f8ec
}
#maincolumn .latestforum .even:hover {
	BACKGROUND-COLOR: #ddedc1
}
#maincolumn .latestforum .odd:hover {
	BACKGROUND-COLOR: #ddedc1
}
#maincolumn .latestforum .bullet {
	BORDER-LEFT-WIDTH: 0px! important; WIDTH: 10px; TEXT-INDENT: 2px; TEXT-ALIGN: left