/* This is the base style sheet for the blue·torch studios Website*/
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */
/* Site content is © to blue·torch studios */

/* ----- BASIC ELEMENTS ----- */
body{
	background:    #212223;
	margin: 0; padding: 0; margin-top: 5px;
}
a:link {
	color: #9ca9b6;

	text-decoration: none;
}
a:visited {
	color: #9ca9b6;
	text-decoration: none;
}
a:hover {
	color: #394f64;
}
a:active {
	color: #000000;
}




/* ----- MAIN CONTAINERS ----- */
#holder {
	width: 645px;
	margin: auto auto;
	}
#banner {
	width: 645px; height: 64px;
	background:    url(cssimages/banner.gif) top left no-repeat;
	position: relative;
}
#maintext {
	width: 700px; margin: auto auto; position: relative;
	background:    url(graphics/interface/background.gif);
}
/* ----- SUB CONTAINERS ----- */
#leftcolumn {
	float: left; width: 112px;
	padding: 0px 0px; margin-bottom: 10px;
	margin-left: 5px; margin-top: 10px;

}
#rightcolumn {
	float: right; width: 510px;
	padding: 10px 10px; margin-bottom: 10px;
	margin-right: 5px; margin-top: 10px;

}
#footer {
	background:    url(cssimages/footer.gif) top left no-repeat;
	float: right; width: 510px; margin: auto auto;
	font: 11px/15px Georgia, serif; text-align: center;
	color: #1A2A1D; padding-top: 3px; padding-bottom: 2px;
}

/* ----- INDIVIDUAL DIVS TO HOLD INFORMATION ON MAIN PAGE ----- */
/* Used to create the news boxes */
#news {
	float: right;
    width: 490px;
    padding: 10px 10px;
	margin-bottom: 0px;
	margin-top: 0px;
    font: 12px/16px Georgia, serif;
	color:#FFFFFF;
	background-image:url(cssimages/content.gif);
	text-align: left;
}
#top {
	float: right;
	width: 470px; height: 24px;
	padding: 0px 20px;
	background-image:url(cssimages/contenttop.gif);
}
#bottom {
	float: right;
	width: 510px; height: 20px;
	background-image:url(cssimages/contentbottom.gif);
}
#reflection {
	float: right;
	width: 470px; height: 20px;
	padding: 0px 20px;
	text-align:center;
	color:#333333;
	font: 10px Georgia, "Times New Roman", Times, serif;
	background-image:url(cssimages/footer.gif);
}
#nav1 {
    width: 112px;
	height: 105px;
	margin-left: 0px;
}
#nav2 {
    width: 112px;
	height: 86px;
	margin-left: 0px;
}
#nav3 {
    width: 112px;
	height: 85px;
	margin-left: 0px;
}





/* ----- TYPOGRAPHY AND LINKS ----- */
/* Used To create the title style text in the news boxes */
.newstitle {
	font: 15px/18px Georgia, serif;
	color: #FFF; text-align: left; font-weight: bold;
	/*text-decoration: underline;*/
}



/* ----- HACKS USED ----- */
/* clearing hack by Tony Aslett for CONTENT area divs */
.clearfix:after {
    content: "."; display: block; height: 0; 
    clear: both; visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */