/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 4, 2013 */



@font-face {



    font-family: 'handbookbold';



    src: url('pfhandbookpro-bold-webfont.eot');



    src: url('pfhandbookpro-bold-webfont.eot?#iefix') format('embedded-opentype'),



         url('pfhandbookpro-bold-webfont.woff') format('woff'),



         url('pfhandbookpro-bold-webfont.ttf') format('truetype');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'handbooklight';



    src: url('pfhandbookpro-light-webfont.eot');



    src: url('pfhandbookpro-light-webfont.eot?#iefix') format('embedded-opentype'),



         url('pfhandbookpro-light-webfont.woff') format('woff'),



         url('pfhandbookpro-light-webfont.ttf') format('truetype');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'pffuturablack';



    src: url('pfstielefuturacond-black-webfont.eot');



    src: url('pfstielefuturacond-black-webfont.eot?#iefix') format('embedded-opentype'),



         url('pfstielefuturacond-black-webfont.woff') format('woff'),



         url('pfstielefuturacond-black-webfont.ttf') format('truetype');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'pffuturabold';



    src: url('pfstielefuturacond-bold-webfont.eot');



    src: url('pfstielefuturacond-bold-webfont.eot?#iefix') format('embedded-opentype'),



         url('pfstielefuturacond-bold-webfont.woff') format('woff'),



         url('pfstielefuturacond-bold-webfont.ttf') format('truetype');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'pffuturalight';



    src: url('pfstielefuturacond-light-webfont.eot');



    src: url('pfstielefuturacond-light-webfont.eot?#iefix') format('embedded-opentype'),



         url('pfstielefuturacond-light-webfont.woff') format('woff'),



         url('pfstielefuturacond-light-webfont.ttf') format('truetype');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'pffuturamedium';



    src: url('pfstielefuturacond-medium-webfont.eot');



    src: url('pfstielefuturacond-medium-webfont.eot?#iefix') format('embedded-opentype'),



         url('pfstielefuturacond-medium-webfont.woff') format('woff'),



         url('pfstielefuturacond-medium-webfont.ttf') format('truetype');



    font-weight: normal;



    font-style: normal;



}



#main a	{



	font-family:'Open Sans Condensed', sans-serif;



	text-decoration:none;



	color: #b00;



}



#main a:hover	{



	text-decoration:none;



	color: #333333;



}



html, body {



   margin:0;



   padding:0;



   height:100%;



   font-family: 'Open Sans Condensed', sans-serif;



   font-size:1.1em;



   background-image:url(../images/siteback.jpg);



   background-attachment:fixed;



   background-position:top;



   background-repeat:no-repeat;



   background-size:100% 100%;



}



#container {



   min-height:100%;



   position:relative;



   width:75%;



   margin-top:0;



   max-width:950px;



   margin-left:auto;



   margin-right:auto;



   background:url(../images/background-in2.jpg) repeat-y;



   background-size:100%;



   



   border-left:1px solid #000;



   



   border-right:1px solid #000;



   



   padding-top:10px;



}



#header {



	margin:0;



	padding:0;



	



}



#top	{



	margin:0;



	padding:0;



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



	-moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box; 



	}



#breadcrumps	{



	height:auto;



	padding:5px;



	}



#logo	{



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



	width:65%;



	height:178px;



	float:left;



	padding:0 30px;



	/*background: url(../../../images/currentissue.png) no-repeat top right;*/



	/*background-size: 200px;*/



	/*background-color:#66FF00;*/



	}



#logo	img	{



	width:100%;



	max-width:448px;



	}



#logoside	{



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



	width:33%;



	height:178px;



	float:right;



	/*background-color:#99CCCC;*/



	padding:50px 30px 50px 0;



	text-align:right;



	margin-right:10px;



	}



#logobreak	{



	clear:both;



	}



#menu	{



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



	-moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



	padding-top:10px;



	height:auto;



	background:url(../images/menuback.png) no-repeat;



  	background-size:100% 100%;



	}



#body {  



   padding-bottom:220px;   /* Height of the footer */



}



#before	{



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



	height:auto;



	margin-left:10px;



	margin-right:10px;



	margin-bottom:10px;



	padding:5px;

	

	clear:both;



	}



#before:empty	{



	display:none;



	}



