/* -----------------------------------
Designed by ModBlackmoon / 2010, HTML+CSS3.
http://modblackmoon.narod.ru/
----------------------------------- */

* { margin: 0; padding: 0 }

body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 13px;
 background-color: #393939;
 background: url('images/mb_gr_bg.gif');
 color: #666666;
 margin: 0; padding: 0; }

a:link, a:visited { color: #c4c4c4; text-decoration: none; font-weight: bold; }
a:hover, a:active, a:focus { text-decoration: none; color: #ffffff; font-weight: bold; }

h1 { 
	width: 592px;
	font-size: 17px; 
	font-weight: bold; 
	color: #9c9c9c; 
	background-color: #121212; 
	padding: 8px 18px; 
	margin: 0 auto 5px auto;
	border: 1px solid #1c1c1c;
		box-shadow: 0 0 8px #000; 
		box-shadow: 0 0 8px rgba(0,0,0,1.0); 
		-moz-box-shadow: 0 0 8px rgba(0,0,0,1.0); 
		-webkit-box-shadow: 0 0 8px rgba(0,0,0,1.0);
}

h3 {
	font-size: 14px;
	text-align: center;
	margin: 18px;
	padding: 8px;
	clear: both;
	border-bottom: 2px solid #444;
}

h2 { 
font-size: 16px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight: bold; 
color: #9c9c9c; 
background-image:url(images/mb_header_article.gif);
background-color: #222; 
padding: 7px 7px 7px 17px; 
margin: 0 auto;
border: 1px solid #1b1b1b;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
   box-shadow: 0 3px 6px #444; 
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.6); 
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.6); 
}

/*h span {
font-size: 8px;
color: #999999;
text-transform: uppercase;
float:right;
font-weight: normal;
margin: auto 0;
padding: 7px 7px 7px 0; 
}*/

h5 {
	width: 300px;
	font-size: 13px;
	text-align: center;
	margin: 12px 18px;
	padding: 4px;
	clear: both;
	border-bottom: 2px solid #444;
}

acronym { border-bottom: 1px dashed #939393; cursor: help; }

#wrapper { 
 margin: 25px auto;
 width: 960px;
 background: url('images/mb_main_bgr.gif');
 border: 4px solid #000;
	 box-shadow: 0 0 10px #000; 
	 box-shadow: 0 0 12px rgba(0,0,0,1.0); 
	 -moz-box-shadow: 0 0 12px rgba(0,0,0,1.0); 
	 -webkit-box-shadow: 0 0 12px rgba(0,0,0,1.0); 
}

#header {
 width: 960px; height: 127px;
 float: left;
 color: #333;
 margin: 0 auto;
 background: url('images/mb_headerg.gif');
 position: relative; 
}

#top_nav_panel {
 color: #333;
 width: 756px; height: 38px;
 float: left;
 padding: 0 0 0 204px; margin: 0 auto;
 background: url('images/top_nav_ver2.gif'); }

#header #mb_site_tile {
 width: 498px;
 color: #333;
 float: left;
 margin: 0 auto; padding: 8px 0 0 150px; }

#mb_site_tile span { visibility: hidden; }
#mb_site_tile a { display:block; width: 398px; height: 108px; }

#navigation {
 float: left;
 width: 960px;
 color: #939393;
 padding: 0; margin: 0 auto;
}

/*  ----------------------------------- Extras START ----------------------------------- */

#header #mb_extras_panel {
width: 102px; height: 38px;
float: left;
color: #e8e8e8;
padding: 0 0 0 122px;
}

#mb_extras_panel a { font-size: 10px; padding-left: 5px;}

#lang_btn,#lang_btn li {
width: 43px;
margin: 0; padding: 0;
list-style: none;
display: inline;
}

#lang_btn li a {
width: 43px; height: 22px;
background:top left no-repeat;
display: block;
text-decoration: none;
float: right;
padding: 0 3px;
}

