/* ########## import ########## */
@import url(/web/resource/css/bbcode.css);
@import url(/web/resource/css/navigation.css);


/* ########## general ########## */
html {
	overflow-y:				scroll;	
}

html, body {
	background-attachment:	scroll;
	background-color:		#fff;
	background-repeat:		no-repeat;
	background-position:	center top;
	height:					100%;
}

body {
	font:					0.70em verdana,sans-serif;
	text-align:				center;
}

#body {
	margin:					0 auto;
	text-align:				left;
	width:					950px;
}

h1, h2, h3, h4, h5 {
	font-family:			arial, sans-serif;
	font-weight:			bold;
}

h1 {
	font-size:				200%;
}

h2 {
	font-size:				180%;
}

h3 {
	font-size:				160%;	
}

p, address {
	margin-top:				10px;
}

a {
	text-decoration:		none;
}

object {
	outline:				none;
}

ul.bullet {
	list-style-type:		square;
	margin:					10px 25px;
}

.small {
	font-size:				85%;
}

.justify, justify p {
	text-align:				justify;
}

.bold {
	font-weight:			bold !important;
}

.hide {
	display:				none !important;
}

.uppercase {
	text-transform:			uppercase;	
}


/* ########## adverts ########## */
.ad, .ad img.large {
	height:					300px;
	width:					265px;
}

.ad img.placeholder {
	background:				#f4f4f4;
}

.ad img.primary {
	background:				#fff url(/images/killer_easter_ad.jpg) no-repeat;
}

.ad img.secondary {
	background:				#fff url(/web/resource/img/placeholder/fuzzytv_ad.jpg) no-repeat;
}


/* ########## masthead ########## */
#masthead {
	height:					120px;
	position:				relative;
}

#masthead h1 {
	cursor:					pointer;
	display:				block;
	height:					80px;
	position:				absolute;
	text-indent:			-9999px;
	top:					20px;
	width:					160px;
}

#masthead a.join {
	cursor:					pointer;
	display:				block;
	height:					90px;
	position:				absolute;
	text-indent:			-9999px;
	outline:                none;
	top:					10px;
	left: 					505px;
	width:					120px;
}

fieldset.login,
fieldset.details {
	bottom:					30px;
	height:					41px;
	position:				absolute;
	right:					0;
	width:					315px;
}

fieldset.login div {
	float:					left;
}

fieldset.login a, fieldset.login input.submit {
	display:				block;
	float:					right;
	height:					41px;
	outline:				none;
	text-indent:			-9999px;
	width:					60px;
}

fieldset.login label,
fieldset.details label {
	display:				block;
	height:					18px;
	line-height:			18px;
	padding-left:			5px;
	position:				relative;
	text-transform:			uppercase;
	width:					245px;
	_width:					250px;
}

fieldset.login label.email {
	margin-bottom:			5px;
}

fieldset.login input,
fieldset.details input {
	background:				#fff url(/web/resource/img/global/masthead/input-gradient.gif) no-repeat;
	border:					0;
	cursor:					pointer;
	font-size:				95%;
	height:					14px;
	_height:				18px;
	padding:				2px 5px;
	position:				absolute;
	right:					0;
	_right:					-1px;
	top:					0;
	width:					160px;
}

#masthead div.sign-up,
#masthead div.sign-up p,
#masthead div.sign-up span {
	height:					17px;
}

#masthead div.sign-up {
	bottom:					0;
	position:				absolute;
	right:					0;
}

#masthead div.sign-up span {
	background:				transparent url(/web/resource/img/global/masthead/rounded-corner-left.png) no-repeat;
	display:				block;
	float:					left;
	width:					15px;
}

#masthead div.sign-up span.right {
	background-image:		url(/web/resource/img/global/masthead/rounded-corner-right.png);
}

#masthead div.sign-up p {
	background:				#fff;
	float:					left;
	font-size:				85%;
	line-height:			17px;
	margin:					0;
}

#masthead div.sign-up a {
	color:					inherit;
	font-size:				100%;
	text-decoration:		underline;	
}

#masthead div.sign-up a:hover {
	text-decoration:		none;
}


/* ########## content ########## */
#content {
	background:				#fff;
	min-height:				400px;
	padding:				7px 0;
}

#page-content {
	margin:					0 16px;
	_margin:				0 13px;
}

/* columns */
#content div.column.left {
	float:					left;
	margin-right:			7px;
	width:					265px;
}

#content div.column.main {
	float:					left;
	width:					645px;
}

#content div.column.main.narrow {
	width:					375px;
}

#content div.column.right {
	float:					right;
	width:					265px;	
}

#content div.column.main div.column.main {
	float:					left;
	width:					370px;
}

#content div.column.main p.small {
	margin:					0;
}

div.justify h2 {
	margin-bottom:			15px;
}

div.justify img.right {
	float:					right; 
	height:					160px;
	margin-left:			10px;
	margin-bottom:			5px;
	width:					210px;
}


/* ########## table ########## */
table.sort {
	border-bottom:			0px solid #f4f4f4;
	font-size:				100%;
	width:					100%;
}

table.sort th, table.sort td {
	padding:				5px;
}

table.sort thead tr {
	background:				#f4f4f4 url(/web/resource/img/global/table-header.gif) repeat-x;
	height:					32px;
	text-transform:			uppercase;
}

table.sort thead th {
	cursor:					pointer;
	font-size:				90%;
	font-weight:			bold;
	text-transform:			uppercase;
}

table.sort thead th.asc {
	background:				blue;
}

table.sort thead th.desc {
	background:				yellow;
}

table.sort tbody, table.sort tfoot {
	background:				#f4f4f4 /*url(/web/resource/img/global/table-body.gif) repeat-x bottom*/;
}

table.sort tbody tr {
	border-bottom:			1px dashed #999 !important;
}

table.sort tbody tr:hover  {
	background:				#fcfcfc !important;
	cursor:					pointer;
}

table.sort tbody tr.selected {
	font-weight:			bold;
}

table.sort tbody td {
	font-size:				85%;
}

table.sort th.date {
	width:					25%;
}

table.sort tfoot td {
	padding-right:			15px;
	text-align:				right;
}


/* ########## footer ########## */
#footer {
	background:				#fff;
	font-size:				90%;
	height:					25px;
	line-height:			25px;
	padding:				0 10px;
	position:               relative;
	margin-bottom:			20px;
}

#footer #a01-signature {
    color:                  #E8E8E8;
    outline:                none;
    position:               absolute;
    right:                  10px;
}


/* ########## float fix ########## */
#masthead fieldset,
#masthead div.sign-up,
#navigation,
#content,
#body.home div.row,
#body.home ul.news li,
#body.news ul.news li,
#body.members.sign-up #page-content form,
#results li {
	*display:				inline-block;
}

#masthead fieldset:after,
#masthead div.sign-up:after,
#navigation:after,
#content:after,
#body.home div.row:after,
#body.home ul.news li:after,
#body.news ul.news li:after,
#body.members.sign-up #page-content form:after,
#results li:after {
	content:				".";
	visibility:				hidden;
	display:				block;
	height:					0;
	clear:					both;
}


/* ########## png fix ########## */
#masthead div.sign-up span {
	_behavior:				url(/web/resource/js/iepngfix/1-0rc4/iepngfix.htc);
}