/*  
Theme Name: My Town Franklin Default
Theme URI: http://mytownfranklin.com/
Description: The beginnings of a default theme..
Version: 0.1.0
Author: Lee Cloer/Jason Shope
Author URI: http://cloerdesign.com
*/


@import url( '/wp-content/themes/mtf/reset.css' );


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #29303B;
	background: #F3F6ED; }

h1, h2, h3, h4 {
	font-family: Georgia, "Lucida Sans Unicode", lucida, Verdana, sans-serif;
	font-weight: normal; }
	
p {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.5em; }


a {
	color: #172846;
	text-decoration: underline; }

	a:visited {	color: #8a3207; }
	
	a:hover {
		color: #610404;
		text-decoration: none; }

	a img {	border: none; }
	
input,
textarea,
select  {
	background: #F3F6ED;
	border: #E1D6C6 1px solid; }

acronym, abbr { border-bottom: 1px dotted #0c6bf0; }

acronym, abbr, span.caps {
	cursor: help;
	letter-spacing: .07em; }

code {
	font-size: 1em;
	font-style: italic; }
	
blockquote {
	margin: 15px 15px 0 30px;
	padding: 0 0 0 50px;
	background: url('/wp-content/themes/mtf/img/blockquote.gif') no-repeat left top;
	font-style: italic; }
	
	blockquote p {
		padding-left: 4px;
		border-left: 2px solid #e7ebde; }

cite {
	font-size: 0.9em;
	font-style: normal; }




/* --- [ Header and Main Navigation ]----------------------- */

#headwrap {
	width: 975px;
	margin: 0 auto;
	text-align: left;
	padding: 0 9px;
	background-image: url('/wp-content/themes/mtf/img/headbg.png');
	background-position: center center;
	background-repeat: repeat-y; }

#header {
	margin-top: 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
	
	#primaryNav {
		width: 975px;
		height: 30px;
		margin: 0 auto;
		font-size: 11px; }

			#primaryNav li {
				float: left;
				width: 107px;
				height: 29px;
				margin-top: 1px;
				list-style-type: none; }
				
				#primaryNav li.home {
					float: left;
					width: 32px !important;
					margin: 0 5px 0 0; }
					
					#primaryNav li.home img {
						width: 31px;
						height: 29px;
						border: none; }

				#primaryNav li.contrib {
					float: left;
					width: 95px !important;
					background-image: url('/img/contributep.png');
					background-position: left center;
					background-repeat: no-repeat; }
					
					#primaryNav li.home .tab-label { display: none !important; }
					#primaryNav li.contrib .tab-label { display: none !important; color: #c00; }
					

				/* hacky solution for the contact tab */
				#primaryNav li.contact { float: right !important; }
				
				#primaryNav li.left { margin-right: 2px; }

				#primaryNav li.right { margin-right: 5px; }
				
				#primaryNav li.left a,
				#primaryNav li.right a {
					display: block;
					width: 107px;
					height: 29px;
					line-height: 29px;					
					color: #fff;
					text-decoration: none;
					background-position: top left;
					background-repeat: no-repeat; }

					#primaryNav li.left a { background-image: url('/wp-content/themes/mtf/img/Tab_Left.png'); }
						
					#primaryNav li.right a { background-image: url('/wp-content/themes/mtf/img/Tab_Right.png'); }

					#primaryNav li.contact a {
						display: block;
						width: 91px;
						height: 20px;
						text-align: right;
						float: right;
						line-height: 20px;					
						color: #000;
						text-decoration: none;
						margin-top: 4px;
						background-image: url('/img/about.png');
						background-position: center right;
						background-repeat: no-repeat; }


					#primaryNav li.left a:hover,
					#primaryNav li.right a:hover { background-position: 0px -30px; }

						.tab-label {
							display: block;
							width: 88px;
							text-align: center; }
								
							#primaryNav li.right .tab-label { float: left; }
								
							#primaryNav li.left .tab-label { float: right; }

							#primaryNav li.contact .tab-label { display: none; }


	
	#secondaryNav {
		height: 40px;
		font-size: 10px;
		border-bottom: 2px solid #b39c77;
		background-image: url('/wp-content/themes/mtf/img/2NavBG.png');
		background-position: left top;
		background-repeat: repeat-x;
		background-color: #c6b18f;
		overflow: hidden; }

			#secondaryNav li {
				float: left;
				width: 75px;
				height: 35px;
				list-style-type: none; }
				
			#secondaryNav li a {
				display: block;
				height: 100%;
				padding-top: 10px;
				text-align: center;
				text-decoration: none;
				color: #000; }

			#secondaryNav li a.nobr { padding-top: 15px; }

			#secondaryNav li a:hover {
				border-left: 1px solid #c3af8d;
				border-right: 1px solid #c3af8d;
				color: #900;
				background-color: #ddccb0; }
				
				


/* ---[ Global Wrappers ]----------------------------------- */

