@import url('reset.css');

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
/* Credited as per : http://exljbris.wordpress.com/2008/03/19/license-update-ii/ */

@font-face {
	font-family: 'Museo500';
	src: url('../fonts/Museo500-Regular.eot');
    src: local('Museo 500'), local('Museo-500'), url('../fonts/Museo500-Regular.woff') format('woff'), url('../fonts/Museo500-Regular.otf') format('opentype'), url('../fonts/Museo500-Regular.svg#Museo-500') format('svg');
}

@font-face {
    font-family: 'Museo300';
    src: url('../fonts/Museo300-Regular.eot');
    src: local('Museo 300'), local('Museo-300'), url('../fonts/Museo300-Regular.woff') format('woff'), url('../fonts/Museo300-Regular.otf') format('opentype'), url('../fonts/Museo300-Regular.svg#Museo-300') format('svg');
}

/* 
	Main CSS doc for TrekStorm | Copyright 2009
	Created By Lift. (http://www.liftinteractive.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/*
	Palette
	#271f18		dark brown (bg)
	#6a5943		mid brown
	
*/

/*
**	=global
************************/
body					{ background:#281f18 url('../img/bg-body-tile.jpg') repeat-x 0 36px; color:#c3bcb5; font:75%/1 helvetica,arial,sans-serif; }
a						{ color:#666; text-decoration:none; }
a:hover					{ color:#ccc; }
a img, img				{ border:0; }
p,ul,ol					{ margin-bottom:1em; }
p,li					{ line-height:1.4; }
h1,h2,h3,h4,h5,h6		{ font-weight:normal; margin-bottom:0.5em; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }
hr						{ border:0 dotted #ccc; border-top-width:1px; height:0; clear:both; }
.clear					{ clear:both; }
.warning                { color: red; }
small                   { font-size: 80%;}

h1,h2,h3,h4,h5          { font-family: Museo300; }

.content h1				{ font-size:2.5em; }
.content h2				{ font-size:2.25em; }
.content h3				{ font-size:2em; }
.content h4				{ font-size:1.75em; }
.content h5				{ font-size:1.25em; }
.content h6				{ font-size:1em; margin-bottom:1em; }
.content img			{ margin-bottom:1em; }
.content li				{ list-style-type:disc; }
.content ol li			{ list-style-type:decimal; }


/* grid */
.wrap					{ margin:0 auto; padding:0; width:960px; position:relative; }
.wrap:after				{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.wrap					{ display:inline-block; }  /* for IE/Mac */
.wrap					{ display:block; }

/*#main					{ background:url('../img/bg-main.jpg') no-repeat center top; }/*#241912*/
/*#main-full				{ background:url('../img/bg-main-repeat.jpg') repeat-x center top #241912;}/*#241912*/
#wrapper				{ background:url('../img/bg-texture.jpg') no-repeat center top; }

/*
**	=toolbar
************************/
#toolbar				{ background:#1a1a1a; }

#login					{ color:#bfb5af; float:right; margin:0; line-height:34px; }
#login a, #login span   { color:#e5e1dd; font-weight:bold; background: url('../img/icon-login-separator.png') no-repeat right 2px; padding: 0 13px 0 5px;}
#login a:hover			{ color:#fff; }
#top-search				{ float:right; margin:6px 0 0 18px; height:30px; padding:0; position:relative; width:225px; }
#top-search input		{ background:#fff url('../img/bg-topsearch-input.jpg') no-repeat 0 0; border:0; padding:3px 10px; position:absolute; top:0; right:35px; width:166px; height:18px; font-size:1.1667em; color:#948880; }
#top-search .submit		{ background:0; right:0; width:auto; height:auto; padding:0; -webkit-border-radius: 0;}
#div_id_remember #hint_id_remember       { margin: 0;}

/*
**	=branding
************************/
#branding				{ height:114px; padding:40px 0 0; }
#logo					{ background:url('../img/logo-trekstorm.png') no-repeat 0 0; display:block; height:44px; text-indent:-9999em; width:290px; }
#branding blockquote	{ font-family: Museo300; color:#fcc703; font-size:2em; margin-top:0.5em; }



#nav					{ position:absolute; right:0; top:35px; }
#nav li					{ float:left; }
#nav a					{ border-left:1px dotted #a09589; display:block; float:left; color:#c9c2bd; font-size:1.25em; line-height:1.2; height:100px; padding:0 10px; width:90px; }
#nav a em				{ color:#fcc703; display:block; font-style:normal; font-size:2em; font-family: Museo300;}
#nav a:hover			{ color:#fff; }

#nav a#join				{  }
#nav a#create			{ width:135px; }
#nav a#explore			{ width:130px; }
#nav a#search			{ width:100px; padding-right:0; }


/*
**	=slideshow
************************/
#slideshow				{ border:10px solid #6a5943; width:940px; margin-bottom: 35px; }
#slideshow > div		{ position:relative; height:315px; }
#slideshow img			{ float:left; }
#slideshow .title		{ font-family: Museo500; background:#b8af03; background:rgba(184,175,3,0.9); border-bottom:6px solid #948c08; border-color:rgba(0,0,0,0.15); color:#fff; font-size:2.1667em; padding:12px 18px; position:absolute; bottom:20px; left:-10px; }
#slideshow .details		{ background:#287c88 url('../img/bg-slideshow-details.jpg') repeat-x 0 0; float:right; position:relative; height:315px; width:250px; }
#slideshow .details a   { color: #DDDDDD; }
#slideshow .details a:hover   { color: #FFFFFF; }
#slideshow ul		    { padding-left: 20px; margin: 5px 0 0 0;}
#slideshow li		    { float: right; width: 160px; }
#slideshow li.activities{ float: left; width: 50px; font-weight: bold;}
#slideshow .location	{ background:#4a8d96; color:#fff; display:block; padding:15px 20px 10px; font-size:1.5em; line-height:1.3; }
#slideshow .location em	{ font-style:normal; display:block; }
#slideshow a.view		{ background:url('../img/btn-view-experience.png'); text-indent:-9999em; display:block; height:49px; width:223px; position:absolute; bottom:15px; left:15px; }
#slideshow a.view:hover	{ background-position:0 -49px; }
#slideshow .map-outline	{ background:no-repeat center center; height:130px; width:145px; position:absolute; left: 60px; top:115px; }
#slideshow .africa          { background-image:url('../img/continent-africa.png'); }
#slideshow .antarctica      { background-image:url('../img/continent-antarctica.png'); }
#slideshow .asia            { background-image:url('../img/continent-asia.png'); }
#slideshow .australasia     { background-image:url('../img/continent-australasia.png'); }
#slideshow .europe          { background-image:url('../img/continent-europe.png'); }
#slideshow .northAmerica    { background-image:url('../img/continent-north-america.png'); }
#slideshow .southAmerica    { background-image:url('../img/continent-south-america.png'); }

/*
**	=categories
************************/
#slideshow ul.categories{ position:absolute; right:35px; top:95px; width:45px; }
#tags ul.categories		{ clear: both; }
#tags ul.categories li	{ float: left; margin: 0 10px 5px 0; }
ul.categories li		{ background:no-repeat center center; height:45px; width:45px; margin:5px 0; text-indent:-9999em; }
ul.categories li.hike	{ background-image:url('../img/icon-hike.png'); }
ul.categories li.tent	{ background-image:url('../img/icon-tent.png'); }
ul.categories li.car	{ background-image:url('../img/icon-car.png'); }

/*
**	=content
************************/
/* =layout/=grid */
.col					{ display:inline; float:left; }
#col-sm					{ margin-right:24px; width:215px; }
.col-sm-container       { margin-bottom: 3em;}


#content				{  }
#content h1,
.home #content h2		{ color:#b8af03; font-size:2em; }

/* homepage - popular experiences  */
#pop-exp				{ width:456px; margin-right:25px; }
.grid li				{ position:relative; float:left; margin:0 12px 12px 0;}
.grid li.first          { float: none; min-height: 160px; margin: 0;}
.grid li.right			{ margin-right:0; }
.grid li img			{ border:8px solid #49392d; }
.grid li h3				{ font-family: Arial, helvetica, sans-serif; margin-bottom:0; }
.grid .rolo				{ display:none; background:#a9a5a3; background:rgba(39,31,24,0.4); position:absolute; top:0; left:0; z-index:2; height:144px; width:144px; }
.grid a:hover .rolo		{ display:block; }

.grid .rolo .text		{ background:#000; color:#857565; display:block; line-height:1.1; text-align:center; padding:8px 6px; max-width:100px; margin:45px auto; -moz-border-radius:8px; -webkit-border-radius:8px; }
.grid .rolo .text em	{ color:#c9c2bd; display:block; font-size:1.0833em; font-weight:bold; font-style:normal; }


.grid li.first			{ margin:0 0 12px; }
.grid li.first p,
.grid li.first h3		{ margin-left:160px; line-height:1.4; }
.grid li.first p		{ margin-bottom:0.5em; }
.grid li.first h3		{ font-size:1.25em; line-height:1.1; margin-bottom:0.5em; }
.grid li.first h3 em	{ font-size:1.25em; font-style:normal; color:#fff; display:block; }
.grid li.first img		{ border-color:#8a7546; position:absolute; top:0; left:0; }
.grid li.first a:hover img	{ border-color:#6e5e38; }

span.readmore			{ background:url('../img/bg-readmore.png') no-repeat 0 0; color:#fff; display:block; height:37px; width:95px; text-indent:-999em; position:absolute; top:13px; left:-15px; }

.more					{  }
.more a					{ color:#bd8e28; }
.more a:hover			{ color:#fcc703; }



/* homepage - news */
#home-news				{}
#home-news li h3		{ font-family: Arial, Helvetica, sans-serif; color:#857565; font-size:0.9167em; line-height: 1em; margin-bottom:0px; text-transform:uppercase; }
#home-news li p			{ font-weight:bold; line-height:1.2; }
#home-news li p a		{ color:#c3bcb5; }
#home-news li:hover p a	{ color:#fff; }

#home-twitter			{  }
#home-twitter li  		{ list-style-type: none; }
#home-twitter li a		{ color:#857565; }
#home-twitter li:hover a{ color:#c3bcb5; text-decoration: none;}
#home-twitter li span	{ color:#857565; display:block; font-size:0.9167em; }


/* homepage - ads */
.home #side-content		{ width:240px; }


.vert-ads				{ margin:30px 0 20px; }
#content .vert-ads h2	{ color:#69625d; font-style:italic; font-size:1em; }
.ad						{ margin: 0 0 14px; }


/* explore */
#latestNews li                                      {list-style-type: none; margin-bottom: 30px;}
#experience-content	#side-content #latestNews h3    {font-size: 18px; line-height: 20px;}
#experience-content	#side-content #latestNews h3 a  {color: #8A7546;}
.exp-list-grid li			{float: left; list-style-type: none; margin: 0 30px 20px 0; width: 136px; height: 185px; line-height: 1.2em;}
.exp-list-grid li img		{margin: 0 0 3px 0;}
.exp-list-grid li img:hover	{border-color: #FCC703;}
.exp-list-grid li .title	{clear: both;}


/* experience */
#experience				{ background: url(../img/bg-experience-content-bottom.png) bottom left no-repeat; padding-bottom: 14px;}
#experience-banner		{ background: url(../img/bg-experience-banner.png) repeat-x top left;}
#experience-images		{ width:480px; height: 335px; display: block; float:left; position: relative; overflow:hidden; }
#shadow					{ position: absolute; top:10px; right:0; z-index: 100;}

#featureNav             {position: absolute; bottom: 0px; left: 0px; z-index: 30; padding: 5px;}
#featureNav a           {background: url('../img/black-trans-30.png'); display: block; float: left; text-align: center; width: 20px; padding: 4px 0; border: 1px solid #999; margin: 0 5px 5px 0; text-decoration: none; color: #FFFFFF;}
#featureNav a:hover     {color: #CCCCCC;}
#featureNav .activeSlide{background-color: #000000;}




/* experience - info */
#experience-info		{ width:430px; padding: 20px 25px; height: 295px; display: block; float:right; position: relative; background:url(../img/bg-experience-banner-info.png) top left no-repeat; }
#experience-info img.fav{ position: absolute; top:-3px; right: -3px; }
#experience-info p.date	{ font-size:1.0833em; color:#b5d1d5; font-style: italic; margin: 0; padding: 0 0 3px; }
#experience-info h1		{ font-size:2.1667em; color:#fcc703; margin: 0 0 8px; padding: 0; }
#experience-info h2		{ font-size:1.6667em; color:#d9d8d6; margin: 0 0 8px; padding: 0; }

/* exerience - tags */
#experience-info #tags	{ position: absolute; left: 0; bottom: 0; width: 200px; padding: 25px; }
#tags p					{ clear: both; color: #b5d1d5; }
#tags a					{ clear: both; color: #b5d1d5; }
#tags a:hover			{ color: #FFFFFF; }

/* exerience - who */
#experience-info #who	{ background: #355357; background: rgba(53,83,87,0.5); width:190px; position: absolute; bottom: 0; right: 0; padding: 25px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px;}
#who img				{ background: #a59f92; padding: 3px; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-right: 15px;}
#who h4				    { font-family: Arial, Helvetica, sans-serif;;}
#experience-info #who h3{ font-size:1.5em; color:#fcc703; margin: 0 0 8px; padding: 0; }
#experience-info #who h4{ font-size:1.25em; color:#fff; margin: 0 0 2px; padding: 0; }
#experience-info #who p	{ font-size:1em; color:#fff; margin: 0 0 8px; padding: 0; }
#experience-info #who a	{ color: #b5d1d5; }
#experience-info #who a:hover { color: #FFFFFF; }

/* experience - content */
#experience-content				    { background: url(../img/bg-experience-content-wrap.png) top left repeat-y; padding: 25px 0 0 25px; min-height: 550px;}
#experience-content-main		    { width: 670px; color: #5f5c59; }
#experience-content-main h1		    { margin-bottom: 18px;}
#experience-content-main h3		    { font-size:2.1667em; color:#8a7546; margin: 0 0 8px; padding: 0; }
#experience-content-main h4		    { font-size:1.6667em; color:#bd8e28; margin: 0 0 8px; padding: 0; }
#experience-content-main p		    { font-size: 1.1667em;  }
#experience-content a               { color: #B8AF03; }
#experience-content a.button        { color: #5F5C59; }
#experience-content a.button:hover  { text-decoration: none; background-color: #A89E26;}
#experience-content a:hover         { text-decoration: underline; }

/* Dashboard */
#what_next                          {clear: both; padding: 20px 0 10px 0;}
#what_next_links                    {font-size: 12px; margin-top: 28px;}
#what_next_links li                 {list-style-type: none; float: left; width: 300px; height: 80px; margin: 0 30px 30px 0; /*border: 1px solid #e5e5e5;*/}
#what_next_links li h3              {font-size: 18px; float: right; width: 200px; margin-bottom: 0;}
#what_next_links li p               {font-size: 12px; float: right; width: 200px; margin: 0;}
#what_next_links li img             {float: left; border: 8px solid #dfdede; display: block; margin: 0;}
#quickLinks li                      {margin: 0 0 0 23px;}
#favorites                          {overflow: hidden; color: #B8AF03;}
#favorites li                       {list-style-type: none; clear: both; overflow: hidden;}
#favorites li a                     {float: left; width: 180px;}
.deleteFav                          {float: right; width: 10px; margin-top: 3px;}
/*.deleteFav:hover                    {margin-right: 1px;}*/

/* experience - list for user */
#my-exp							{ color: #8A7546; }
.exp-list 						{ width:670px; overflow:hidden; clear:both; padding-top: 10px;}
.exp-list li					{ list-style-type: none; overflow: hidden; margin: 0 0 10px 0; padding: 10px 0 5px 0; border-bottom: 1px solid #EEEEEE; }
.exp-list li li					{ border-bottom: none; margin:0; padding:0; }
.exp-list .details				{ display:inline; float:left; overflow:hidden; width:450px; margin-left: 12px;}
.thumb				            { float:left; display:block; border:4px solid #8A7546; margin:4px 10px 5px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.exp-list h2					{ font-size: 1.75em; margin-bottom:0; color:#8A7546; line-height:1; margin:3px 0; }
.exp-list h2 span				{ color:#ccc; font-size:0.667em; white-space:nowrap; }
.exp-list h3					{ font-size: 1.25em; margin-bottom:0; color:#8A7546; }
.exp-list .details p			{ margin-bottom:5px; }
.exp-list .meta					{ color:#5F5C59; }
.exp-list .meta li				{ color:#9c9c9c; margin-bottom:3px; }
.exp-list .meta li.hilite		{ color:#BD8E28; }
.exp-list .meta li span			{ font-weight:bold; }
.exp-list .meta li a			{ color:#9c9c9c; }
.exp-list .meta li a:hover		{ color:#444; }
/*.exp-list .meta li:first-child	{ border:0; padding:0; }*/

.exp-list .actions				{ border:4px solid #dfdfdf; /*display:inline;*/ float:right; overflow:hidden; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.exp-list .actions li			{ }
.exp-list .actions a			{ background:no-repeat 0 0; display:block; width:24px; height:24px; margin:2px 3px; text-indent:-9999em; }
.exp-list .actions a:hover		{ background-position:0 -24px; }
.exp-list #action-edit			{ background-image: url(../img/icon-edit.gif); }
.exp-list #action-delete        { background: url(../img/icon-delete.gif) 0 0 no-repeat; width: 24px; height: 24px; border: none; display: block; margin-left: 3px; text-indent: -9999em; cursor: pointer;}
.exp-list #action-delete:hover  { background: url(../img/icon-delete.gif) 0 -24px no-repeat;}
/*.exp-list form                    { background-color: red;}*/








/* old styles */
/*#my-exp                                         {color: #8A7546;}
#experience-content-main .exp-list              { width:670px; overflow:hidden; clear:both; }*/
/*#experience-content-main #exp-list li,
#experience-content-main .friend-exp-list li    {list-style-type: none; overflow: hidden; margin: 0 0 18px 0; padding: 0 0 18px 0; border-bottom: 1px solid #EEEEEE;}*/
/*#experience-content-main #exp-list li li,
#experience-content-main .friend-exp-list li li {border-bottom: none; margin: 0; padding: 0;}*/
/*#experience-content-main #exp-list h2           {width: 580px; float: right; font-size: 1.75em; margin-bottom: 0; color: #8A7546;}*/
/*#experience-content-main #exp-list .dates       {width: 580px; float: right;}*/
/*#experience-content-main #exp-list p            {margin: 0 0 0 90px;}*/
/*#experience-content-main .meta                  {clear: left; float: right; width: 580px; margin: 3px 0 0 0;}*/
/*#experience-content-main .meta li               {float: left; color: #BD8E28;}
#experience-content-main .meta span             {color: #5F5C59;}*/
/*#experience-content-main .delete-experience     { background: url(../img/icon-delete.png) top left no-repeat;}
#experience-content-main .edit-experience       { background: url(../img/icon-edit.gif) top left no-repeat;}
*//*#experience-content-main #exp-list .meta li.admin-icons   { float: right; }*/
/*#experience-content-main #exp-list .meta li.admin-icons a { text-indent: -999em; display: block; width: 16px; height: 16px; margin-right: 5px;}*/
/*#experience-content-main .exp-dates             {width: 580px; float: right; margin-bottom: 3px;}*/
#experience-content-main #orderby               {float: right; width: 300px; text-align: right; display: block; margin-top: 8px;}
#experience-content-main #orderby a             {color: #5F5C59; background-color: #FCC703; padding: 4px 7px 2px 7px; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: uppercase; font-size: 0.75em;}
#experience-content-main #orderby a:hover       {color: #000000; text-decoration: none;}

/* experience - list for friends */
#friends-experiences-cont                           {margin-top: 50px;}
#experience-content-main .friend-exp-list           {clear: both;}
#experience-content-main .friend-exp-list li        {/*width: 310px;*/ /*float: left;*/ list-style-type: none; /*margin-right: 50px;*/}
/*#experience-content-main .friend-exp-list li.even   {margin: 0;}*/
#experience-content-main .friend-exp-list h2        {width: 580px; float: right; font-size: 1.75em; margin-bottom: 0; color: #8A7546;}
#experience-content-main .friend-exp-list p         {clear: right; float: right; width: 580px; /*margin: 5px 0 0 0;*/}
/*#experience-content-main .exp-dates                 {width: 290px; float: right;}*/
#experience-content-main .exp-location              {width: 290px; float: right;}
#experience-content-main .exp-tags,
#experience-content-main .exp-activities,
#experience-content-main .exp-attendees             {clear: both; overflow: hidden; float: right; width: 580px; margin: 3px 0 0 0;}
#experience-content-main .exp-tags li,
#experience-content-main .exp-activities li,
#experience-content-main .exp-attendees li          {float: left;}
.pageTitle                                          {float: left;}
#my-experiences                                     {clear: both; padding-top: 30px;}

/* Buttons */
.button                                         { background-color:#ddd; text-transform:uppercase; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.button-small                                   {padding: 5px 7px 2px 7px; background-color: #FCC703;}
.button-large                                   {padding: 6px 10px 4px 10px; font-size: 1em; background-color: #FCC703;}
#button-add-new                                 {float: right; background-color: #BAB236; /*margin-bottom: 30px;*/}
#button-add-new:hover                           {color: #FFFFFF;}
#searchSubmit                                   {border: none; width: 80px; margin-left: 5px;}

/* Pagination */
#paginationContainer                            {overflow: hidden; position: relative;}
.pagination                                     {text-align: center; clear: both; float: left; position: relative; left: 50%;}
.pagination a, .pagination span                 {border: 1px solid #CCCCCC; padding: 3px 5px; display: block; display: block; float: left; margin-right: 2px; position: relative; right: 50%;}
.pagination .prev, .pagination a.next           {width: 60px; padding: 3px 10px; position: relative; right: 50%;}
.pagination a:hover                             {background-color: #BAB236; color: #FFFFFF !important; text-decoration: none !important;}


/* experience - side content */
#experience-content	#side-content		{ width: 200px; padding-left: 25px; margin-left: 25px; }
#experience-content	#side-content h3	{ font-size:1.6667em; color:#8a7546; margin: 0 0 8px; padding: 0; }
#experience-content	#side-content h3.ad	{ font-size:1em; color:#b3b2ae; margin: 0 0 8px; padding: 0; font-style: italic; }
#experience-content	#side-content h4	{ font-size:1.5em; color:#bd8e28; margin: 0 0 8px; padding: 0; }
#experience-content	#side-content p		{ font-size: 1.1667em; color: #5f5c59; }
#experience-content	#side-content .submitLink { /*font-family: Museo300;*/ /*color: #8A7546;*/ /*font-size: 1.6667em;*/ margin-bottom: 8px; background-color: transparent;}
#experience-content #side-content .last               {margin-bottom: 20px;}
#showReportForm                         {margin-bottom: 5px; display: block;}
#reportForm                             {display: none; margin-bottom: 10px;}
#reportForm textarea                    {width: 182px; height: 60px; border: 1px solid #DFDEDC;}


/* experience - related */
#experience-content	#side-content ul#related-list			    { padding: 0; margin: 0;}
#experience-content	#side-content ul#related-list li 		    { background: url(../img/bg-experience-related.jpg) top left repeat-y; margin-bottom: 10px; padding-right: 5px; overflow: hidden; list-style-type: none;}
#experience-content	#side-content ul#related-list li img	    { background: #a29e93; padding: 3px; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0;}
#experience-content	#side-content ul#related-list li h4		    { font-family: Arial, Helvetica, sans-serif; font-size:1em; color: #58544b; margin: 0; padding: 4px 0 0; font-weight: bold; float: right; width: 115px;}
#experience-content	#side-content ul#related-list li p		    { font-size:1em; color: #58544b; margin: 0 0 8px; padding: 0; float: right; width: 115px;}
#experience-content	#side-content ul#related-list li:hover h4	{ color: #8a7546; }

/* experience - location */
#location								{ background: url(../img/bg-experience-location.jpg) top left no-repeat #dad7cf; width: 259px; float: left; margin: 0 25px 0px -44px;   }
#locationbottom							{ background: url(../img/bg-experience-location-bottom.jpg) bottom left no-repeat; padding: 20px 20px 30px 20px; }
#experience-content-main #location h2	{ font-size:1.6667em; color:#4397a3; margin: 0 0 2px; padding: 0; }
#experience-content-main #location p	{ font-size:1em; color:#58514b; margin: 0 0 10px; padding: 0; }

/* experience - add this*/
.addthis_default_style                  {background-color: #E8E5DE; /*width: 160px;*/ float: right; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px;}

/* experience - =comments */
#comments							{ margin-left:25px; padding-top: 30px; }
#comments h2						{ font-size:1.6667em; color:#bd8e28; margin: 0; padding: 0; }
#comments h2 a						{ font-size:0.75em; color: #8a7546; }
ul.comment-list						{ padding-top: 5px; }
ul.comment-list li					{ width:905px; border-top: 1px dotted #504741; padding: 25px 0; position: relative; overflow:hidden; }
ul.comment-list li.last				{ border-bottom: 1px dotted #504741; }
ul.comment-list li.thread-1			{ margin-left:50px; width:855px; }
ul.comment-list li.thread-2			{ margin-left:100px; width:805px; }
ul.comment-list li.thread-3,
ul.comment-list li.thread-4			{ margin-left:150px; width:755px; }

ul.comment-list li:first-child		{ border:0; }
ul.comment-list li.row2				{ background: url(../img/bg-comment-row2.png) center center; }
ul.comment-list li .meta			{ width:221px; padding-right: 30px; position: absolute; top:20px; left: 0; background: url(../img/bg-comment-arrow.png) right 25px no-repeat; }
ul.comment-list li.owner .meta		{ background: url(../img/bg-comment-arrow-owner.png) right 25px no-repeat; }
ul.comment-list li .meta h3			{ font-size: 1em; font-weight: bold; color: #e0d9ce; margin: 0; }
ul.comment-list li .meta h3 a		{ color: #e0d9ce; }
ul.comment-list li .meta p.date		{ font-size: 0.8333em; color: #8b8171; margin-bottom: 0; }
ul.comment-list li .meta p.actions	{ font-size: 0.8333em; color: #bd8e28; margin-bottom: 0; text-transform: uppercase; font-weight: bold; }
ul.comment-list li .meta p.actions a{ color: #bd8e28; }
ul.comment-list li .meta img		{ background: #a59f92; padding: 3px; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-right: 10px;}
ul.comment-list li .meta .submit	{ margin-top:3px; }
ul.comment-list li .bulk 			{ float: right; width: 658px;  }
ul.comment-list li .body			{ background:#433522; padding: 25px 25px 10px 25px; border: 4px solid #4d3e25; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
ul.comment-list li.thread-1 .bulk	{ width:608px; }
ul.comment-list li.thread-2 .bulk	{ width:558px; }
ul.comment-list li.thread-3 .bulk,
ul.comment-list li.thread-4 .bulk	{ width:508px; }
ul.comment-list li.owner .body		{ background-color:#664b1b; border-color:#765c0f; }
ul.comment-list li .bulk p 			{ color: #e0d9ce; }


.comment-reply-form					{ display:none; margin-top:10px; text-align:right; width:443px; padding-bottom:0; overflow:hidden; }
.comment-reply-form .submit			{ clear:both; display:block; float:right; margin:5px 0 0; }

ul.comment-list ul.comment-list.nested				{ margin: 25px 0 -25px 50px; padding: 0; border-top: 1px dotted #504741;  }
ul.comment-list.nested li				{ width:855px; }
ul.comment-list.nested li:last-child	{ width:855px; border-bottom: none; }
ul.comment-list.nested .bulk			{ margin-left: 50px; width: 550px;}
ul.comment-list.nested li ul.comment-list.nested li		{ width:805px; }
ul.comment-list.nested li ul.comment-list.nested .bulk	{ margin-left: 50px; width: 500px;}

/* Profiles */

.profileHeader                      { overflow: hidden; margin-bottom: 2em;}
.userProfile                        { clear: both; margin-bottom: 2em;}
.userProfile li                     { list-style-type: none; clear: both; overflow: hidden;}
.userProfile div                    { float: right; width: 520px; margin-bottom: 1.5em;}
#experience-content-main .vcard h4  { font-family: helvetica,arial,sans-serif; font-size: 12px; font-weight: bold; border-bottom: 1px solid #DDDDDD; clear: both;}
.userProfile li span                { width: 150px; display: inline-block; font-weight: bold;}
.vcard img                          { float: left; display: block;}
.vcard .thumb				        { width:64px; height:64px; float:left; display:block; border:4px solid #8A7546; margin:0 10px 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#experience-content-main a.editButton          { padding: 5px 10px 3px 10px; color: #5F5C59;}
#experience-content-main a.editButton:hover    { text-decoration: none; }
/*#experience-content-main .profile_info {overflow: hidden;}*/

/* Profiles List */
#profileList                            {clear: both; padding-top: 20px;}
#profileList li                         {list-style-type: none; overflow: hidden; margin-bottom: 10px;}
#profileList > li                       {border-top: 1px solid #EEEEEE; padding-top: 10px;}
#profileList img                        {float: left; margin: 0;}
#profileList .userMeta                  {float: right; width: 580px;}
#profileList .userMeta li               {margin: 0;}
#profileList .userMeta h5               {margin: 0; display: inline;}
#profileList .userMeta span             {width: 100px; display: inline-block; font-weight: bold;}

/* Edit Profiles */
#experience-content-main form img   {margin: 0 10px 0 0;}
#findIt .hint                       {font-size: 11px; margin-left: 120px; color: #666666;}

/* Create and Edit Experiences */
#pickLocationMap                    {position: relative;}
#map-canvas                         {height:300px; width:550px; margin: 0 0 10px 120px;}
#hiddenSubmit                       {margin: 0 0 0 120px;}
#locationSubmit                     {width: 100px; margin-left: 5px; border: none;}
#hiddenMessage                      {display: none; position: absolute; top: 100px; left: 0; width: 90px; border: 3px solid #C1BA44; padding: 5px; -moz-border-radius:6px; -webkit-border-radius:6px; text-align: center;}
#hiddenMessage span                 {color: #FF766A; font-weight: bold;}

/* Create and edit Experience Photos */
#currentPhotos                      {overflow: hidden;}
#currentPhotos li                   {list-style-type: none; float: left; position: relative; height: 115px; width: 90px; margin: 0 2px 2px 0; background-color: #ddd;}
#currentPhotos input                {position: absolute; top: 90px; left: 10px; margin: 0;}
#currentPhotos .submit              {margin: 0; float: left; position: absolute; left: 5px;}
#currentPhotos img                  {margin: 5px 0 0 5px;}
#upload-message                     {padding-top: 10px;}

/* Forms - Comment */
#comment 							{ padding-bottom: 15px; }
#comment h3						    { font-family: Arial, Helvetica, sans-serif; }
#comment h2							{ font-size:1.6667em; color:#bd8e28; margin: 0 0 8px 270px; padding: 15px 0; font-style: italic; }
#comment .field label				{ width:245px; padding-right: 25px; text-align: right; font-weight: bold; display: block; float: left; margin-top: 10px; }
#comment input						{ background: url(../img/bg-text.gif) top left no-repeat #5d544c; border: none; outline: none; padding: 5px 8px; font-size: 1.25em; color: #e3dcd2; float: left; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#comment input:focus				{ background: url(../img/bg-text-focus.gif) top left no-repeat #e3dcd2; color: #241912; }
#comment textarea,
.comment textarea					{ background: url(../img/bg-text.gif) top left no-repeat #5d544c; border: none; outline: none; padding: 5px 8px; font-size: 1.0833em; color: #e3dcd2; width: 425px; height: 150px; margin: 2px 0 0 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#comment textarea:focus				{ background: url(../img/bg-text-focus.gif) top left no-repeat #e3dcd2; color: #241912; }
#comment .field.submitfield 		{ width:715px; text-align: right; padding-top: 5px; }
#comment input#submit				{ float:right; background: url(../img/btn-comment-submit.jpg) top left no-repeat; text-indent:-9999px; display: block; width:84px; height: 25px; padding-top: 10px; }

/* Edit Experiences */
#sideContent li                     { list-style-type: none; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft:6px; -moz-border-radius-bottomleft:6px; padding: 10px 0 10px 10px;}
#sideContent h2                     { margin: 0; font-size: 20px; }
#sideContent h2 a                   { color: #B8AF03; }
#sideContent h2 a:hover             { text-decoration: underline; }
#sideContent p                      { margin-bottom: 0; }
#sideContent li.current,
#sideContent .currentNewFirst       { background-color: #f5f4f2; } 
#sideContent .currentNew  h2        { color: #B8AF03; } 
#sideContent .sidebarLink           { margin-bottom: 1em; } 


/*
**  =news
************************/
#news                               {}
#news li                            {list-style-type: none; margin-bottom: 15px;}
#news li.border                     {border-bottom: 1px solid #999;}
#news h2                            {font-size: 20px;}

/*
**  =email verification
************************/
.verified                           {color: green;}
.unverified                         {color: red;}

.news #sub-content h3				{  }
.news #side-content h3 a			{  }
.news #side-content h3 a:hover		{ color:#333; }
h3.rss_feed a						{ background:url('../img/icon-rss.png') no-repeat 0 0; padding:4px 0 0 25px; }
.newsDate                           { font-size: 18px; margin-bottom: 15px; display: block;}


.news #experience-content-main h3	{  }

ul.news_categories					{  }
ul.news_categories li				{ font-size: 14px; margin-left: 2em;}



/*
**	=icons
************************/
.country-ad							{ padding-right: 25px; background: url(../flags/ad.gif) 1px right no-repeat; }
.country-ae							{ padding-right: 25px; background: url(../flags/ae.gif) 1px right no-repeat; }
.country-af							{ padding-right: 25px; background: url(../flags/af.gif) 1px right no-repeat; }
.country-ag							{ padding-right: 25px; background: url(../flags/ag.gif) 1px right no-repeat; }
.country-ca							{ padding-right: 25px; background: url(../flags/ca.gif) 1px right no-repeat; }




/*
**	=Buttons
************************/
a.comment-button		{ padding: 6px 5px 5px 30px; background: url(../img/icon-comment.jpg) left 1px no-repeat; color: #574435; }
a.comment-button:hover	{}
a.map-button			{ padding: 8px 0 8px 37px; background: url(../img/icon-map.jpg) left 1px no-repeat; color: #574435; font-weight: bold; font-size: 1.1667em; }


/*
**	=site-info
***********************
#site-info				{ background:#000; clear:both; margin-top:0px; padding:40px 0 30px; width:100%; }
#site-info p			{ color:#857565; font-size:0.9167em; }
#site-info p a			{ color:#857565; }
#site-info p a:hover	{ color:#c9c2bd; }
*/


/*
**	=footer
************************/
/*#main-footer-full			{ background: url(../img/bg-footer-repeatx.jpg) bottom left repeat-x; }
#main-footer				{ background: url(../img/bg-footer.jpg) center bottom no-repeat; }*/

#footer						    { background:url(../img/bg-footer-repeatx.jpg) repeat-x center bottom; /*width: 960px;*/ margin-top:30px; position: relative; }
#footer-gfx					    { background:url(../img/bg-footer.jpg) no-repeat center bottom; position:relative; }
#footer .wrap				    { height:160px; padding:25px 0 0; }
#footer h2					    { color: #857565; text-transform: uppercase; }
#footer ul.categories		    { float:left; margin-right: 25px; width:480px; }
#footer ul.categories li	    { font-size: 0.9167em; text-indent:0; float: left; width: 120px; padding: 0; margin: 0; height: auto; }
#footer ul.categories a 	    { color: #CCCCCC; }
#footer ul.categories a:hover   { color: #FFFFFF; }
#footer-nav					    { font-family: Museo300; position:absolute; right:0; top:50%; margin-top:-30px; }
#footer-nav li				    { display:inline; margin-left:5px; }
#footer-nav a				    { color:#bd8e28; font-size:1.5em; }
#footer-nav a:hover			    { color:#FCC703; }
#footer-bottom				    { position: absolute; bottom: 0; left:0; width:960px; padding: 0; }
#footer-bottom p			    { font-size: 0.9167em; color: #c4c0b8; }
#footer-bottom p a			    { color: #c4c0b8; font-weight: bold; }
#footer-bottom p .footer-icon   { vertical-align: middle; margin: 0 0 0 10px; }
.lift					        { font:bold italic 1em/1 georgia,serif; }
#footerLinks                    { float: right; font-size: 11px;}
#footerLinks li                 { float: left; color: #CCCCCC;}
#footerLinks li a               { /*font-weight: bold;*/ color: #CCCCCC;}

/*
**	=simplemodal
************************/
#simplemodal-overlay                    { background-color:#000; }
#simplemodal-container                  { height:400px; width:600px; background-color:#fff; border:3px solid #ccc; }
#simplemodal-container iframe           { height:400px; width:600px; }
#simplemodal-container a.modalCloseImg  { background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-14px; right:-18px; cursor:pointer; }
#simple-message                         { padding: 10px; color: #000000;}


/*
**	=General form styles
************************/
.signup a               {color: #B8AF03; font-weight: bold;}
.signup a:hover         {color: #A89E26; font-weight: bold;}
label                   {cursor: default; color: #5F5C59; width: 110px; padding: 6px 10px 0 0; display: block; font-weight: bold; float: left; text-align: right;}
form div                { width: 600px; padding-bottom: 15px; }
form#comment-form div	{ width:auto; padding-bottom:0; }
form.login h2           {color: #B8AF03; font-size: 2em;}
form.login              {margin-bottom: 40px;}
.checkbox               {width: 350px;}
p#hint_id_remember      {float: right; font-size: 10px; margin: 0; padding-top: 5px; color: #AAAAAA; width: 450px;}
.submit_block           {width: 300px; padding-left: 120px; overflow: hidden;}
.submit_block input     {margin-right: 10px;}
.submit_block a         {padding-top: 6px;}
#id_remember            {width: auto;}
.ctrlHolder input,
.ctrlHolder textarea    {border: 1px solid #cccccc; padding: 3px; outline: none; width: 250px;}
.ctrlHolder textarea    {width: 470px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.submit                 {border: none; color: #5F5C59; background-color: #C1BA44; padding: 3px 10px; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer;}
.submit:hover           {background-color: #A89E26;}
#experience-content-main .formHint   {font-size: 10px; margin: 0 0 0 120px; padding-top: 0px; color: #AAAAAA;}
#experience-content-main .errorField {background:#FFC9BB; padding: 2px 0 0 5px;}
#errorMsg li,
.errorlist li           {background:#FFC9BB; padding: 2px 0 0 5px; list-style-type: none;}
#id_photo               {border: none;}
.submitLinkForm         {display: inline;}
.submitLink             {border: none; margin: 0; padding: 0; background-color: #FFFFFF; color: #BD8E28; font-size: 12px; font-family: Helvetica,arial,sans-serif; cursor: pointer;}
.submitLink:hover       {text-decoration: underline;}


/* Change Password Forms */
#formChangePassword label       {width: 140px;}
#changePassword label           {width: 200px;}
#formChangePassword .submit     {margin-left: 150px;}
#resetPassword .submit          {margin-left: 120px;}

/* Email form */
#emailForm label                {width: 40px; text-align: left;}
#emailForm .submit_block        {width: 100px; margin-left: 48px; padding: 0;}

#searchForm label               {width: 40px; text-align: left;}
#searchForm .submit             {width: auto; padding-left: 10px; padding-right: 10px; margin-left: 5px;}

/* Add experience form */
#formAddExp #id_title,
#experienceForm #id_title       {font-size: 18px; width: 470px; font-weight: bold;}
#formAddExp #div_id_title label,
#experienceForm #div_id_title label {font-size: 20px;}
.bigHint                        {background-color: #E5E2A4; margin-top: 3px; padding: 10px; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}


/*
**	=General table styles
************************/
table			{width: 80%; text-align: center; border-top:1px solid #CCCCCC; margin-bottom: 20px;}
th				{border-bottom:2px solid #6678B1; font-size:14px; font-weight:normal; padding: 10px 8px;}
td              {border-bottom:1px solid #CCCCCC; padding: 6px 8px;}