#main	{



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



    /* Since this element now uses border-box sizing, the 10px of horizontal



       padding will be drawn inside the 80% width */



    width: 60%;



	max-height:100%;



    padding: 10px;



	float:left;



	}



#right	{



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



    /* Since this element now uses border-box sizing, the 10px of horizontal



       padding will be drawn inside the 80% width */



    width: 40%;



	padding-top:5px;



	float:left;



	}



#after	{



	clear:both;



	width:100%;



	padding:10px;



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



	text-align:center;



	}



#after img	{



	width:99%;



	height:auto;



	margin-left:auto;



	margin-right:auto;



	border:1px #000 solid;



	



	}



#footer {



   position:absolute;



   bottom:0;



   width:100%;



   min-height:220px;   /* Height of the footer */



   background: url(../images/footerback.png) no-repeat top center #000000;



}



#f_left	{



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



	width:50%;



	float:left;



	padding:10px;



	}



	



#f_right	{



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



	width:50%;



	float:left;



	padding:10px;



	}



	



/* MODULETABLES */



/* Breadcrumps */



.moduletable_breadcrumps	{



	width: 100%;



	background-color:#000;



	color:#CCCCCC;



	}



.moduletable_breadcrumps ul	{



	list-style:none;



	display:inline;



	}



.moduletable_breadcrumps li	{



	display:inline;



	font-size:12px;



	margin-right:5px;



	font-family:pffuturamedium;



	font-size:16px;



	text-indent:0px;



	}



.moduletable_breadcrumps li a	{



	margin-right:3px;



	text-decoration:none;



	color:#CCCCCC;



	}	



/* End Breadcrumps */



/* Menu */



.moduletable_menu	{



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



    /* Since this element now uses border-box sizing, the 10px of horizontal



       padding will be drawn inside the 80% width */



    width: 100%;



	height:auto;



    padding: 10px;



	display:block;



	}



.moduletable_menu ul	{



	list-style:none;



	padding-left:5px;



	}



.moduletable_menu li	{



	display:inline-block;



	margin-right:5px;



	font-family:pffuturabold;



	font-size:1.7em;



	vertical-align:middle;



	}



.moduletable_menu a	{



	text-decoration:none;



	color:#000000;



	padding-right:40px;



	margin-left:5px;



	background:url(../images/skull.png) no-repeat right center;



}



.moduletable_menu a:hover	{



	text-decoration:none;



	color:#000000;



	padding-right:40px;



	margin-left:5px;



	text-shadow:2px 2px 2px #94664d;



	background:url(../images/skull.png) no-repeat right center;



}



.moduletable_menu li.current	{



	background:url(../images/skull.png) no-repeat right center;



	text-shadow:2px 2px 2px #94664d;



	}



/* End Menu */



/* Moduletable SEARCH */



.moduletable_search	{



	display:block;



	margin-bottom:10px;



	}



#logoside .inputbox 	{



	border: 2px solid #000000;



    height: 30px;



    margin: 0;



    vertical-align: middle;



	padding:3px;



	margin-right:-4px;



	margin-top:-5px;



	}



#logoside .button	{



	border: 2px solid #000000;



	margin-top:-5px;



    padding: 0;



    vertical-align: middle;



	box-sizing:border-box;



	}



/* END Moduletable SEARCH */



	



/* JOOMLA CONTENT SPECIFICS */



#main h2 a	{



	display:block;



	margin-bottom:5px;



	padding-left:5px;



	font-family:pffuturamedium;



	text-decoration:none;



	color: #000000;



	font-size:1.5em;



	



	text-align:left;



	}



/*#main	.item-title a, #main .item-page a	{



	text-decoration:none;



	font-size:1.5em;



	color:#333333;



	font-family:pffuturalight;



	}*/



#main .item-page img, #main .item-pagehome img {



	width:100%;



	height:auto;



	border:1px #000 solid;



	}	



#main div.item {



	margin-top:10px;



	padding-bottom:50px;



	background:url(../images/separator.png) no-repeat center bottom;



	text-align:justify;



	}



#right .ext-advertisement	{



	margin:10px auto 10px auto;



	width:90%;



	



	}



#top .ext-advertisement	{



	margin-left:auto;



	margin-right:auto;



	padding:0;



	margin:0;



	}



