/* main css */

/* defaults */
html, body {
	width: 100%;
	margin-top: 22px;
}

h1 {
	position: absolute;
	top: -500px;
}

/* goldmember */
.goldmemberster {
	margin-left: 3px;
}

img {
	border: 0px;
}

a, a:link, a:visited {
	color: #9F0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
}

li {
	margin: 0px;
	padding: 0px;
	list-style-type: circle;
}
ul br {
	display: none;
}

q {
	font-style: italic;
}

q:before, q:after
{
  content: "";
}


/* body */
body {
	font-family: arial, sans-serif;
	background-color: #353535;
	background-image: url(../images/backgrounds/background.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: 50% 0;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000000;
}

/* yes, we actually debug on Retecool */
pre {
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 5px;
	background-color: #FFE9E9;
	font-size: 14px;
	width: 700px;
}

/* Containers */
#maincontainer {
	width: 100%;
	min-width: 990px;
}

#contentcontainer {
	width: 990px;
	padding-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

/* header and logo */
#headerwrap {
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 990px;
	height: 200px;
	overflow: visible;
	min-width: 990px;
}

#header {
	position: relative;
	background-color: #373737;
	background-image: url(../images/headers/10.jpg);
	width: 990px;
	min-width: 990px;
	height: 200px;
	overflow: visible;
}

#headerimage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 200px;
	width: 990px;
	overflow: visible;
}

#headerimagealt {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	height: 200px;
	width: 990px;
	overflow: visible;
}

#headerad {
	position: absolute;
	top: 0px;
	z-index: 3;
	height: 200px;
	width: 990px;
	overflow: visible;
}

#headerad iframe {
	position: relative;
	z-index: 4;
	width: 990px;
	height: 200px;
	margin: 0px;
	padding: 0px;
}

#retecoollogo {
	position: absolute;
	width: 298px;
	height: 99px;
	z-index: 99;
	top: 144px;
	left: 10px;
}

#retecoollogoalt {
	position: relative;
	height: 106px;
	width: 244px;
	top: 135px;
	left: 447px ;
	z-index: 25;
}

#staroverlay {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 100;
	height: 99px;
	width: 187px;
}

#googleads {
	padding: 4px;
	border: 1px solid #C8C8C8;
	clear: both;
	margin-left:auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 468px;
	height: 60px;
}

#googleads iframe {
	width: 468px;
	height: 65px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	clear: both;
}

#rectanglead {
	width: 336px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#skyscraperad {
	height: auto;
	width: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

/* footer */
#version {
	color: #CCCCCC;
	margin-top: 25px;
	clear: both;
	text-align: center;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	font-size: 8px;
}

#version img {
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

/* menubar */
#menubar {
	background-color: #373737;
	margin: 0px;
	padding: 0px;
	padding-left: 28px;
	width: auto;
	height: 27px !important;
	margin-left: auto;
	margin-right: auto;
}

#menubar .rss {
	padding: 0px;
	margin: 0px;
}

#menubar .menuitem {
	width: auto;
	padding-left: 0px;
	margin-right: 34px;
	float: left;
}

#menubar #searchbar {
	margin: 0px;
	padding: 0px;
	margin-left: 13px !important;
	margin-left: 6px;
	padding-left: 2px;
	float: left;
	margin-right: 12px !important;
	margin-right: 6px;
	visibility: hidden;
}

#menubar #searchbar .searchbox {
	width: 178px;
	height: 18px;
	border: 0px;
	margin: 0px;
	padding: 4px;
	margin-top: 5px;
	font-size: 10px;
}

/* pagination */
#pagination {
	width: 828px;
	margin-top: 10px;
	height: 25px;
}

#pagination a.next {
	float: right;
	margin-right: 5px;
}

#pagination a.previous {
	margin-left: 5px;
}

