* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	background: #000 url(../images/background.gif) top left repeat-x;
 	font-size: 62.5%; 
	font-family: Arial, Lucida, Verdana, sans-serif; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
}

.clear{
	clear:both;
}

img {
	border: none;
}

.container {
	position: relative;
}

#BgContainer {
	width: 903px;
	margin-left: auto;
	margin-right: auto;
}

#Layout {
	margin: 50px 0;
} 


#RegisterLogin a.log-out {
	float: right;
	margin: 18px 0 18px 10px;
	width: 18px;
	height: 18px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/close.png) top left no-repeat;
}

#RegisterLogin a.log-out:hover {
	background-position: top right;
}	

fieldset {
	border: none;
}

.content-footer {
	clear: both;
	width: 903px;
	height: 4px;
	background: transparent url(../images/content-bottom.png) top left no-repeat;
}

.show-thread .content-footer {
	display: none;
}

.login,
.logout {
	float: right;
	height: 12px;
	width: 12px;
	margin: 6px 6px 0 0;
	text-indent: -5000px;
	overflow: hidden;
	
}

.login {
	background: transparent url(../images/login.png) no-repeat;
}

.logout {
	background: transparent url(../images/logout.png) no-repeat;
}

.adminLogin {
	position: absolute;
	right: 0;
	/*top: -39px; is animated to this..*/
	height: 40px;
	padding: 8px 8px 0 8px;
	background: #fff;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}

div.adminLogin .entry {
	display: block;
}

.adminLogin .link {
	display: none;
}

.lock {
	float: right;
}

.lock a {
	float: right;
	width: 11px;
	height: 17px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/unlocked.png) no-repeat;
}

.locked .lock a,
.hasLock .lock a {
	background-image: url(../images/locked.png);
}

.lock .entry {
	display: none;
}

.lock label {
	font-size: 1.2em;
	color: #888;
}

.lock .pass {
	padding: 3px;
	font-size: 1.6em;
	background: #000;
	color: #fff;
	border: none;
	-moz-border-radius: 3px;
}

.directory .display {
	display: none;
}

.hasLock .display {
	display: block;
}	

.lock .display {
	float: left;
}

.lock .display span {
	padding: 0 20px 0 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

.files {
	float: left;
	padding: 20px 0 20px 0;	
	background: #fff;
}

.files li {
	float: left;
	clear: both;
	display: inline;
	width: 723px;
	min-height: 55px;
	margin: 0 45px 20px 45px;
	padding: 20px 20px 8px 70px;
	border-bottom: 1px solid #CCC;
	list-style-type: none; 
	background-position: 11px 18px;
	background-repeat: no-repeat;
	background-color: #000;
	-moz-border-radius: 5px;
}

.files .details {
	float: left;
}

.files li a.link:hover,
.files li.directory a.link:hover {
	color: #33CC00;
}

.files li.directory {
	width: 789px;
	padding: 12px;
	margin-bottom: 0;
	height: auto;
	min-height: 0;
	border-bottom: none;
	border-top: 1px solid #CCC;
	background: none;	
}

.files li.first {
	border-top: none;
}	

.files li.directory .date {
	font-size: 1.4em;
	color: #777;
}	

.files li.directory .link {
	color: #000;
	font-weight: bold;
}	

/*.files li.directory { background-image: url(../images/icons/folder.png) }*/
/*.files li.js,
.files li.exe { background-image: url(../images/icons/system.png) }*/

.files li.pdf { background-image: url(../images/icons/acrobat.png) }
.files li.txt,
.files li.doc,
.files li.rtf,
.files li.html,
.files li.htm,
.files li.php,
.files li.css,
.files li.js,
.files li.ppt,
.files li.me { background-image: url(../images/icons/doc.png) }

.files li.zip,
.files li.tar,
.files li.gz { background-image: url(../images/icons/zip.png) }

.files li.jpg,
.files li.jpeg,
.files li.gif,
.files li.psd,
.files li.png { background-image: url(../images/icons/image.png) }

.files li.mp3,
.files li.wav { background-image: url(../images/icons/audio.png) }

.files li.swf,
.files li.fla { background-image: url(../images/icons/flash.png) }

.files li.flv,
.files li.avi,
.files li.mpg,
.files li.mpeg,
.files li.mov,
.files li.wmv { background-image: url(../images/icons/movies.png) }

.files li .link {
	font-size: 1.6em;
	color: #fff;
}

.files li span.size {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 3em;
	color: #777;
}

.files li .media {
	float: right;
	width: 522px;
	margin-bottom: 12px;
}

.files li img {
	float: right;
}	

/* Topics */

.forumFeatures {
	position: relative;
	width: 903px;
	height: 106px;
	background: transparent url(../images/content-top.png) top left no-repeat;
}

.featureLeft {
	float: left;
}

.featureLeft h2 {
	padding: 33px 0 0 42px;
	font-size: 3em;
	color: #000;
}

.featureLeft h3 {
	padding: 3px 0 0 42px;
	font-size: 1.4em;
}	

p {
	background: none;
}

.topicName p.summary {
	font-size: 1.4em;
	color: #777;
}

.featureRight {
	float: right;
	width: 290px;
	margin: 30px 0 0 0;
}

.featureRight a.site {
	float: right;
	width: 56px;
	height: 48px;
	margin-right: 20px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/m-logo-black.png) top left no-repeat;
}

.featureRight a.site:hover {
	background-position: top right;
}	

.contact {
	float: left;
	list-style-type: none;
	margin-right: 20px;
	font-size: 1.1em;
	color: #777;
}

