a img{border:none}
*{outline:none}
#panda {top: 35px; right:-360px;
    position:fixed;
    z-index:50;}
#flickr {top: 45px; right:-505px;
    background-image:url(../images/panel_text_bg.png);
    border:1px solid #666;
    position:fixed;
    z-index:50;}

/*frame Links -------------------------------------*/
#buttonframe a.butt {display:inline;    width: 24px;height:24px;float: left; margin:0 2px;}
#buttonframe a {filter:alpha(opacity=80);   opacity: 0.8;   }
#buttonframe a:hover {filter:alpha(opacity=99); opacity: 1; }
#buttonframe a.redb { background:url(../images/red.png)}
#buttonframe a.blackb { background:url(../images//black.png)}
#buttonframe a.lightwhite { background:url(../images/lightwhite.png)}
#buttonframe a.brownb { background:url(../images/brown.png)}
#buttonframe a.greenb { background:url(../images/green.png)}
#buttonframe a.darkblueb { background:url(../images/darkblue.png)}
#buttonframe {top:8px;right: 115px;position: fixed;display:none;z-index:50}

/*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 {top:7px;right: 165px;position: fixed;display:none;z-index:50}

/* Navigation ---------------------------*/
#nav a.twitter { background:url(../images/social/twitter_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.audio {background:url(../images/audio.png) }
#nav {top:6px;left:230px;position: fixed;z-index:50}    

 /*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,#leftheaderbox,#rightheaderbox   {position:fixed; z-index:10;top:0px;height:39px;}
#headerbox {background: url(../images/tophbg.png) repeat-x; background-color:#CCC; left:105px;right:105px;}
#leftheaderbox {background: url(../images/tophbg.png) repeat-x; left:0px;width:105px }
#rightheaderbox {background: url(../images/lefttophbg.png) repeat-x;  right:0px;width:105px;}
    
#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.4) 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}
/*change_wall Frame Colors-------------------------------------*/
#change_wall,#frame_color{ top:11px;right:115px; position:fixed; display:none;  z-index:50;}
#change_wall a{
    float:right; padding:0 5px;margin:0 3px;
    font:13px Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
    color:#333;text-decoration:none;
    text-shadow: rgba(255,255,255, 0.3) 0px 1px;}
    
#change_wall a:link,#change_wall a:visited{ color:#333}
#change_wall a:hover{ background-color:#CCC;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; color:#333}
#change_wall a:active{ border:none;color:#333}
    
.browseCategories{
    background-image:url(../images/panel_text_bg.png);
    top:270px;left:10px; min-height:500px;
    max-height:1000px;  width:255px;
    -moz-box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    box-shadow: 0 0 10px black;
    border:2px solid #333;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    position: fixed}
#tag_cloud a{ text-decoration:none}
#tag_cloud { background-image:url(../images/panel_text_bg.png);
    padding:4px 5px; margin:0;} 

/* Example Tag Cloud CSS Code: */
.tags00{ font-size: 11px !important;}
.tags01{ font-size: 12px !important;}
.tags02{ font-size: 13px !important;}
.tags03{ font-size: 11px !important;}
.tags04{ font-size: 11px !important;}
.tags05{ font-size: 12px !important;}
.tags06{ font-size: 13px !important;}
.tags07{ font-size: 12px !important;}
.tags08{ font-size: 11px !important;}
.tags09{ font-size: 13px !important;}
.tags10{ font-size: 15px !important;}
    
