/*
ColdTowne stylesheet for MediaWiki
http://coldtowne.com
http://coldtownetheater.com

Created by Four Kitchen Studios, LLC
http://fourkitchens.com

COLORS .........................
med  red    	rgb(160,50,40)
dark grey   	rgb(102,102,102)
med grey    	rgb(153,153,153)
med orange  rgb(255,191,0)
med blue 	rgb(0,102,204)
*/


/* ..... typography ..... */
.b { font-weight: bold; }
.i { font-style: oblique; }
.u { text-decoration: underline; }
.rom { font-weight: normal !important; font-style: normal !important; text-decoration: none !important; }

.smallcaps { font-variant: small-caps; }
.allcaps { text-transform: uppercase; }
.small, small { font-size: .75em !important; }
.big, large { font-size: 1.25em !important; }
.huge { font-size: 1.5em !important; }

.on { color: rgb(115,169,201) !important; } /* med blue */
.off { color: rgb(160,160,160) !important; } /* dark gray */
	.off a { color: rgb(160,160,160) !important; } /* dark gray */

code, pre { font: 1.15em 'Courier New', Courier, monospace; }
acronym, abbr { border-bottom: 1px dashed rgb(100,100,100); cursor: help; }
strike { color: rgb(100,100,100); }

a, a:visited, a:active {
	color: rgb(0,102,204);
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

h1, h2, h3, h4, h5 {
	display: block; /* change */
	margin: 0 0 10px 0;
	padding: 0;
	color: rgb(160,50,40);
	font-weight: bold;
	}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
		text-decoration: none;
		}
h1 {
	border-bottom: 1px solid rgb(102,102,102);
	font-size: 1.5em;
/*	text-align: right;
*/	text-transform: uppercase;
/*	letter-spacing: 2px;
*/	}
h2 {
	font-size: 2.25em;
	}
h3 {
	font-size: 1.5em;
	}
	h3#siteSub { display: none; }
h4 {
	font-size: 1.25em;
	}
h5 {
	/* used only in portlets */
	font-size: 1em;
	}

p { margin: 0 0 10px 0; }

img {
	margin: 0;
	padding: 0;
	border: none;
	}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin-left: auto; margin-right: auto; }
img.aligncenter { display: block; }
.aligntop { vertical-align: top; }
.alignmiddle { vertical-align: middle; }
.alignbottom { vertical-align: text-bottom; }

.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter, .center { text-align: center; }

.last { margin-bottom: 0 !important; }
.noline { border-bottom: none !important; }
.clear { clear: both; }

hr {
	width: 100%; 
	height: 1px;
	margin: 15px auto 15px auto;
	padding: 0;
	border: none;
	color: rgb(102,102,102); /* IE */
	background-color: rgb(102,102,102); /* Mozilla, Opera */
	}
	hr.off {
		display: none;
		}
/* ..... end typography ..... */


/* various hidden elements */
.hiddenStructure { display: none; speak: none; }
div.printfooter { display: none; }
li#feedlinks { display: none; }


/* ..... global elements ..... */
body {
	background: black;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	color: rgb(50,50,50);
	}

#inner {
	width: 770px;
	padding: 0;
	margin: 0 auto 0 auto;
	}

#header, #headerTop, #contentBottom { /* workable area: 770px; */
	width: 770px;
	}

#header {
	height: 100px;
	background: url(header.bg.gif);
	margin-bottom: 10px;
	}
	#headerLogo {
		float: right;
		margin: 5px 5px 0 0;
		}
	#headerBlurb {
		margin: 75px 0 0 310px;
		position: absolute; 
		}
	#searchBody {
		display: none;
		background: url(search.gif) no-repeat center left;
		float: right;
		width: 210px;
		margin: 20px 12px 0 0;
		text-align: right;
		}
		#searchInput {
			width: 100px;
			margin:bi 0 3px 0 0;
			}
		#searchGoButton {
			height: 23px;
			color: rgb(0,172,54);
			font-weight: bold;
			}

#navbar, #admin {
	width: 770px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}
#navbarTop {
	height: 10px;
	background: url(navbar.top.gif);
	}
