/* ------------------------------- */
/* RESET
/* ------------------------------- */

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

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

body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}


/* ------------------------------- */
/* HTML ELEMENTS
/* ------------------------------- */

abbr { border-bottom: 1px dotted #737160;}
em {font-style: italic;}
h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0;padding: 0;}
ol {margin-bottom: 15px;}
ol li {margin-bottom: 5px;}
p {margin-bottom: 15px; color: #191813;}
p.bold {font-weight: bold;}
p.center {text-align: center;}
p.question {padding-top: 10px;margin-bottom: 0;font-weight: bold;}
strong {font-weight: bold;}
sub {margin-right: -3px; font-size: .6em; font-weight: normal;}
.clear { clear: both; height: 20px; }
acronym { border-bottom: 1px dotted; }

a, a:link { color: #78110f; }
a:visited { color: #78110f; }
a.hover, a:hover { text-decoration: none;}

body {
	margin: 0; 
	padding: 0; 
	border: 0; 
	color: #000; 
	background: url(/images/layout/bg.jpg); 
	font: .78em palatino, georgia, "times new roman", sans-serif; 
	line-height: 1.37 !important; 
	}

.section-break {	clear: both;height: 40px;}
.photo-caption {color: #000;	font-style: italic;	}
.line hr { margin: 0;padding: 0;border: 0;color: #000;background: #000;height: 1px;}


/* ------------------------------- */
/* LAYOUT
/* ------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 1000px;
	background: url(/images/layout/header.jpg) no-repeat;
	}

	#content {
		margin-left: 60px;
		padding: 50px 30px 40px 30px;
		width: 832px;
		border-bottom: 15px solid #000;
		background: url(/images/layout/content.jpg) repeat-y;
		}

	#contentnews {
		margin-left: 40px;
		padding: 20px 30px 40px 30px;
		width: 832px;
		border-bottom: 15px solid #000;
		background: url(/images/layout/content.jpg) repeat-y;
		} 

	#stylesec {
		margin-left: 40px;
		padding: 10px 10px 10px 10px;
		width: 392px;
		border-bottom: 15px solid #000;
		background: url(/images/layout/content2.jpg) repeat-y;
		height: auto; 
		} 


	#contentnews h2 {
			margin-top: 10px;
			color: #a31818;
			text-align: center;
			font-size: 2em;
			font-weight: normal;
			}


		#content h1 {
			width: 100%;
			padding-top: 10px;
			border-top: 2px solid #000;
			}

			#content h1 a {
				margin: 0 auto;
				width: 274px;
				height: 46px;
				display: block;
				text-indent: -9999px;
				background: url(/images/homepage/title.jpg) no-repeat;
				}				

		#content h2.projects {
			margin: 0 auto;
			padding-bottom: 10px;
			width: 237px;
			height: 18px;
			display: block;
			text-indent: -9999px;
			background: url(/images/homepage/dc-pieces-batman.jpg) no-repeat;
			}

	.news {
		margin: 0px 10px 0 0px;
		width: 167px;
		height: 246px;
		float: left;
		background: #f8f8f8;
		}

		.news ul {
			padding: 10px;
			}

			.news ul li {
				margin-bottom: 5px;
				padding-bottom: 20px;
				background: url(/images/homepage/li-divider.jpg) no-repeat bottom;
				}

				.news ul li a {
					color: #000;
					display: block;
					text-align: center;
					text-transform: capitalize;
					text-decoration: none;
					}





		.news ul li:last-child {
			background: none;
			}

		.news ul li a:first-child {
			padding-top: 2px;
			}

		.news ul li a:hover {
			color: #a01111;
			}


	/*main photo of katie / flash area*/
	.photo {
		margin-top: -10px;
		width: 408px;
		height: 353px;
		float: left;
		}

	
	/* welcome to our site */
	.welcome {
		margin: 10px 0 0 10px;
		padding-bottom: 3px;
		width: 200px;
		float: left;
		border-bottom: 1px solid #000;
		}

		.welcome p {
			margin-bottom: 10px;
			}

		.welcome p:last-child {
			margin-bottom: 5px;
			}

		.welcome strong {
			font-weight: normal;
			}
			
	
	/* site menu / in flash */
	.menu {
		margin: 20px auto;
		width: 403px;
		height: 62px;
		}

		.menu ul {
			display: none;
			}



/* ------------------------------- */
/* UPDATES
/* ------------------------------- */
	#content-container {
		margin: 50px auto 0 auto;
		width: 790px;
		}

		#updates {
			margin: 0 0px 0 10px;
			width: 426px;
			display: inline;
			float: left;
			}

		/* each update */
		#updates .update {
			margin-bottom: 5px;
			font-size: 1.1em;
			}

			/* update title */
			#content #updates .update h2 {
				margin-bottom: -1px;
				padding-top: 15px;
				clear: both;
				color: #a01111;
				font-size: 1.4em;
				border-top: 1px dotted #eee;
				font-weight: normal;
				}

			/* update date posted */
			#content #updates .update h4 {
				margin-bottom: 9px;
				padding-bottom: 9px;
				color: #606060;
				font-style: italic;
				font-size: .9em;
				text-transform: lowercase;
				border-bottom: 1px solid #090909;
				}
				
				/* from author */
				#content #updates .update h4 em span {
					color: #323232;
					margin-right: 20px;
					}
					
				/* comments */
				#content #updates .update h4 strong,
				#content #updates .update h4 strong a {
					color: #000;
					}

			/*update photos details*/
			#content #updates .update h5 {
				margin: 0px 0 7px 0;
				padding: 7px 0 7px 4px;
				font-weight: bold;
				font-size: .9em;
				color: #666;
				border-top: 1px solid #eee;
				}

				#content #updates .update h5 a {
					margin-right: 2px;
					color: #a01111;
					font-size: 1em;
					text-transform: uppercase;
					}

				#content #updates .update h5 em {
					margin-right: 0;
					padding-right: 7px;
					color: #444;
					background: url(/images/li-bullet.jpg) no-repeat right;
					}
			
			/* update /images */
			#content #updates .update img,
			#content #updates .update a img {
				margin-right: 5px;
				padding: 3px;
				border: 1px solid #e6e6e6;
				}

			#content #updates .update a:hover img {
				border: 1px solid #444;
				}



