/* Default LF CSS */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block; }
/* End hide from IE-mac */

 

br.clear { clear:both; height:0; margin:0; font-size: 1px; line-height:0px; }

#container input { font-size:110%; padding:2px 3px 2px 2px; margin:2px 0 4px 0; border:1px solid #CCC; border-bottom:2px solid #CCC; !important }

input.submit { margin:5px 0 15px 0; padding:3px; font-size:120%; font-weight:bolder; color:#003300; }
label { display:block; margin:0; }

#container textarea { padding:2px 3px 2px 2px; margin:2px 0 4px 0; height:150px; width:99%; border:1px solid #CCC; border-bottom:2px solid #CCC; }

form.avatarForm textarea { width:80%; display:block; }

textarea.reply { width:99.05%; font-size:100%; }
form.chat textarea { height:50px; margin:10px 0 5px 0; font-size:110%; }
#container select { margin:5px 0; font-size:110%; }

span.drag { cursor:move; }

/*      Error Handling      */

p.success { font-size:105%; color:#006600; margin:10px 0; font-weight:bolder; text-align:left; }

p.error, p.alert { border-top:1px solid #FF0000; padding:6px 20px; text-align:left; margin:20px; color:#FF0000; font-size:105%; font-weight:bolder; }
 
.info { color:#666666; font-size:85%; margin:0; padding:0; }

.pad { padding:6px 0; }

.highlight { background:#f0efe0; padding:3px 6px; margin:6px 0; color:#333333; }

.right { float:right; }
.left { float:left; }

span.read { font-style:italic; color:#CCCCCC; font-size:90%; }
span.unread { color:#999999; font-size:90%; }

.small { font-size:85%; }

p.sitRight { float:left; margin:-40px 0 0 95px; }

.half { width:49%; }
.pad { padding:6px 0; }

#content .nb { border:0; }

#viewNav { width:100%; clear:both; font-size:110%; margin:6px 0 0 0; padding:0; color:#999999; border-bottom:1px solid #D8D5C5; position:relative; z-index:1; }
	#viewNav li input { outline:none; }
	#viewNav li label { margin:2px 6px 0 0; }
	#viewNav li { list-style:none; float:left; margin:0 2px; }
	#viewNav li.icon { font-size:90%; }
	#viewNav li.icon img.icon { margin:0 0 -6px 0; }
	#viewNav li a:link, #viewNav li a:visited, ul.links li a:link, ul.links li a:visited { display:block; padding:4px 9px; line-height:90%; color:#666666; border-right:1px solid #e6e5e5; border-left:1px solid #e6e5e5; border-top:1px solid #e6e5e5; }
	#viewNav li.icon a:link, #viewNav li.icon a:visited { padding:2px 9px 3px 9px; }
	#viewNav li a:hover, ul.links li a:hover { color:#000000; border-right:1px solid #CCC; border-left:1px solid #CCC; border-top:1px solid #CCC; }
	#viewNav li.active a:link, #viewNav li.active a:visited, #viewNav li.active a:hover, ul.links li.active a:hover, ul.links li.active a:link, ul.links li.active a:visited { border-bottom:1px solid #fbfaf0; color:#000000; margin:0 0 -1px 0; border-right:1px solid #D8D5C5; border-left:1px solid #D8D5C5; border-top:1px solid #D8D5C5; }
	#viewNav li.active2 a:link, #viewNav li.active2 a:visited { border-bottom:1px solid #ECF6DA; color:#000000; margin:0 0 -1px 0; border-right:1px solid #D8D5C5; border-left:1px solid #D8D5C5; border-top:1px solid #D8D5C5; background:#ECF6DA }
	#viewNav li.right { font-size:90%; margin:0 2px; float:right; }
	#viewNav li span { font-size:90%; margin:0 2px; }
	#viewNav li.right a:link, #viewNav li.right a:visited { margin:2px 0 -2px 0; color:#666666; }

ul.links { float:right; display:block; margin:0; padding:0; font-size:90%; margin:-1.8em 0 0 0; position:relative; z-index:2; }

ul.links li { list-style:none; float:left; display:block; margin:0 4px 0 0; padding:0; }

ul.links li.active { margin:0 4px 0 0; }

ul.links li.text { padding:1px 0 0 0; }
ul.bot li.text { padding:2px 0 0 0; }

ul.bot { font-size:70%; }

ul.bot li a:link, ul.bot li a:visited { border-bottom:1px solid #e6e5e5; }
ul.bot li a:hover { border-bottom:1px solid #CCC; }

ul.bot li.active a:link, ul.bot li.active a:visited, ul.bot li.active a:hover { border-bottom:1px solid #CCC; }


ul.feed li span.info { font-style:italic; font-size:102%; color:#999999; }

ul.list, ul.feed { margin:0 0 30px 0; padding:0 0 0 0; }
ul.list li, ul.feed li { list-style:none; }
ul.list li a:link, ul.list li a:visited { display:block; padding:3px 5px; border-bottom:1px solid #d8d5c5; }
ul.list li.active a:link, ul.list li.active a:visited { color:#000000; }
ul.list li a:hover { background:#f6f3e3; }
ul.list li.active a:hover { background:none; }
ul.list li.active { margin:-1px -1px 0 0; color:#000000; border-top:1px solid #d8d5c5; font-weight:bolder; }
ul.feed li { padding:3px 5px 5px 3px; border-bottom:1px solid #D8D5C5; font-size:90%; width:auto; clear:both; color:#666666; }

ul.feed li span.right { font-size:90%; color:#999999; margin:-1.5em 0 0 0; }

ul.feed li div.right { color:#999999; margin:5px 0 0 0; }

ul.feed li:hover { background:#f7f5e7; }
ul.feed li a:link, ul.feed li a:visited { display:inline; padding:0; color:#06255f; border-bottom:0; }
ul.feed li h3 a:link, ul.feed li h3 a:visited { color:#432803; }
ul.feed li a:hover { color:#000; }
ul.feed li img.icon { margin:4px 5px -1px 0; }

#frame { width:754px; background:#FFFFFF; padding:0 13px 20px 13px; margin:15px 0; }
#container { width:100%; text-align:left; min-height:400px; padding:10px 0; }





ul#whosOnline { padding:0; margin:0 0 0 240px; position:absolute; top:-1px; left:50%; }

ul#whosOnline li { list-style:none; float:left; margin:0 6px; }
ul#whosOnline li.left { list-style:none; float:left; margin:0 6px; }

ul#whosOnline li a:link, ul#whosOnline li a:visited { color:#FFFFFF; background:#666666; padding:2px 5px; text-align:right; font-size:90%; font-weight:normal; margin:0; }

ul#whosOnline li a:hover { border:0; background:#999999; }


#left { width:62%; float:left; margin:0 0 0 0; }

#right { width:35%; float:right; margin:0 0 0 0; }


div.line { border-top:1px solid #d8d6d6; width:100%; height:1px; clear:both; margin:10px 0 0 0; }





#flash_notice { width:350px; left:50%; margin:0 0 0 200px; text-align:center; font-size:100%; }

.form_link { margin:10px 16px; }

.form_padding { padding:5px 25px; }

.form_left_line_green { border-left:1px solid green; }

.form_left_line_red { border-left:1px solid red; }

.form_left_line_blue { border-left:1px solid blue; }






/* Forum Topic */

div.topic { display:block; width:96%; border-bottom:1px solid #ccc; padding:3px 2%; }

div.topic:hover { background:#f7f5e7; }
div.topic h1 { border-bottom:none; margin:0; padding:0; }

div.topic h1 a:link, div.topic h1 a:visited { color:#67460c; text-decoration:none; font-size:100%; }
div.topic h1 a:link.read, div.topic h1 a:visited.read { color:#7b591c; }
div.topic h1 a:hover, div.topic h1 a:hover.read { color:#333333; }
div.topic div.info { font-size:90%; color:#666666; }


div.topic ul { padding:0; margin:0; }


div.topic ul li { list-style:none; float:left; display:block; margin:0 17px 0 0; }




div.topic table { width:90%; margin:0 1%; }





.post { width:100%; border-bottom:1px solid #CCCCCC; margin:3px 0; padding:0 0 6px 0; }

.post div.left { width:20%; overflow:hidden; }



div.post div.left a.offline, div.post div.left a.online, div.chat a.online, div.chat a.offline { font-size:135%; color:#7faf7f; }

div.post div.left a.online, div.chat a.online { color:#006600; }
div.post div.left a.online:hover { color:#333; }
div.post div.left a.offline:hover { color:#666666; }
div.chat a.offline, div.chat a.online { font-size:110%; }

div.chat span.time { font-size:90%; color:#999999; }

div.post div.right { width:79%; margin:6px 0 0 0; }

div.post div.right span.right a:link, div.post div.right span.right a:visited { font-size:120%; }

div.chat { border:none; }






div.post div.right p.info a:link, div.post div.right p.info a:visited { color:#999999; }
div.post div.right p.info a:hover { color:#333333; } 



div.collapsed { background-color:#f4f4f4; font-size:80%; padding:3px; width:748px; color:#999999; margin:-3px 0 0 0; }
div.collapsed a:link, div.collapsed a:visited { color:#666666; }
div.collapsed a:hover { color:#333333; }


div#overview { width:100%; clear:both; }
div#overview table { display:block; }
div#overview div.userDesc { width:64%; float:left; display:block; padding:0; }

div#overview div.userDesc p.desc{
	font-size:140%; color:#666666; padding:10px; }

div#overview div.userPic { float:right; display:block; padding:10px; }
img.avatar { clear:both; }

img.thumb { width:60px; padding:3px; float:left; border:1px solid #e6e5e5; margin:0px 9px 9px 9px; }



#left table { width:97%; clear:both; margin:0 0 10px 0; border-collapse:collapse; font-size:100%; }

#left table tr td { border-bottom:1px solid #e6e5e5; }
#left table tr td{
  padding:5px 0; }
th.col { vertical-align:bottom; }
table tbody tr:hover { background:#f7f5e7; }


.col { text-align:center; width:42px; }

th.head { text-align:left; font-size:135%; color:#426330; }

td.head { width:200px; }
th.col { border-bottom:2px solid #e6e5e5; margin:0pt; font-weight:bolder; padding:0pt; }



input.check { float:left; margin:2px 4px 0 0; width:10px; }

table.category { width:100%; border-collapse:collapse; margin:10px 0 0 0; font-size:114%; }

table.category thead tr th.head { width:50%; float:left; font-size:130%; font-weight:normal; color:#4a6a07; font-family:Cambria, Georgia,Times,serif; }
table.category tbody tr td.head { font-weight:normal; float:left; width:50%; padding:5px 0 0 3px; }
table.category tbody tr td.head p.info { font-size:100%; padding:2px 0 10px 0; color:#000000; }
table.category tbody tr td.head a:link, table.category tbody tr td.head a:visited { font-size:150%; color:#604114; }
table.category tbody tr td.head a:hover { color:#333333; }

table.category tbody tr td.col, table.category thead tr th.col { width:10%; float:left; border:none; }

table.category thead tr th.col { color:#999999; margin:5px 0 0 0; }
table.category tbody tr td.right, table.category thead tr th.right { float:right; text-align:right; width:29%; }
table.category thead tr th.num, table.category tbody tr td.num, table.category tbody tr td.right { padding:.8em 0 0 0; }

table.category tr { border-bottom:1px solid #e6e5e5; }


form.aboutForm table tr td.left,form.aboutForm table tr td.right { padding:4px; }
form.aboutForm table tbody tr { height:3em; }
form.aboutForm table tr td.left { width:30%; margin:4px 0 0 0; padding:4px 4px 0 4px; font-weight:bolder; }

#left form.aboutForm table tr td.right { width:65%; height:2em; border:0; }

#left form.aboutForm table tr td.text { margin:4px 0 0 0; position:relative; z-index:1; }



form.aboutForm table tr td.right input { float:right; width:100%; }
form.aboutForm table tr td.right textarea { margin:0 0 0 -6px; font-size:110%; height:150px; display:block; }
form.aboutForm table tr.ta { height:auto; display:block; }

form.aboutForm input.submit { clear:both; margin:0 0 60px 0; }




#left img.one, #left img.two, #left img.three { float:left; margin:5px; }


#pollResult { height:200px; width:100%; margin:10px 0; }
#pollResult div.col { float:left; margin:0 5px; width:20px; height:100%; }

#pollResult div.col div.bar { width:100%; background-color:#E9302F; }

#pollResult div.col div.number { text-align:center; }


ol.numbers { display:block; float:left; }









/* ---- copy line for HR ---- */






div.sig { font-size:90%; color:#999999; border-top:1px solid #f1f1f1; }
div.sig p { margin:0; padding:0; }


div.comment p { padding:0 0 4px 0; margin:0; }


p#flash_notice { position:absolute; left:18%; top:99px; background:#fff6f6 }

#container .neg { margin:-1px 0 0 0; }

#container .negT5 { margin-top:-5px; }

#container .neg10, #container .negT10 { margin:-10px 0 0 0; }

#container .pad08 { margin:0 8px; }
#container .pad4 { margin:4px; }
#container .pad04 { margin:0 4px; }
#container .pad28 { margin:2px 8px; }
#container .pad26 { margin:2px 6px; }
#container .pad25 { margin:2px 5px; }
#container .pad10 { padding:10px; }
#container .big { font-size:130%; }

#container .huge { font-size:200%; }

#container .tiny { font-size:70%; }

#container .thin { line-height:70%; }

#container .center { text-align:center; }

#container .pad0 { margin:0px; padding:0px; }
#container .padTop0 { margin-top:0px; padding-top:0px; }
#container .padTop4 { margin-top:4px; }
#container .padTop6 { margin-top:6px; }

#container .padTop10 { margin-top:10px; }

#container .padTop15 { margin-top:15px; }

#container .padBot4 { margin-bottom:4px; }
#container .padBot10 { margin-bottom:10px; }

#container .fontN, #left td.fontN { font-weight:500; font-style:normal; }

#container b { font-weight:bold; }
#container black { color:#000000; }

ul.buttons { margin:-42px 0 51px 0; padding:0; }
ul.buttons li { list-style:none; float:right; margin:0 4px; }

ul.feed li.nh:hover { background:none; }


#container .grey { color:#666666; }
table.grey tbody tr:hover { background:none; }



p.desc{
	font-size:116%; color:#666666; padding:10px; margin:5px; }

div.quote { border-left:2px solid #CCCCCC; padding:.5em 1em; margin:4px; font-style:italic; color:#666666; }
div.quote h7 { clear:both; display:block; font-weight:bolder; font-style:normal; color:#999999; }

#container div.post img { max-width:365px; }

div.friend { text-align:center; width:64px; float:left; font-size:85%; margin:0 6px 10px 6px; }
div.friend img { border:1px solid #f4f4f4; padding:2px; }
div.friend img:hover { border:1px solid #DDDDDD; }

div.chat div.quote, div.chat div.right img { display:none; }

form#search { position:absolute; left:53%; font-size:70%; top:9px; width:200px; }

form#search input.submit { margin:-4px 0 0 0; padding:0; background:none; border:none; font-weight:normal; color:#666666; }

form#search input.search { padding:1px; background-color:#3c3c3c; border:0; width:150px; color:#999999; margin:4px 0 0 0; }
form#search a:link, form#search a:visited { display:block; float:left; color:#CCCCCC; }

form#search a:hover { color:#FFF; }


ul.date { margin:10px 0 0 0; padding:0; }

ul.date li { list-style:none; float:left; margin:0 10px 0 0; padding:2px; text-align:center; width:60px; border:1px solid #F4F4F4; }
ul.date li:hover { border:1px solid #DDDDDD; }
ul.date li a:link, ul.date li a:visited { display:block; color:#333333; }
ul.date li a:hover { color:#666666; }
ul.date li a span.huge { font-family:Cambria, Georgia,Times,serif; font-size:210%; }


ul li.bot_link a:link, ul li.bot_link a:visited { color:#232323; }
ul li.bot_link a:hover { color:#333333; }
#container ul li.bot_link { border-top:2px solid #E6E5E5; border-bottom:none; margin:-1px 0 0 0; }
#container ul li.bot_link div { width:auto; margin:0; font-size:100%; padding:0; }



/* ----------------Edited from above-------------------- */

ul.feed { border-top:1px solid #e6e5e5; }


ul.blog li div.left { width:10%; overflow:hidden; }
ul.blog li div.right { width:85%; }



/* ----------------New styles-------------------- */



ul.feed li img.icon { margin:6px 5px -4px 0; }
ul.blog li img.icon { margin:7px 5px 0 0; }

ul.blog h3 { padding:0; margin:-2px 0 -2px 0; font-size:149%; font-weight:normal; }

.em { font-style:italic; !important }

.lineT { border-top:1px solid #d8d5c5; }

.lineB { border-bottom:1px solid #d8d5c5; }

.profile_image { padding:30px; float:right; background:#f7f6eb; }

.negB0 { padding-bottom:0px; }

img.friend { padding:2px; border:1px solid #E6E5E5; !important }
ul.icons img.friend { border:none; !important }

.nb { border:0; !important }


div.blog div.left a.offline, div.blog div.left a.online { font-size:100%; }


.css1 { color:#b8c1e4; font-size:80%; !important }
.css2 { color:#95a0cb; font-size:90%; !important }
.css3 { color:#7a87b9; font-size:100%; !important }
.css4 { color:#516096; font-size:110%; !important }
.css5 { color:#2c396d; font-size:120%; !important }
.css6 { color:#141f4a; font-size:130%; !important }
.comment div.left{ 
  padding:7px 0 0 0; !important }

.css1:hover, .css2:hover, .css3:hover, .css4:hover, .css5:hover, .css6:hover { color:#666666; !important }
.css1, .css2, .css3, .css4, .css5, .css6 { margin:0 0 0 .5em; }


select { font-size:100%; }

#left table select { margin:0 0 0 -7px; }

#left table select#about_birthday_3i, #left table select#about_birthday_1i, #left table select#hike_start_date_3i, #left table select#hike_start_date_1i, #left table select#hike_est_finish_date_3i, #left table select#hike_est_finish_date_1i { margin:0; }

#container #right table tr td { font-size:80%; padding-right:4px; margin:auto; width:64%; }
#container #right table tr td.right { text-align:right; float:right; width:29%; font-size:100%; }
#container #right table tr td.head { font-size:120%; }

div.topic img.star { margin:10px 0 0 0; float:right; }

a.star_this, a.unstar_this { padding:0px 16px 0 0 ; margin:9px 0 13px 0; display:block; font-size:95%; color:#cca104; position:absolute; right:38.6%; width:10%; text-align:right; background:url('/images/icoStarO.png') center right no-repeat; }
a.unstar_this { background:url('/images/icoStar.png') center right no-repeat; }

ul#viewNav img.star { margin:-3px 0 0 0; }

div.post div.info div.right { width:auto; margin:0; }

div.topic ul li.lg { width:95px; }

div.topic ul li img.friend, div.topic div.right img.friend { padding:0; border:0; margin:-2px 2px -4px 2px; }

div.profile_image div.right { width:58%; }
div.profile_image table { float:right; text-align:left; margin:0; padding:0; border-collapse:collapse; width:100%; }
div.profile_image table tr { width:100%; border-bottom:1px solid #eae9e9; }
div.profile_image table tr td { margin:0; padding:3px; line-height:100%; color:#333333; }

a.like_this { padding:0px 0 0 16px; margin:6px 0 13px 0; display:block; color:#3e9033; clear:both; background:url('/images/icoCheck.png') center left no-repeat; }
#left a.like_this { margin:0px 2px 0 0; }



ul.icons { margin:6px 0; padding:0; }
ul.icons li { margin:2px; padding:0; list-style:none; float:left; height:16px; width:19px; }



a:hover.highlight { background:#f6f3e3; }

#left div.post div.left a:link, #left div.post div.left a:visited { margin:4px 0 0 0; display:block; }

form.first textarea { height:350px; }
.reply_alert { font-size:75%; color:#999999; float:right; margin:-50px 0 40px 0; }


#container .pPad0 p { margin:0; padding:0; }
#container em em { font-style:normal; }


div.chat div.left { width:15%; overflow:hidden; padding:6px 0 0 0; text-align:right; }
div.chat div.right { width:83%; margin:0; padding:5px 0 0 0; }

#container .alert, #container ul li a.alert { color:#CC0000; }

h4.alert { border-top:2px solid #CC0000; }

#container ul.alert li a:link, #container ul.alert li a:visited { color:#CC0000; }

form.aboutForm table tbody tr.nh:hover { background:none; }

#container .noBT { border-top:none; }

div.blog h1 a:link, div.blog h1 a:visited, div.blog h3 a:link,div.blog h3 a:visited { color:#9C5D1F; !important }
div.blog h1 a:link.read, div.blog h1 a:visited.read,div.blog h3 a:link.read, div.blog h3 a:visited.read { color:#c89665; !important }

#nav ul li.alert a:link, #nav ul li.alert a:visited { background:#E9302F; color:#FFFFFF; padding: 0px 4px 0px 4px; margin:4px 5px 0 0; !important }
#nav ul li.alert a:hover { background:#fa4a4a; }


ul.float { border:0; margin:0; !important }
ul.float li { float:left; width:auto; !important }

#map { margin:0 0 20px 0;}



/* ------------------------------------ */