#navbar {
	font-size: 1.3em;
	}
	div.portlet {
		height: 35px;
		margin: 0;
		padding: 0;
		background: rgb(102,102,102);
		}
		div.portlet ul {
			margin:  0 0 0 10px;;
			padding: 0;
			}
			div.portlet ul li {
				display: inline;
				list-style: none;
				margin: 0;
				padding: 0;
				}
				div.portlet ul li a:after {
					content: url(star.gif);
					margin-left: 15px;
					}
				
			div.portlet ul li a, div.portlet ul li a:active, div.portlet ul li a:visited {
				/* total height: 30px */
				float: left;
				margin: 0 0 1px 0;
				height: 13px;
				padding: 2px 2px 2px 5px;
				border: none;
				color: white;
				font-weight: bold;
				}
			div.portlet ul li a:hover {
				color: rgb(255,191,0);
				text-decoration: none;
				}
				
				
			div.portlet ul li.selected a,
			div.portlet ul li.selected a:active,
			div.portlet ul li.selected a:visited {
				color: white;
				}
			div.portlet ul li.selected a:hover {
				}
#p-navigation {
	padding: 0 0 0 5px;
	}
#admin {
	margin-top: 0;
	}
	#adminTitle {
		padding: 3px;
		background-color: rgb(50,50,50);
		text-align: center;
		color: white;
		font-size: .9em;
		font-weight: bold;
		letter-spacing: 2px;
		}
	#admin div.portlet h5 {
		float: left;
		width: 80px;
		height: 16px;
		margin: 0;
		padding: 3px 5px 0 0;
		text-align: right;
		font-weight: bold;
		text-transform: none;
		font-size: 1.1em;
		}
	#admin div.portlet {
		height: 19px;
		border-bottom: 1px solid #666;
		background: #ccc;
		}
	#admin div.portlet ul li a {
		padding: 4px 5px 2px 5px;
		color: #666;
		}
		#admin div.portlet ul li a:hover {
			color: #000;
			background: white;
			}
		#admin div.portlet ul li a:after {
			display: none;
			}

#content {  /* workable area: 750px = 770 - 20 padding; */
	width: 750px;
	min-height: 350px;
	margin: 0;
	padding: 10px;
	background: white;
	font-size: 1.25em;
	}
	#content p {
		margin: 0 0 10px 0;
		padding: 0;
		}
	#content img, #content a.image {
		margin: 0;
		padding: 0;
		border: none;
		}
	#content ul {
		list-style: none;
		margin: 0 0 10px 15px;
		padding: 0;
		text-indent: -15px;
		}
		#content ul li {
			margin: 0;
			padding: 0 0 5px 0;
			line-height: 1.4em;
			}

		#content ul li:before {
			content: url(bullet.gif);
			}

#contentTop {
	height: 15px;
	width: 770px;
	padding: 0;
	background: rgb(160,50,40);
	}

#contentBottom {
	clear: both;
	height: 15px;
	padding: 0;
	background: rgb(160,50,40);
	}

#contentBody {
	min-height: 300px;
	}
	#contentBody p, #contentBody ul, #contentBody ol {
		line-height: 1.5em;
		}

	#contentSub {
		margin: 0 0 10px 0;
		font-size: .75em;
		text-transform: uppercase;
		}
  #contentSub { /* hides the "redirected from..." message */
    display: none;
    }

	#siteSub { display: none; }
	#jump-to-nav { display: none; }

	/* keep the whitespace in front of the ^=, hides rule from konqueror   */
	/* this is css3, the validator doesn't like it when validating as css2 */
	#contentBody a.external,
	#contentBody a[href ^="gopher://"] {
		background: url(icon.externallink.png) center right no-repeat;
		padding-right: 13px;
		}
	#contentBody a[href ^="https://"],
	.link-https {
		background: url(icon.lock.gif) center right no-repeat;
		padding-right: 16px;
		}
	#contentBody a[href ^="mailto:"],
	.link-mailto {
		background: url(icon.mail.gif) center right no-repeat;
		padding-right: 18px;
		}
	#contentBody a[href ^="news://"] {
		background: url(icon.news.png) center right no-repeat;
		padding-right: 18px;
		}
	#contentBody a[href ^="ftp://"],
	.link-ftp {
		background: url(icon.file.gif) center right no-repeat;
		padding-right: 18px;
		}
	#contentBody a[href ^="irc://"],
	.link-irc {
		background: url(icon.discussionitem.gif) center right no-repeat;
		padding-right: 18px;
		}
	#contentBody .plainlinks a {
		padding: 0 !important;
		background: none !important;
		}

	div.editsection {
		display: none;
		font-size: .75em;
		text-transform: uppercase;
		letter-spacing: 1px;
		}
	span.subpages {
		display: block;
		}

	div.keywords {
		display: none;
		font-size: .75em;
		}

div.clear {
	clear: both;
	}

