/* Hellchick.net CSS */



/***** GENERAL TEXT FORMATTING *****/

body { 
	font-size: 10pt/15pt; 
	font-family: century gothic, arial; 
	color: #ffff99; 
	background-color: #FFFFFF;
	margin: 0px; 
	padding: 0px;
	}
	
	.h1 { text-align: center; color: #ffffff; font-size: 18pt; }
	.h2 { color: #960014; font-size: 18pt; }
	
	h1 {
		display: block;
		text-indent:-9009px;
		background:transparent url(/_img/logo_word.png); 
		background-repeat: no-repeat; 
		position: absolute; 
		height: 160px; 
		width: 320px; 
		top: 0px; 
		left: 2%; 
		z-index: 100; 
		clear: none;
	}
	
	h1 a {
		display:block;
		width:100%;
		height:100%;
		outline:none;
	}
	
	h2 {
		display: block;
		text-indent:-9009px;
		background:transparent url(/_img/logo_main.png); 
		background-repeat: no-repeat; 
		position: absolute; 
		height: 180px; 
		width: 180px; 
		top: -8px; 
		right: 3%; 
		z-index: 100; 
		clear: none; 
	}
	
	h2 a {
		display:block;
		width:100%;
		height:100%;
		outline:none;
	}
	


/***** TOP CONTAINERS *****/

#footer {
    background: url(/_img/footer.png);
	background-color: #000000;
	background-repeat: repeat-x;
	height: 50px;
	width: 100%;
	position: relative;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	clear: both;
	font: 8pt/10pt century gothic, arial;
	color: #ffff99; 
	text-align: center;
}

#header {
    background: url(/_img/header.png);
	background-repeat: repeat-x;
	height: 156px;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #EF9C00;
}

#logoMain { 
	background: url(/_img/logo_main.png); 
	background-repeat: no-repeat; 
	position: absolute; 
	height: 180px; 
	width: 180px; 
	top: 0px; 
	right: 3%; 
	z-index: 100; 
	clear: none; 
}

#logoWord { 
	background: url(/_img/logo_word.png); 
	background-repeat: no-repeat; 
	position: absolute; 
	height: 160px; 
	width: 320px; 
	top: 5px; 
	left: 2%; 
	z-index: 100; 
	clear: none;
}

#containerMain { position: absolute; width: 100%; height: auto; z-index: 0; }

#containerNav {	position: absolute; height: 25px; top: 132px; right: 225px; color: #000000; }

	#containerNav a { color: #000000; text-decoration: none; font-weight: bold; }
	#containerNav a:hover { color: #a80000; text-decoration: none; font-weight: bold; }

	.bullet {
    	background: url(/_img/bullet_orange.gif); background-repeat: no-repeat; background-position: center right;
		padding-left: 15px; padding-right: 30px;
		width: auto; height: 22px;
		z-index: 10;
		clear: none; float: left;
		font-weight: bold;
	}
	
#containerTop {
		position: relative; height: auto; width: 100%; top: 0px;
		clear: both;
		float: left; 
}

#containerMiddle { 
	background: url(/_img/flames2.jpg); background-repeat: repeat-x; background-position: bottom;
	position: relative; height: 100%; width: 100%; top: 20px; 
	z-index: 0; 
	margin-left: auto; margin-right: auto; margin-top: auto;
	clear: both;
	float: left; 
}