/* MAIN AREA PAGINATION CSS */



.pagination ul li, .pagination ul li.pagination-start, .pagination ul li.pagination-prev, .k2Pagination ul li, .k2Pagination ul li.pagination-start, .pagination ul li.pagination-prev {



	display: inline-block;



	padding: 5px;



	font-size:1.1em;



	margin:2px;



	background-color:#CCCCCC;



	text-decoration:none;



	box-sizing:border-box;



	}



	



/* END MAIN AREA PAGINATION CSS */



.counter	{



	font-family: pffuturamedium;



	font-size:1.5em;



	}



	



/* TOP AREA SOCIAL MODULE */



.moduletable_social	{



	width:100%;



	margin:0;



	



	}



.moduletable_social img	{



	margin-left:5px;



	margin-top:-3px;



	}



/* END TOP AREA SOCIAL MODULE */



/* TOP BANNER MODULE CSS */



.moduletable_topbanner	{



	margin-top:0px;



	margin-bottom:5px;



	width:97%;



	margin-left:auto;



	margin-right:auto;



	}



.moduletable_topbanner img	{



	width:100%;



	height:auto;



	}



/* END TOP BANNER MODULE CSS */



/* RIGHT AREA POLL MODULE */



.moduletable_poll	{



	border-top:1px #000 solid;



	border-bottom:1px #000 solid;



	width:87%;



	margin:5px auto 5px auto;



	font-family:handbooklight;



	font-size:1.1em;



	clear:both;



	}



.moduletable_poll h3, .moduletable_poll h4	{



	margin:5px;



	padding:0;



}



.moduletable_poll a	{



	margin-left:5px;



	text-decoration:none;



	color:#000;



}



/* END RIGHT AREA POLL MODULE */



.moduletable_mainad	{



	margin-bottom:5px;



	}



.moduletable_mainad img	{



	width:100%;



	height:auto;



	}



	



/* TOP AREA RADIO MODULE */



.moduletable_radio	{



	width:100%;



	margin:0;



	}



/* FOOTER MENU */	



.moduletable_fmenu	{



	margin-top:10px;



	color:#fff;



	float:left;



	width:55%;



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



}



.moduletable_fmenu	ul	{



	padding:0;



	margin:0;



	border-top:1px #fff solid;



	width:90%;



}



.moduletable_fmenu	ul li	{



	list-style:none;



	color:#fff;



	font-family:pffuturalight;



	font-size:1em;



	text-indent:0;



}



.moduletable_fmenu	a	{



	text-decoration:none;



	color:#fff;



}



.moduletable_fmenu	a:hover	{



	text-decoration:none;



	color: #999;



}



/* END FOOTER MENU */	



/* FOOTER SOCIAL */	



.moduletable_fsocial	{



	margin-top:10px;



	color:#fff;



	width:25%;



	float:left;	



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



}



.moduletable_fsocial p	{



	border-top:1px #fff solid;



}



.moduletable_fsocial img	{



	margin-top:5px;



}



/* END FOOTER SOCIAL */	



/* FOOTER INFO */	



.moduletable_finfo	{



	margin-top:10px;



	color:#fff;



	width:50%;



	float:left;



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;         /* Opera/IE 8+ */



}



.moduletable_finfo p	{



	border-top:1px #fff solid;



	font-family:pffuturalight;



	font-size:1em;



}



/* END FOOTER INFO */	



/* RIGHT MODULE BAND OF THE WEEK */	



#right .moduletable_band	{



	width:90%;



	height:auto;



	background:url(../images/bandback.png) 0 0 no-repeat;



	background-size:100% 100%;



	color:#000;



	padding:5px 20px;



	margin:0 auto 0 auto;



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;



}



#right .moduletable_band p	{



	color:#000;



}



#right .moduletable_band h3	{



	font-size:2em;



	font-family:pffuturamedium;



	margin-bottom:5px;



}



#right .moduletable_band a	{



	color: #630;



	text-decoration:none;



	



	font-size:2em;



	font-family:pffuturamedium;



	margin-bottom:5px;



}



.latestnewsenhanced_133 .headleft	{



	float:none;



	margin:0 auto;



}



.picture	{



	margin:0 auto;



	}



.newsintro	{



	margin-bottom:20px;



	}