/* ------------------------------- */
/* SIDEBAR
/* ------------------------------- */
	#sidebar {
		margin-top: 15px;
		width: 275px;
		float: right;
		font-size: 1em;
		}

		#sidebar a {
			color: #a01111;
			}

		/* sidebar title */
		#sidebar .sidebarTitle {
			margin-bottom: 15px;
		}

		.sidebar-title{ display:block}
		.sidebar-title *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#f1f1f1}
		.sidebar-title1{ margin-left:3px;  margin-right:3px; padding-left:1px; padding-right:1px;  border-left:1px solid #f8f8f8;  border-right:1px solid #f8f8f8;  background:#f4f4f4}
		.sidebar-title2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #fdfdfd;  border-right:1px solid #fdfdfd;  background:#f3f3f3}
		.sidebar-title3{  margin-left:1px;  margin-right:1px;  border-left:1px solid #f3f3f3;  border-right:1px solid #f3f3f3;}
		.sidebar-title4{ border-left:1px solid #f8f8f8; border-right:1px solid #f8f8f8}
		.sidebar-title5{ border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4}
		.sidebar-titlefg{ background:#f1f1f1}

		#sidebar h2 {
			padding: 10px 0 5px 10px;
			color: #a01111;
			font-size: 1em;
			text-transform: uppercase;
			}


	#sidebar img.floatLeft {
		margin-right: 15px;
		float: left;
		}

	/* project info */
	#sidebar .project-info {
		line-height: 1.5em;
		}

		#sidebar h3 {
			color: #000;
			font-size: 1.1em;
			font-weight: bold;
			}

		#sidebar h4 {
			font-weight: normal;
			}

		#sidebar dt {
			margin-right: 2px;
			float: left;
			color: #4f4f4f;
			text-transform: uppercase;
			}

	
	/* random picture */
	#sidebar a img.random-picture {
		margin-right: 10px;
		padding: 4px;
		display: block;
		float: left;
		border: 1px solid #c0c0c0;
		}

	#sidebar a:hover img.random-picture {
		border: 1px solid #000;
		}


	/* used for quotes */
	#sidebar blockquote {
		padding: 5px;
		}

	#sidebar blockquote span {
		font-weight: bold;
		font-style: italic;
		}

	
	/* list of links */
	#sidebar ul.links li a {
		margin-bottom: 1px;
		padding: 5px 10px;
		display: block;
		background: #f9f9f9 url(/images/li-bullet.jpg) no-repeat 10px 13px;
		border-bottom: 1px dotted #c0c0c0;
		text-indent: 10px;
		text-decoration: none;
		}

	#sidebar ul.links li a:hover {
		color: #000;
		background: #fff;
		}


	/* statistics */
	#sidebar dl.stats {
		margin: 0 auto;
		width: 200px;
		}

		#sidebar dl.stats dt {
			float: left;
			}
			
	
	/* link to us */
	#sidebar ul.link-to-us {
		margin: 0 auto;
		width: 225px;
		}

		#sidebar ul.link-to-us li {
			margin-right: 5px;
			display: block;
			float: left;
			}

		#sidebar ul.link-to-us li img {
			padding: 3px;
			display: block;
			float: left;
			width: 100px;
			background: #f9f9f9;
			}

	#sidebar a.view-all {
		margin: 5px auto 0 auto;
		display: block;
		clear: both;
		float: right;
		font-style: italic;
		}