#containerMidRight {
	position: relative; width: 65%; height: 100%; right: 0px; top: 0px;
    float: right;
    color: #000000;
}
	
	
/**** KNITTING ****/

	#containerLeft { 
		position: relative; left: 30px; top: 0px; height: auto; width: 30%; 
		color: #000000;
		z-index: 100; 
		margin-right: auto; 
		clear: none; float: left; 
        opacity: 0.6;
	}

		#logoHellBlog { 
			background: url(/_img/title_hellblog.gif); background-repeat: no-repeat; background-position: center center;
			position: relative; height: 35px; width: auto; top: 0px; left: 10px;
			z-index: 100; clear: none; 
		}

		#logoKnitBlog { 
			background: url(/_img/title_knitblog.png); background-repeat: no-repeat; background-position: center center; background-color: #ffff99;
			position: relative; height: 45px; width: auto; top: 0px; left: 0px;
			z-index: 100; clear: none;
			border-top-style: dashed; border-top-color: #960014; border-top-width: 1px;
		}
	
		#leftContent { 
			position: relative; top: 0px; right: 0px; bottom: 0px; width: auto; height: auto;
			z-index: 100;
			margin: 0px;
		}
			
		#leftTopWrap {
			position: relative; top: 0px; right: 0px; bottom: 0px; width: auto; height: auto;
		}
		
			#leftTopWrap a { 
				display: block; 
				width: auto; height: auto;
				text-decoration: none; color: #000000;
				padding-top: 10px; padding-left: 20px; padding-bottom: 10px;
				border-top-style: dashed; border-top-color: #960014; border-top-width: 1px;
			}

			#leftTopWrap a:hover { 
				background: none; background-color: #a80000;
				text-decoration: none; color: #ffffff;
				padding-top: 10px; padding-left: 20px; padding-bottom: 10px;
				border-top-style: dashed; border-top-color: #ffff99; border-top-width: 1px;
			}
		
			.lefttext { position: relative; width: auto; left: 0px; top: 0px; }
			
		#leftBottomWrap {
			position: relative; top: 0px; right: 0px; bottom: 0px; width: auto; height: auto;
			padding-top: 10px; padding-left: 20px; padding-bottom: 10px;
			border-top-style: dashed; border-top-color: #960014; border-top-width: 1px;
		} 
		
			#leftBottomWrap a { text-decoration: none; color: #960014; font-weight: bold; }
			#leftBottomWrap a:hover { text-decoration: none; color: #000000; font-weight: bold; }
		
	
		#leftTop { 
			background: url(/_img/leftbox_border_top.png); background-repeat: repeat-x;
			position: relative; right: 29px; top: 0px; height: 29px; width: auto;
			z-index: 100;
		}

		#leftBottom {
    		background: url(/_img/leftbox_border_btm.png); background-repeat: repeat-x;
			position: relative; right: 29px; bottom: 0px; height: 22px; width: auto;
			z-index: 100;
            opacity: 0.88;
		}

		#leftRight {
    		background: url(/_img/leftbox_border_right.png); background-repeat: repeat-y;
			position: absolute; right: -29px; top: 0px; bottom: 0px; width: 29px;
			z-index: 100;
		}

		#leftCornerTop {
			background: url(/_img/leftbox_corner_top.png); background-repeat: no-repeat;
			position: absolute; right: 0px; top: 0px; height: 29px; width: 29px;
			z-index: 100;
		}

		#leftCornerBottom {
   			background: url(/_img/leftbox_corner_btm.png); background-repeat: no-repeat;
			position: absolute; right: 0px; bottom: 0px; height: 22px; width: 29px;
			z-index: 100;
                        opacity: 0.88;
		}

		#leftMid {
			background-color: #FDC369;
			position: relative; top: 0px; right: 29px; width: auto; height: auto;
			z-index: 100;
			margin: 0px;
		}
		
		
		
		
/***** BLOG *****/

