/* ------ LIST ELEMENTS ------ */
@font-face { font-family: "imageTitle";
 src: url("http://mongoltolbo.com/mainten/font/Diavlo_LIGHT_II_37.otf") }
 
 
ol, ol ul, ul ol,ul ul, ol ol {
	margin:0 0 10px 0px;
	counter-increment:ordered;
	list-style-position:inside;
	list-style-type:decimal;}
ul, ul li, div .comments li li {
	margin:0 0 10px 0px;
	counter-increment:ordered;
	list-style-position:outside;
	list-style-type:decimal;}
ol,p,ul,hr {display:block;}
a { color:black; outline:none;}
a:link{color:#FFF; }
a:visited{color:#EEE;}
a img{border:none}
*{outline:none}
.clr{clear:both;}
.clearfloat {clear:both; height:0px;line-height:0px;}	

/* Main divisions---------------------------------------------*/

body{background-color:#000;	color:#CCC;
	font:12px Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
	margin:0; 	padding:0}
#changeBack{background-attachment:fixed;}
.container {width:100%; height:100%;}   
#mainContent {
	top:39px; left:0px; bottom:0px; right:0px;
	position: relative;}
#copyright {color:#000; float:right;
	margin:0px; padding:0; position:absolute}
#aboutContainer{
	background-color:rgb(0,0,0) !important;
	background:url(../images/panel_text_bg.png);
	opacity:0.7;
	filter:alpha(opacity=70);
	border: 1px solid #111;
	box-shadow:15px 15px 50px #111;
	-webkit-box-shadow:15px 15px 50px #111;
	-moz-box-shadow:15px 15px 50px #111;
	border-radius:200px 45px 220px 25px; 
	-moz-border-radius:200px 45px 220px 25px; 
	-webkit-border-radius:100px 100px ;
	top:0; left:0; right:0; bottom:0;
	width:680px; height:660px; margin: 50px auto;
	position: absolute;}
/* --------------------------- */
#logo_browse{
	top:70px;left:70px;
	margin:0; position: absolute;}
.aboutbox{
	top:40px; left: 190px; width:490px;
	margin:  10px;
	padding: 10px 0 10px 20px;
	border-left:5px solid #000;
	position:absolute;}
.about_{ 
	font-size:80px; /*"imageTitle",Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;*/
	color:#AAD1FF; padding: 0 0 0 30px}
.cpy{
	width:180px;
	padding:0 5px;
	font:12px Trebuchet ms, Tahoma, Verdana;
	color:#AAD1FF;}
.cpw {float:right;width:330px;
	font:12px Trebuchet ms, Tahoma, Verdana;
	color:#aaa; 
	padding: 0 10px}

/*Social Links -------------------------------------*/
#buttonlinks img {border:none;}
#buttonlinks a.butt {display:inline;	width: 24px;height:24px;float: left; margin:0 1px;}
#buttonlinks a:hover {filter:alpha(opacity=60);		opacity: 0.60;	}
#buttonlinks a.facebook { background:url(../images/social/facebook_24.png)}
#buttonlinks a.twitter { background:url(../images/social/twitter_24.png) }
#buttonlinks {top:7px;right: 165px;position: fixed;display:none;z-index:50}

/* Navigation ---------------------------*/
#nav a.pandora { background:url(../images/social/pandora_24.png) no-repeat center}
#nav a.fl { background:url(../images/social/flickr_24.png) no-repeat center}
#nav a.butt {display:inline;width: 27px;height: 27px;float: left; margin:0 2px;}
#nav a:hover {filter:alpha(opacity=60);	opacity: 0.6;}
#nav a.last { background:url(../images/last.png) }
#nav a.next { background:url(../images/next.png)}
#nav a.commentinfo { background:url(../images/commentinfo.png)}
#nav a.prev { background:url(../images/prev.png)}
#nav a.first {background:url(../images/first.png) }
#nav a.emailme {background:url(../images/emailme.png) }
#nav a.audio {background:url(../images/audio.png) }
#nav a.about {background:url(../images/about.png) }
#nav a.rss {background:url(../images/rss.png) }
#nav {top:6px;left:220px;position: fixed;z-index:50}	

@font-face { font-family: "imageTitle";
 src: url("http://mongoltolbo.com/mainten/font/Diavlo_LIGHT_II_37.otf") }
 /*mongoltolbo--------------------------*/
#headername {top:9px;left: 10px; position: fixed;	z-index:50}
#headername a{
	padding: 1px 4px;float:left; 
	font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
	font-size:13px;
	color:#252525;font-weight:bold;text-decoration:none;
	text-shadow: rgba(255, 255, 255, 0.6) 0px -1px;} 
/*Links -------------------------------------------*/
#headerbox {background: url(../images/tophbg.png) repeat-x;
	background-color:rgba(255,255,255,0.8);
	top:0px;left:105px;right:105px;height:39px;	position:fixed;	z-index:10;}
#leftheaderbox {background: url(../images/tophbg.png) repeat-x;
	top:0px;left:0px;width:105px;height:39px;	position:fixed;	z-index:10;}
#rightheaderbox {background: url(../images/tophbg.png) repeat-x;
	top:0px;right:0px;width:105px;height:39px;	position:fixed;	z-index:10;}
	
#rightlinks,#leftlinks { top:11px; position:fixed; z-index:50}
#rightlinks a,#leftlinks a{
	padding:0 5px; margin:0 3px;float:left;
	font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif; 
	font-size:13px; color:#333; 
	text-shadow: rgba(255, 255, 255, 0.3) 0px 1px; 
	text-decoration:none}
#rightlinks a:link,#rightlinks a:visited,
#leftlinks a:link,#leftlinks a:visited{ color:#222}
#rightlinks a:hover{ background-color:#888;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;color: #222}
#leftlinks a:hover{ background-color:#CCC;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;color: #333}
#rightlinks a:active,#leftlinks a:active{ border:none;color: #333;}

#leftlinks {left:110px}
#rightlinks{right:5px}
	
#lefttop {background:url(../images/cornershadow.png) no-repeat;
	left:0px;top:0px; width:300px;height:300px;position: fixed}
#righttop {background:url(../images/cornershadow90.png) no-repeat;
	right:0px;top:0px; width:300px;height:300px;position: fixed}
#rightbottom {background:url(../images/cornershadow180.png) no-repeat;
	right:0px;bottom:0px; width:300px;height:300px;position: fixed}
#leftbottom {background:url(../images/cornershadow270.png) no-repeat;
	left:0px;bottom:0px; width:300px;height:300px;position: fixed}
#leftside {background:url(../images/leftside.png) repeat-y;
	left:0px;bottom:300px;top:300px;;width:300px;position: fixed}
#topside {background:url(../images/topside.png) repeat-x;
	left:300px;top:0px; right:300px;height:300px; position: fixed}
#rightside {background:url(../images/rightside.png) repeat-y;
	right:0px;top:300px; bottom:300px;width:300px;position: fixed}
#bottomside {background:url(../images/bottomside.png) repeat-x;
	left:300px;bottom:0px; right:300px;height:300px;position: fixed}