/* Adapt and learn from the elements of this CSS to use in your own
projects, but don't copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of 
JD McCulley and may not be reproduced. BOTTOM LINE...DON'T STEAL ;)
----------------------------------------------------------------------------------------*/

/* The McCulley's Main Stylesheet
----------------------------------------------------------------------------------------*/

/* GLOBAL PAGE LAYOUT (Styles that determine the most basic layout and styles of the site) 
----------------------------------------------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	height:100%;
	font: 12px 'lucida grande', arial, sans-serif;
	text-align: center;
	color:#000000;
	background-color: #f7f7f7;
	background-image:url(/tm-images/bg2.gif)
}
#container {
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	width: 936px;
	min-height:100%;
	text-align: left;
	position:relative;
	float: none;
} /* Original Width 991px */
* html #container {
	height:100%;
	width: 936px;
} /* Original Width 991px */
.main-content-container {
	width: 936px;
	float: left;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0 20px 0;
	background-color:#ffffff;
}
* html #main-content-container {
	width:100%;
	w\idth:100%;
}
.top-shaddow {
	position:relative;
	width:932px;
	height:382px;
	z-index:1;
	background: url(/tm-images/pg-top-shaddow.gif) no-repeat 0px 18px;
}

/* MASTER HEADER
----------------------------------------------------------------------------------------*/
#header {
	width:924px;
	height: 134px;
}
#header-content {
	position:absolute;
	top:0px;
	left:0px;
	width:924px;
}


#miniNav {
	
}
#miniNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#miniNav li {
	float: left;
	text-align: center;
}
#miniNav li a {
	font-family:'lucida grande', arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #636363;
	text-decoration: none;
	padding: 0px 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b6b6b6;
	display: block;
}
#miniNav li.last a {
	border-right: none;
}
#miniNav li a:hover {
	color: #FF9933;
}	



#top-nav {
	height: 25px;
	padding-left:7px;
}
#top-nav-content {
	position:absolute;
	left:9px;
	top:82px;
	width:706px;
	z-index:3000
}
#top-content-cap {
	float:left;
	width:991px;
	height:7px;
	line-height:1px;
	background-image:url(/tm-images/content-top-cap.gif);
	background-repeat:no-repeat;
}
#bottom-content-cap {
	float:left;
	width:932px;
	height:7px;
	line-height:1px;
	background-image:url(/..tm-images/content-bot-cap.gif);
	background-repeat:no-repeat;
}

/* BODY STYELS
----------------------------------------------------------------------------------------*/
#content {
	position:relative;
	width:924px;
	clear:none;
	float:left;
	margin-left: 4px;
	min-height:900px;
}
* html #content {
	width: 924px;
	margin-left:2px;
}
#page-content {
	position: relative;
	float:left;
	width:679px;
	clear:none;
	margin: 0 0 0 0px;
	padding: 0px 0 0px 3px;
	color:#000000;
}
#page-content div {
	position: relative;
	float: left;
}
#clearfooter {
	width:100%;
	clear:both;
}
#footer {
	width:100%;
	height: 24px;
}
#footer-main {
	width: 770px;
	float:left;
}
#footer-sidebar {
	width: 162px;
	float:right;
}
#page-bottom {
	width:785px;
}

/* GENERIC HTML ELEMENTS */
h1, h2, h3, h4 {
	margin:0;
	padding: 0 0 3px 0;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size:17px;
	text-transform:uppercase;
	color:#ff8105;
	font-family: "Trebuchet MS";
}
h2 {
	font-size:14px;
	text-transform:uppercase;
	color:#ff8105;
	font-family: "Trebuchet MS";
}
h3 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	margin:0;
}
p {
	margin: 0;
	padding:3px 0 15px 0;
}
a {
	color: #0277ca;
	text-decoration: none;
}
a:hover {
	color: #ff8105;
	text-decoration:none;
}
.gray {
	color: #8c8b8a
}
.green {
	color: #83BB4B
}
.orange {
	color: #FF9933
}
.font-9 {
	font-size: 9px
}
.pg-title {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bolder;
	text-transform:uppercase;
}

/* Pic Strip */
#pic-strip {
	background:url(/tm-images/pic-strip-bg2.gif) no-repeat;
	width:936px;
	height:104px;
	position:relative;
	padding-bottom:8px;
	background-color:#ffffff;
}
#pic-placement {
	position:absolute;
	top:11px;
	left:25px;
}
#recent-photo-link {
	position:absolute;
	top:142px;
	left:786px;
	z-index:200;
	color:#000000;
}

/* Utility Links */
#member-links {
	text-align:right;
	padding:10px 0 0 0;
	width:928px;
}
#member-links a {
	color:#ccd4db;
}