/* 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 {
    text-align:center;  margin:0; padding:0;
    top:39px; left:0px; bottom:0px; right:0px;
    position: absolute;}
#imageTitle{
    margin: 0px; padding:0px;
    width: 100%;
    text-align:center;
    font-size:18px; 
    color:#555;
    letter-spacing: 0px;
    position: absolute;
    z-index:50;}
#copyright {color:#000; float:right;
    margin:0px; padding:0; position:absolute}
#social_buttons{margin: 0px; padding:0px;
    float:right; position: absolute;}
#exif_information{margin: 0px; padding:0px;
    color:#000; float:left;
    position: absolute;
    text-decoration:none;}

#frameContainer{visibility: hidden; position:absolute;}
.fframe{}
.pos{position:absolute} 
.ftl{background: url(../frames/trans/fr_black_tl.png); top:0px; left:0px; width:40px; height:40px;}
.ft{ background: url(../frames/trans/fr_black_t.png);  top:0px; left:40px; right:40px;height:40px;}
.fb{ background: url(../frames/trans/fr_black_b.png);  left:40px;bottom:0px;right:40px;height:40px;}
.fl{ background: url(../frames/trans/fr_black_l.png);  top:40px; left:0px; bottom:40px;width:40px;}
.fr{ background: url(../frames/trans/fr_black_r.png);  top:40px; right:0px; bottom:40px;width:40px;}
.fbl{background: url(../frames/trans/fr_black_bl.png); bottom:0px; left:0px; width:40px;height:40px;}
.fbr{background: url(../frames/trans/fr_black_br.png); bottom:0px; right:0px;   width:40px; height:40px;}
.ftr{background: url(../frames/trans/fr_black_tr.png); top:0px;right:0px;width:40px;height:40px;}

#postImg { top:40px; left:40px;
    -moz-box-shadow:0 0 40px rgba(0, 0, 0, 1) inset; 
    -webkit-box-shadow:0 0 40px rgba(0, 0, 0, 1) inset;
    box-shadow:0 0 40px rgba(0, 0, 0, 1);
    position: absolute;}
#postImgMatt{
    top:40px; left:40px;right:40px; bottom:40px;
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5) inset; 
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5) inset;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.5) inset;
    position: absolute; }

#wall_light{top:0px;  position:absolute;}
#logo_pos{top:20px; left:60px; position:absolute;}  
#uigarjinlogo{border:none; float:right;display:none; position: absolute;}
#logo{border:none; top: 60px; right:-6px;float:right; position: absolute;}

/* --- LEFT PANEL CONTENT ----------------------------------------- */
#left_panel{background:url(../images/left_panelbg.png) repeat-y;
    margin:0px; width:580px;left:-536px; top:39px; bottom:0px;
    visibility:visible;
    float:left; position: fixed;z-index: 3}

.panel h1{
    height:35px; margin:7px 0 3px 5px; padding:0; color: #FFF;
    font:36px Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;}
.panel p.boxes{  background-image:url(../images/panel_text_bg.png);
    margin:0; padding:4px 5px; }

/* ------ LIST ELEMENTS ------ */
ol, ol ul, ul ol,ul ul, ol ol {
    margin:0 0 10px 0px;
    counter-increment:ordered;
    list-style-position:inside;}
ul, ul li {
    margin:0 0 10px 0px;
    counter-increment:ordered;
    list-style-position:outside;}
    
ol,p,ul,hr {display:block;}

/* --------------------------- */

a { color:black; outline:none;}
a:link{color:#FFF; }
a:visited{color:#EEE;}
.clr{clear:both;}
.clearfloat {clear:both; height:0px;line-height:0px;}   

/* Scroll Bar ---------------------------------------
#mycustomscroll {
    float:left; position:absolute; top:10px; bottom:0px; 
    margin:0; padding: 0px 9px; width: 518px;}*/
    
/* Scroll Bar Master Styling Starts Here */
/* Scroll Bar ---------------------------------------*/

#mycustomscroll {
    float:left; position:absolute; top:10px; bottom:0px; 
    margin:0; padding: 0px 9px; width: 518px;}
    
.scrollgeneric {line-height:1px; font-size:1px; position:absolute; top:0; left:0;}
.vscrollerbase,.vscrollerbar {width: 15px;}
.hscrollerbase,.hscrollerbar {height: 15px;}
.hscrollerbar {background:  url(images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;}
.vscrollerbar {background:  url(images/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;}
.vscrollerbar, .hscrollerbar {padding: 10px;z-index: 2;}
.vscrollerbarbeg {background: url(images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;width: 15px;height: 15px !important;}
.vscrollerbarend {background: url(images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;width: 15px;height: 15px;}
.hscrollerbarbeg {background: url(images/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;height: 15px;width: 15px !important;}
.hscrollerbarend {background: url(images/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;height: 15px;width: 15px;}
.scrollerjogbox {width: 15px;height: 15px;top: auto; left: auto;bottom: 0px; right: 0px; }
.vscrollerbase {background: url(images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;}
.vscrollerbasebeg {background: url(images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;width: 15px;height: 15px !important;}
.vscrollerbaseend {background: url(images/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;height: 15px;width: 15px;}
.hscrollerbase {background: url(images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;}
.hscrollerbasebeg {background: url(images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;height: 15px;width: 15px !important;}
.hscrollerbaseend {height: 15px;width: 15px;background: url(images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;}
.scrollerjogbox:hover {background:  url(images/basebarcaps_verticalbarbody.png) -45px -15px;}


#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}