/* ------------------------------------ positioning ----------- */

html, body, #main {			height:			100% }
#hdr, #ftr {				height:			80px }
.sep {					height:			3px }

.w100, html, body {			width:			100% }
.w33 {					width:			33% }
.w34 {					width:			34% }
.w50 {					width:			50% }
#main {					width:			840px }
.grey {					width:			700px }
.buy {					width:			650px }
.spaceL, .spaceR {			width:			70px }

html, body, legend {			margin:			0 }
.buy {					margin:			25px }
.m, #main {				margin:			0 auto }
fieldset {				margin:			4px 14px }
.sep {					margin:			6px 0 }
#ftr div {				margin-top:		16px }
.fl {					margin-right:		15px }
.fr {					margin-left:		15px }
.fl, .fr {				margin-bottom:		8px }
#form1 textarea, #form1 input[type=text] {
					margin-top:		4px }
#twitter img {				margin-right:		10px }

html, body {				padding:		0 }
fieldset {				padding:		0 20px 10px 20px }
.p15 {					padding:		15px }
#hdr td {				padding-right:		70px }
legend {				padding:		0 10px }
input[type=text], input[type=submit], textarea {
					padding-left:		3px;
					padding-right:		3px }
.cnt, #ftr {				padding:		0 70px }

#main {					position:		relative }

.fl {					float:			left }
.fr {					float:			right }

.m, .buy td, #botban, #b1, #quotes img {
					vertical-align:		middle }
#hdr td {				vertical-align:		bottom }
td, th {				vertical-align:		top }

/* ------------------------------------ text/font ------------- */

textarea {				font:			inherit }
code, pre, samp, textarea {		font-family:		"Consolas", "Monaco", "Lucida Console", "Andale Mono", "Monotype.com", "Courier New", monospace, courier, fixed }
body, div, td {				font-family:		Tahoma, Verdana, Arial;
					font-size:		11px }
legend {				font-size:		18px }
h2 {					font-size:		14px }
.sep {					font-size:		1px }
#quotes a {				font-size:		1.1em }
ins {					font-style:		normal }
#quotes q {				font-style:		italic }

tbody td, #twitter div {		text-align:		left }
html, body, .c, .c td {			text-align:		center }
#hdr td, #twitter {			text-align:		right }
.j {					text-align:		justify }
td, th {				text-align:		inherit }
#quotes a, #quotes a:hover span {	text-decoration:	none }
#quotes a span {			text-decoration:	underline }

code, pre, samp, textarea {		white-space:		pre }

#ftr {					word-spacing:		12px }
#ftr div {				word-spacing:		normal }

/* ------------------------------------ colors/bg ------------- */

body, a, fieldset, legend, input[type=submit] {
					color:			#aaa }
input, textarea {			color:			#000 }

.sep {					background:		#00d url('/img/seperator.jpg') }
body {					background:		#000 url('/img/bg.jpg'); }
#hdr {					background:		transparent url('/img/bgt.png') no-repeat left bottom }
tbody.bg {				background:		transparent url('/img/bgm.png') repeat-y center }
#ftr {					background:		transparent url('/img/bgf.png') no-repeat }
#news div {				background-color:	#222 }

/*
input[type=text], textarea {		background-color:	#aaa }
input[type=submit] {			background-color:	#292929 }
*/

input[type=text], input[type=submit], textarea, fieldset {
					border:			#6f6f6f 2px solid }

/* ------------------------------------ grey box -------------- */

.grey {					background:		#333 url('/img/round_b.png') no-repeat left bottom;
					padding-bottom:		7px }
.greyT {				background:		#333 url('/img/round_u.png') no-repeat left top;
					padding-top:		7px }

.grey td {				background-image:	none }

/* ------------------------------------ news ------------------ */

#news {					width:			240px }

#news div {				height:			468px;
					padding:		4px;
					overflow:		auto }

/* ------------------------------------ twitter --------------- */

#twitter {				background:		transparent url('/img/textballoon.png') no-repeat 0 37px;
					width:			240px }

#twitter div {				height:			406px;
					width:			230px;
					margin-left:		5px;
					float:			right;
					margin-bottom:		38px;
					overflow:		auto }

#twitter q {				display:		block;
					margin-bottom:		5px }

/* ------------------------------------ other ----------------- */

#antispam1 {				margin-left:		22px }
#contact span {				text-decoration:	underline }
#contact strong {			color:			red }
#contact img, #contact input[type=checkbox] {
					vertical-align:		middle }
#contact input[type=submit] {		background-color:	#222 }

#contact input[type=text], #contact textarea {
					background-color:	#ddd }
#contact input[type=text], #contact input[type=submit], #contact textarea {
					border:			inherent 2px solid;
					font:			inherent;
					color:			#888;
					margin:			4px 0 14px 0 }

/* ------------------------------------ other ----------------- */

img {					border:			0 }
table {					border-collapse:	collapse }

.clr {					clear:			both }

ul {					list-style-type:	square }
ul.star {				list-style-image:	url('/img/star.png'); }
ul.tv {					list-style-image:	url('/img/video_icon.gif'); }
ul.awards {				list-style-image:	url('/img/award.png'); }

/* this is only here, because I was too lazy to edit colors of a couple of images */

.op, #quotes img {			-khtml-opacity:		0.68;
					-moz-opacity:		0.68;
					-ms-filter:		"progid:DXImageTransform.Microsoft.Alpha(Opacity=68)";
					opacity:		0.68 }