/* ------------------------------- */
/* AFFILIATES + DISCLAIMER
/* ------------------------------- */
	#affiliates-disclaimer {
		width: 100%;
		height: 244px;
		background: url(/images/layout/affiliates-disclaimer.jpg) repeat-x;
		}

		#ad-center {
			margin: 0 auto;
			padding-top: 40px;
			width: 840px;
			}

		/* elite affiliates */
		.elite-affiliates {
			width: 280px;
			float: left;
			}

			.elite-affiliates h3 {
				margin-right: 20px;
				width: 99px;
				height: 61px;
				display: block;
				float: left;
				text-indent: -9999px;
				background: url(/images/layout/elite-affiliates.jpg) no-repeat;
				}

			.elite-affiliates ul {
				float: left;
				}

				.elite-affiliates ul li a {
					margin-top: 5px;
					padding-bottom: 3px;
					width: 150px;
					display: block;
					color: #565656;
					text-indent: 10px;
					border-bottom: 1px solid #232222;
					text-decoration: none;
					}

				.elite-affiliates ul li a:hover {
					color: #b30000;
					border-bottom: 1px solid #464343;
					}
					
		
		/* our disclaimer */
	.our-disclaimer {
		width: 490px;
		float: right;
		font-size: .9em;
		line-height: 1.6em;
		}

		.our-disclaimer h3 {
			width: 99px;
			height: 61px;
			display: block;
			float: left;
			text-indent: -9999px;
			background: url(/images/layout/our-disclaimer.jpg) no-repeat;
			}

		.our-disclaimer p {
			margin-left: 20px;
			width: 170px;
			float: left;
			color: #565656;
			}