#rap {
	width: 975px;
	margin: 0 auto;
	text-align:left;
	font-family: Trebuchet MS,Georgia, Arial, serif;
	font-size: 0.9em;
	background-color: #fff;
	padding: 0 9px;
	background-image: url('/wp-content/themes/mtf/img/rap.png');
	background-position: center;
	background-repeat: repeat-y; }

#main {
	width: 955px;
	margin: 10px auto 0 auto;
	padding: 0;
	background-image: url('/img/flat-content-bg.png');
	background-position: center top;
	background-repeat: repeat-y; }

#content {
	width: 740px;
	padding: 5px;
	vertical-align: top; }
	
	

	
/* ---[ Global Banner Classes ]-------- */

#banner {
	width: 734px;
	height: 75px;
	margin: 0 0 10px 0;
	padding: 0; }
				
	#banner em { display: none; }
			
	#banner form { 
		width: 190px;
		height: 30px;
		float: right;
		margin: 18px 10px 0 0;
		padding: 0;
		background-image: url(/img/transparent25.png) !important;		/* Mozilla only */
		background-color: transparent !important;										/* Mozilla only */
		background-image: none;																			/* IE only */
		background-color: #ffffff;																	/* IE only */
		filter: alpha(opacity=25);																	/* IE only */
		text-align: center; }

	#banner #inputs {
		opacity: .75;
		position: relative; }
	
		#banner #inputs:hover { opacity: 1; }
		
		#banner #inputs input {
			margin-top: 5px;
			padding: 0;
			height: 18px;
			vertical-align: top; }
			
			#banner #inputs input.input-search-str { width: 130px; }
			
			#banner #inputs input.btn {
				width: 30px;
				height: 20px;
				line-height: 0.8em; }
				
				

/* /////////////////////////////////////////////////////////// */
/* ---[ Basic 3 Column Layout ]------------------------------- */


/* ---[ Articles ]------------- */

#ArticleWrap {
	width: 530px;
	vertical-align: top; }
		
	#ArticleWrap strong { font-weight: bold; }
	
	#CategoryDescWrap {
		margin-bottom: 15px;
		border: 1px solid #c6b18f;
		background-color: #d8c8ad; }
		
		#CategoryDescWrap h3 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			margin: 5px;
			font-size: .75em;
			line-height: 1.2em; }
		
			#CategoryDescWrap strong { font-weight: bold; }
			
			#CategoryDescWrap h3 ul {
				display: block;
				list-style-type: disc;
				margin: 2px 0;
				padding: 0;
				text-align: left; }
			
				#CategoryDescWrap h3 ul li {
					margin: 0;
					padding: 0;
					margin: 0.5em 0  0.5em 2.5em;
					padding-left: 0.1em;
					font-size: 0.9em;
					line-height: 1,2;
					text-align: left; }



	
/* ---[ Category Bar ]--------- */

#catbar {
	width: 200px;
	float: right;
	text-align: center; }
	
	#catbar h2 {
		height: 22px;
		margin: 0 5px;
		font-size: 1em;
		color: #676E04;
		text-align: center;
		background-color: #E6EADB;
		border: #ccc 0px solid;
		line-height: 22px;
		font-weight: bold; }
		
		#catbar-block {
			width: 190px;
			margin: 0 auto;
			text-align: left;
			font-size: 0.9em;	
			border: 1px solid #F3F6ED;
			background-color: #F3F6ED; }
			
			#catbar-block form {
				margin: 15px auto;
				text-align: center; }
			
			#catbar-block #searchform-string {
				width: 95%;
				background-color: #fff; }
			
			#catbar-block #searchform-submit { margin-top: 5px; }

	#catbar ul.menu {
		display: block;
		list-style-type: none;
		width: 190px;
		margin: 0 5px;
		padding: 5px 0 15px 0;
		text-align: left;
		font-size: 0.9em;	
		background: #F3F6ED; }

	#catbar ul.menu li {
		height: 20px;
		margin: 0;
		padding: 0;
		margin-left: 1em;
		padding-left: 1.2em;
		line-height: 24px;
		text-align: left;
		background: url(img/bullet.gif) no-repeat 0 7px; }

	#catbar ul.menu li a {
		text-decoration: none;
		border:none;
		color: #909D73; }

		#catbar ul.menu li a:visited { color: #999999;	}
	
		#catbar ul.menu li a:hover {
			color: #990000;
			text-decoration: underline; }

		.wrap-brand {
			margin: 0 5px 10px 5px;
			text-align: center; }
			
			#logo-mtfsm {
				margin: 0 auto; }


/* ---[ Sidebar ]-------------- */

#sidebar {
	width: 200px;
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 1em;
	vertical-align: top;
	color: #333; }
		
			
	/* Banner Ads */
	
	.adWrap {  }
		
		.ad-sidebar {
			display: block;
			margin: 5px auto;
			border: none; }
		 
			.block {
				width: 180px;
				height: 160px; }
			
			.high {
				width: 180px;
				height: 400px; }


