/* CSS Document */

@font-face {
    font-family: 'Courier-Sans-Regular';
    src: url('../fonts/couriersans-webfont/CourierSans-Regular/fonts/CourierSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/couriersans-webfont/CourierSans-Regular/fonts/CourierSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/couriersans-webfont/CourierSans-Regular/fonts/CourierSans-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/couriersans-webfont/CourierSans-Regular/fonts/CourierSans-Regular.ttf')    format('truetype');
}

body {font-family:'Courier-Sans-Regular','Helvetica', Arial, Courier New, Courier, monospace; letter-spacing:2px; text-align:center; font-size:18px; color:#666; background:#000; text-transform:lowercase;
padding:100px 0 0 0;}

#meta  {visibility:hidden; height:0; width:0; margin:0; position:fixed;}

#top, #bottom, #left, #right {
	background-color:rgba(255,255,255,.4);
	position: fixed;
	z-index:9999;
	}
	
#left, #right {
		top: 0; bottom: 0;
		width: 15px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
#top, #bottom {
		left: 0; right: 0;
		height: 15px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
		
#topleft {position:fixed; top:20px; left:25px; display:block; z-index:9999; color:#fff;}
#topleft .tag p {border-color:#fff; display:inline-block;}
#topleft .tag a {color:#fff;}
			
#bottomright {position:fixed; bottom:20px; right:25px; display:block; z-index:9999; cursor:pointer; color:#fff;}
#bottomright .tag p {border-color:#fff;}
#bottomright .tag a {color:#fff;}
			
/*.container {position:relative; width:auto; height:auto; margin: 150px 150px 150px 150px; background:none; text-align:center; min-width:250px;}*/

.container {width:470px;
    height:300px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-150px 0 0 -235px;}

#containerabsolute {position:absolute; width:100%; height:auto; top:250px; background:none; overflow:hidden; z-index:9999;}

.clear {clear:both;}

.tag {position:relative; width:auto; height:auto; display:block; text-align:left; margin: 5px 0 15px 0;  white-space:nowrap; 
		/*background-color:rgba(255,255,255,.7);*/ z-index:9999;}
		/*border: #fff 1px solid; cursor:pointer;}*/

.tag a {cursor:pointer; text-decoration:none; border-bottom: 2px solid;}

.active {border-bottom:2px hidden; padding-top:2px;}	
		
.blocks {margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;}
		
.block {position:relative; width:25px; height:25px; display:inline-block; padding:20px; margin: 55px 15px 55px 15px;
		font-size:12px; background-color:rgba(255,255,255,.7); color:#000; z-index:9999; line-heigh:25px;
		-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius:50px; }
		
.block p {vertical-align:text-top; line-height:25%;}

#ir, #ir a {background:rgba(200,156,56,0.7); color:#8B1F21; text-decoration:none;}
#bb, #bb a {background:rgba(37,56,94,0.7); color:#88E7ED; text-decoration:none;}
#kcr, #kcr a {background:rgba(20,66,52,0.7); color:#74E7B3; text-decoration:none;}
#js, #js a {background:rgba(200,16,56,0.7); color:#FFCC66; text-decoration:none;}

@media only screen and (max-device-width: 480px) {
	
body {font-size:28px;}
	
	}