@charset "utf-8";
/* STYLES by CHRISTOPHER GEORGE */

/*STANDARD TAG - APEARANCES */



body {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#222222;
	color:#EEEEEE;
	}
	
a:visited, a:active, a:link {
	text-decoration:none;
	color:#FFCC66;
	}
	
p {
	margin:10px 10px 10px 10px;
	}
	
/* MAIN LAYOUT */

#container {
	border: solid #CCC 1px;
	color:#eeeeee;
	width: 800px;
	margin: 0 auto 0 auto;
	background-color:#000000;
	}
	
#banner {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
	/* NAVIGATION */
	#nav {
		margin: 0;
		padding: 0;
		background: #000000;
		list-style-type:none;
		width:800px;
		float:left;
		border-bottom: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		}


	#nav li {
		margin: 0;
		padding: 0;
		float: left;
		}
	
	#nav a {
		float:left;
		display:block;
		margin: 0 auto 0 auto;
		width: 133px; /* To add another link, change this value to 125px */
		/*height:1.2em; /* If one of the links occupies two lines, change this to 2.2em */
		text-align:center;
		color: #FFCC66;
		text-decoration: none;
		line-height: 1.0;
		}

	/* END NAVIGATION */
	
#main {
	width:800px;
	float:left;
	margin: 10px 0 40px 0;
	padding: auto 10px auto auto;
	}
	
#footer {
	border: solid #CCC 1px;
	width: 800px;
	text-align: center;
	font-size: 11px;
	clear:both;
	margin: 100px auto auto auto;
	padding: 10px auto 10px auto;
	}
	
/* CLASS FORMATS */ 


.title {
	clear:left;
	text-align:center;
	}
.text {
	clear:left;
	margin: 15px 10px 20px 25px;
	}
.textc { /*For LARGE Pictures that need to be centered */
	clear:left;
	margin: 25px 10px 20px 10px;
	text-align:center;
	}

.post {
	float:left;
	border: 1px solid #CCCCCC;
	padding: 0px 0px 0px 0px;
	margin: 15px 15px 15px 15px;
	width: 770px; /* To account for the margin of 15px on each side (15 + 15=30), want it 30 less than container */
	}
	
/* IMAGES */

	/*POLAROID LIKE IMAGES */
	
	.poll {
		float:left;
		clear:left;
		border: 1px solid #CCCCCC;
		background: #EEEEEE;
		padding: 5px 5px 5px 5px;
		margin: 10px 10px 10px 10px;
		text-align:center;
		}
	.poll img {
		border-style:none;
		}
	 
	    
		div.polar {
			float:right;
			clear:right;
			width:260px;
			background-color:#EEEEEE;
			text-align:center;
			margin: 10px 10px 10px 10px;
			color:#222222;
			}
		div.polar img {
				display:block; /* DISPLAYING AS BLOCK LETS TEXT SKIP TO ThE NEXT LINE IN IE SOMEHOW */
				margin: 5px auto 5px auto;
				border-style:none;
			}
	
	/* END POLAROID IMAGE SECTION */
		
			
img.staff {
	margin: 10px 10px 10px 10px;
	display:block;
	clear:left;
	}
p.staff {
	float:left;
	}
img.gen {
	float:left;
	clear:both;
	}
img.large {
	width:640px;
	height:380px;
	}
img.center {
	margin: 0 auto 0 auto;
	}
p.gen {
	margin: 10px 10px 10px 10px;
	float:left;
	text-align:center;
	}



/* MISC */
span.copyright {
	color:#FFCC66;
	}
h1 {
	text-align:center;
	font-weight:lighter;
	color:#FF3300;
	}
	
h2 {
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-size:1.4em;
	font-weight:lighter;
	width:650px;
	margin: 15px auto 1px 5px;
	}
h3 { /* As a replacement for LINE BREAK */
	border-bottom: 1px dotted #CCCCCC;
	width: 740px; /* Combined with .textc to get a full 800px */
	margin: 85px 0 85px 20px;
	padding: 0;
	}
h4 {
	border-bottom: 1px dotted #CCCCCC;
	padding: 1px 5px 5px 1px;
	margin: 10px 10px 10px 10px;
	width: 650px;
	}
	

.h {
	font-weight:bolder;
	text-transform:uppercase;
	}