/* ------------------------------- */
/* FOOTER
/* ------------------------------- */
#footer {
	margin: 10px auto 60px auto;
	width: 870px;
	}

	#footer .designed {
		padding: 5px 6px;
		width: 250px;
		float: left;
		font-size: .8em;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		background: #000;
		}

		#footer .designed a {
			text-decoration: none;
			color: #fff;
			}

		#footer .designed a:hover,
		#footer .privacy-top ul li a:hover {
			color: #9f9f9f;
			}

	#footer .footer-divider {
		margin-top: -11px;
		width: 390px;
		height: 41px;
		float: left;
		background: url(//images/layout/footer-divider.jpg) no-repeat;
		}

	#footer .privacy-top ul li {
		display: block;
		float: right;
		}

		#footer .privacy-top ul li a {
			margin-right: 10px;
			padding: 5px 8px;
			font-size: .8em;
			text-transform: uppercase;
			text-decoration: none;
			color: #fff;
			background: #000;
			}





#poster  {		color: #000;
					display: block;
					text-transform: uppercase;
					text-decoration: none;
					}


#breadcrumb {
	position: absolute;
	top: 672px;
/*	left: 230px;*/
	left: 139px;
	width: 568px;
	margin: 0;
	padding: 0;
	z-index: 100;
	font-size: 10px;
}



.copyfoot {
	font-size: 10px;
}



#breadcrumb li {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 0 0 0px;
}

#breadcrumb li a:link,
#breadcrumb li a:active,
#breadcrumb li a:visited {
	background:url("/imgs/arrow.jpg") 0 4px no-repeat;
	padding-left: 10px;
	color:#000000;
}
#breadcrumb li a:hover {
	color: #6f071d;
}
#breadcrumb li.first, #breadcrumb li.first a {
	padding-left: 0;
	margin-left: 0;
	background-image: none;
}

/* Style Popup Window */
.style_popup #content {
	top: 3px;
	left: 12px;
	width: 480px;
	
}
.style_popup #content img {
	margin: 6px auto;
}


.style_popup #comments #comment_form .border {
	position: absolute;
	top: 0;
	left: -12px;
	width: 1px;
	height: 100%;
	background: #4A3C25;
}
.style_popup #comments h1, h2 {
	text-align: left;
	margin-top: 0;
	margin-bottom: 3px;
}
.style_popup #comments p {
	margin: 0 0 12px 0;
}
.style_popup #comments label {
	display: block;
	width: 100%;
	margin-bottom: 6px;
}
.style_popup #comments .textbox,
.style_popup #comments textarea {
	width: 100%;
}
.style_popup #comments .checkbox {
	margin: 0;
	height: 11px;
	width: 11px;
}












/* COMMENTS */
#comments {
	position: relative;
	width: 390px;
	margin-top: 12px;
}
#comments #comment_form {
	position: relative;
	align: auto;
		color: #000;

}
#comments #comment_form .border {
	position: absolute;
	top: 0;
	left: -12px;
	width: 0px;
	background: #ffffff;
}
#comments h1, h2 {
	margin-top: 5px;
			color: #a31818;
			text-align: center;
			font-size: 0.9em;
			font-weight: bold;
}

#comment_form label {
	display: block;
	width: 100%;
	margin-bottom: 6px;
}

#comments p {
	margin: 0 0 12px 0;
}
#comments label {
	display: block;
	width: 100%;
	margin-bottom: 6px;
}
#comments .textbox,
#comments textarea {
	background-color: #630505;
	color: white;
	width: 100%;
border-width: 1px;
border-color: #000000;
border-style: solid;
}
#comments .checkbox {
	margin: 0;
	height: 11px;
	width: 11px;
}


.count {
font-family: Times New Roman;
float:right;
font-size:36px;
color:#C65D42
}

.newsdate {
        color: #000000;
        text-decoration: none;
		text-transform: uppercase;
	font-weight: bold;
}


.newsposter a {
        font-size: 13px;
        color: #980a1a;
        text-decoration: none;
	text-transform: uppercase;
}

.newsposter {
        color: #980a1a;
        text-decoration: none;
	text-transform: uppercase;
}


/* ------------------- end ------------------- */
img.alignleft{margin-right:5px;float:left;}img.alignright{margin-left:5px;float:right;}