#lang_btn li a.english { background-image:url(images/mb_lang_en.gif); }
#lang_btn li a.russian { background-image:url(images/mb_lang_ru.gif); }
#lang_btn li a:hover { background-position:bottom left; }
#lang_btn li a span { visibility:hidden; }

/* ----------------------- Extras PARTS End ------------------- */

#leftcolumn { color: #939393; width: 151px; float: left; }

#content { 
	width: 646px;
	float: left;
	color: #7c7c7c;
	margin: 0 auto;
	padding: 11px 18px 11px 14px;
	text-align: justify;
}

#content a {color: #9d9d9d; }
#content a:hover {color: #fff; }

#rightcolumn { 
 color: #939393;
 margin: 0 auto; padding: 270px 0 0 0;
 width: 131px;
 float: left;
}

#footer { 
 width: 960px; height: 51px;
 clear: both;
 color: #333;
 margin: 0 auto; padding: 0;
 background: url('images/mb_footer.gif');
}

#copyright { font-size: 11px; padding-top: 33px; color: #939393; }

/*  ----------------------------------- ARTICLE PARTS START ----------------------------------- */

.article_wrapper {
	width: 624px;
	height: 366px;
	margin: 16px auto; padding: 0; 
	background: url('images/mb_art_bgr.gif');
	clear: both;
	position: relative;
	border: 1px solid #161616;
		box-shadow: 0 0 5px #000; 
		box-shadow: 0 0 7px rgba(0,0,0,0.5); 
		-moz-box-shadow: 0 0 7px rgba(0,0,0,0.5); 
		-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5); 
}

.article_wrapper img {
	float: left;
	margin: 14px;
	border: 1px solid #2c2c2c;
		box-shadow: 0 0 7px #000; 
		box-shadow: 0 0 7px rgba(0,0,0,0.6); 
		-moz-box-shadow: 0 0 7px rgba(0,0,0,0.6); 
		-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.6); 
}

.article_wrapper img:hover { border: 1px solid #494949; }

.article_wrapper p {
    padding: 18px;
    text-align: left; text-indent: 15px; }

.article_minibox p {
	width: 140px;
	font-size: 11px;
    padding: 18px;
    text-align: right;
	text-indent: 15px;
	position: absolute; right: 1px; top: 34px; }

.article_minibox {
	width: 300px; height: 290px;
	margin: 8px 12px 16px 9px; padding: 0;
	background: url('images/mb_art_bgr.gif');
	float: left;
	position: relative;
	border: 1px solid #161616;
		box-shadow: 0 0 5px #000; 
		box-shadow: 0 0 7px rgba(0,0,0,0.5); 
		-moz-box-shadow: 0 0 7px rgba(0,0,0,0.5); 
		-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5); 
}

.article_minibox img { float: left; margin: 14px;}

.intro_imagebox {
width: 590px; height: 158px;
float: none;
margin: 0 auto; }

.intro_imagebox img { float: left; }
.intro_imagebox p { text-align: left; text-indent: 15px; }

/*  -------------- ACTIONS START --------------- */

.action_panel {
	margin: 0 5px 0 0; padding: 0;
	position: absolute; bottom: 2px; right: 2px; }

.action_btn,.action_btn li {
width: 140px; 
margin:0; padding:0;
list-style: none;
}

.action_btn li a {
width: 140px; height: 35px;
background:top left no-repeat;
display: block;
text-decoration: none;
float: right;
}

.action_btn li a.download { background-image:url(images/act_downl.gif); }
.action_btn li a.preview { background-image:url(images/act_prev.gif); } 
.action_btn li a.tutorial { background-image:url(images/act_tut.gif); }
.action_btn li a:hover { background-position:bottom left; }
.action_btn li a span { visibility:hidden; }


.action_tooltip,.action_tooltip li {
width: 134px;  
margin:0; padding:0;
list-style: none;
display: inline; }

