/*html Reset*/
* {
margin: 0;
padding: 0;
z-index: 4;
}


fieldset, img { border: 0; }
fieldset.input {border:0;padding:0;margin:0;} 
a:focus { outline: none; }

ul{padding-left: 16px;} 
 
html {
	height: 100%;
	margin-bottom: 1px;
}

#tinymce {
background-color:#FFFFFF;
background-image:none;
}

/* links */
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

/* headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 100%;
}

h1 { font-size: 300%; }
h2 { font-size: 250%; }
h3 { font-size: 200%; }
h4 { font-size: 175%; }
h5 { font-size: 120%; }
h6 { font-size: 125%; }
/*End of html Reset*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
	background: #111 no-repeat scroll 50% 50%;
}

#outer {
    width: 1000px;
    margin: 0 auto;
    z-index: 4;
    }


.wrap {	width: 960px!important; /*IE6 hack*/
	margin: 0 auto;
}
a:link, a:visited {
	color: #3BA0BC;
}

a:hover {
	color: #2F7D93;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial,Helvetica,sans-serif;
}

h1 {
	font-weight: normal;
	color: #7887A0;
}

h2 {
	color: #b4b4be;
}

h3 {
	color: #646478;
}

h4 {
	font-weight: normal;
	color: #7887A0;
}

h5 {
	border-bottom:1px solid #CCCCCC;
	color:#878796;
	margin:15px 0 5px;
	padding-bottom:5px;
}

h6 {
	color: #7887A0;
}
.inside-right {padding: 0 20px 0 0;}
.inside {padding: 8px;}
.inside2 {padding: 40px 25px;}
.clear {clear: both;}
.gap {height: 8px; display:block; clear: both;}

#wrap {
	padding: 0;
	width: 960px!important; /*IE6 hack*/
	margin: 0 auto;
	text-align: left;
	position: relative;
	background:#222;
	z-index: 4;
}
#header {
	float: left;
	color: #fff;
	width: 100%;
	height: 80px;
	position:relative;
	z-index:4;
}

#slideshow {
    
    }

a#logo {width: 299px; height:60px; float: left;}
#date {width: auto; height: auto; position:absolute;right:16px;top:25px;color:#C8C8C8;font-size:9px;}
#container {
	margin:0;
	padding:0;
	width: auto;
	height: auto;
	background:#fff;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}
#top-m {width: 100%; height:5px; background: url(../images/top-m.gif) repeat-x}
#top-lt {width: 100%; height:5px; background: url(../images/top-lt.gif) no-repeat left}
#top-rt {width: 100%; height:5px; background: url(../images/top-rt.gif) no-repeat right}
#bottom-m {width: 100%; height:5px; background: url(../images/bottom-m.gif) repeat-x}
#bottom-lt {width: 100%; height:5px; background: url(../images/bottom-lt.gif) no-repeat left}
#bottom-rt {width: 100%; height:5px; background: url(../images/bottom-rt.gif) no-repeat right}

#right {
float: right; width: 25%; overflow: hidden;
background: none;
}