/* breadcrumbs */
ul.breadcrumbs {
	width: auto;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

ul.breadcrumbs li {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-left: 10px;
	font-weight: bold;
	list-style-type: none;
}

.normalbanner {
	padding: 4px;
	border: 1px solid #C8C8C8;
	clear: both;
	margin-left:auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 468px;	
}

/* forumlist */
.forumlist {
	position: relative;
	top: 15px;
}
.forumlist .legenda {
	width: auto;
	position: absolute;
	right: 10px;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 11px;
	width: 150px;
}

.forumlist .forumlistitem {
	width: auto;
	margin-bottom: 5px;
	margin: 5px;
	padding: 5px;
	padding-right: 5px;	
}

.forumlistitem .titlebar {
	width: 100%;
	background-image: url(../images/starbacksmall.gif);
	background-repeat: no-repeat;
	text-indent: 18px;
}

.forumlistitem .smallstar {
	float: left;
}

.forumlistitem h3 {
	margin: 0px;
	padding: 0px;
}

.forumlistitem .title {
	float: left;
	width: 550px;
	font-style: italic;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9F0000;
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
	margin-top: 2px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

.forumlistitem .body {
	border: 1px solid #E0E0D5;
	font-size: 13px;
	text-align: justify;
	font-family: arial, sans-serif;
	margin: 0px;
}

.forumlistitem .body .description {
	padding: 5px;
	width: 550px;
	float: left;
	display: block;
	height: 20px;
}

.forumlistitem .posts {
	border-left: 1px solid #E0E0D5;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #595959;
	margin: 0px;
	float: left;
	margin-right: 0px;
	width: 105px;
	height: 20px;
}

.forumlistitem .comments {
	border-left: 1px solid #E0E0D5;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #595959;
	margin: 0px;
	float: left;
	margin-right: 0px;
	width: 140px;
	height: 20px;
}

.forumlistitem .lastpost {
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #595959;
	margin: 0px;
	clear: left;
	float: left;
	width: 550px;
	height: 20px;
	display: block;
	border-top: 1px solid #E0E0D5;
}

.forumlistitem .lastreaction {
	border-left: 1px solid #E0E0D5;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #595959;
	margin: 0px;
	float: left;
	margin-right: 0px;
	width: 255px;
	height: 20px;
	border-top: 1px solid #E0E0D5;
}

.forumlistitem .meta {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #595959;
	padding: 0px;
	margin-top: 5px;
	text-align: left;
	letter-spacing: 0px;
}

.forumlistitem .divider {
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 823px;
	background-color: #E0E0D5;
	clear: both;
	font-size: 11px;
	font-weight: normal;
	color: #595959;
}

/* midbar */
#midbar {
	position: relative;
	z-index: 0;
	background-image: url(../images/midbarbackground.gif);
	background-repeat: no-repeat;
	background-color: #c2c2b9;
	width: 140px;
	min-height: 615px;
	height: auto !important;
	height: 615px;
	float: left;
	padding-bottom: 96px;
	margin-bottom: 250px;
}

#midbar .star {
	margin-left: auto;
	margin-right: auto;
	width: 18px;
	height: 19px;
}

#midbar .box {
	padding: 5px;
	margin-bottom: 15px;
}

#midbarbottom {
	margin-top: 50px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/* lastweblogcommentslist */
#lastweblogcommentlist {

	margin: 0px;
	padding: 0px;
}

#lastweblogcommentlist .comment {
	padding: 5px;
	margin: 0px;
	margin-bottom: 5px;
	width: 120px;
	overflow: hidden;
}

#lastweblogcommentlist .comment .body {
	padding: 0px;
	font-size: 10px;
	color: #373737;
}

#lastweblogcommentlist .comment .meta {
	font-size: 9px;
	text-align: left;
}

#lastweblogcommentlist .comment a, #lastweblogcommentlist .comment a:link, #lastweblogcommentlist .comment a:visited {
	color: #9F0000;
	text-decoration: none;
}

#lastweblogcommentlist .comment a:hover {
	text-decoration: underline;
}

/* lastforumcommentslist */
#lastforumcommentlist {
	margin: 0px;
	padding: 0px;
}

#lastforumcommentlist img {
	margin-bottom: 10px;
}

#lastforumcommentlist .comment {
	padding: 5px;
	margin: 0px;
	margin-bottom: 5px;
	width: 120px;
	overflow: hidden;
}

#lastforumcommentlist .comment .body {
	padding: 0px;
	font-size: 10px;
	color: #373737;
}

#lastforumcommentlist .comment .meta {
	font-size: 9px;
	text-align: left;
}

#lastforumcommentlist .comment a, #lastforumcommentlist .comment a:link, #lastforumcommentlist .comment a:visited {
	color: #9F0000;
	text-decoration: none;
}

#lastforumcommentlist .comment a:hover {
	text-decoration: underline;
}

/* onlineusers */
#onlineusers {
	font-size: 10px;
	width: auto;
	height: auto;
}

#onlineusers img {
	margin-bottom: 5px;
}