.action_tooltip li a {
width: 134px; height: 28px; 
background:top left no-repeat;
display: block;
text-decoration: none;
float: left; }

.action_tooltip li a.preview { background-image:url(images/act_TR_prev.png); }
.action_tooltip li a.download { background-image:url(images/act_TR_downl.png); }
.action_tooltip li a:hover { background-position:bottom left; }
.action_tooltip li a span { visibility:hidden; }

/* --------ACTIONS END --------------*/

/* --------Menu Headers START---------------*/
.menulist {
	margin: 0 auto;
	padding-top: 6px;
	padding-bottom: 6px;
	list-style-type: none;
}

#navtitle {
	height: 19px;
	width: 151px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	background: url('images/mb_navtitle_ver2.gif');
}
#navtitle span { visibility: hidden; }

#desktop_themes {
	height: 34px;
	width: 151px;
	margin: 0 auto; padding: 0;
	list-style-type: none;
	background: url('images/mb_desktop.gif');
}
#desktop_themes span { visibility: hidden; }

#design_themes {
	height: 49px;
	width: 151px;
	margin: 0 auto; padding: 0;
	list-style-type: none;
	background: url('images/mb_designs.gif');
}
#design_themes span { visibility: hidden; }

#private_themes {
	height: 49px;
	width: 151px;
	margin: 0 auto; padding: 0;
	list-style-type: none;
	background: url('images/mb_private.gif');
}
#private_themes span { visibility: hidden; }

/* -----------------------------------
Menu Headers END
-----------------------------------*/

#ads_bar {
width: 120px;
height: 600px;
margin: 0 auto;
padding: 0 7px 0 0;
float: right;
}

#banners_bar { width: 90px; margin: 30px auto; }
#banners_bar img { border: 1px solid #000; padding: 1px; }

/* -----------------------------------
Navigation Buttons START
-----------------------------------*/

.nav,.nav li {
width: 151px;
margin:0; padding:0;
list-style: none;
}

.nav li a {
width: 151px;
height: 23px;
background:top left no-repeat;
display: block;
text-decoration: none;
}

.nav li a.curxp { background-image:url(images/mb_butt_cur.gif); }
.nav li a.iconp { background-image:url(images/mb_butm_icons.gif); }
.nav li a.wba { background-image:url(images/mb_butm_wba.gif); }
.nav li a.wallps { background-image:url(images/mb_butb_wallp.gif); }
.nav li a.b_art { background-image:url(images/mb_butt_art.gif); }
.nav li a.logos { background-image:url(images/mb_butm_logos.gif); }
.nav li a.fonts { background-image:url(images/mb_butm_fonts.gif); }
.nav li a.webdis { background-image:url(images/mb_butb_webdis.gif); }
.nav li a.resources { background-image:url(images/mb_butt_res.gif); }
.nav li a.tuts { background-image:url(images/mb_butm_tuts.gif); }
.nav li a.abt { background-image:url(images/mb_butb_abt.gif); }
.nav li a:hover { background-position:bottom left; }
.nav li a span { visibility:hidden; }

/* -----------------------------------
Top Navigation Buttons START
-----------------------------------*/

#top_nav,#top_nav li {
margin:0;
padding:0;
display: inline;
list-style: none;
}

#top_nav li a {
height: 38px;
background:top left no-repeat;
display: block;
text-decoration: none;
float: left;
}

#top_nav li a.news { background-image:url(images/top_btn_news_h.gif); width: 120px; }
#top_nav li a.metalfan { background-image:url(images/top_btn_metalfanw.gif); width: 158px; }
#top_nav li a.other { background-image:url(images/top_btn_other.gif); width: 155px; }
#top_nav li a.folio { background-image:url(images/top_btn_folio.gif); width: 122px; }
#top_nav li a:hover { background-position:bottom left; }
#top_nav li a span { visibility:hidden; }

/* -----------------------------------
Gallery Start
-----------------------------------*/

