/*
	Aranai 2007 - A7 - Stylesheet
	http://www.aranai.com/a7/
	Copyright 2006 Steven Richards
*/

/* Universal Elements: BODY, IMG, A */

body
{
	/* MARGINS & PADDING */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	/* COLORS */
	color: black;
	background-color: #313233;
	
	/* FONTS */
	font-family: "Trebuchet MS", "Arial Narrow", sans-serif;
	font-size: 9pt;
}

img
{
	border: 0px;
}

a
{
	color: #404040;
	background-color: inherit;
	text-decoration: underline;
}

a:hover
{
	color: #101010;
	background-color: inherit;
	text-decoration: underline;
}

form
{
	margin: 0px;
}


/*
	Layout Elements
*/

.layoutContainer {
	width: 726px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
}

.layoutContainerFlex {
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
}
	
.layoutLeft {
	width:37px;
	padding:0px;
	float:left;
}

.layoutMainHeader {
	width: 652px;
	padding: 0px;
	float: left;
	
	background: transparent;
}

.layoutMain {
	margin-left: 37px;
	margin-right: 37px;
	width: 652px;
	padding: 0px;
	float: left;
	
	background: transparent;
}

.layoutRight {
	width:37px;
	padding:0px;
	float:left;
}

#header {
	width: 652px;
	padding: 0px;
	margin: 0px;
	
	color: inherit;
	background-color: #eee;
	background-image: url('http://www.aranai.com/a7/images/header_background.jpg');
	background-repeat: repeat-y;
}

#headerImage {
	width: 641px;
	height: 92px;
	padding: 0px 6px 0px 5px;
	margin: 0px;
	
	color: inherit;
	background: inherit;
	background-repeat: repeat-y;
}

.content {
	width: 641px;
	padding: 0px 6px 0px 5px;
	margin: 0px;
	
	color: inherit;
	background: #eee;
	background-image: url('http://www.aranai.com/a7/images/content_background.jpg');
	background-repeat: repeat-y;
}

.leftColumn
{
	width:463px;
	padding:0px;
	float:left;
}

.rightColumn
{
	width: 177px;
	float: left;
	padding: 0px 0px 10px 0px;
}

.footer {
	width: 630px;
	padding: 0px;
	margin: 0px;
	
	text-align: center;
	font-family: "Franklin Gothic Medium Cond", "Arial Narrow", sans-serif;
	font-size: 10pt;
}

/*
	Block Elements
*/

.rightColumnOuterBlue, .rightColumnOuterGreen
{
	width: 176px;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 10px 0px;

	background-position: bottom;
	background-repeat: no-repeat;

	text-align: right;
	font-family: "Franklin Gothic Medium Cond", "Arial Narrow", sans-serif;
	font-size: 12px;
}

.rightColumnOuterBlue
{
	color: #555C5F;
	background-color: #D8DEE1;
	background-image: url('http://www.aranai.com/a7/images/right_column_footer_blue.jpg');
}

.rightColumnOuterGreen
{
	color: #5A6163;
	background-color: #D8E1D8;
	background-image: url('http://www.aranai.com/a7/images/right_column_footer_green.jpg');
}

.rightColumnInner
{
	width: 173px;
	padding: 0px 3px 0px 0px;
}

.blockHeaderFrame
{
	width: 630px;
	padding: 0px;
	margin: 0px;
	
	text-align: center;
	font-family: "Franklin Gothic Medium Cond", "Arial Narrow", sans-serif;
	font-size: 10pt;
}

.blockHeader
{
	width: 412px;
	height: 56px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 30px;
	float:left;
	
	color: #616E73;
	background: inherit;
	background-image: url('http://www.aranai.com/a7/images/block_header_background.jpg');
	background-position: left;
	background-repeat: no-repeat;

	text-align: left;
	font-family: "Franklin Gothic Medium Cond", "Arial Narrow", sans-serif;
	font-size: 10.5pt;
}

.blockText, .blockFree
{
	width: 382px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	
	color: #313E43;
	background: inherit;
	
	text-align: left;
	font-family: "Trebuchet MS", "Arial Narrow", sans-serif;
	font-size: 1.0em;
}

.blockFree
{
	width: 382px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	color: #313E43;
	background: inherit;
	
	text-align: left;
	font-family: "Trebuchet MS", "Arial Narrow", sans-serif;
	font-size: 1.0em;
}

.blockFooter
{
	width: 382px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	
	color: #687377;
	background: inherit;
	
	text-align: left;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 9pt;
}

.workImage
{
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 1px;
	border: solid #EAEAEA 2px;
}

.workImage:hover
{
	border: solid #CACACA 2px;
}

.galleryImageFrame
{
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 10px;
	border: solid #BABABA 4px;
	color: #000;
	background-color: #FFF;
	float: left;
}
.galleryImageFull
{

}

.galleryImage
{
	padding: 1px;
	border: solid #EAEAEA 4px;
	
	width: 100px;
	height: 75px;
}

.galleryImage:hover
{
	border: solid #BABABA 4px;
}

.shoutBox
{
	border: solid #FAFAFA 1px;
	padding: 5px;
}

.blogCommentContainer
{
	background-color: #EAEAEA;
	color: #000000;
	margin: 5px;
}

.blogComment,.blogCommentForm
{
	background-color: #E8EEF1;
	color: #200000;
	padding: 5px;
	margin: 5px;
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 12px;
	text-align: left;
}

.blogCommentHeader,.blogCommentFormHeader
{
	background-color: #C8CED1;
	color: #002000;
	padding: 5px;
	font-family: Trebuchet MS, Arial Narrow, sans-serif;;
	font-size: 13px;
	text-align: left;
}

.blogCommentFormHeader
{
	background-color: #C8D1CE;
}

.blogCommentForm
{
	background-color: #E8F1EE;
}

.formError
{
	color: #EE0000;
	font-style: italic;
}

/*
	Font and Link Elements:
		.blockHeader -> h2, a, a:hover
		.bigSidebarText
*/

.blockHeader h1
{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	
	color: #50595C;
	background-color: inherit;
	
	font-family: "Franklin Gothic Medium Cond", "Arial Narrow", sans-serif;
	font-size: 14pt;
}

.blockHeader h2
{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	
	color: #50595C;
	background-color: inherit;
	
	font-family: "Franklin Gothic Medium Cond", "Arial Narrow", sans-serif;
	font-size: 16pt;
}

.blockHeader a
{
	color: #616E73;
	background: transparent;
}

.blockHeader a:hover
{
	color: #313E43;
	background: transparent;
}

.superText
{
	font-size: 10pt;
}

.blockText a
{
	font-size: 10pt;
	
	color: #FF7B2D;
	background: inherit;
}

.blockText a:hover
{
	color: #C40000;
	background: inherit;
}

.superDuperText
{
	font-size: 11pt;
}

.subText
{
	font-size: 8pt;
}