/* HTML ELEMENTS */
* {padding:0; margin:0;}
body {font-family:verdana; font-size:12px;}
a {text-decoration:none; color:#FFA046;}
img {border:0;}
table {width:100%; border-spacing:0;}
th, td {vertical-align:top;}
h1 {font-size:22px; font-weight:bold; padding-bottom:15px; padding-top:10px;}
textarea {width:335px; height:93px;}
ol {margin-left:35px;}
/* FULL SITE*/
#container {width:950px; text-align:left;}
.fb-like-box {background:#fff;margin-left:-2px;}
.block {color:#fff; margin-bottom:15px; padding-bottom:15px; width: 177px; padding: 5px;}
.block-head {width:203px; height:54px; margin-left: -13px; margin-top: -12px; padding-top:5px; text-align:center;
font-size:17px; font-family:"Exo"; font-weight:bold;}
.left-block .block-head {background:url('../images/bgs/bg_block-header.png') no-repeat;}
.right-block .block-head {background:url('../images/bgs/bg_block-header-right.png') no-repeat;}
.right-block {margin-left: 0;}
.block-head span {font-size:11px; font: 14px/17px "exo" bold;}
.block-head-simple {padding-top:12px;}
#logolink {position:absolute; width:445px; height:125px; left:485px; top:100px; }
.block-list {margin-left:15px;}
.block-list li {list-style-image:url('../images/nyil.gif'); padding:3px 0;}
.block-list li a {color:#fff;}
.block-list li a:hover {color:#FFA046;}
.block-gray {background:#444;}
#topbanner {text-align:center;}
.block-list li.right-list {text-align:center; padding:5px 0; list-style-image:none; list-style-type:none; margin-left:-10px;}
.block-list li.right-list img {width:150px; -webkit-filter: grayscale(70%); border:1px solid #fff; border-radius:7px;}
.block-list li.right-list:hover img {width:150px; -webkit-filter: grayscale(0%);}
/*HEADER*/
#header {position:relative; width:950px; height:250px; border-bottom:3px groove #414141;
background:url('../images/bgs/bg_header.jpg'); border-radius: 0 0 20px 20px;}
#topmenu {position:absolute;top:0; height:40px;background:#000;width:950px;opacity:0.8;filter: alpha(opacity = 80); border-bottom: 1px solid #7a7a7a;}
#topmenu ul {list-style-type:none; margin:0 0 0 40px; padding:0;}
#topmenu ul li {float:left; padding-right:30px; line-height:40px; position:relative;}
#topmenu ul li a {text-decoration:none; color:#fff; font-family:arial; font-size:12px; font-weight:bold; display:block;
padding-left:21px; background-position:left center; background-repeat:no-repeat;}
#topmenu ul li#int a {background-image:url('../images/icons/topmenu-interview.png')}
#topmenu ul li#con a {background-image:url('../images/icons/topmenu-concerts.gif')}
#topmenu ul li#alb a {background-image:url('../images/icons/topmenu-review.png')}
#topmenu ul li#vid a {background-image:url('../images/icons/topmenu-videos.gif')}
#topmenu ul li#full-albums a {background-image:url('../images/icons/topmenu-full-albums.png')}
#topmenu ul li.styles a {background-image:url('../images/icons/topmenu-styles.gif')}
#topmenu ul li ul {position:absolute; top:40px; left:-9px; margin:0; display:none;}
#topmenu ul li ul li {float:none; width:180px; background:#000; border-bottom: 1px solid #7a7a7a; padding-left:10px; line-height:25px;}
#topmenu ul li ul li:hover {background:#333;}
/*CONTENT*/
#content {float:left; background:url('../images/bgs/bg-full-content.jpg') repeat-y -9px 0 #fff; position:relative; margin-left: 8px;}
#content-left-center {width:745px;float:left;position:relative;}
#content-left-center-right {float:right; padding: 15px 20px 0 10px; width: 515px;}
#content-left-center-left, #content-right {float:left; width:179px; padding:0 7px 0 1px;}
#content-right {float:right; margin-left: -2px; width: 181px;}
/*CIKKEK*/
.readmore {display:block; padding:3px; margin:5px 0 0; background:#2a466b; font-weight:bold; color:#fff;}
#content-left-center-right div, #content-left-center-right p {padding-bottom:10px;}
#content-left-center-right div.cimtartalom {line-height:normal;}
div.article-box {padding:10px 5px 10px 0;}
div.article-box p a, div.article-box div a {color:#c12703;}
div.article-box div.cimtartalom a {color:#2A466B;}
#content-left-center-right .article-box div.cikk {line-height:150%;}
.cikk ul {margin-left:30px; margin-bottom:15px;}
.yt-video-title {font-size:10px; text-align:center;}
/**** Infinite Scroll ****/
#myisotope {position:relative;}
#infscr-loading {
position: fixed;
text-align: center;
bottom: 30px;
left: 42%;
z-index: 100;
background: white;
background: hsla( 0, 0%, 100%, 0.9 );
padding: 20px;
color: #222;
font-size: 15px;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; clear: both;}
/* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window
with position:fixed. Width, height, top and left speak
speak for themselves. Background we set to 80% white with
our animation centered, and no-repeating */
.modal {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 )
url('http://zenevilag.net/img-videk/icons/google-loading-icon.gif')
50% 50%
no-repeat;
}
/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading {
/*/overflow: hidden;*/
opacity:0.4;
}
/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .modal {
display: block;
}
/* PAGINATOR */
.page{
margin: 0;
padding: 0;
}
.page li{
list-style: none;
display:inline-block;
}
.page li.page-num {
width:5%;
text-align:center;
}
.page li a, .current{
display: block;
padding: 5px;
text-decoration: none;
color: #8A8A8A;
}
.current{
font-weight:bold;
color: #000;
}
.paginator-buttons{
width:100%;
}
.page li a.button{
padding: 5px 15px;
text-decoration: none;
background: #333;
color: #F3F3F3;
font-size: 13PX;
border-radius: 2PX;
margin: 0 4PX;
display: block;
}
.page li.next-button, .page li.prev-button {
width:35%;
}
.page li.next-button, .page li.next-button.a {
float: right;
text-align:right;
}
/* END OF PAGINATOR*/