#content80 {
float: left; width: 72%; overflow: hidden; -moz-border-radius-bottomright: 4px; -moz-border-radius-topright: 4px; padding: 10px; background-color: #FFF;
}
#content100 {
float: left; width: 100%; overflow: hidden;
}
#user{width: auto; height: auto;background:#f9f9f9;}
#user1,#user2,#user3 {height: auto;float:left;}
#user h2 {
	font-family:Helvetica,Arial,sans-serif;
	font-weight:bold;
	color:#59B5EB;
	font-size:12px;
	text-transform:uppercase;
	font-family:Cambria,serif;
	line-height: auto;
	padding-bottom: 0;
	border:0;
}
.imgborder{
	border:1px solid #DDDDDD;
	background: #fff;
	padding: 4px;
	margin: 0 10px 10px 0;
}
.usertop-inside {padding: 16px 16px 0 16px;}
.userpadding{padding: 10px 20px 10px 10px;}
#footer{background-color: #292929; border-top: 1px solid #333; height:auto}
#footer .padding{padding:10px}
.cp{font:bold 10px Verdana,Arial,Helvetica,sans-serif;color:#808080;text-align:center}
.cp a,.cp a:hover{color:#808080;text-decoration:none}
#validation{text-align:center}
#validation a,#validation a:hover{color:#adadad;text-decoration:none;font-size:11px}
#fontsizer {width: auto; height: auto; float: right;margin-top: 1px; margin-right: 10px;}
#search {}
.searchbox {width: 246px; height: 32px;line-height: 32px;color:#f3f3f3; padding: 0 40px 0 10px;border:0;}

#reg {
	width: 100%;
	background: #f3f3f3;
	font-size: 12px;
	float: left;
}

#logreg {width: auto; height: auto; float: right;}
#logreg ul{list-style-type:none;text-align:left;float:left;margin:0;padding:0}
#logreg li{float:left;border:none;margin:0;padding:0}
#logreg a{font-size:11px;text-decoration:none;color:#808080;margin:0;padding:0 8px}
#logreg a:hover,#logreg li.active a{color:#990182}
#login {
	width: 100%;
	background: #f3f3f3;
	font-size: 10px;
	float: left;
}

#login li{border:none;margin:0;padding:0;list-style:none;
	font-size: 12px;
	margin-right: 4px;
	
}
#login li a {color:#333;}
#login label {
	color:#333;
	font-size: 12px;
	margin-right: 4px;
}
input {

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
input#modlogin_username,
input#modlogin_passwd {
	background:#fff;	
	border: 1px solid #ccc;
	color:#666;
	padding:2px 2px;
	width: 117px;
}
.regbutton, .logout input.button,#login .button {
	color: #fff;
	border: none;
	width: auto;
	height: 19px;
	padding: 0 0 1px;
	margin-left: 3px;
	background: #3CA2BE;
	cursor:pointer;
}

/* Search module */
.search input {
	background:#FFFFFF url(../images/search.png) no-repeat scroll 0 0;
	border:1px solid #555555;
	color:#444444;
	padding:2px 10px 2px 20px;
}
.search input:focus {
	color: #000;
}
.search .button {
	width: auto;
	font-size: 13px;
	padding: 0 0 1px;
	color:#fff;
	margin: 0 0 0 5px;
	border:0;
	cursor:pointer;
}
.inputbox {
background:#FFFFFF;
border:1px solid #BBBBBB;
}
.inputbox:hover, .inputbox:focus {

border:1px solid #888;
}


#logger {
    background-color: #FFF;
    border:1px solid #555555;
    color:#444444;
    -moz-border-radius: 4px;
    padding: 0 5px;
    }

.button {
color:#FFFFFF;
}
.button, .validate {
background:#0868BD;
border:1px solid #074496;
color:#FFFFFF;
margin: 8px 0;
cursor:pointer;
}
a.button:link, a.button:visited, a.button:focus {
color:#FFFFFF;
padding:3px;
}
.invalid {
border-color:#FF0000;
}
label.invalid {
color:#FF0000;
}
ul.login {
	list-style-type: none;
	padding:0;
	margin: 5px 0;
}
ul.login li {background: url(../images/bullet-white.gif) no-repeat 0 50%;padding-left: 16px;
}
ul.login li a {color:#157ad2;}
ul.login li a:hover {color:#3c3c3c;text-decoration:none;}



.main-inside {}



.slide-padding{padding:16px 16px 0 16px;}
#slide-wrap{padding:20px 40px;background:#f1f1f1; position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;}
#slide-box{
	position:absolute;
}
#slide-box p {font-size: 12px; line-height: 18px;color:#8C8C8C;}
#slide-box h1 {color:#666; font-size: 20px; line-height: 120%;}
#slide-box .inner{
	width: 850px;
	height: 180px;
	display:block;
	float:left;
}
.bg-img{
	border:1px solid #DDDDDD;
	background: #fff;
	padding: 4px;
	margin: 0 20px 0 0;
}

/* PQBox stylesheet */

#pqBoxOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #888;
	cursor: pointer;
}

#pqBoxCenter {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	-moz-border-radius: 8px;
	
}
#pqBoxTopContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: transparent;
}
.pqBoxLoading {
	background: url(../images/loading.gif) no-repeat center;
}

#pqBoxbg {
	background-repeat: no-repeat;
	border: 4px solid #666;
	-moz-border-radius: 8px;
	text-align:left;
}


#pqBoxTopBar {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 30px;
	text-align: left;
	border-top-style: none;
}

#pqBoxCloseLink {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(../images/close.png) no-repeat center;
	margin: 0;
	padding:0;
}