/* Welcome */
#welcome-image {
	padding:6px 6px 13px 7px;
	width:auto;
	float:left;
}
#welcome-text {
	padding:8px 0 0 0;
}
.arrow {
	padding: 19px 0 0 4px;
}
/* Entries */
.entry-shaddow {
	background:url(/tm-images/entry-bg-shaddows.gif) repeat-y;
	width:669px;
	padding:0 5px 0 5px;
}
.entry {
	width:649px;
	padding:2px 10px 2px 10px;
	background-color: #f8f9fa;
}
.entry-header {
	width:649px;
}
.entry-date {
	height:46px;
	width:36px;
	background:url(/tm-images/calendar-icon.gif) no-repeat;
	padding-bottom:12px;
}
.entry-month {
	width:36px;
	padding: 15px 0 0 0;
	font:11px Trebuchet MS;
	color:#f66722;
	text-align:center;
	line-height:1;
}
.entry-day {
	width:36px;
	padding: 0 0 0 0;
	font:18px Trebuchet MS;
	color:#969a94;
	text-align:center;
	line-height:1;
}
.entry-title {
	width:468px;
	font:18px Trebuchet MS;
	font-weight:bold;
	color:#577e9b;
	padding: 4px 0 0 6px;
	line-height: 1.2em;
	clear:right;
}
.entry-title a {
	color: #ff8105;
	text-decoration: none;
}
.entry-title a:hover {
	color: #0277ca;
	text-decoration:none;
}
.entry-post-info {
	width:500px;
	font:11px Trebuchet MS;
	color:#8c8b8a;
	padding:3px 0 0 6px;
}
.entry-comments {
	width:90px;
	padding-left:5px;
	text-align:right;
	font:11px Trebuchet MS;
	color:#8c8b8a;
	padding:3px 0 0 6px;
}
.entry-dotted-line {
	width:649px;
	height:1px;
	background:url(/tm-images/dotted-line-entry.gif) repeat-x top;
	margin:5px 0 5px 0;
}
.entry-body {
	font-size: 12px;
	padding: 5px 0 10px 0;
	width:649px;
	font-family:'lucida grande', arial;
	line-height:1.3em
}
.entry-pic {
	border: solid 1px #E1E2DF;
	margin:0px;
	padding: 4px;
	background-color:#FFFFFF;
}
.entry-pic-title {
	height:35px;
	font-size:14px;
	font-weight:bold;
	padding-bottom:3px;
	text-align:left;
}
.entry-pic-desc {
	padding:4px 0 15px 0;
	text-align:left;
}
.entry-footer {
	width:649px;
	background:url(/tm-images/entry-footer-bg.gif) repeat-x;
	height:26px;
}
.entry-ftr-email {
	padding: 6px 3px 0 3px;
}
.entry-ftr-comment {
	padding: 6px 0 0 0;
	width:536px;
}
.entry-ftr-read-link {
	padding: 6px 0 0 0;
}
.entry-ftr-read-icon {
	padding: 6px 3px 0 3px;
}

/* Comment Section */
.entry-comment-mod {
	width:649px; 
	position:relative; 
	float:left; 
	background-color:#FFFFFF;
}
.comment-container {
	position: relative;
	width:505px; 
	background-color:#ffffff; 
	border:solid 1px #C5C5C5; 
	height:130px; 
	overflow:auto; 
	float:right;
	margin:20px 15px 20px 0;
}

/* Side Panel */
#side-panel {
	position: relative;
	float:left;
	width:227px;
	clear:none;
	margin: 0 0 0 0;
	min-height:1000px;
	text-align:left;
	color:#000000;
	font-size:11px;
}
.side-section {
	padding:10px 10px 0px 20px;
	width:185px;
	height:auto;
	position:relative;
	clear:both;
}
.top-side-section-hdr {
	padding: 0 0 8px 0;
	clear:both;
}
.side-section-hdr {
	padding: 20px 0 0 0;
	clear:both;
}
.recent-entry-link {
	line-height:1.2em;
	font-size:11px;
	padding:5px 0 5px 0;
	font-family:'lucida grande', arial;
}
.dotted-line-side {
}
#archives {
	padding:10px 10px 10px 17px;
	width:193px;
}
#archives-hdr {
	padding: 15px 0 8px 0;
}
#archives-txt {
}
.small-profile-pic {
	background-color:#FFFFFF;
	border: solid 1px #E1E2DF;
	margin:0 8px 6px 0;
	padding: 4px;
	width:79px;
}
#profile-txt {
}
.side-bullet-link {
	background:url(/tm-images/orange-small-bullet2.gif) no-repeat 3px 5px;
	padding-left:13px;
	float:left;
	clear:both;
	width:182px;
	position:relative;
}
.bullet-link {
	background:url(/tm-images/orange-small-bullet2.gif) no-repeat 3px 5px;
	padding-left:13px;
	float:left;
	clear:both;
	position:relative;
	width:640px;
	;
}
.movie-pic {
	background-color:#FFFFFF;
	border: solid 1px #E1E2DF;
	margin:0 8px 6px 0;
	padding: 4px;
}
.scripture {
	font-family:"Times New Roman", Times, serif;
	font-style:italic; font-size:15px;
}

.photo-story {display:block; padding-left:20px; background: url(/tm-images/photo-story-icon.gif) no-repeat 0 0;}