@charset "UTF-8";
/* CSS Document */

/* ===================== 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 {
	color: black;
	background: white;
	line-height:1;
}
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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong{
	font-weight:bold;
}

#theClear{
	clear:both;
}


/* =================== START CUSTOM CSS =================== */

body{
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#c11103;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#thePage{
	margin:0;
	padding:0;
	background-image:url(images/painting.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:auto;
}

#theContent{
	margin:0;
	padding:0;
	width:940px;
	margin:auto;
}

p{margin-bottom:20px}
/* ================= HEADER ============ */

#header #logo{
	width:384px;
	height:129px;
	background-image:url(images/roadLessTravelledLogo.gif);
	background-repeat:no-repeat;
	position:relative;
	margin-top:115px;
	margin-left:115px;
	_margin-left:80px;
	float:left;
}

#header h2{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	position:relative;
	margin-left:165px;
}


/* =================== FEATURED ================= */

#featured{
	width:940px;
	height:165px;
	background-image:url(images/featuredBack.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:300px;
	line-height:14px;
}

#featured ul{
	width:940px;
	height:164px;
}

#featured img{
	display:none;	
}

#featured img.thumb{
	display:inline;
	float:left;
	border-color:#FFFFFF;
	border-width:5px;
	border-style:solid;
	border-bottom-width:10px;
	margin-right:10px;
}

#featured li{
	width:273px;
	height:124px;
	position:relative;
	float:left;
	padding:20px;
}

#featured h2{
	color:#9A1C1F;
	font-size:22px;
	line-height:22px;
	font-weight:bold;
	margin-bottom:10px;
}

#featured a{
	color:#9A1C1F;
	text-decoration:none;
}

#featured strike{
	float:left;
	border-color:#FFFFFF;
	border-width:5px;
	border-style:solid;
	border-bottom-width:10px;
	margin-right:10px;
	width:55px;
	height:55px;
	overflow:hidden;
}
	


/* ================ THE MENU =================== */

#theMenu{
	position:absolute;
	width:100%;
	height:56px;
	background-image:url(images/menuBG.jpg);
	background-repeat:repeat-x;
	top:465px;
	z-index:10;
}

#theMenu ul{
	width:940px;
	margin:auto;
}
	
#theMenu ul li{
	list-style-type:none;
	float:left;
}	

#theMenu ul li a{
	display:block;
	height:38px;
	padding-top:18px;
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
	text-decoration:none;
	color:#ded69b;
}

	
/* ============== THE CONTENT =============== */

#container{
	width:940px;
	float:left;
	position:relative;
	margin-top:263px;
	background-image:url(images/contentBG.jpg);
	background-repeat:repeat-y;
}	

#mainContent{
	width:596px;
	position:relative;
	float:left;
	padding:20px;
	line-height:18px;
}

#mainContent h2, #mainContent h2 a {
	color:#9A1C1F;
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
	text-decoration:none;
	line-height:24px;
}

#mainContent .post{
	margin-bottom:30px;
	position:relative;
	float:left;
	width:580px;
}

#mainContent .postmetadata{
	clear:both;
	padding-top:15px;
	position:relative;
}

#mainContent img{
	padding:15px;
}

#mainContent img.alignleft{
	float:left;
	position:relative;
	padding-right:20px;
}

#mainContent img.alignright{
	float:right;
	position:relative;
	padding-left:20px;
}

#mainContent hr{
	margin-top:15px;
}

#mainContent a{
	color:#333333;
}


/* ============= THE SIDEBAR =========== */

#theSidebar{
	width:260px;
	position:relative;
	float:right;
	padding:15px;
	padding-left:25px;
}

#theSidebar h2{
	font-size:16px;
	font-weight:bold;
	color:#3C2415;
	margin-bottom:10px;
	margin-top:20px;
}

#theSidebar ul li a{
	color:#333333;
	text-decoration:none;
}

#theSidebar ul li{
	line-height:16px;
}


/* ============== SEARCH ============= */

#search{
	width:280px;
	position:absolute;
	top:-40px;
	left:650px;
	z-index:80;
}

#search #s{
	float:left;
	position:relative;
}

#search #searchsubmit{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:-13px;
}

#search h2{
	font-size:18px;
	color:#ded69b;
	font-weight:bold;
	position:relative;
	float:left;
	padding-right:10px;
	margin-top:0;
}

/* ============== CONNECT ============= */

#connectLinks img{
	padding-right:5px;
}


/* ============== FOOTER ================ */

#footer{
	width:940px;
	text-align:center;
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
	color:#FFFFFF;
}


/* ============== COMMENTS ================ */

#mainContent .comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

#mainContent .comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

#mainContent .comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

#mainContent .comments-template h2, .comments-template h3{
	font-family:Arial, Helvetica, Georgia, Sans-serif;
	font-size: 16px;
}

#mainContent .commentmetadata{
	font-size: 12px;
}

#mainContent .comments-template p.nocomments{
	padding: 0;
}

#mainContent .comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