#pqBoxCaption {
	margin-left: 14px;
	font-weight: bold;
}
/* ********************************** */
.pqreg{
overflow:hidden;
margin:0 auto;
width:100%;
padding:0;
margin:0;
}
.pqreg label{
float:left;
height:20px;
overflow:hidden;
display:block;
width:100px;
}
.pqreg input{
float:right;
width:200px;
margin:0 10px 0 0;
}
.pqreg_inside{
width:100%;
clear:both;
float:left;
display:block;
}
p.reginfo {

}

.slide-box{
	position:relative;
	width:850px;
	height:180px;
	overflow:hidden;
}

.button-left{width: 20px; height: 100%; position: absolute; top:0; left:0; background: url(../images/left-button.png) no-repeat 0 50%;opacity:0.4;filter:alpha(opacity=40);z-index: 1024;cursor:pointer; }
.button-right{width: 20px; height: 100%; position: absolute; top:0; right:0; background: url(../images/right-button.png) no-repeat 100% 50%;opacity:0.4;filter:alpha(opacity=40);z-index: 1024;cursor:pointer; }
.button-left:hover{opacity:1;filter:alpha(opacity=100); }
.button-right:hover{opacity:1;filter:alpha(opacity=100);}



div.inner {
	margin: 0 10px;
	}
	


/* LISTENELEMENTE */

div.sectiontableentry table, div.sectiontableentryhot table {height: 32px;}

.sectiontableentry {
	padding: 0 15px;
	margin: 5px -10px;
	}
	
.sectiontableentry:hover {
	background-color: #59B5EB;
	color: #EEE;
	}
.sectiontableentry:hover a {
	color: #FFF;
	}	


.dloadbutton {
	background:transparent url(http://i39.tinypic.com/2py44t0.png) no-repeat scroll 0 0;
	display:inline-block;
	height:20px;
	padding:6px 6px 2px 2px;
	width:19px;
	}

div.item_dloads {
	float:right;
	}

div.item_hits {
	float:right;
	}

div.item_date {
	float:right;
	}

	
div.neustedloads {
	width: 100%;
	}

div.category {
	display: table;
	width: 95%;
	}

.framebg {
	margin: 20px 0;
	width: 100%;
	color: #272727;
	display: table;
	}

.contentbg {
	margin:5px 0;
	padding:10px;
	-moz-border-radius: 5px;
	background-color: #FAFAFA;
	border: 1px solid #EEEEEE;
	}

.dloadframe {
	float: left;
	width: 160px;
	padding: 6px 0;
	}

.article_download {
	display: table;
	width: 100%;
	margin:0 -10px;
	padding:0 10px;
	background-color:#222222;
	border-bottom:2px solid #393939;
	border-top:2px solid #4BACE4;	
	}
	
.article_download a {
    color:#FFF;
    text-transform: uppercase;
    }
    
.article_download a:hover {
    text-decoration: none;
    }
	
/* COVER */

.pic {
	border:1px solid #DDDDDD;
	clear:right;
	float:right;
	height:160px;
	margin:10px 0 10px 10px;
	width:160px;
	}

.pic table {
	width:100%; 
	height:100%; 
	}

.pic img {
	max-height:150px;
	max-width:150px;
	}

div.rang {
	color:#FFFFFF;
	display:table;
	font-size:18px;
	height:25px;
	padding: 1px 0;
	text-align:center;
	width:25px;
	}

.CommentNum {
	color: #DDDDDD;
	font-size: 35px;
	}

.NumCommentsAlone {
	float:right;
	text-align: right; 
	background: url(/images/stories/layers__pencil.png) no-repeat;
	height: 16px;
	margin: 2px 0;
	padding: 0 0 0 20px;
	}




/* META */

.article-tools {
	border-top: 1px solid #DDDDDD;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	display: block;
	background: #ECECEC;
}

.article-meta {
	padding: 5px;
	width: 290px;
	float: left;
}

.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate {
	padding: 4px 3px 2px 20px;
	background: url(/images/stories/calendar.png) no-repeat 0 2px;
}

.modifydate {
	width: 200px;
	float: left;
}

div.buttonheading {
	float: right;
	width: 60px;
}

.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

.clr { clear:both; }


.contentpagetitle {font-size: 1.2em;}


.codebox {
    margin: 5px 0 10px;
    padding: 5px;
    width: 570px;
    color:#666;
    background-color:#FAFAFA;
    border:1px solid #DDDDDD;
    }
			    
.codebox:hover, .codebox:focus {
    background-color: #EEEEEE;
    border-color:#59B5EB;
    }
    
#freundecodes {
    margin: 30px 0;
    }		    
    
    
    
