@import url('general.css');
@import url('common.css');
@import url('discussion.css'); 

/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {    
	text-align:center;
	_behavior: url("scripts/csshover.htc");
	background:#1f1f1f; 	
	text-align:center; 
	padding:0px 0px 0px 0px;    
}

body.popup{
	text-align:left;
}

#popup{
	border:3px solid #666;
	overflow:auto; 
	height:600px;
	padding:0px 10px 5px 10px; 
}

#popup h1{
	margin:6px 0px 3px 0px;   
}  

img {  
    border: none;
} 

a {
	color: #d8072e; 
	text-decoration: none;
}
 
a.banner{
	position:absolute;
	z-index:99;
} 

.bannerHolder{
	position:relative; 
	margin:auto;
}

.bannerContainer{
	position:relative;
	text-align:center; 
}


/*--LAYOUT----------------------------------------------------------------*/

#container{ 
	text-align:center; 
	background:url(../images/container_bg.png) no-repeat top center #1f1f1f;
} 

#container.lga{  
	background:url(../images/container_bg_lga.png) no-repeat top center #1f1f1f;
} 


#main {
	margin:0px auto 0px auto;
    text-align: left;
	width:859px; 
	position:relative;   
}

#page {
	padding:244px 0px 0px 0px;  
	position: relative;
	text-align: left;
}

#content{
	background:#0e0e0e;	
	padding:12px 0px 0px 0px; 
} 
 
/* crossrads */
#crossroad{
	margin:90px auto 0px auto; 
	width:653px;    
	height:250px;  
}

a#gotoAcademy, a#gotoMagazine{
	display:block;
	width:321px; 
	height:215px;
	float:left;
} 

a#gotoMagazine{
	width:332px; 
	background:url(../images/goto_magazine.png) no-repeat;
}

a#gotoAcademy{
	background:url(../images/goto_academy.png) no-repeat; 
}
 
/*--ABSOLUTE----------------------------------------------------------------*/
#header {
	position: absolute;
	left: 0px;
	top: 0px;
	height:244px; 
	width:859px;
	/*background:url(../images/head_bg.png) no-repeat top left; */
	border-bottom:1px solid #555555; 
} 

#logo_mag{
	/*background:url(../images/mag_logo.png) no-repeat;*/ 
	width:310px;
	height:120px;  
	display:block;
	text-decoration:none;
	position:absolute;
	top:65px;
	left:-10px; 
}

#logo_mag:hover{
	text-decoration:none;  
}

#go_academy, #go_magazine{ 
	display:block;
	background:url(../images/go_academy.png) no-repeat;
	width:262px;
	height:45px;
	position:absolute;
	top:117px;
	right:10px; 
}

#go_magazine{ 
	background:url(../images/go_magazine.png) no-repeat; 
}

#logged{
	position:absolute;
	height:36px;
	line-height:36px;
	padding:0px 0px 0px 15px;
	right:0px; 
	top:0px;
	background:url(../images/logged_left.png) no-repeat top left;
	color:#ffffff;
	font-size:11px;
	width:403px; 
}

#logged a{ 
	color:#ffffff;
}

#LL{
	float:right;
	background:url(../images/logged_right.png) no-repeat top right; 
	width:15px;
	height:36px; 
}  

#logged span.space{
	background:url(../images/um_space.png) no-repeat center; 
	padding:0px 7px;
	display:inline;
	vertical-align:middle;
	height:22px;
} 

#breadCrumbs{
	position:absolute;
	top:255px; 
	left:10px;
	font-size:9px; 
	color:#929292;
} 

#breadCrumbs a{ 
	color:#929292;
}

#breadCrumbsContainer{
	height:15px;
	line-height:15px; 
}

#search{
	display:block;
	position:absolute;
	top:206px;
	right:0px;
	height:28px;
	padding:9px 3px 0px 13px;  
	font-size:12px;
	color:#868686;
	background:url(../images/search_bg.png) no-repeat left top;
}

#search input, #search button, #login button, #login input{
	color:#FFF;
	background:none;
	border:none;
}



input, #search input, #login input, select, textarea{  
	background:#3a3a39; 
	font-family:Arial, "Geneva CE", lucida, sans-serif; 
	border:1px solid #4e4e4d;
	font-size:11px;
	padding:2px 4px;
	margin:0px 0px 0px 4px;
	width:120px;
	color:#FFF; 
} 