.gallery_box {
width: 96%;
padding: 5px;
margin: 0 auto;
clear: both;
text-align: center;
}

.gallery_intro { text-indent: 15px; margin: 16px 0; clear:both; }
.gallery_intro p { padding: 8px 16px; }

.gallery_thumb {
padding: 0;
margin: 6px;
text-align: center;
float: left;
	box-shadow: 0 0 10px #000; 
	box-shadow: 0 0 10px rgba(0,0,0,.7); 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.7); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.7);
}

.gallery_thumb img {
padding: 0;
margin: 0 auto;
border: 1px solid #3c3c3c;
}

.gallery_thumb img:hover {
padding: 0;
margin: 0 auto;
border: 1px solid #6e6d6d;
 transform: scale(1.1);
-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);
}

.gallery_thumb p {
padding: 0;
margin: 0 auto;
border: 2px solid #494949;
font-weight: bold;
}

/* 
-----------------------------------
Additional Sections Start
-----------------------------------
*/

.sections {
   text-align: center;
   list-style-type: none;
   padding: 10px;
   margin: 8px;
   font-size: 12px;
   text-transform:uppercase;
}

.sections li { display: inline; }

.sections a:link, .sections a:visited {
   padding: 10px;
   border: 1px solid #4a4a4a;
   background-color: #000000;
   height: 20px;
   color: #CCC;
}

.sections a:hover { background-color: #333; color: #FFF; }

/* 
-----------------------------------
Additional Sections End
-----------------------------------
*/

#breadcrumbs {
width: 500px; height: 13px;
margin: 0 auto; padding: 0 6px;
font-size: 10px; font-weight: normal; line-height: 13px;}
#breadcrumbs span.current {padding: 1px 3px; border: 2px solid #4b4b4b;}

#breadcrumbs a { color :#999; }
#breadcrumbs a:hover { color :#FFF; }

.simple_list, .simple_list li { list-style: none; }

/* temporary */

.article_flex { clear: both; padding: 0; }

.article_flex img { 
float: left;
margin: 14px;
border: 2px dashed #4b4b4b;
}

.article_tutorial { text-indent: 15px; padding: 0; margin: 16px 0; clear:both; }
.article_tutorial img { margin: 6px; border: 2px dashed #4b4b4b; }

.notes {
width: 80%;
margin: 10px auto;
padding: 6px;
color: #9c9c9c;
border: 1px solid #9c9c9c;
}

/* 
-----------------------------------
front page
-----------------------------------
*/

.front_section {
width: 318px;
margin: 0;
padding: 0;
float:left;
}

.front_section p { font-size: 11px; padding: 2px 12px 12px 12px; }

.tmp_adv { margin: 6px; float: right; clear: both; }

.tmp_adv_divider {
width: 100%;
height: 60px;
margin: 10px auto;
text-align: center;
float: right;
clear: both;
}

/* TESTING 2012 */

.descriptions {
	text-align: center;
	background: #000;
	border: dashed 1px #333;
	position: absolute; bottom: 10px; left: 10px; z-index: 20;
	color: #bdbdbd;
	padding: 4px;
	display: none;
	width: 90%;
	   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
	   -moz-opacity: 0.8; /* Mozilla */
	   -khtml-opacity: 0.8; /* Safari 1.x */
	   opacity: 0.8; /* Good browsers */
	 box-shadow: 0 0 8px #000; 
     -moz-box-shadow: 0 0 8px rgba(0,0,0,0.6); 
     -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6); 
}

.img_block { position: relative; float: left; }
.img_block:hover .descriptions { display: block; cursor:help; }
.img_block p { margin: 0; }

.web-gallery_item { /* wrapper of the gallery item div */
width: 312px; height: 212px;
float: left;
margin: 9px 4px;
position: relative;
border: 1px solid #252525;
 box-shadow: 0 0 8px #000; 
 -moz-box-shadow: 0 0 8px rgba(0,0,0,0.6); 
 -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6); 
}

