/*
	stylesheet copyright 2008-2009 by TerrorLine.de
	theme name: Marry X-Mess
	last updated: 01.01.2009
*/

/* general settings */
a {
	color: #F1C5C6;
	text-decoration: none;
}

a:hover {
	color: #bfa6ef;
	text-decoration: underline;
}

acronym, abbr {
	border-bottom: 1px dotted #ffffff;
	cursor: help;
}

body {
	background: #c60404 url(pics/bg_x_body.png) repeat;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
}

button {
	background: transparent;
	border: 1px solid #CE5C00;
	width: 25px;
	padding: 0;
}

button:hover {
	border: 1px solid #ff7800;
}

code {
	color: #00ff00;
}

em {
	color: #00ff00;
	font-style: italic;
}

h1 {
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	margin: 8px 20px 10px 20px;
	text-align: left;
	padding: 5px 0 4px 0;
}

h2 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 10px 20px;
	text-align: left;
	clear: both;
}

img {
	border: 0;
}

kbd {
	color: #00ff00;
	font-weight: bold;
}

#main {
	margin: 0 auto;
	padding: 0;
	width: 760px;
}

/* header related settings */
#header {
	background: transparent url(pics/header_x.png) no-repeat;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	height: 110px;
	margin: 0 auto;
	padding: 0;
	width: 760px;
}

#header h1 {
	display: none;
	visibility: hidden;
}

/* the navigation bar */
#navbar {
	background: #8e0f0f url(pics/bg_nav_x2.png) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	height: 17px;
/*	letter-spacing: 1px; */
	margin: 0 auto;
	padding: 1px 0 0 0;
	text-align: center;
	width: 760px;
	overflow: hidden;
}

#navbar ul {
	margin: 0;
	padding: 0;
}

#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#navbar a {
	color: #FFFFFF;
}


#navbar a:hover {
	color: #F1C5C6;
	text-decoration: none;
}

/* content related settings */
#sitecontent {
	background: #800000 url(pics/bg_x.png) repeat-y;
/*	border-top: 1px solid #ffffff; */
	margin: 0;
	padding: 0;
	width: 760px;
	overflow: hidden;
}

#content {
	margin: 0;
	min-height: 400px;
	padding: 0;
	width: 540px;
	float: left;
	overflow: hidden;
}

#content a {
	color: #00ff00;
	text-decoration: none;
}

#content a:hover {
	color: #008000;
}

#content p, #content table, #content dl {
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	margin: 0 20px 5px 20px;
	padding: 0;
	text-align: justify;
}

#content p:first-letter, .content li:first-letter, #content dt:first-letter {
	font-weight: bold;
}

#content ul, #content ol {
	font-size: 12px;
	margin: 0;
	padding: 0 20px 5px 20px;
}

#content ul>li, .iefix {
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 5px 20px;
	padding: 0;
	text-decoration: none;
	text-align: justify;
	line-height: 130%;
	list-style-type: none;
}

#content ol>li {
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	list-style: decimal !important;
	margin: 0 0 5px 20px;
	padding: 0;
	text-decoration: none;
	text-align: justify;
}

.iefix2 {
	list-style: decimal inside;
}
 
#content table {
	width: 500px;
}

#content th {
	border-bottom: 1px dashed #ffffff;
}

#content dd {
	margin-left: 10px;
	line-height: 130%;
}

p.extra {
	background-color: #ffffff;
	border: 2px dashed #800000;
	color: #800000 !important;
	padding-bottom: 3px !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
	padding-top: 3px !important;
}

p.extra code {
	color: #800000 !important;
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	text-align: left;
}

.description {
	border: 1px solid #ffffff;
	padding: 5px !important;
	width: 490px;
}

p.left {
	padding: 0;
	width: 150px;
	display: inline;
}

p.right {
	width: 300px;
	display: inline;
	clear: both;
}

img.left {
	float: left;
	margin-bottom: 10px;
	padding: 0;
	clear: both;
}

img.right {
	float: right;
	margin: 0 0 10px 10px;
}

.clearr {
	clear: right;
}

.clearr img.left {
	margin-right: 10px;
}

.clearb {
	clear: both;
}

p.center {
/*	margin: 5px auto 10px auto; */
	text-align: center !important;
	padding: 0;
}

.line {
/*	border-bottom: 1px dashed #ff7800; */
	background-image: url(pics/line.gif);
	clear: both !important;
	margin-bottom: 10px !important;
	height: 20px;
}

