@charset "UTF-8";
/*Styles for moginspace.us
	Styles for otaku section */

a:link, a:visited    { color:  #40C4E2; /*blue*/}
a:hover, a:active    { background-color: #1A3F47; /*dark rich blue*/}

body {
	background-color:#020331; /*navy blue*/
	color:#cff; /*light blue*/
	border-style:none;
	margin:0px; }

#welcome_blurb {
	width:700px;
	margin:10px auto 15px auto;
	font-family:georgia, arial;
	font-size:13pt;
	font-style:italic;
	text-align:center; }


/*Wallpapers*/
.wallpaper_table td {	padding-bottom:20px; }


/*Otaku Main Page*/
#otaku_top_row {
	width:804px;
	height:300px;
	margin:25px auto;
	position:relative;}

#quick_links {
	font: 10pt verdana;
	text-align:center;
	position:absolute;
	top:0; left:10px;
	width:205px;
	padding-top:7px;
	padding-bottom:5px;
	border:1px solid #035D79;/*darker aqua*/}

	#quick_links ul {
		list-style:none;
		text-align:left;
		margin:0px auto;
		padding:0px; }

		#quick_links ul li {padding-top:10px;}


	#moggal_btn, #mogpc_btn, #mogwall_btn, #sealab_btn, #loops_btn {
		overflow:hidden;
		display:block;
		position:relative;
		height:0px;
		padding-top:18px;
		margin-left:auto;
		margin-right:auto; }

	a#moggal_btn, a#moggal_btn:link, a#moggal_btn:visited {
		width:204px;
		background:url(http://moginspace.us/imgs/mog_gallery_btn.gif) 0 0 no-repeat;	}
	a#moggal_btn:hover, a#moggal_btn:active {
		background-position:0 -19px; }

	a#mogpc_btn, a#mogpc_btn:link, a#mogpc_btn:visited {
		width:69px;
		background:url(http://moginspace.us/imgs/my_pc_btn.gif) 0 0 no-repeat;	}
	a#mogpc_btn:hover, a#mogpc_btn:active {
		background-position:0 -19px; }

	a#mogwall_btn, a#mogwall_btn:link, a#mogwall_btn:visited {
		width:160px;
		background:url(http://moginspace.us/imgs/wallpapers_btn.gif) 0 0 no-repeat;	}
	a#mogwall_btn:hover, a#mogwall_btn:active {
		background-position:0 -18px; }

	a#sealab_btn, a#sealab_btn:link, a#sealab_btn:visited {
		width:134px;
		background:url(http://moginspace.us/imgs/sealab_btn.gif) 0 0 no-repeat;	}
	a#sealab_btn:hover, a#sealab_btn:active {
		background-position:0 -19px; }

	a#loops_btn, a#loops_btn:link, a#loops_btn:visited {
		width:77px;
		background:url(http://moginspace.us/imgs/loops_btn.gif) 0 0 no-repeat;	}
	a#loops_btn:hover, a#loops_btn:active {
		background-position:0 -18px; }

#wtf_is_otaku {
	position:absolute;
	top:175px; left:10px;
	width:205px; }


#my_pc_box {
	position:absolute;
	top:0; left:225px;
	width:200px;
	border:1px solid #035D79;/*darker aqua*/
	font: 10pt verdana;
	text-align:center;
	padding-top:7px;
	padding-bottom:10px;}

#geek_test {
	position:absolute;
	top:0; left:435px;
	width:355px;
	height:140px;
	border:1px solid #035D79;/*darker aqua*/
	text-align:center;
	padding:0px; }


	#geek_test table {
		width:100%; }

	td.cycle_button {
		width:40px;
		padding-top:5px;
		text-align:center;	}

	#geek_test button {
		height:40px;
		width:25px;
		text-align:center;}

	td.geek_test_text {
		height:100px;
		padding-top:5px;
		text-align:center;}

	#geek {	font: bold 13pt verdana;}

	#mog_march {
		position:absolute;
		width:355px;
		height:144px;
		top:160px; left:435px;
		border:1px solid #035D79;/*darker aqua*/
		text-align:center;
		padding-top:7px;
		padding-bottom:5px;}

		#mog_march img {
			float:left;
			margin-left:15px;
			margin-right:5px;
			margin-top:-17px;}

		td.mog_command {
			font:9pt verdana;
			width:70px;
			text-align:center;
			padding-top:10px;}

#otaku_bottom_row {
	width:804px;
	height:400px;
	position:relative;
	top:15px;
	margin:25px auto;}

	#wot {
		position:absolute;
		top:5px; left:5px;
		height:240px;
		width: 352px;
		border:1px solid #035D79;/*darker aqua*/
		font:10pt verdana;
		padding:5px;}
			#wot img {
				float:left;
				margin: 5px 10px auto auto; }

	#extra_area {
		position:absolute;
		top:290px; left:5px;
		width:352px;
		text-align:center;
		font:16pt georgia;
		color:#F50C42;}

		#extra_area #ct_fanfic_link{
			width:80px;
			text-align:center;
			vertical-align:middle;
			margin:auto auto auto 10px;
			float:left;
			font-size:8pt; }

	#punch_out {
		position:absolute;
		top:5px; right:10px;
		text-align:center;
		width:205px;
		height:400px;
		border:1px solid #035D79;/*darker aqua*/ }

		#punch_out table {margin:0 auto;}

	#external_links {
		position:absolute;
		top:5px; right:225px;
		text-align:center;
		width:205px;
		height:400px;
		font:10pt verdana;}

/*My PC*/
#my_pc_body {
	width:100%; height:1200px;
	margin:0 auto;}

	.pc_subtitle {
		font:bold 16pt verdana;
		text-decoration:underline;
		text-align:left;
		margin-left:23px;
		margin-top:.1em;
		margin-bottom:.1em;}

	.pc_row {
		width:100%;	height:300px;
		margin:0px auto 5px 0;}
		
	.pc_row_short{
		width:100%; height:230px;
		margin:0px auto 5px auto; }

		.pc_row img, .pc_row_short img {display:block;}
		
		.pc_row ul, .pc_row_short ul {	margin:0 auto;  }

		.pc_row ul li {
			list-style:none;
			float:left;
			width:183px;
			height:290px;
			margin-right:5px;
			padding-top:5px;
			text-align:center; }

		.pc_row_short ul li {
			list-style:none;
			float:left;
			width:183px;
			height:225px;
			margin-right:5px;
			padding-top:5px;
			text-align:center;	}

		.pc_row ul li p, .pc_row_short ul li p{
			margin:9px auto auto auto;
			width:90%;
			font:8pt verdana;
			text-align:left;
			text-decoration:none; }

/*Loops*/
p.loop_heading {
	width:600px;
	margin:0px auto 25px auto;
	font:10pt verdana;
	text-align:center; }

p.lang_title {
	font:11pt verdana;
	margin:0 auto 5px auto;
	text-decoration:underline;
	text-align:center;
	font-weight:bold; }

div.loop_box {
	border:1px solid #035D79; /*darker aqua*/
	margin:20px auto;
	padding:10px 20px;  }

div.sample1 { width:200px; }
div.sample2 { width:370px; }
div.sample3 { width:400px; }
div.sample4 { width:380px; }
div.sample5 { width:400px; }

pre{ margin:0; padding:0;
	font-size:9pt; }