/* Hyungs CSS - Designed by CrazyDave */
/* Stylesheet for Crazy Kimchi */


/* basic elements */
body { 
	font-size: 12pt;
	font-family: Verdana, Arial, Sans Serif; 
	background: #E6CCAC;
	color: #000000; 
	}
p { 
	text-align: justify;
	}
h1 { 
	font-family:Komika, Comic Sans MS, Sans Serif;
	font-size: 24pt; 
	letter-spacing: 1px; 
	}
h3 { 
	font-size: 14pt; 
	background: #000000;
	color: #FFCC99; 
	}
a:link { 
	text-decoration: none; 
	color: #660000;
	}
a:visited { 
	text-decoration: none; 
	color: #440000;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #AA3333;
	}
span {
	display: none;
	}


/* specific divs */
#container { 
	margin: 20px; 
	}

	#header { 
		margin: 10px; 
		}
	
	/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
	#header h1 { 
	/*	background: transparent url(h1.gif) no-repeat top left; 
		margin-top: 10px; 
		width: 219px; 
		height: 87px; 
		float: left;*/
		}
	
	#comic {
		margin-bottom: 30px;
		}
		
		#cHead {
			margin-bottom: 10px;
			}
		
		#cComic {
			
			}
		
		#cFoot {
			margin-top: 10px;
			}
		
		/* http://wellstyled.com/css-replace-text-by-image.html */
		#cNav {
			text-align: center;
			}
			
			#cNav a {
				float: left;
				display: block;
				width: 100px;
				height: 30px;
				text-align:center;
				line-height: 2em;
				}
			
			.comment {
				
				}
			
			.permalink {
				
				}
			
			.first {
				background: transparent url(images/first.gif) no-repeat top center;
				}
			
			.previous {
				background: transparent url(images/previous.gif) no-repeat top center;
				}
			
			.archive {
				
				}
			
			.next {
				background: transparent url(images/next.gif) no-repeat top center;
				}
			
			.latest {
				background: transparent url(images/latest.gif) no-repeat top center;
				}
	
	#links {
		margin-top:40px;
		clear:left;
		}
		
		#projects {
			height: auto;
			}
			
			#projects a {
				display: block;
				float: left;
				margin: 10px;
				}
		
			.KF {
				
				}
			
			.GHMC {
				
				}
			
			.CK {
				
				}
			
			.KH {
				clear:left;
				}
			
			.MatC {
				
				}
			
			.KFt {
				
				}
			
			.T {
				
				}
			
		#sidebar {
			float: right;
			width: 200px;
			margin-top: 40px;
			}
		
			#support {
				
				}
				
				#support a {
					display: block;
					}
				
				.faq {
					
					}
				
				.stuff {
					
					}
				
				.support {
					
					}
				
				.forum {
					
					}
			
			#icon {
				
				}
			
			#ext {
				font-size: 9pt; 
				}
		
		#blog {
			clear: left;
			margin-right: 230px;
			margin-top: 40px;
			}
			
		#misc {
			clear: left;
			margin-right: 230px;
			margin-top: 40px;
			}
		
	#footer {
		clear: both;
		}
	
		#footer * {
			text-align: center;
			}