.fix {
	clear: both;
}

.small {
	color: #ff7800 !important;
	font-size: 9px !important;
	text-align: center !important;
}

.smalll {
	color: #ff7800 !important;
	font-size: 9px !important;
	text-align: left !important;
}

.smaller {
	font-size: 11px !important;
}

#content p.nickname {
	float: left;
	font-weight: bold !important;
	width: 350px;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-left: 20px !important;
}

#content p.date {
	float: left !important;
	font-size: 10px !important;
	text-align: right !important;
	width: 150px;
	margin: 0 !important;
}

#content p.image {
	float: left;
	font-weight: bold !important;
	width: 253px;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-left: 20px !important;
}

#content p.text {
	float: left !important;
	font-size: 12px !important;
	text-align: justify !important;
	width: 242px;
	margin: 0 !important;
	padding-left: 5px !important;
}

.comment {
	border: 1px dotted #c0c0c0;
	color: #c0c0c0 !important;
	font-size: 11px !important;
	font-style: italic !important;
	padding: 2px 5px !important;
}

/* for the wallpaper site */
.gallery ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}

.gallery li {
/*	float: left; */
	list-style-type: none;
	margin: 3px !important;
	padding: 0;
	text-align: center !important;
}

.gallery li.pic {
	float: left;
	height: 140px;
	list-style-type: none;
	margin: 3px !important;
	text-align: center;
	width: 160px;
}

.gallery li.pic2 {
	float: left;
	height: 40px;
	list-style-type: none;
	margin: 4px !important;
	text-align: center;
	width: 92px;
}

.gallery li.label {
	clear: left;
	float: left;
	list-style-type: none;
	margin: 4px 0 !important;
	text-align: justify !important;
	width: 140px !important;
}

.gallery li.width {
	clear: right;
	float: left;
	list-style-type: none;
	margin: 4px 0;
	text-align: justify !important;
	width: 350px;
}

.gallery li.fix {
	clear: both;
	list-style-type: none;
	margin: 4px 0;
	text-align: justify;
}

td.label {
	margin: 4px 0 !important;
	text-align: justify !important;
	width: 140px !important;
}

td.width {
	margin: 4px 0;
	text-align: justify !important;
	width: 350px;
}

/* side navigation related settings */
#sidenav {
	color: #ffffff;
	font-size: 10px;
	float: right;
	margin: 0;
	padding: 0;
	width: 210px;
	overflow: hidden;
}

#sidenav h3 {
	border-bottom: 1px solid #ffffff;
	font-size: 11px;
	font-weight: bold;
	margin: 20px 20px 4px 0;
	padding: 0 0 2px 0;
	text-decoration: none;
}

#sidenav ul {
	list-style: none;
	margin: 5px 20px 5px 0;
	padding: 2px 8px;
}

#sidenav li, #sidenav li:hover {
	line-height: 140%;
	margin: 0;
	padding: 0;
}

#sidenav a, #footnote a {
	color: #00ff00;
	text-decoration: none;
}

#sidenav a:hover, #footnote a:hover {
	color: #008000;
}

#sidenav p {
	margin: 5px 20px 5px 0;
	padding: 2px 8px;
}

#sidenav form {
	margin: 5px 20px 5px 0;
	padding: 2px 8px;
	text-align: center;
}

#sidenav input {
	background-color: #870505;
	border-color: #830101 #931111 #931111 #830101;
	color: #ffffff;
	margin: 0 auto 4px auto;
	width: 170px;
}

input.button {
	background-color: #810000 !important;
/*	margin-left: 88px !important; */
	width: 90px !important;
}

input.button:hover {
	border: 1px solid #FFFFFF !important;
/*	color: #10243A !important; */
}

.spacer {
	height: 20px;
}

/* footnote related settings */
#footnote {
	background: #c80000 url(pics/bg_x_b.png) repeat-y;
	border-top: 1px solid #ffffff;
	clear: both;
	color: #ffffff !important;
	font-size: 9px;
	height: 14px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	width: 760px;
}

/* copyright notice related settings */
#copyright {
	background: #c80000 url(pics/bg_x_b.png) repeat-y;
/*	border-top: 1px solid #ffffff; */
	color: #d33838;
/*	display: block; */
	font-size: 9px;
	height: 14px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	width: 760px;
	clear: both;
}

#copyright a {
	color: #d33838;
	text-decoration: none;
}

#copyright a:hover {
	color: #f1c3c3;
}