#right .moduletable_band a:hover	{



	color: #666;



	text-decoration:none;



}



/*#right .moduletable_band img	{



	float:left;



	width:25%;



	height:auto;



	margin:5px;



}*/



#right .moduletable_band strong	{



	font-family:pffuturamedium;



	font-size:2em;



	color: #900;



}



/* RIGHT MODULE BAND OF THE WEEK */	



/* RIGHT MODULE CURRENT ISSUE */	



#right .moduletable_current	{



	width:90%;



	height:auto;



	background:url(../images/current-back.png) 0 0 no-repeat;



	background-size:100% 100%;



	color:#000;



	padding:5px 20px;



	margin:0 auto 0 auto;



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



    -moz-box-sizing: border-box;    /* Firefox, other Gecko */



    box-sizing: border-box;



}



#right .moduletable_current p	{



	color:#000;



}



#right .moduletable_current h3	{



	font-size:2em;



	font-family:pffuturamedium;



	margin-bottom:5px;



	text-shadow:2px 2px 2px #94664d;



}



#right .moduletable_current a	{



	color: #630;



	text-decoration:none;



}



#right .moduletable_current a:hover	{



	color: #666;



	text-decoration:none;



}



#right .moduletable_current img	{



	float:left;



	width:auto;



	height:150px;



	margin-right:5px;



}



#right .moduletable_current .readmore	{



	clear:both;



	}



/* RIGHT MODULE CURRENT ISSUE */



/* MAIN AREA AND RIGHT AREA READ MORE BUTTONs */



#main .btn	{



	color:#F00;



	font-family:pffuturalight;



	font-weight:bold;



	font-size:1.5em;



	margin-top:20px;



}



#right .readmore a	{



	color:#F00;



	font-family:pffuturalight;



	font-weight:bold;



	font-size:1.5em;



	margin-top:10px;



}



/* END MAIN AREA AND RIGHT AREA READ MORE BUTTONS */



/* FACEBOOK COMMENTS DISCLAIMER */



.cmp_comments_container:before	{



	content:"Για να σχολιάσετε στο www.metalhammer.gr πρέπει να έχετε πραγματοποιήσει είσοδο σε ενεργό προσωπικό λογαριασμό του Facebook. Με την είσοδό σας στο λογαριασμό θα μπορείτε να δημοσιεύσετε σχόλια. Τα σχόλια και οι δημοσιεύσεις των χρηστών δεν αντικατοπτρίζουν τις απόψεις του Metal Hammer. Το Metal Hammer δεν υποστηρίζει ούτε εγγυάται την ορθότητα και την εγκυρότητα των σχολίων των χρηστών. Επίσης, το Metal Hammer διατηρεί το δικαίωμα να διαγράψει σχόλια και δημοσιεύσεις που θεωρεί προσβλητικά, δυσφημιστικά, ρατσιστικά, ομοφοβικά ή απειλητικά, παράνομα ή ακατάλληλα και να μπλοκάρει χρήστες που παραβιάζουν τα παραπάνω.";



	font-family:'Open Sans Condensed', sans-serif;



	font-size:12px;



	text-align:left;



	margin-bottom:10px;



}



.cmp_comments_container	{



	text-align:justify!important;



	margin-top:20px!important;



	}



/* END FACEBOOK COMMENTS DISCLAIMER */



.page-header	h1	{



	display:none;



	}



#googleads	{



	width:768px;



	padding:0;



	margin:0 auto 0 auto;



	}



#googleads:empty	{



	display:none;



	}



.pollstableborder	{



	width:300px;



	}



#right .moduletable_banner	{



    width: 70%;



	padding:0px;



	margin:0 auto 0 auto;



	}



#right .moduletable_banner img	{



	width:100%;



	height:auto;



	}



/* FORM CSS */



#chronoform_best_2013	input	{



	width:100%;



	border:#000033 1px solid;



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



	-moz-box-sizing: border-box;    /* Firefox, other Gecko */



	box-sizing: border-box;    



	}



	



#chronoform_best_2013	textarea	{



	width:100%;



	border:#000033 1px solid;



	padding:0;



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



	-moz-box-sizing: border-box;    /* Firefox, other Gecko */



	box-sizing: border-box;  



	}



	