#containerBlog { position: relative; top: 0px; left: 0px; width: 100%; height: auto;
        color: #000000;
        z-index: 10; 
		opacity: 0.7;
}
	
		#containerBlog b { text-align: center; color: #800000; font-size: 16pt; }
		#containerBlog b.date { color: #BCC8C6; text-decoration: bold; }
		
		

	#blogWrap { position: relative; top: 0px; left: 0px; width: 100%; height: 100%;
		z-index: 10;
	}

	#blogTop { background: url(/_img/rightbox_border_top.png); background-repeat: repeat-x;
		position: relative; right: 0px; top: 0px; height: 29px;
		z-index: 10;
        margin-left: 27px;
	}

	#blogCornerTop { background: url(/_img/rightbox_corner_top.png); background-repeat: no-repeat;
		position: absolute; left: 0px; top: 0px; height: 29px; width: 27px;
		z-index: 10;
	}

	#blogMid { 
		background-color: #FDD97B;
		position: relative; top: 0px; right: 0px; height: 100%;
		z-index: 10;
		margin-left: 27px;
		padding-right: 10px;
	}
	
		#blogMid a { text-decoration: none; color: #960014; font-weight: bold; }
		#blogMid a:hover { text-decoration: none; color: #000000; font-weight: bold; }
		#blogMid a:visited { text-decoration: none; color: #000000; font-weight: bold; }

	#blogCornerBottom { background: url(/_img/rightbox_corner_btm.png); background-repeat: no-repeat;
		position: absolute; left: 0px; bottom: 0px; height: 24px; width: 27px;
		z-index: 100;
        opacity: 0.88;
	}

	#blogBottom { background: url(/_img/rightbox_border_btm.png); background-repeat: repeat-x;
		position: relative; left: 0px; top: 0px; height: 24px; width: auto;
		z-index: 10;
        margin-left: 27px;
        opacity: 0.88;
	}

	#blogLeft { background: url(/_img/rightbox_border_left.png); background-repeat: repeat-y;
		position: absolute; left: 0px; top: 0px; height: 100%; width: 27px;
		z-index: 10;
        margin-bottom: 24px; 
        clear: none;
        float: left;
	}
	
	
	
	.blogtext { padding-left: 30px; padding-right: 20px; }

	.bloglink { 
		position: relative; width: 100%; top: 0px;
		padding: 0px; 
		border-top-style: dashed; border-top-color: #574C1A; border-top-width: 1px; 
	}

		.bloglink a { text-decoration: none; color: #960014; font-weight: bold; }
		.bloglink a:hover { color: #000000; text-decoration: none; font-weight: bold; }
		
	.bloglink2 { 
		position: relative; width: 100%; top: 0px;
		padding: 0px; 
		border-top-style: dashed; border-top-color: #574C1A; border-top-width: 1px; 
		border-bottom-style: dashed; border-bottom-color: #574C1A; border-bottom-width: 1px; 
		margin-bottom: 40px; 
	}

		.bloglink2 a { text-decoration: none; color: #960014; font-weight: bold; }
		.bloglink2 a:hover { color: #000000; text-decoration: none; font-weight: bold; }
	
	
	
	
	
/***** BOTTOM *****/

#containerBottom { 
		background-color: #390000; 
		position: relative; height: auto; width: 100%; top: 20px; 
		z-index: 10; 
		clear: both;
		float: left; 
		font: 8pt/10pt century gothic, arial;
}

	.bottomtext { position: relative; padding: 0px; width: 90%;}

	#gradientBottom {
		background-color: #390000; 
    	background: url(/_img/gradient_btm.png);  background-position: top; background-repeat: repeat-x;
		position: relative; top: 0px; height: auto; width: 100%;
		z-index: 0;
		padding-bottom: 10px; padding-top: 10px;
		clear: both;
		float: left;
		text-align: center;
	}

	#bottomLeft {
		position: relative; top: 20px; left: 0px; height: auto; width: 20%;
		padding-bottom: 0px;
		z-index: 1;
		text-align: center;
		float: left;
		clear: none;
		margin-left: 20px; margin-right: 20px; margin-bottom: 20px;
	}

		#bottomLeft a:link { text-decoration: none; color: #ffff99; }
		#bottomLeft a:hover { text-decoration: none; color: #960014; }

		
	#bottomMid {
		position: relative; top: 20px; left: 0px; height: auto; width: 30%;
		padding-bottom: 0px;
		z-index: 1;
		clear: none;
		float: left;
		margin-left: 20px; margin-right: 20px; margin-bottom: 20px;
	}

		#bottomMid a { 
			display: block; 
			margin-left: 10px;
			width: 100%; height: auto; 
			text-decoration: none; color: #ffff99; 
			padding: 5px; 
			border-top-style: dashed; border-top-color: #574C1A; border-top-width: 1px;
			border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #390000; 
		}
		
		#bottomMid a:hover { 
			margin-left: 10px;
			background: none; padding: 5px; background-color: #800000;
			text-decoration: none; color: #ffff99;
			border-top-style: dashed; border-top-color: #ffff99; border-top-width: 1px;
			border-bottom-style: dashed; border-bottom-color: #ffff99; border-bottom-width: 1px;
		}

	#bottomRight {
		position: relative; top: 20px; right: 0px; height: auto; width: 30%;
		padding-bottom: 0px;
		z-index: 1;
		clear: none;
		float: left;
		margin-left: 20px; margin-right: 20px; margin-bottom: 20px;
	}

		#bottomRight a {
			display: block; 
			width: 100%; height: auto;
			text-decoration: none; color: #ffff99;
			padding: 5px;
			margin-left: 10px;
			border-top-style: dashed; border-top-color: #574C1A; border-top-width: 1px;
			border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #390000; 
		}

		#bottomRight a:hover { 
			background: none; background-color: #800000;
			text-decoration: none; color: #ffff99;
			padding: 5px; 
			margin-left: 10px;
			border-top-style: dashed; border-top-color: #ffff99; border-top-width: 1px;
			border-bottom-style: dashed; border-bottom-color: #ffff99; border-bottom-width: 1px;
		}