/* infobox style */
table.infobox {
	clear: right;
	float: right;
	width: 200px;
	margin: 0 0 10px 25px;
	padding: 0;
	border: 1px solid rgb(102,102,102);
	background-color: white;
	color: black;
	font-size: 1em;
	}
	table.infobox th, table.infobox td {
	   	vertical-align: top;
	   	padding: 0px 2px 2px 2px;
		}
	table.infobox th {
		background: #666;
		font-size: 1.2em;
		color: white;
		}
	table.infobox td {
		padding-top: 0;
		}	
		table.infobox td a{
			display: block;
			font-weight: bold;
			padding: 5px;
			}	
		table.infobox td a:hover{
			background: rgb(160,50,40);
			color: rgb(255,191,0);
			text-decoration: none;
			}	
		
		table.infobox li {
			list-style-type: none;
			}


/* table of contents */
#toc, .toc {
	/* table element */
	clear: right;
	float: right;
	width: 200px;
	padding: 0 3px 0 3px;
	margin: 0 0 15px 15px;
	background: white url(bg.box.gif) bottom left repeat-x;
	border: 1px solid rgb(0,172,54);
	font-size: .8em;
	}

	#toctitle, #toc .toctitle, .toc .toctitle {
		/* div element; includes h2 and .toctoggle */
		margin: 0;
		padding: 0;
		}
		#toc h2, .toc h2 {
			display: inline;
			padding: 0;
			background: none;
			font-size: 1.4em;
			text-transform: none;
			letter-spacing: 1px !important;
			}
		#toc .toctoggle, .toc .toctoggle {
			margin-left: 3px;
			text-transform: uppercase;
			letter-spacing: 1px;
			}
	#toc ul, .toc ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#toc ul li, .toc ul li {
			margin: 0 0 2px 0;
			padding: 0;
			text-indent: 0;
			}
		#toc ul li:before, .toc ul li:before {
			content: "";
			}
		#toc ul ul, .toc ul ul {
			margin: 2px 0 0 10px;
			}

/* blurb */
div.blurb {
	clear: right;
	float: right;
	width: 200px; /* total width 233px */
	padding: 3px;
	margin: 0 10px 15px 15px;
	background: white url(bg.box.gif) bottom left repeat-x;
	border: 1px solid rgb(0,172,54);
	text-align: center;
	}
	div.blurb p {
		margin: 0 0 5px 0;
		padding: 0;
		font-size: .9em;
		}


/* images */
div.floatright, table.floatright {
	clear: right;
	float: right;
	position: relative;
	margin: 0 0 15px 15px;
	}
	div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
	float: left;
	position: relative;
	margin: 0 15px 15px 0;
	border: 0;
	}
	div.floatleft p { font-style: italic; }

/* thumbs */
div.thumb {
	width: auto;
	}
	div.thumb div {
		padding: 3px !important;
		border: 1px solid rgb(0,102,204);
		background: white url(bg.box.gif) bottom left repeat-x;
		font-size: 1em;
		text-align: center;
		overflow: hidden;
		}
		div.thumb div a img {
			}
		div.thumb div div.thumbcaption {
			padding: 5px 0 2px 0;
			border: none;
			text-align: left;
			line-height: 1.25em;
			}
	div.magnify {
		float: right;
		border: none !important;
		background: none !important;
		}
		div.magnify a, div.magnify img {
			display: block;
			border: none !important;
			background: none !important;
			}
	div.tright {
		clear: right;
		float: right;
		margin: 0 0 10px 25px;
		}
	div.tleft {
		float: left;
		margin: 0 25px 10px 0;
		}

/* section div */
div.section {
	clear: both;
	margin: 30px 0 20px 0;
	padding: 10px 10px 0 10px;
	border: 1px solid rgb(0,172,54);
	}
	div.section div.captionWrap {
		margin: -25px 0 5px 0;
		}
	div.section div.captionWrap .caption {
		display: inline;
		padding: 0 5px;
		color: rgb(115,169,201);
		background-color: white;
		}
		div.section div.captionWrap .caption h2, 
		div.section div.captionWrap .caption h3, 
		div.section div.captionWrap .caption h4 {
			display: inline;
			background: none;
			}

/* contact page */
table.contactinfo {
	border-collapse: separate;
	border-spacing: 0px 3px;
	width: 450px;
	margin: 0 0 20px 20px;
	padding: 0;
	font-size: 1.5em;
	}
	table.contactinfo td.type {
		width: 60px;
		padding-left: 5px;
		vertical-align: middle;
		font-size: .6em;
		text-transform: uppercase;
		letter-spacing: 2px;
		}