.web-gallery_item:hover {
border: 1px solid #393939;
 box-shadow: 0 0 9px #000; 
 -moz-box-shadow: 0 0 9px rgba(0,0,0,0.7); 
 -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.7); 
}

.descriptions h6 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px; font-weight: bold; text-transform:uppercase;
color: #666; 
clear:both; }

.descriptions span {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; font-weight: bold;	text-transform:uppercase;
	color: #555; }

.descriptions h6:hover { color:#FFF; }

/*THUMBNAILS */

p.gallery_th {
	position: relative;
	float: left;
	padding: 0;
	margin: 7px 4px;
	border: 1px solid #3c3c3c;
		box-shadow: 0 0 5px #000; 
		box-shadow: 0 0 5px rgba(0,0,0,0.7); 
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.7); 
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.7);
}

p.gallery_th:hover {border: 1px solid #6e6d6d;}

span.description {
	text-align: center;
	font-size: 13px;
	background-color: #000;
	color: #808080;
	position: absolute; bottom: 4px; left: 4px; z-index: 20;
	display: none;
	width: 80%;
	padding: 5px;
		opacity: 0.8;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
			box-shadow: 0 0 5px #000; 
			box-shadow: 0 0 5px rgba(0,0,0,0.7); 
			-moz-box-shadow: 0 0 5px rgba(0,0,0,0.7); 
			-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.7);
			
}

p.gallery_th:hover span.description { display: block; z-index: 20; }

/*THUMBNAILS END*/

.divider {clear:both;}

.font_screen_box {
	width: 600px;
	margin: 26px auto;
	padding: 0; 
	clear: both;
	position: relative;

	}
	.font_screen_box img {clear: both; margin: 0 auto; padding: 0;
		box-shadow: 0 0 5px #000; 
		box-shadow: 0 0 7px rgba(0,0,0,0.5); 
		-moz-box-shadow: 0 0 7px rgba(0,0,0,0.5); 
		-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5); 
	}
	
	.font_tooltip,.font_tooltip li {
width: 134px;  
margin:0;
padding:0;
list-style: none;
display: inline;
}

.font_tooltip li a {
width: 134px; 
height: 28px; 
background:top left no-repeat;
display: block;
text-decoration: none;
float: right;
}

.font_tooltip li a.preview { background-image:url(images/act_TR_prev.png); }
.font_tooltip li a.download { background-image:url(images/act_TR_downl.png); }
.font_tooltip li a:hover { background-position:bottom left; }
.font_tooltip li a span { visibility:hidden; }

.pages {width: 90%; display: block; float: left; clear: both; list-style: none; padding: 0; margin: 8px 20px; text-indent: 0; }
.pages li {padding: 8px 12px; margin: 5px; float: left; background-color: #000;
	box-shadow: 0 0 6px #000; 
	box-shadow: 0 0 6px rgba(0,0,0,.5); 
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.5); 
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.5); }
	
.ribbon_sold { width: 72px; height: 61px; 
position: absolute; top: -5px; right: -7px; z-index: 10;
background-image:url('images/ribbon_sold.png'); }

.ribbon_50usd { width: 72px; height: 61px; 
position: absolute; top: -5px; right: -7px; z-index: 10;
background-image:url('images/ribbon_50usd.png'); }

.ribbon_80usd { width: 72px; height: 61px; 
position: absolute; top: -5px; right: -7px; z-index: 10;
background-image:url('images/ribbon_80usd.png'); }

.ribbon_120usd { width: 72px; height: 61px; 
position: absolute; top: -5px; right: -7px; z-index: 10;
background-image:url('images/ribbon_120usd.png'); }

.ribbon_150usd { width: 72px; height: 61px; 
position: absolute; top: -5px; right: -7px; z-index: 10;
background-image:url('images/ribbon_150usd.png'); }

code {
	font-size: 14px; color: #696; background-color: #000; border: 1px solid #333; line-height: 1.1; }