/*
	Aranai 2007 - A8 - Stylesheet
	http://www.aranai.com/a8/
	Author: Steven Richards
	Email: steven@aranai.com
	
	Updated: July 26, 2006
*/

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

body
{
	/* MARGINS & PADDING */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	/* COLORS */
	color: white;
	background-color: #24210C;
	
	/* BACKGROUND */
	
	/* FONTS */
	font-family: "Calibri", "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: 800px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
	
	color: black;
	background-color: #24210C;
	
	background-image: url( 'images/page_bg.jpg' );
	background-position: center;
	background-repeat: repeat-y;
}

.layoutContainerFlex {
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
}

#layoutBrick {
	width: 800px;
	height: 460px;
	
	margin: 0px;
	padding: 0px;
	padding-top: 40px;
	
	color: white;
	background-color: transparent;
	
	background-image: url( 'images/brick_bg.jpg' );
	background-position: center;
	background-repeat: no-repeat;
}

#brick {
	width: 720px;
	height: 420px;
	
	margin: 0px auto 0px auto;
	padding: 0px;
}

#layoutSlug {
	width: 800px;
	height: 69px;
	
	margin: 0px;
	padding: 0px;
	
	color: white;
	background-color: #24210C;
	
	background-image: url( 'images/slug_bg.jpg' );
	background-position: center;
	background-repeat: no-repeat;
}

#layoutBlah {
	width: 800px;
	
	margin: 0px;
	padding: 0px;
	
	color: white;
	background-color: #24210C;
	
	background-image: url( 'images/blah_bg.jpg' );
	background-position: top;
	background-repeat: repeat-y;
}

#layoutSidebar {
	float: right;
	width: 200px;
	
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border-left: solid #24210C 2px;

	color: black;
	background-color: #D9CEBA;

	font-family: "Calibri", "Trebuchet MS", sans-serif;
}
	#layoutSidebar h1 {
		width: 180px;
	
		padding: 0px;
		margin: 0px;

		border-bottom: solid #24210C 1px;

		font-size: 12pt;
	}
	#technorati p {
		margin: 0px;
		padding: 0px;
		padding-bottom: 3px;
	}

#layoutContentFoot {
	width: 800px;
	height: 69px;
	
	margin: 0px;
	padding: 0px;

	text-align: center;
	
	background-color: transparent;
	
	background-image: url( 'images/content_foot_bg.jpg' );
	background-position: center;
	background-repeat: no-repeat;
}

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

.content, .postFooter {
	width: 644px;
	padding: 0px 78px 0px 78px;
	margin: 0px;
	
	text-align: left;
	font-family: Georgia,Palatino Linotype,serif;
	font-size: 11pt;

	color: #061100;
	background-color: transparent;
	background-repeat: repeat-y;
}

.postFooter {
	width: auto;
	padding: 5px;
	color: #361702;
}

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

/*
	Block Elements
*/

#brickLeft
{
	float: left;
	width: 191px;
	height: 420px;
	background-color: transparent;
}

#brickMiddle
{
	width: 338px;
	height: 400px;
	/*margin-left: 191px;
	margin-right: 191px;*/
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	padding-top: 10px;
	
	background-color: transparent;
	
	background-image: url('images/brick_featured_bg.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}

#brickMiddleContent
{
	width: 338px;
	height: 364px;

	color: black;
	font-family: Century Schoolbook, Georgia, serif;
	font-size: 11pt;
	text-align: center;
	
	margin: 0px;
	padding: 0px;
}

#brickRight
{
	float: right;
	width: 191px;
	height: 420px;
	background-color: #3E1803;
}

#brickCardRecent
{
	width: 181px;
	height: 73px;
	
	padding-top: 35px;
	padding-left: 10px;
	margin: 0px;
	
	color: black;
	font-family: Gill Sans MT, Arial Narrow, sans-serif;
	font-size: 10px;
	
	background-color: transparent;
	background-image: url('images/brick_card_recententries.jpg');
	background-repeat: no-repeat;
	
	overflow: hidden;
}

#brickCardPixels
{
	width: 191px;
	height: 75px;
	
	padding-top: 35px;
	padding-right: 0px;
	margin: 0px;
	
	color: black;
	text-align: center;
	
	background-color: transparent;
	background-image: url('images/brick_card_pixels.jpg');
	background-repeat: no-repeat;
}

#brickInfo
{
	width: 161px;
	height: 135px;
	
	padding-top: 10px;
	padding-left: 30px;
	margin: 0px;
	
	color: white;
	font-family: Gill Sans MT, Arial Narrow, sans-serif;
	font-size: 12px;
	
	background-color: transparent;
	background-image: url('images/brick_right_bottom.jpg');
	background-repeat: no-repeat;
}
#brickInfo a { color: #F0F0F0; }
#brickInfo a:hover { color: #FFFFFF; }

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

.blockHeader, .blockHeaderP
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	color: #404040;
	background: inherit;

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

.blockHeaderP
{
	margin: 10px;
	color: #EAEAEA;
	text-align: center;
}

.blockHeaderP a, .blockHeaderP a:hover
{
	color: #E0E0E0;
}

.blockText, .blockFree
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	color: #202020;
	background: inherit;
	
	text-align: left;
	font-family: "Calibri", "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: "Calibri", "Trebuchet MS", "Arial Narrow", sans-serif;
	font-size: 1.0em;
}

.blockImage
{
	width: 150px;
	height: 100px;
	padding: 7px;
	margin: 10px;
	background: url('images/visually_appealing.gif');
	background-repeat: none;

	text-align: center;
	font-size: 9pt;
	line-height: 18pt;
}

.blockImage img
{
	width: 150px;
	height: 100px;
}

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

#slugLeft
{
	float: left;
	width: 322px;
	height: 43px;

	padding-left: 78px;
	padding-top: 26px;

	text-align: left;
	font-family: Century Schoolbook, Georgia, serif;
	font-size: 20pt;
	color: #2A1603;

	background-color: transparent;
}

#slugRight
{
	float: right;
	width: 322px;
	height: 37px;

	padding-right: 78px;
	padding-top: 32px;

	text-align: right;
	font-family: Century Schoolbook, Georgia, serif;
	font-size: 16pt;
	color: #2A1603;

	background-color: transparent;
}

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

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

.galleryImageFrame
{
	border-top: solid #444444 4px;
	border-bottom: solid #444444 4px;
}

.galleryImageFull
{
	margin: 10px;
	border: solid #AAAAAA 4px;
	color: #000;
	background-color: #FFF;
}

.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: #F1F1F1;
	color: #200000;
	padding: 5px;
	margin: 5px;
	font-family: "Calibri", Arial, Trebuchet MS, sans-serif;
	font-size: 12px;
	text-align: left;
}

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

.blogCommentFormHeader
{
	background-color: #C8D1CE;
}

.blogCommentForm
{
	background-color: #D2C8BC;
}

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

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

.blockHeader h1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	color: #323030;
	background-color: inherit;
	
	font-family: "Palatino Linotype", Georgia, serif;
	font-size: 15pt;
}

.blockHeader h2
{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	
	color: #50595C;
	background-color: inherit;
	
	font-family: "Calibri", "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: 11pt;
	font-weight: bold;
}

.blockText a
{	
	font-weight: bold;
	color: #402000;
	background: inherit;
}

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

.superDuperText
{
	font-size: 12pt;
	font-weight: bold;
}

.subText
{
	font-size: 8pt;
}