#onlineusers .user {
	float:left;
	margin-right: 5px;
}

/* forum posts */
#forum {
	width: 850px;
	float: left;
	margin-top: 25px;
}

#forum .post {
	width: auto;
	margin: 5px;
	margin-bottom: 0px;
}

#forum .post .postimg {
	width: 125px;
	height: 75px;
	margin-top: 5px;
	margin-right: 5px;
	padding: 5px;
	border: 1px solid #C8C8C8;
	float: left;
}

#forum .post h4 {
	margin: 0px;
	width: 400px;
}

#forum .post input.edit {
	width: 400px;
}

#forum .post .titlebar {
	width: 100%;
	background-image: url(../images/starbacksmall.gif);
	background-repeat: no-repeat;
	text-indent: 18px;
}

#forum .post .smallstar {
	float: left;
}

#forum .post h3 {
	margin: 0px;
	padding: 0px;
}

#forum .post .title, #forum .post .listtitle {
	float: left;
	width: 640px;
	font-style: italic;
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9F0000;
	padding-bottom: 4px;
	margin-top: 2px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

#forum .post .title h4 {
	float: none;
	margin: 0px;
	padding: 0px;
}

#forum .post .postwrap {
	width: 825px;
	padding: 5px;
	border: 1px solid #E0E0D5;
}

#forum .post .userbody {
	width: 150px;
	padding-top: 10px;
	float: left;
	overflow: hidden;
}

#forum .post .body {
	width: 660px;
	clear: right;
	display: block;
	float: left;
	padding-right: 5px;
	font-size: 13px;
	text-align: justify;
	font-family: arial, sans-serif;
	line-height: 22px;
	margin: 0px;
}

#forum .post .morebody {
	padding-right: 5px;
	font-size: 13px;
	text-align: justify;
	font-family: arial, sans-serif;
	line-height: 22px;
	margin: 0px;
	margin-top: 10px;
}


#forum .post .more {
	font-size: 9px;
}

#forum .post .meta {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #595959;
	clear: both;
	margin-right: 5px;
	margin: 2px 2px 10px 0px;
	text-align: right;
	letter-spacing: 0px;
}

#forum .forumposts {
	border: 1px solid #E0E0D5;
	border-top: 0px;
	width: 828px;
	margin-left: 10px;
	margin-top: 5px;
}

#forum .populardesc {
	margin-left: 15px;
	font-weight: bold;
	margin-bottom: 0px;
}

#forum .popular {
	margin: 10px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 825px;
	background-color: #E0E0D5;
	clear: both;
	font-size: 11px;
	font-weight: normal;
	color: #595959;
}

#forum .single {
	border-top: 1px solid #E0E0D5;
	padding: 0px;
	margin-bottom: 0px;
	margin: 0px;
	padding-left: 5px;
	width: 823px;
	padding-bottom: 0px;
}

#forum .popular .single {
	width: 818px;
}

#forum .single .listtitle {
	width: 390px;
	font-size: 11px;
}
#forum .single .listtitle h4{
	width: 390px;
	font-weight: bold;
	font-size: 11px;
}


#forum .single .meta {
	float: right;
	margin-right: 5px;
	text-align: right;
	margin-top: 4px;
	padding-right: 0px;
	font-size: 10px;
	width: 420px;
}

#forum .post .zelfookzeiken {
	margin-top: 0px !important;
	margin-top: 7px;
	float: right;
	width: 103px;
}

#forum .post .tags {
	margin-top: 2px;
	float: left;
}

#forum .post .taglist {
	clear: both;
	background-color: #F2F2ED;
	width: 468px;
	height: auto;
	padding: 5px;
}

#forum .post .taglist a {
	margin-right: 5px;
}

.gezeikvananderen {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* addpost */
#forum #foruminfo {
	border: 0px solid #E0E0D5;
	padding: 5px;
	text-align: right;
	width: 660px;
	float: right;
	margin-top: 3px;
}

/* comments */
#forum .post #commentlist {
	margin-bottom: 15px;
}

#forum .post .comment .admin {
	font-size: 9px;
	text-align: right;
	font-weight: normal;
	float: right;
	margin-right: 5px;
}

#forum .post .comment .admin a {
	margin-left: 5px;
}

#forum .post .comment {
	background-color: #E9E9EA;
	width: 828px;
}

#forum .post .comment form {
	height: 350px;
}