button.nice{  
	background:#3a3a39; 
	border:1px solid #4e4e4d;
	font-size:11px;
	padding:2px 7px; 
	margin:0px 0px 0px 4px;
	color:#FFF; 
} 


select, textarea, input{ 
	width:160px; 
}

select{
	width:169px;  
} 

textarea, input.auto{ 
	width:auto;
} 

#search button{
	cursor:pointer;
}
 
#login{ 
	width:388px;
	height:25px;
}  

#login input{ 
	width:80px; 
}  

#login button{
	color:#FFF;
	border:none; 
	background:#323232;
	cursor:pointer;
	padding:0px 5px;
	margin:0px 13px 0px 0px;
	height:20px; 
	line-height:20px;
}

#search input:hover, #login input:hover, input:hover{  
	border:1px solid #8c8c8c;
	background:#323232;
} 

button.nice:hover{  
	border:1px solid #8c8c8c;
	background:#323232;
} 
 
button, input.btn{ 
	color:#FFF; 
	border:none; 
	background:#424242;
	cursor:pointer;
	padding:2px 7px;
	text-transform:uppercase;
	font-size:10px; 
}
 
/****** MENU */
#menu{
	padding:0px;
	margin:0px;
	display:block;
	position:absolute;
	top:206px;
	left:0px;
	height:37px;  
	width:859px;
	background:url(../images/mm_bg.png) repeat-y left; 
}

#menu li{
	background:url(../images/mm_spacer.png) no-repeat right top; 
	padding:0px 2px 0px 0px;
}

#menu li, #menu li a{
	display:block;
	float:left;
	padding:0px;
	margin:0px; 
	font-family:Arial, Verdana, Geneva, sans-serif;
	color:#cacaca;
	height:37px;
	text-transform:uppercase; 
	position:relative;    
	
}

#menu li a{
	padding:0px 10px 0px 12px;  
	font-size:12px;    
	text-decoration:none;
	line-height:37px; 
}

#menu li.smaller a{
	font-size:11px;
} 
  
#menu li a:hover, #menu li a.active{
	/*color:#1f1a17;*/ 
	background:#d8072e; 
}

#menu li ul {
	margin: 0;
	padding: 0 0 0 0;
	position: absolute;
	z-index: 18;
	left: 0;
	top: 37px;  
	display: none;
} 

#menu li:hover ul {
	display: block;
} 

#menu li ul li {
	padding: 0 0 0 0;
	float: none !important;
	height:auto !important; 
	line-height:auto !important; 
	
} 

#menu li ul li a {
	height:auto !important;   
	width: 150px; 
	margin: 0 0 0 0;
	padding: 4px 10px 4px 10px;
	line-height:14px !important;    
	float: none !important;
	font-size: 11px;  
	background:#3c3c3d; 
}  

#menu li ul li a:hover {
	/*color: #e10000 !important;*/ 
} 

   

/*--CENTER-PART-----------------------------------------------------------*/
#data{
	float:left;
	width:640px;
	min-height:250px;
}

.dataPadding{
	padding:0px 0px 20px 7px; 
}

.dataPadding.m{
	padding:0px 0px 0px 7px;  
} 


#center{
	padding:0px 0px 0px 0px; 	 
}  

.light{
	background:#E8E8E8 !important; 
	color:#000;
	min-height:850px !important;   
} 

#article{
	padding:0px 10px 15px 7px;   
	background:#E8E8E8;  
	color:#000;
	font-size:14px;  
} 

#article ul{
	padding:0px 0px 0px 20px;
	margin:5px 0xp;
}

#article ul li{
	list-style:square;
	padding:3px 0px 3px 0px;;  
} 

 
#rightColl{
	float:right;
	width:207px;
	min-height:250px;
	background:url(../images/rightCollBG.png) repeat-x bottom #2e2e2e;
	padding:0px 0px 20px 0px; 
}

#back{
	float:right;
	font-size:10px;
	text-decoration:none;
	position:absolute;
	top:255px;
	right:220px;
	background-image:url(file:///X|/common/css/next_mon.png)
} 

/* rightColl */
#rightColl h3.mgz{
	padding:0px 0px 0px 10px;
	margin:0px;
	background:url(../images/arr_mgz.png) no-repeat 2px 11px;  
} 

#rightColl h3.lga{
	padding:0px 0px 0px 10px;
	margin:0px;
	background:url(../images/arr_lga.png) no-repeat 2px 11px;   
} 