#chronoform_best_2013	img	{



	text-align:center;



	background-color:#ffffff;



	margin-top:5px;



	border:#000033 1px solid;



	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



	-moz-box-sizing: border-box;    /* Firefox, other Gecko */



	box-sizing: border-box;    



	}



#main .Chronoform u	{



	text-decoration:none;



}



/* AFTER MODULE BANNER */



.pagenav li	{



	color:#000;



	list-style:none;



	display:inline-block;



	font-weight:bold;



	margin:0 10px 0 10px;



	background-color:#CCC;



	padding:5px;



	border:1px #000 solid;



}



.pager li 	{



	font-family:'pffuturamedium'!important;



	color:#000!important;



	font-size:1em;



}



.blog-featuredhome	img, .blog img	{



	width:100%;



	height:auto;



	display:block;



	/*float:left;*/



	/*margin-right:10px;*/



	border:1px #000 solid;



}



.blog-featuredhome .readmore	{



	clear:both;



}



/* NARROW MENU NO DISPLAY */



.moduletable_narrow	{



	display:none;



	}



.cmp_comments_container	{



	width:99%!important;



	}



/* MARKET RESEARCH FORM CSS */



.cfdiv_checkboxgroup label, .cfdiv_radio label	{



	margin-right:15px;



}



.cf_container ccms_form_element scales	{



	border-bottom:1px #666 solid;



}



#hammer_frequency_container_div, 



#find_hammer1_container_div, 



#cf_container_16, 



#price1_container_div, 



#digital_maga1_container_div, 



#digital_price1_container_div, 



#magazine_extras1_container_div, 



#cf_container_27, 



#cf_container_31, 



#grade1_container_div, 



#layout1_container_div, 



#metal_genres1_container_div, 



#genre_more1_container_div, 



#genre_less1_container_div, 



#articles_more1_container_div, 



#hammer_news1_container_div, 



#next_articles1_container_div, 



#other_stuff1_container_div, 



#website_freq1_container_div, 



#extra_web_service1_container_div, 



#cf_container_69, 



#hammerland_order1_container_div, 



#eshop_products1_container_div, #hammer_radio1_container_div, 



#radio_freq1_container_div, #tvwar_freq1_container_div, #hammer_events1_container_div, #cf_container_86, #rate1_container_div, #education1_container_div	{



	border-bottom:#666 1px solid;



}



.chronoform	{



	display:none;



}



#chrono_verification1_container_div	img	{



	width:auto!important;



	height:auto!important;



	border:none!important;



	



}



.element-invisible {display:none;}



.moduletable_headlines {background-color:#000;}







@media all and (max-width: 768px)	{



	#logo	{width:100%; min-height:178px; float:none!important;text-align:center;}



	#main	{width:100%!important;padding:0 25px;}	



	#container	{width:99%!important;}



	#right	{width:99%!important;}



	html, body	{font-size:1em;}



	#logoside	{width:100%;height:auto; float:none; margin:10px auto 0 auto;text-align:center;}



	#logoside .inputbox {width:80%; height:40px;padding:10px;}



	#logoside .button	{height:40px;}



	#right .moduletable_band	{padding:5px 30px;clear:both;}



	#right .moduletable_banner {text-align:center;width:50%;float:left; box-sizing:border-box;}



	#right .moduletable_banner img	{width:auto;}



	#right .ext-advertisement	{text-align:center;clear:both;}



	.blog-featuredhome img, .blog img {width:auto;max-width:100%;}



	.moduletable_menu	{text-align:center;}



	.moduletable_menu li	{margin:0 15px 10px 0;}



}



@media all and (max-width: 480px)	{



	#right .moduletable_banner {text-align:center;width:100%;float:none; box-sizing:border-box;}



	#logo	{background:none;}



	#menu	{background:none;}



	.moduletable_menu ul	{margin:0;}



	.moduletable_menu li	{margin:0 0 10px 0;}



	#fpssContainer88.fpss-template-movies .slides-wrapper	{display:none;}



	#fpssContainer88.fpss-template-movies .navigation-wrapper	{width:100%;}



	#fpssContainer88.fpss-template-movies .navigation-thumbnail	{width:50px;height:50px;}



	html, body	{background:none;}



	#logoside	{padding:0;}



}



.pwrdbyggl, .rh22	{display:none!important;}