.contact li {
	padding: 0 22px 0 0;
	margin: 0 0 4px 0;
	text-align: right;	
}

.contact .email {
	background: transparent url(../images/envelope.png) center right no-repeat;
}

.contact .email a {
	color: #000;	
}

.contact .email a:hover {
	color: #33cc00;	
}

.contact .phone {
	background: transparent url(../images/phone.png) center right no-repeat;
}		

.contact .fax {
	background: transparent url(../images/fax.png) center right no-repeat;
}	

/* Post */

#Posts li li.attachment {
	width: 810px;
	margin: 40px 0 0 0;
	background: #000 url(../images/media-box-top.png) top left no-repeat;
}

.attachment-bottom {
	clear: both;
	width: 810px;
	height: 4px;
	background: #000 url(../images/media-box-bottom.png) top left no-repeat;
}

.attachment .details {
	float: left;
	width: 210px;
	padding: 40px 0 0 40px;
}

.attachment .details a.name {
	font-size: 1.4em;
	color: #fff;
}

.attachment .details a.name:hover {
	color: #33cc00;
}	

.attachment .details .size {
	color: #777;
}

.attachment .media {
	float: left;
	padding: 40px 0 0 0;
	width: 560px;
}	

.show-thread .controls {
	clear: both;
	width: 903px;
	height: 69px;
	background: transparent url(../images/post-bottom.png) top left no-repeat;
}

.show-thread .controls .comment {
	float: right;
	width: 161px;
	height: 70px;
	margin-right: 45px;
	padding: 10px 0 0 9px;
	background: transparent url(../images/comment-background.png) top left no-repeat;
}

.show-thread .controls .comment a {
	display: block;
	width: 142px;
	height: 50px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/comment-button.png) top left no-repeat;
}

.show-thread .controls .comment a:hover {
	background-position: top right;
}	

ul#Posts li.new {
	border: none;
}

#Posts .new textarea,
#Posts .activeEdit textarea {
	width: 560px;
	height: 150px;
}

.forum-back {
	display: none;
	position: absolute;
	top: 30px;
	left: -23px;	
	width: 49px;
	height: 49px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/back.png) top left no-repeat;
}

.show-thread .forum-back {
	display: block;
}

.forum-back:hover {
	background-position: top right;
}

div.postModifiers a {
	float: left;
	width: 28px;
	height: 28px;
	text-indent: -5000px;
	overflow: hidden;
}

div.postModifiers a.edit-link {
	background: transparent url(../images/edit.png) top left no-repeat;
}

div.postModifiers a.deletelink {
	background: transparent url(../images/close-black.png) top left no-repeat;
}

div.postModifiers a:hover {
	background-position: top right;
}	

li.new .postType textarea:focus {
	border: 1px solid #33cc00;
}

li.new .postModifiers {
	display: none;
}

li.posting .postType {
	background: transparent url(../images/ajax-loader.gif) center center no-repeat;
}

li.posting .postType textarea {
	visibility: hidden;
}

.starttopic {
	margin-bottom: 30px;
}

.starttopic a {
	display: block;
	width: 81px;
	height: 18px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/start-topic.png) top left no-repeat;
}

.starttopic a:hover {
	background-position: top right;
}

#TopicTree {
	background: #fff;
}

.editPost {
	display: none;
}

.activeEdit div.postModifiers a.save-link {
	width: 37px;
	height: 18px;
	margin-right: 10px;
	background: transparent url(../images/save-button.png) top left no-repeat;
}

.activeEdit div.postModifiers a.cancel-link {
	width: 49px;
	height: 18px;
	background: transparent url(../images/cancel-button.png) top left no-repeat;
}

.activeEdit div.postModifiers a:hover {
	background-position: top right;
}

.postId {
	display: none;
}

/* Login */

#page-Security {
	margin-top: 30px;
	background: transparent url(../images/m-logo-big.png) right  74px no-repeat;
}

#page-Security h2 {
	width: 148px;
	height: 48px;
	margin-bottom: 27px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/login-title.png) top left no-repeat;
}

#page-Security .box {
	position: relative;
	margin-left: 12px;
	padding-bottom: 25px;
	width: 602px;
	height: 100px;
	background: #fff;
	-moz-border-radius: 5px;
}

#page-Security .box p {
	display: none;
}	

#page-Security .box .welcome {
	display: block;
	padding: 13px 0 20px 23px;
	font-size: 1.4em;
	color: #777;
}

#page-Security .box form p {
	display: block;
}

#page-Security form fieldset {
	float: left;
	width: 460px;
}

#page-Security .typography label,
#page-Security .typography input {
	float: left;
	font-size: 1.4em;
	color: #000;
}

#page-Security .typography .text label,
#page-Security .typography .password label {
	clear: both;
	width: 77px;
	margin: 0 0 12px 23px;
}

#page-Security .typography .text input,
#page-Security .typography .password input {
	width: 350px;
	margin-bottom: 1px;
	border: none;
	border-bottom: 1px solid #ccc;	
}

#page-Security .typography .text input:focus,
#page-Security .typography .password input:focus {
	margin-bottom: 0;
	border-bottom: 2px solid #33cc00;
}

#page-Security .typography input.action {
	float: right;
	margin-right: 25px;
	width: 99px;
	height: 47px;
	border: none;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/login-button.gif) top left no-repeat;
}	

#page-Security .typography input.action:focus,
#page-Security .typography input.action:hover {
	cursor: pointer;
	background-position: top right;
}	

#page-Security .error {
	float: left;
	clear: left;
	margin: 10px 0 0 23px;
	font-size: 1.4em;
	color: #ff0000;
}