#forum .post .comment form textarea {
	width: 450px;
	height: 250px;
}

.comment {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: auto;
	overflow: hidden;
}

.comment .body {
	float: left;
	padding: 5px;
}

.comment .body q {
	margin-left: 5px;
	margin-right: 5px;
}

#forum .post .comment .body {
	width: 660px;
	display: block;
}

.badcomment {
	margin: 0px;
	padding: 3px;
	font-size: 10px;
	color: #A2A2A2;
}

.comment .good {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

.comment .good img {
	margin: 0px;
	padding: 0px;
}

.avatar {
	width: 100px;
	height: 100px;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 5px;
	border: 1px solid #C8C8C8;
	clear: both;
}

.badcomment a {
	color: #A2A2A2;
}

a.flush {
	color: #CCCCCC;
}

div.badcomment {
	position: relative;
	margin-bottom: 13px;
}

div.flushed {
	float: right;
	position: absolute;
	right: 0px !important;
	right: 5px;
	top: 2px !important;
	top: 1px;
	height: 15px;
	z-index: 0;
}

.badbody {
	padding: 5px;
	overflow: hidden;
	width: 453px;
	display: block;
	margin-top: 5px;
	padding-right: 10px
}

.comment .meta {
	position: relative;
	color: #666666;
	font-size: 11px;
	text-align: right;
	font-weight: normal;
	z-index: 1;
	clear: both;
	margin-right: 5px;
}

/* forms */
form {
	font-size: 9px;
	clear: right;
}

form .formwrap {
	width: 300px;
	float: left;
}

form .submit {
	margin-top: 10px;
	clear: right;
}

form .message {
	clear: both;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}

form .label {
	width: 160px;
	padding-top: 5px;
	display: block;
	clear: left;
	float: left;
	text-align: right;
}

form .check {
	width: 160px;
	padding-top: 10px;
	display: block;
	float: left;
}

form br {
	clear: both;
}

input {
	margin: 5px;
	width: 115px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
}

textarea {
	margin: 5px;
	padding: 5px;
	width: 450px;
	height: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FDFDFD;
}

.comment textarea {
	width: 320px;
	height: 120px;
}

#forum .post #addpost {
	float: none;
	clear: both;
	text-align: left;
}

#forum .post #addpost .formpostwrap {
	width: 600px;
	font-size: 10px;
	clear: both;
}

#forum .post #addpost input {
	width: 550px;
	height: 16px;
	padding-top: 3px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #CCCCCC;
}

#forum .post #addpost input.button {
	width: 80px;
}

#forum .post #addpost form textarea {
	width: 350px;
	margin: 0px;
	float: left;
}

#forum .post #addpost form img {
	float: left;
	margin-right: 25px;
}

#forum .post #addpost form #eerstzien {
	margin-top: 10px;
}

#forum .post #addpost form .message {
	clear: left;
	margin-left: 165px;
	font-weight: bold;
	text-align: left;
	font-size: 11px;
}

input.option {
	width: 10px;
}

input.button {
	width: 80px;
}

input.checkbox {
	width: auto;
}


/* buttons */
div.buttons {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	height: 20px;
}

img.button {
	float: left;
	margin-left: 10px;
	margin-right: 25px;
}

img.buttonright {
	float: right;
	margin-right: 10px;
}

#goldmemberupload {
	margin-top: 5px;
	margin-bottom: 15px;
	clear: both;
	display: block;
	text-align: center;
}

#goldmemberuploadform {
	clear: both;
}

#goldmemberuploadlist ul {
	text-align: left;
		margin-left: 100px;
}

#goldmemberuploadlist p {
	text-align: center;
}

#goldmemberupload img.button {
	clear: both;
	float: none;
}

#goldmemberupload input {
	float: none;
	clear: both;
	width: 380px;
	text-align: center;
}

#goldmemberuploadlist li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#goldmemberuploadlist li img {
	margin-right: 5px;
	margin-top: 5px;
	vertical-align: middle;
}

/* userinfo */
#userinfo {
	width: 326px;
	padding: 5px;
	background-image: url(../images/channels/channelbox.gif);
	background-repeat: repeat-y;
	height: auto;
	z-index: 3;
	margin-bottom: 12px;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 9px;
}

#userinfo .label {
	width: 110px;
	padding-top: 7px;
}

#userinfo .label {
	width: 80px;
	text-align: right;
}

#userinfo .userinfologinwrap, #userinfo .forgotpasswordformwrap {
	width: 220px;
	float: left;
}