/* ---[ Basic 3 Column Layout ]------------------------------- */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

	
			







/* ---[ Articles ]--------------- */

.post {	margin: 0 0 30px 0; }

	.post-head {
		padding-bottom: 3px;
		border-top: 1px solid #FDFBF8;
		border-bottom: 1px solid #dad9be; }
		
		.userImgWrap {
			width: 150px;
			float: left; }
		
		.post-info {
			width: 365px;
			float: left;
			margin-left: 10px;
			font-size: 0.8em;
			font-family: Verdana, Arial, Sans-Serif;
			color: #333; }
			
			.post-info a {
				text-decoration: none;
				color: #900; }
			
			.post-info a:hover { text-decoration: underline; }
		
			.post-title {
				margin: 0 0 5px 0;
				font-family: Georgia, Arial, Serif;
				font-size: 1.5em;
				font-weight: bold;
				color:#676E04; }
				
				.post-title a {
					text-decoration: none;
					color: #676E04 !important; }
	
			.post-date {
				font-size: 0.95em;
				font-style: italic;
				color: #676E04; }
				
				.date-sep { color: #BBC4A3; }
			
			.author-link {  }
			
			.comment-link-wrap { margin-top: 4px; }
			
				.comment-link {  }

	.post-content {
		padding: 10px 0;
		clear: both;
		font-family: Georgia, Verdana, Arial, serif;
		font-size: 12px; }
			
		.post-footer {
			height: 14px;
			margin-top: 10px;
			text-align: center; }
			
			#post-footer-img {
				width: 136px;
				height: 14px;
				margin: 0 auto; }
				
				
				
/* ---[ Comments ]-------------------- */

#CommentWrap {  }

	#comments,
	#respond {
		text-transform: uppercase;
		margin: 3em 0 1em 40px;
		color: #676E04;
		font: 0.9em verdana, helvetica, sans-serif; }
	
	.commentlist {
		font-size:1em;
		font-weight:normal; }
		
		.commentlist li  {
			margin: 8px 0;
			padding: 0.25em 0.25em 0.25em 1em;
			border-left: #dad9bf 4px solid;
			background-color: #F3F6ED; }
		
		.commentlist .alt  {
			border-left: #cccbb4 4px solid;
			background-color: #e5e8df; }
	
		.commentmetadata { font-size: 0.85em; }
	
			.comment-pending { color: #b3b5ae; }
			
			.comment-date {
				font-style: italic;
				color: #676E04; }
			
		.commentlist li p {
			margin: 5px 5px 0px 25px; }


	
#commentform 
{
	margin:0 0 0 40px;
}
#commentform textarea {
	width: 80%;
}
#commentform p {
	margin: 0 0 1em;
}





#ArtistInfo {
	width: 190px;
	margin: 0 5px;
	padding: 0;
	text-align: left;
	font-size: 0.9em;	
	background: #F3F6ED; }
		
		




			
			
	/* !-----[ /////////////

	Category specific styles

	\\\\\\\\\\\\\ ]-----! */
	
		h1.tradingpost {	background-image: url('/img/banners/jsTradingPost.jpg'); }

		h1.studioc {	background-image: url('/img/banners/studioC.jpg'); }
	
		h1.guardshack {	background-image: url('/img/banners/guardShack.jpg'); }
	
		h1.steeples {	background-image: url('/img/banners/steeples.jpg'); }

		h1.schooldaze {	background-image: url('/img/banners/schoolDaze.jpg'); }
				
		h1.submissions {	background-image: url('/img/banners/submissions.jpg'); }
		
		h1.aboutMTF {	background-image: url('/img/banners/aboutMTF.jpg'); }

		h1.franklinNC {	background-image: url('/img/banners/franklinNorthCarolina.jpg'); }

	
#footer {
	width: 740px;
	margin: 0 auto;
	padding: 7px 0;
	border-top: #BBC4A3 1px solid;
	clear: both;
	font-size: 0.8em;
	color: #999;
	text-align:center; }

#footer a {
	border:none;
	color:#7A7636; }


.textReg {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	line-height: 20px;
}
.textGuardTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	font-weight: bold;
	color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(/img/guardShack/camo.jpg);
	background-repeat: repeat;
}
.textBold {
	font-weight: bold;
}
.tableInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	background-color: #eeeeee;
}
.textSteeplesTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-repeat: repeat;
	background-color: #5D79B8;
}
.textSchoolTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-repeat: repeat;
	background-color: #990000;
}
.eventsTablePadding {
	padding: 10px;
	text-align: center;
	vertical-align: top;
}
.eventsInfo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #eeeeee;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	line-height: 18px;
}
.eventsDateTime {
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}.textItalic {
	font-style: italic;
}
.textBoldVerdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.EventTitles {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #365181;
}

a.picprev { padding-right: 25px; }

a.picnext { padding-left: 25px; }
.picMargin {
	margin: 5px;
}
.picBorderMargin {
	border: 1px solid #333333;
}