/* ToolTip */
    
.tool-tip {
    Z-INDEX: 13000; 
    COLOR: #fff; 
    background: #333; 
    border: 1px solid #59B5EB; 
    max-width: 500px; 
    -moz-border-radius: 5px;
    }
    
.tool-title {
    PADDING-RIGHT: 8px; 
    PADDING-LEFT: 8px; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 11px; 
    PADDING-BOTTOM: 4px; 
    MARGIN: 0px; 
    COLOR: #59B5EB;			    
    PADDING-TOP: 8px
    }

.tool-text {
    PADDING-RIGHT: 8px; 
    PADDING-LEFT: 8px; 
    FONT-SIZE: 11px; 
    PADDING-BOTTOM: 8px; 
    PADDING-TOP: 4px
    }
				
.round {
    -moz-border-radius: 4px;
    }
					
					
					
#bgimage1, #bgimage2, #bgimage3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: transparent none no-repeat scroll center top;
height:1200px;
left:0;
margin:0 auto;
position:absolute;
text-align:center;
top:0;
width:100%;
}


#bgimage1 {z-index: 3;}					
#bgimage2 {z-index: 2;}						
#bgimage3 {z-index: 1;}						


#rand_top, #rand_bottom {
    clear:both;
    height:20px;
    overflow:hidden !important;
    position:relative;
    width:100%;
    z-index: 4;
    }

#rand_middle {
    clear:both;
    width:100%;
    z-index: 5;
    }


#rand_ol {
    width: 20px;
    height: 20px;
    background: transparent url(../images/rand_ol.png) no-repeat scroll 0 0;
    float:left;
    left:0;
    position:absolute;
    top:0;
    }

#rand_o {
    width: 960px;
    height: 20px;
    background: transparent url(../images/rand_o.png) repeat-x scroll 0 0;
    float:left;
    left:20px;
    position:absolute;
    top:0;
    }

#rand_or {
    width: 20px;
    height: 20px;
    background: transparent url(../images/rand_or.png) no-repeat scroll right top;
    float:left;
    left:980px;
    position:absolute;
    top:0;
    }
    
    
	
.rand_l {
    height:100%;
    background:transparent url(../images/rand_l.png) repeat-y scroll left top;
    padding-left:20px;
    position:relative;
    z-index: 4;
}

.rand_r {
    height:100%;
    background:transparent url(../images/rand_r.png) repeat-y scroll right top;
    padding-right:20px;
    position:relative;
    z-index: 4;
}


#rand_ul {
    width: 20px;
    height: 20px;
    background: transparent url(../images/rand_ul.png) no-repeat scroll 0 0;
    float:left;
    left:0;
    position:absolute;
    top:0;
    }

#rand_u {
    width: 960px;
    height: 20px;
    background: transparent url(../images/rand_u.png) repeat-x scroll 0 0;
    float:left;
    left:20px;
    position:absolute;
    top:0;
    }

#rand_ur {
    width: 20px;
    height: 20px;
    background: transparent url(../images/rand_ur.png) no-repeat scroll right top;
    float:left;
    left:980px;
    position:absolute;
    top:0;
    }
    
.help {
    background:#F7FAFC url(../images/help-faq.png) no-repeat scroll 3px 3px;
    border:1px solid #C5D5E5;
    color:#709BC7;
    margin:10px 0 40px;
    padding:10px 10px 10px 45px;
    -moz-border-radius:  4px;
    }
    
.dloadhead {
    font-size:1.5em;
    margin:15px 0;
    }
    
    
.article_details {
-moz-border-radius:4px;
border:1px solid #DDDDDD;
clear:both;
margin:5px 0;
padding:4px 4px 4px 25px;
}  
    
.autorpm {
background: transparent url(/images/stories/user_silhouette.png) no-repeat scroll 4px 4px;
}

.autorsendpm {
background: transparent url(/images/stories/mail.png) no-repeat scroll 4px 4px;
}

.autorhot {
background: transparent url(/images/stories/full.png) no-repeat scroll 4px 4px;
}

.autoredit {
background: transparent url(/images/M_images/edit.png) no-repeat scroll 4px 4px;
} 