/* registration form */
#userinfo .registrationwrap {
	width: 220px;
	clear: both;
}

#userinfo .registrationwrap br, #userinfo .forgotpasswordformwrap br {
	clear: both;
}

#registrationform .check, #forgotpasswordform .check {
	
}

#registrationform .submit {
	margin-top: 0px;
	margin-bottom: 10px;
}

#registrationform .disclaimer {
	clear: left;
	float: left;
	width: 220px;
	font-size: 9px;
	margin-top: 10px;
}

#registrationform .option, #forgotpasswordform .option {
	font-size: 9px;
}

#userinfo .option a:link, #userinfo .option a:visited, #userinfo .option a:hover {
	font-size: 9px;
}

#userinfo .option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	margin-right: 15px;
}

/* profileform */
#profileform .label {
	width: 80px;
}

#profileform input {
	width: 195px;
}

#profileform textarea {
	width: 195px;
}

#profileform #profilemessage {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	
	margin-bottom: 15px;
}

/* userinfologin */
#userinfologin .option {
	float: left;
	width: auto !important;
	width: 150px;
	margin-top: 10px;
}

#userinfo_loginmessage {
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: none;
	clear: both;
}

#loginmessage {
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: none;
	clear: both;
}

#sideloginformholder {
	height: 240px;
}

div#indicator
{
	padding: 10px;
	font-size: 10px;
	text-align: center;
}

.indicator {
	display: none;
}

.smallindicator {
	padding-top: 3px;
	padding-left: 3px;
	width: 7px;
	height: 10px;
	display: block;
	float: right;
}

.commentindicator {
	display: block;
	width: 100%;
	height: 10px;
	text-align: center;
}

#previewcomment {
	
}

#googleads {
	padding: 4px;
	border: 1px solid #C8C8C8;
	clear: both;
	margin-left:auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 468px;
	height: 60px;
}

#googleads iframe {
	width: 468px;
	height: 65px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	clear: both;
}


#commentformholder {
	height: auto;
}


#commentformholder input.checkbox {
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: none;
	vertical-align: middle;
}

#commentformmessage {
	margin: 10px;
	text-align: center;
}

#commentform {
	width: 480px;
	margin-left: auto;
	margin-right: auto;
}

/* commentpagination */

/* pagination */
#commentpaginationwrap {
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.commentpagination {
	display: block;
	margin-top: 2px;
	height: 25px;
}

.commentpagination p {
	margin: 0px;
	text-align: center;
	margin-bottom: 10px;
}

.commentpagination a.next {
	float: right;
	margin-right: 5px;
}

.commentpagination .divisions ul {
	width: auto;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.commentpagination .divisions li {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 15px;
	font-weight: bold;
	list-style-type: none;
}

.commentpagination a.previous {
	margin-left: 5px;
	float: left;
	margin-right: 25px;
}

/* profile */

#userprofile .label {
	width: 80px;
	font-weight: bold;
	text-align: right;
	float: left;
}

#userprofile .value {
	width: 380px;
	margin-left: 90px;
	display: block;
	clear: right;
}

/* misc */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display:block;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	display: block;
	height: auto !important;
	height: 1%;
	/* End hide from IE-mac */
	}	

.breaker {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash div.title {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 14px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 14px;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 120;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 30;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


// Tooltips
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
  top:-4px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-4px;
}

#JT {
	position: absolute;
	z-index:100;
	margin-left: 5px;
	margin-right: 5px;
	border: 2px solid #9f0000;
	background-color: #9f0000;
}

#JT_close_left{
	background-color: #9f0000;
	text-align: left;
	padding-left: 6px;
	padding-bottom: 2px;
	padding-top: 0px;
	font-weight:bold;
	color: #FFF;
}

#JT_close_right{
	background-color: #9f0000;
	text-align: left;
	padding-left: 6px;
	padding-bottom: 2px;
	padding-top: 0px;
	font-weight:bold;
	color: #FFF;
}

/* topnav */
#topnav {color:#8B8780; z-index:100; position:fixed; left:0; top:0; width:100%; height:30px; margin-bottom:18px; background:transparent url(http://www.retecool.com/images/topnavbg.png) top left no-repeat;}
#topnav a {color:white; line-height:23px; height:23px; font-size:12px; padding:0px 5px;}
#topnav a:hover {text-decoration: none; color: #DD1C0B;}