/* we all have to live somehow, right? */
#werbung {
	left: 760px;
	position: absolute;
	top: 140px;
}

/* for the mail form */
form {
	margin-top: 15px;
}

input, textarea, select {
	background-color: #870505;
	border-color: #830101 #931111 #931111 #830101;
	border-style: solid;
	border-width: 1px;
	color: #ffffff;
	padding: 1px 2px 1px 4px;
}

textarea {
	overflow: auto;
	width: 490px;
}

option {
	background-color: #870505;
	border: none;
}

.width300 {
	width: 200px;
}

.achtung {
	color: #00ff00;
	font-weight: bold;
}
#badfix {
	background-color: #10243A;
	height:20px;
	min-height: 20px;
}

.iefix {
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 5px 0 !important;
	padding: 0;
	text-decoration: none;
	text-align: justify;
	line-height: 130%;
	list-style-type: none;
}

/* copyright notice related settings */
#footerbuttons {
	background: #c80000 url(pics/bg_x_c.png) no-repeat;
	color: #10243A;
	font-size: 9px;
	text-align: center;
	width: 760px;
	clear: both;
	height: 30px;
}

#footerbuttons a img {
	margin: 1px;
	opacity: 0.3;
}

#footerbuttons a:hover img {
	opacity: 1;
}

/* download site related settings */
#filename {
	width: 230px;
}

#actions {
	text-align: center;
	width: 85px;
}

#uploaddate {
	text-align: right;
	width: 100px;
}

#filesize {
	text-align: right;
	width: 75px;
}

.filename {
	padding-right: 3px;
	vertical-align: top;
}

.filedescription, .actions {
	font-size: 10px;
}

.actions {
	text-align: center;
	vertical-align: top;
}

.filesize, .uploaddate {
	font-size: 11px;
	text-align: right;
	vertical-align: top;
}

#filetable {
	border-collapse: collapse;
}

#filetable td {
	border-bottom: 1px dashed #ffffff !important;
}

#filetable th {
	border-bottom: 1px solid #ffffff !important;
}

.totalsize {
	font-size: 10px !important;
	text-align: right !important;
}

div.totalsize {
	float: right;
	font-size: 10px !important;
	margin-right: 20px;
	margin-top: -5px;
	text-align: right !important;
}

div.phpatm {
	float: left;
	font-size: 10px !important;
	margin-left: 20px;
	margin-top: -5px;
	text-align: left !important;
}

.foldernav {
	border-bottom: 1px solid #ffffff;
	color: #9185AD !important;
	margin-bottom: 10px !important;
	padding: 3px !important;
}

.sortby {
	text-align: center !important;
}

#sort select {
	margin-right: 8px;
}

/* websnapr */
.leftBottom {
	/* Good browsers */
	background: transparent url(pics/lb.png) no-repeat 0 0 !important;
	/* IE badness */
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/lb.png',sizingMethod='image');
}

.leftBottom div { left: 113px; top: 82px; }

.leftBottom img { top: 28px; left: 25px; }

.leftTop {
	/* Good browsers */
	background: transparent url(pics//rt.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/rt.png',sizingMethod='image');
}

.leftTop div { left: 113px; top: 76px; }

.leftTop img { top: 16px; left: 25px; }

.rightBottom {
	/* Good browsers */
	background: transparent url(pics/rb.png) no-repeat 0 0 !important;
	/* IE badness */
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/rb.png',sizingMethod='image');
}

.rightBottom div { left: 103px; top: 80px; }

.rightBottom img { top: 28px; left: 15px; }

.rightTop {
	/* Good browsers */
	background: transparent url(pics/lt.png) no-repeat 0 0 !important;
	/* IE badness */
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/lt.png',sizingMethod='image');
}

.rightTop div { left: 103px; top: 70px; }

.rightTop img { top: 16px; left: 16px; }

#fdImageThumb {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 243px;
	height: 195px;
	visibility: hidden;
	overflow: hidden;
}

#fdImageThumb div {
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	background: transparent url(pics/loading.gif) no-repeat 0 0;
	visibility: hidden;
	z-index: 1;
}

#fdImageThumb div.imageError { background: transparent url(pics/error.gif) no-repeat 0 0; }

#fdImageThumb div.imageLoaded {
	background: transparent url(pics/loading.gif) no-repeat 0 0;
}

#fdImageThumb img {
	position: absolute;
	display: block;
	border: 0 none;
	width: 202px;
	height: 152px;
	z-index: 2;
}