/* Hyungs CSS - Designed by CrazyDave */
/* Stylesheet for Crazy Kimchi */


/* basic elements */
body { 
	font-size: 12pt;
	font-family: Verdana, Arial, Sans Serif; 
	background: #000000 url(images/GHMC_logo.gif) no-repeat fixed top left;
	color: #CCCCCC;
	}
p { 
	text-align: justify;
	}
h1 { 
	font-family:Komika, Comic Sans MS, Sans Serif;
	font-size: 24pt; 
	}
h3 { 
	font-size: 14pt; 
	background: #333333;
	border: 1px solid #DDDDDD;
	color: #FF0000; 
	margin:  0px;
	margin-bottom: 10px;
	}
a:link { 
	text-decoration: none; 
	color: #FFFFFF;
	}
a:visited { 
	text-decoration: none; 
	color: #FFFFFF;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #FFFFFF;
	}


/* specific divs */
#container { 
	margin: 20px; 
	}

	#header { 
		margin: 10px; 
		}
	
	#comic {
		margin-bottom: 30px;
		}
		
		#cHead {
			margin-bottom: 10px;
			}
		
		#cComic {
			
			}
		
		#cFoot {
			margin-top: 10px;
			}
		
		/* I discovered this, did some googling. Looks like I'm not alone*/
		/* http://www.quirksmode.org/css/clearing.html */
		#cNav {
			overflow: auto;
			width: 100%;
			}
			
			/* http://wellstyled.com/css-replace-text-by-image.html */
			#cNav a {
				float: left;
				display: block;
				position:relative;
				width: 100px;
				height: 35px;
				line-height: 2em;
				overflow: hidden;
				}
			
				#cNav a span {
					display: block;
					position:absolute; left:0; top:0; z-index:1;
					width: 100px;
					height: 35px;
					overflow: hidden;
					}
			
			.comment {
				
				}
			
			.permalink span {
				
				}
			
			.first span {
				background: transparent url(images/first.gif) no-repeat top left;
				}
			
			.previous span {
				background: transparent url(images/previous.gif) no-repeat top left;
				}
			
			.archive span {
				
				}
			
			.next span {
				background: transparent url(images/next.gif) no-repeat top left;
				}
			
			.latest span {
				background: transparent url(images/latest.gif) no-repeat top left;
				}
	
	#links {
		margin-top:40px;
		clear:left;
		}
		
		#leftSidebar {
			float: left;
			width: 120px;
			margin-top: 0px;
			overflow: hidden;
			}
			
			#projects {
				height: auto;
				margin-bottom: 40px;
				overflow: hidden;
				width: 100%;
				}
				
				#projects a {
					display: block;
					position:relative;
					float: left;
					width: 120px;
					height: 50px;
					overflow: hidden;
					}
				
				#projects a span {
					display: block;
					position:absolute; left:0; top:0; z-index:1;
					width: 120px;
					height: 40px;
					overflow: hidden;
					}
			
				.KF span {
					background: transparent url(images/KF.gif) no-repeat top left;
					}
				
				.GHMC span {
					background: transparent url(images/GHMC.gif) no-repeat top left;
					}
				
				.CK span {
					background: transparent url(images/CK.gif) no-repeat top left;
					}
				
				.KH span {
					background: transparent url(images/KH.gif) no-repeat top left;
					}
				
				.MatC span {
					background: transparent url(images/MatC.gif) no-repeat top left;
					}
				
				.KFt span {
					background: transparent url(images/KFt.gif) no-repeat top left;
					}
				
				.T span {
					background: transparent url(images/T.gif) no-repeat top left;
					}
			
			#ad {
				width: 120px;
				height: 600px;
				background: #888888;
				}
			
		#rightSidebar {
			float: right;
			width: 170px;
			margin-top: 0px;
			overflow: hidden;
			}
		
			#support {
				overflow: hidden;
				width: 100%;
				}
				
				#support a {
					display: block;
					}
				
				.faq {
					
					}
				
				.stuff {
					
					}
				
				.support {
					
					}
				
				.forum {
					
					}
			
			#icon {
				
				}
			
			#ext {
				font-size: 9pt; 
				}
		
		#blog {
			margin-left: 150px;
			margin-right: 200px;
			margin-top: 40px;
			}
			
		#misc {
			margin-left: 150px;
			margin-right: 200px;
			margin-top: 0px;
			}
		
	#footer {
		clear: both;
		}
	
		#footer * {
			text-align: center;
			}