/*-------------------------------------------------------------------*/
/*--------------STYLES INCLUDED IN ALL TEMPLATES---------------------*/
/*-------------------------------------------------------------------*/


/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	21th June 2008
AUTHOR:			Ed Fryer

NOTES:			The 1st section will reset any variance
			across all browsers making them all
			appear very similar, however it also means
			everything needs its own custom style!
			Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------

	=1:		[STANDARDS / HTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[MAIN.TPL COLUMN]
	=5:		[SIDEBAR COLUMN]
	=6:		[FOOTER]
	=7:		[LISTS]
	=8:		[FORMS]
	=9:		[IMAGES]
	=10:	[MISC]	
	
---------------------------------------------------------*/


/*------=1:	[STANDARDS / HTML] -----------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	background: white;
	line-height: 1;
	color: black;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}



/*------=2:	 [LINKS] ---------------------------------------*/
a {
	text-decoration: none;
}

a, a:visited {
	color: #000;
}

.textArea a { text-decoration: underline; }


/*------=3:	 [COMMON ELEMENTS] -----------------------------*/

hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0px;
	width: 90%;
}

.floatLeft { float: left; }
.floatRight { float: right; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.clearBoth {
	clear: both;
}

p { 
	line-height: 1.3em; 
	padding-bottom:10px;
}

.bold {	font-weight: bold; }


/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}


/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


h1 {
	font-weight:bold;
	font-size:30px;
	text-align:center;
	width:100%;
}

h2 {
	font-weight:bold;
	font-size:16px;
	text-align:left;
	padding-bottom:5px;
}

/*------=4:	 [MAIN.TPL] ------------------------------*/


.contentBkgrnd {
	margin:0 auto;
}

	.mainContainer {
		width:800px;
		margin:0 auto;
		position:relative;
	}
	
		.header { 
			width:800px;
		}
		
			.header .userInput {
				position:absolute;	
				width:auto;
			}
		
		.contentContainer {
			width:100%;
			margin-top:10px;
			padding:20px 0 0 10px;
		}
		
			.nav {
				height:auto;
			}
			
				.nav ul {
					font-weight:bold;
					font-size:14px;
					width:100%;
					text-align:center;
				}
				
					.nav ul li {
						padding-bottom:10px;
					}
					
			.textArea {
				height:auto;
				padding:10px;
				position:relative;
			}
			
				.names {
					font-weight:bold;
					font-size:30px;
					text-align:center;
					width:100%;
				}
			
				.mainPic, .userPic {
					overflow:hidden;
				}
				
				.imageHolderSmall + p {
					font-weight:bold;
				}
				
				.imageHolderTop {
					overflow:hidden;
					width:100%;
					height:100px;
				}
				
				.imageHolderSmall {
					overflow:hidden;
					width:200px;
					height:200px;
				}
			
				.introText {
					font-weight:bold;
					font-size:16px;					
				}

		
.footer {
	width:100%;
	margin:0 auto;
}


	   
/*------=5:	 [SIDEBAR COLUMN] ------------------------------*/
				
/*------=6:	 [FOOTER] --------------------------------------*/

/*------=7:	 [LISTS] ---------------------------------------*/
ol, ul {
	list-style: none;
}

.textArea li { padding: 3px; }

/*------=8: [FORMS] ---------------------------------------*/
form {margin-bottom: 0px;}

input.checkbox { width: 15px;}
.text { width: 220px; }
.tiny { width: 40px; }
.small { width: 80px; }
.med	{ width: 180px; }
.xlarge { width: 350px; }


textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

	
/*------=9: [IMAGES] --------------------------------------*/

img {border: 0px; display: block;}	
img.inline { display: inline; }

img.imgBox { margin: 3px; padding: 2px; border: 1px solid #404040; }


/*------=10: [MISC] ----------------------------------------*/

.red { color: #cc0000; }
.green { color: #00FF00; }
.blue { color: #00CC00; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #666666; }
.amber { color: #FF6600; }