div.sidebar {
	background: none;
	float: right;
	clear: right;
	width: 200px;
	margin: 0 0 10px 0px;
	padding: 0px;
	font-size: .8em;
	}
	div.sidebarTitle {
		height: 17px;
		margin: 0;
		padding: 3px 0 0 0;
		background: url(sidebar.top.gif) no-repeat top left;
		text-align: center;
		color: white;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		}
	div.sidebarContent {
		margin: 0;
		padding: 0 5px;
		background: rgb(27,57,100);
		}
		div.sidebarContent p {
			margin-left: 5px ! important;
			}

		/* NewsFeed */
		ul.rss-items {
			list-style: none !important;
			margin: 0 !important;
			padding: 0 !important;
			text-indent: 0 !important;
			border-top: 1px solid rgb(71,107,135);
			}
			li.rss-item {
				margin: 0;
				padding: 3px 0 !important;
				border-bottom: 1px solid rgb(71,107,135);
				}
			li.rss-item:before {
				content: '' !important;
				}
			li.rss-item a {
				color: white;
				line-height: 1.15em;
				}
			li.rss-item a:hover {
				}


	div.sidebarBottom {
		height: 10px;
		margin: 0;
		padding: 0;
		background: url(sidebar.bottom.gif) no-repeat top left;
		}

#footer {
	height: 50px;
	margin: 0;
	padding: 10px 0 0 10px;
	color: white;
	background: rgb(102,102,102);
	line-height: 1.15em;
	}
	#footer a, #footer a:active, #footer a:visited , #footer a:hover {
		font-size: 1.25em;
		color: white;
		}
		
	#footer a:hover {
		color: rgb(255,191,0);
		text-decoration: none;
		}
		
	#fklogo {
		float: right;
		margin: 0 10px 0 0;
		}
	#footerLinks {
		width: 620px;
		}
	#f-poweredbyico { display: none; }

#footerBottom {
	height: 10px;
	margin: 0;
	background: url(footer.bottom.gif);
	} 


/* ..... form elements ..... */
#wpTextbox1 { /* edits entries */
	width: 570px;
	font-family: monospace;
	}

div.formskinny {
	width: 340px;
	}
div.formdiv {
	margin-top: 10px;
	}

form {
	margin: 0;
	padding: 0;
	}
	fieldset {
		margin: 0 0 10px 0;
		border: 1px solid rgb(128,213,154);
		}
	legend {
		padding: 2px 5px;
		border: 1px solid rgb(128,213,154);
		color: rgb(0,172,54);
		font-size: 1.25em;
		font-weight: bold;
		}
	label {
		margin: 0;
		padding: 0;
		}
		span.subhead {
			font-size: .75em;
			font-weight: normal;
			}
	input, textarea, label, select {
		margin: 0;
		vertical-align: middle;
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		}
	input, textarea, select {
		padding: 3px;
		border: 1px solid rgb(102,102,102);
		background-color: white;
		}
	select.long {
		width: 210px;
		font-size: .9em;
		}
	input:focus {
		background: rgb(255,191,0) !important;
		}
	input.submit {
		cursor: pointer;
		cursor: hand;
		padding-left: 5px;
		padding-right: 5px;
		background: white url(button.bg.gif) bottom left repeat-x;
		font-size: 1.25em;
		font-weight: bold;
		}
		input[type ^="submit"]:hover,
		input.submit:hover {
			background: rgb(255,191,0)!important;
			}
	input.disabled {
		background: rgb(220,220,220);
		font-weight: bold;
		}
	input.image {
		margin: 0 3px 0 0;
		padding: 0;
		border: 0;
		background: none;
		vertical-align: middle;
		}

	div.formbuttons {
		margin: 0 0 20px 0;
		text-align: right;
		}

	table.formtable {
		margin: 0;
		}
		table.formtable th {
			padding: 0 15px 0 0;
			text-align: right;
			font-weight: bold;
			}
		table.formtable td {
			padding: 0;
			text-align: left;
			}
		table.formtable td.grouped, table.formtable th.grouped {
			padding-bottom: 0;
			}
/* ..... end form elements ..... */

/* ..... wordpress post elements ..... */

div #post a, a:visited, a:active {
	color: rgb(160,50,40);
	text-decoration: none;
	}
div #post a:hover {
	text-decoration: underline;
	}

/* ..... end wordpress post elements ..... */




