/* Css Document */
/* ==========================================================================================
Title:		Barbaric MMA (Coming Soon Page stylesheet)
Date:		August 2008
Author: 	Dan Trewartha, LRS Web Services
Document:	style.css

DOCUMENT ORGANIZATION:
	1.0 : HTML Elements
		1.1 Font Sizes
	2.0 : Layout Elements
	3.0 : Branding
	4.0 : Navigation
	5.0 : Headings
	6.0 : Content
	7.0 : Footer
	8.0 : Misc

DOCUMENT ARRANGEMENT:
	-Order of appearance in HTML

ATTRIBUTE PROPERTY ORDER:
	-Box (width; height; margin; border; padding; outline;)
	-Backgrounds (color; image; repeat; position;)
	-Positioning (display; position; float; clear; z-index; direction; overflow; visibility;)
	-Font (color; family; size; style; weight;)
	-Text (letter-spacing; line-height; align; decoration; indent; transform; vertical-align;)
	-Misc (content; outline; cursor; table-layout;)

ATTRIBUTE LAYOUT:
	selector {
		property: value;
	}

COLOR PALETTE:
	-Content background:#fff;
	-Main font:#4C1E07;
	-Link:#C73129;
	-Link hover:;
	-Link visited:;
	-<strong>:;
	-<em>:;
	-<h1>:;
	-<h2>:;
	-<h3>:;
	-<h4>:;
	-<h5>:;	
========================================================================================== */





/* ==========================================================================================
=1.0 HTML ELEMENTS
========================================================================================== */
*{
	margin:0;
	padding:0;
}
html{
	width:100%;
}
body{
	width:788px;
	margin:0 auto;
	color:#4c1e07;
	font-family:Georgia, "Times New Roman", Times, serif;	
}
a{
	color:#c73129;
	font-style:italic;
	text-decoration:none;
}





	/* ======================================================================================
	=1.1 FONT SIZES
	====================================================================================== */
	html{
		/*font-size:16px;*/
	}
	body{
		font-size:68.75%; /* 16 x .6875 = 11px */
	}	
	h1{
		font-size:218.18%; /* 11 x 2.1818 = 24px */
	}
	h2{
		font-size:218.18%; /* 11 x 2.1818 = 24px */
	}
	h3{
		font-size:109.09%; /* 11 x 1.0909 = 12px */
	}
	h4{
		font-size:100%; /* 11 x 1.00 = 11px */
	}
	p{
		font-size:100%; /* 11 x 1.00 = 11px */
	}
	a{
		font-size:109.09%; /* 11 x 1.0909 = 12px; */
	}
	td p{
		font-size:100%; /* 11 x 1.00 = 11px */
	}
	ul{
		font-size:100%; /* 11 x 1.00 = 11px */
	}
	ul ul{
		font-size:100%; /* 11 x 1.00 = 11px */
	}

		



	
/* ==========================================================================================
=2.0 LAYOUT ELEMENTS
========================================================================================== */
#page{
	width:788px;
	margin:45px 0 0 0;
}
#page-left{
	width:169px;
	height:300px;
	background:url(/images/bnr-logo-left.gif) no-repeat;
	float:left;
}
#page-center{
	width:460px;
	float:left;
}
#page-right{
	width:159px;
	float:left;
}




/* ==========================================================================================
=3.0 BRANDING
========================================================================================== */
#branding{
	width:460px;
	height:233px;
	background:url(/images/bnr-logo-right.gif) no-repeat;
}
#branding h1, #branding p{
	text-indent:-10000px;
}




/* ==========================================================================================
=4.0 NAVIGATION
========================================================================================== */





/* ==========================================================================================
=5.0 HEADINGS
========================================================================================== */
h2{
	margin:0 0 7px 0;
}
h3{
	margin:0 0 7px 0;
	font-weight:normal;
	text-transform:uppercase;
}




/* ==========================================================================================
=6.0 CONTENT
========================================================================================== */
#content{
	width:460px;
	padding:0 0 37px 0;
	background:url(/images/b-content.gif) repeat-y;
}

.event{
	width:404px;
	margin:0 22px 0 22px;
}

.event ul{
	margin:0 0 7px -11px;
	list-style-image:url(/images/ico-cross.gif);
}
.event ul li{
	margin:0 0 0 15px;
	line-height:16px;
}
.event ul li strong{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.event p{
	margin:0 0 8px 0;
}


/* ==========================================================================================
=7.0 FOOTER
========================================================================================== */
#footer{
	width:460px;
	height:122px;
	background:url(/images/ftr-copyright.gif) no-repeat;
}
#footer p{
	text-indent:-10000px;
}



/* ==========================================================================================
=8.0 MISC
========================================================================================== */
.event-divider{
	width:404px;
	height:1px;
	margin:22px 22px 22px 22px;
	background:url(/images/div-horizontal-dots.gif) repeat-x;
	display:block;
}