/*--ARICLES -------------------------------------------------------------*/
.articlePerex{
	display:block;
	padding:2px 0px 10px 0px;
	margin:5px 0px 7px 0px;
	border-top:1px solid #292929; 
} 

.articlePerex.first{
	border-top:none;
}  

a .perexImage{
	border:1px solid #000000; 
	float:left;
	margin:0px 7px 7px 0px;  
} 

a:hover .perexImage{
	border:1px solid #d8072e; 
}


.articlePerex h3{
	padding:0px;
	margin:0px;
	font-size:18px;
	font-weight:bold; 
}

.articlePerex p{ 
	padding:0px;
	margin:2px 0px 4px 0px;
} 

.articlePerex .details, .articlePerex .details a{
	color:#b0b0b0; 
}

.articlePerex .details .space, .hspacer{ 
	background:url(../images/am_space.png) no-repeat center center;  
	line-height:20px;
	padding:0px 7px;  
} 

.archivBtn{	
	border-bottom:1px solid #292929;
	padding:0px 0px 6px 10px;
	margin:0px 0px 10px 0px; 
}

.archivBtn a{
	font-size:16px;
	text-decoration:underline;
	color:#FFF; 
}

.archivBtn a:hover{ text-decoration:none; color:#d8072e; }  

#shortNews, .shortNews{ 
	font-size:11px;
	padding:3px 5px 5px 10px;  
}



#shortNews .date, .shortNews .date{ 
	color:#d5d5d5;	 
}

#shortNews a, .shortNews a{ font-weight:bold; font-size:12px; color:#d5d5d5; text-decoration:underline; } 
#shortNews a:hover, .shortNews a:hover{ text-decoration:none; color:#d8072e; }  

#coursesShort{
	font-size:11px;	
}

#coursesShort .date, #coursesShort a{ 
	color:#d5d5d5;	
}

#forumShort{ font-size:10px; } 
#forumShort a{ color:#d5d5d5; } 

/*--FOOTER---------------------------------------------------------------*/

#footer{
	text-align: left;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:10px 0px; 
	background:#2a2a2a;
	border-top:1px solid #3f3f3f;
	color:#858585;
	min-height:50px; 
}

#footer a{ 
	text-decoration:underline; 
	color:#858585; 
} 

#rss{
	background:url(../images/rss.png) no-repeat left top;
	padding:0px 0px 8px 23px;  
}  

.footerColl{
	float:left;
	min-height:90px;
	border-right:1px solid #484848;
	padding:4px 10px 4px 10px; 
}

#fc1{ width:335px; }
#fc1 p{
	padding:0px;
	margin:4px 0px 0px 0px;
} 
#fc2{ width:180px; }
#fc3{ width:280px; border:none;  }   
/* page */


/* home */

/* INSPOIRACE */

#inspHome{
	clear:both;
	margin:13px 0px 13px 0px;  
	font-size:11px;
	font-weight:bold;
	color:#d8072e; 
}

#inspHome .photos{
	height:103px; 
	overflow:hidden;
}

#inspHome .photos a img{
	margin:0px 4px 0px 0px;  
	border:1px solid #000;  
} 

#inspHome .photos a:hover img{
	border:1px solid #d8072e;
} 

#inspMenu{
	border-bottom:1px solid #292929;
	border-top:1px solid #292929;
	padding:5px 0px 7px 0px; 
}

#inspMenu li, #inspMenu li a{
	padding:0px;
	margin:0px;
	list-style:none;
	display:block;
	float:left;
}

#inspMenu li a{
	color:#FFF; 
	font-size:13px;
	text-decoration:underline;
	padding:2px 8px 2px 15px;
	font-weight:bold;
	text-transform:lowercase; 
}

#inspMenu li a:hover, #inspMenu li a.active{ 
	color:#d8072e;
	background:url(../images/insp_arr.png) no-repeat 8px 8px; 
	text-decoration:none; 
}

.articleInsp{
	float:left;
	width:315px;
	height:260px;  
} 

.articleInsp a.title{
	font-size:18px;
	font-weight:bold; 
	cursor:pointer;
} 
	
#images{
	clear:both;
	padding:7px 0px 0px 0px;
}

#images img{
	margin:0px 0px 7px 0px;
} 

.detailName{
	color:#bfbfbf;
	font-size:15px;
}

.detailValue{
	color:#d8072e;
	font-size:15px; 
}

.spacerInsp{
	padding:0px 9px; 
	background:url(../images/inspSpacer.png) no-repeat center center;
} 

#info{
	color:#b0b0b0;
	border-bottom:1px solid #292929;
	border-top:1px solid #292929;
	padding:3px 0px 5px 0px;
	margin:13px 0px 13px 0px;  
}

#article #info{
	color:#000;
} 

#info a{
	color:#b0b0b0;
	text-decoration:underline; 
}

#article #info a{
	color:#333;
}


#article #info a:hover{
	color:#000000; 
}

#info a:hover{
	text-decoration:none;
	color:#FFF;
}

.details{ 
	line-height:1.5em;
} 
 
/* LISTING */
.paging{
	border-collapse:collapse;
	width:100%;
	border-bottom:1px solid #292929;
	border-top:1px solid #292929;
	margin:10px 0px;
}

.paging.home{
	border-top:none;
} 


table.paging td{
	padding:4px 4px 4px 4px;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
} 

table.paging td a{
	color:#FFF;
	text-decoration:underline;
}

table.paging td.pagButton{
	width:80px;
} 

table.paging td a:hover, table.paging td a.active{
	text-decoration:none;
} 

table.paging td.numbers{
	text-align:center;
}

/* SITE MAP */
#sitemap{
	padding:0px 10px 10px 10px;
}

#sitemap ul{
	padding:0px 0px 0px 0px;
}

#sitemap ul li{ 
	padding:2px 0px 2px 5px;
} 

#sitemap ul li a{
	background:url(../images/arr_mgz.png) no-repeat 2px 4px;
	display:block; 
	padding:0px 0px 0px 10px; 
}

/* UZIVATELE */
#userdetail{
	position:relative;	 
}

#userdetail .photo{
	float:left;
}

#userdetail .photo img{
	/*border:5px solid #000;*/ 
	margin:0px 13px 20px 0px;    
} 

.okNick, .erNick{
	padding:2px 0px 0px 3px;  
	color:#5b7900;
	font-size:9px;
}
 
.erNick{
	color:#d80707;
} 

.uImage{
	position:absolute;
	right:0px;
	top:0px; 
} 

table td.tkey{ 
	width:90px; 
}

 
/* VOTING */
h4.voting{
	padding:0px;
	margin:0px;
} 

.votingsOrig{
	font-size:12px; 
}

.votingsOrig a{
	text-decoration:underline;
} 

/* HELPERS ***************************************/
.lga{
	color:#c0ff01 !important;
} 

.mgz{
	color:#d8072e !important; 
} 

.line, hr{ 
	clear:both;
	line-height:1px;
	height:1px;
	margin:2px 0px;
	border:none; 
	border-top:1px solid #292929;
	background:none;
}

hr{
	margin:7px 0px 7px 0px; 
	border-top:1px solid #1d1c1c; 
}  

h3.gSmall, h4.gSmall{ 
	font-size:0.9em;  
} 

#map{
	width:620px;
	height:400px; 
} 

.niceTable{
	width:100%;
	border-collapse:collapse;
}

.niceTable td, .niceTable th{
	text-align:left;
	vertical-align:top;
	padding:4px 4px 4px 0px;
	font-size:11px; 
}

.niceTable th{
	font-weight:bold;
	background:#000;
	font-size:10px;
	text-transform:uppercase; 
} 

.niceTable td{
	border-top:2px solid #000; 
} 

.niceTable td table td{
	border:none;
	background:#222222;
} 

.niceTable tr:hover td{
	background:#333;
}
 
.pointer{
	cursor:pointer;
} 

/* ORDERS */
#usermenu{
	padding:0px;
	margin:0px;
}

#usermenu li{
	display:block;
	padding:0px;
	float:left;
	list-style:none;
}

#usermenu li a{
	display:block;
	float:left;
	background:#1c1c1c;
	color:#FFF;
	padding:4px 10px; 
	margin:0px 7px 0px 0px;
	text-transform:uppercase;
	font-size:10px; 
}

#usermenu li a:hover, #usermenu li a.active{
	color:#FFF;
	text-decoration:none; 
	background:#3a3a3a;
}  

#usermenu li a.active{
	font-weight:bold;
} 

.person{
	clear:both;
	margin:0px 0px 7px 0px;
	background:#313131;
	padding:4px 7px 4px 4px; 
} 

#leftScyscraper{
	position:absolute;
	top:205px;  
	left:-130px;    
	width:120px;
	height:600px; 
}