li 

{

margin-top: 0px;

}

li 

{

list-style-type: none;

}

ul li 

{

list-style-type: none;

}

a.posterousGalleryMainlink:hover span.show 

{

display: inline;

clear: both;

width: 350px;

margin-top: 1px;

margin-right: 1px;

margin-bottom: 1px;

margin-left: 1px;

position: absolute;

bottom: 10px;

left: 10px;

border-top-width: medium;

border-right-width-value: medium;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-left-width-value: medium;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: none;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: -moz-use-text-color;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-bottom-width: medium;

border-bottom-style: none;

border-bottom-color: -moz-use-text-color;

background-color: #111111;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

padding-top: 8px;

padding-right: 8px;

padding-bottom: 8px;

padding-left: 8px;

color: #ffffff;

font-size: 11px;

text-align: left;

z-index: 100;

text-decoration: none;

opacity: 0.8;

}

a.posterousGalleryMainlink:hover span.show 

{

display: block;

}

#rightmenudiv {
	float:left;
	width:218px;
	height:168px;
	padding:5px 0 0 0;
	margin:6px 0 0 0;
	border:1px solid #fff;
}

#rightmenudiv ul {
	list-style:none;
	display:block;
	padding:0;
	margin:0 0 0 10px;
}

#rightmenudiv ul li {
	display:block;
	list-style: none outside;
	background: url(http://www.patagonline.com/images/bullet_arrow.png) no-repeat 0 2px;
	margin: 10px 0;
	padding:0 0 0 15px;
}

#rightmenudiv ul li a {
	color:#8B8B7D;
	font-size:14px;
	text-decoration:none;
}

#topdiv, #topdivnarrow

{

display: block;

width: 770px;

padding-top: 10px;

padding-right: 0pt;

padding-bottom: 10px;

padding-left: 0pt;

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 10px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #fff;

}

/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post{clear: both; background: #fff; border: 1px solid #fff; margin-bottom: 40px; position: relative;
		-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
		-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);}


	/*-------------------------*/
	/*- DATE BUBBLE -----------*/

	.date-bubble a {text-decoration: none;}
	.date-bubble span {font-size: 10px; text-decoration: none;}
	.date-bubble span a {font-size: 10px; text-decoration: none;}

	.date-bubble span.month{font-size: 10px; text-decoration: none;}

	/*-------------------------*/
	/*- POST CONTAINER --------*/
	.post-content{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 39px;
	padding-left: 15px;
	
	}
		h2.post-title{padding: 0px 0px 20px; margin: 0px 0px 20px;  color: #8B8B7D; font-weight: bold; font-size: 25px;}
			h2.post-title a{color: #8B8B7D; text-decoration: none;}
				h2.post-title a:hover{color: #ABC5D8;}

		
	/*-------------------------*/
	/*- EDIT BOX --------------*/
	.editbox{width: 500px; position: absolute;}
	ul.mini_commands{visibility: hidden; position: relative; float: left; padding: 0px 0px; margin: 0px; font-size: 10px; text-align: left; text-transform: uppercase; line-height: 20px; list-style: none;}
		ul.mini_commands li{color: #ABC5D8; padding: 0px 0px; float: left; margin-right: 20px;}
			ul.mini_commands li a{color: #ABC5D8;}
				ul.mini_commands li a:hover{color: #000;}
			
	.post-content:hover ul.mini_commands{visibility: visible;}


	/*-------------------------*/
	/*- DOWNLOAD LINK ---------*/
	.downloadlink{display: inline-block; padding: 5px 10px; margin: 15px auto 0px;}
		.downloadlink:hover{}


	/*-------------------------*/
	/*- META DATA -------------*/
	ul.post-meta-data{clear: both; 
	
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 39px;
	padding-left: 15px;
		
	margin: 0px; background: #F4F4F4; border-top: 1px solid #ccc; text-transform: none; line-height: 20px; font-size: 10px;}
		ul.post-meta-data li{padding: 0px 0px; float: left; margin-right: 20px; list-style: none !important;}
			ul.post-meta-data li a{color: #555;}
				ul.post-meta-data li a:hover{color: #000;}
			ul.post-meta-data li.tags{clear: both; width: 540px; margin-bottom: 10px;}
				ul.post-meta-data li.tags a{margin-right: 4px; padding: 3px 6px; background: #8B8B7D; color: #fff; text-decoration: none;
											-webkit-border-radius: 5px;
											-moz-border-radius: 5px;}
					ul.post-meta-data li.tags a:hover{background: #ABC5D8; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30); text-decoration: none;}
				
		ul.post-meta-data li.admin-button{float: right;}
		
		/*- RETWEET -*/
		ul.post-meta-data li.retweet-button{margin: 0px 20px 0px 0px !important; padding: 0px !important;}
		ul.post-meta-data li.retweet-button .posterous_retweet_widget{margin: 0px !important;}
			ul.post-meta-data .posterous_retweet_widget a.posterous_retweet{color: #fff;background-color: #ABC5D8; text-decoration: none;
																								-webkit-border-radius: 5px; -moz-border-radius: 5px;}
				ul.post-meta-data .posterous_retweet_widget a.posterous_retweet:hover{color: #ABC5D8; background-color: #fff; text-decoration: none;}
		.posterous_retweet_widget{margin: 0px !important; padding: 0px !important; }

	/*-------------------------*/
	/*- NEXT PREVIOUS BUTTONS -*/
	.next-prev{width: 580px; margin: 20px auto 20px;}
		.next-prev a{display: inline-block; padding: 2px 10px;  background: #ABC5D8; color: #fff; font-weight: bold;text-decoration:none;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;}
			a.next-page{float: right;}
			a.prev-page{float: left;}
			.next-prev a:hover{background: #ccc; color: #ABC5D8; }


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.post .copy p{clear: none;}
.post .copy ol, .post .copy ul{list-style: disc; margin: 0px 0px 10px 30px;}
	.post .copy ol li, .post .copy ul li{line-height: 22px; padding-bottom: 10px;}
.post .copy ol{list-style: decimal;}
.post .copy code, .post .copy pre{}
.post .copy img{}
.post .copy h2{line-height: 35px; margin-top: 20px;}
.post .copy h3{margin-top: 20px; border-bottom: 1px dotted #ccc; padding: 0px 0px 5px; margin-bottom: 0px 0px 5px;}
.post .copy h4{font-weight: bold;}
.post .copy blockquote{border-left: 3px solid #e0e0e0; margin: 15px 0px; padding: 0px 20px 0px; font-style: italic; font-size: 13px;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE COMMENTS ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.posterous_comments{ margin: 0px 0px 0px;}
.comment_loading_div{}
.posterous_comments .commentunit{clear: both; padding: 20px 0px 0px; margin: 0px auto 0px !important; background: none !important; line-height: 20px;}
	 .posterous_comments .commentunit:first-child{border-top: none; padding-top: 0px;}
	.posterous_comments .commentunit .comment_spacer{display: none !important;}

	.posterous_comments .commentunit .profile_border{display: none !important;}
	.posterous_comments .comment_hide_button{float: right; display: block; padding-top: 4px;}
	.posterous_comments .commentunit .comment{width: 500px !important;}
	
	
		.posterousAddNewComment form .commentunit{padding: 0px !important; margin: 0px !important;}
		.posterousAddNewComment form .comment_label{padding: 10px 0px 4px !important; margin: 0px !important; height: auto;}
		.posterousAddNewComment form input[type=text]{width:  460px !important;}
		.posterousAddNewComment form input[type=submit]{margin-top: 10px !important;}
		.posterousAddNewComment form textarea{width: 460px !important;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS CLASSES ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.comments-container{clear: both; padding: 39px; background: #fff; border: 1px solid #fff; margin-bottom: 40px; position: relative;
		-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
		-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);}

	.comments-index-container{padding: 0px 39px 0px 39px; margin: 0px; border: none; -moz-box-shadow: none; -webkit-box-shadow: none;}

	.comment_list:hover ul.mini_commands{visibility: visible;}

	.comments-container h4{padding: 0px 0px 10px; margin: 0px 0px 0px; border-bottom: 1px solid #ccc; color: #8B8B7D; font-weight: bold; font-size: 20px;}
	.comments-container h4.comment-title{padding: 0px 0px 10px !important; height: 20px;}

	.comments-container h4.comment-title span{float: left; display: block;}
	.comments-container h4.comment-title a{float: right; display: block; cursor: pointer; padding: 0px 6px; background: #8B8B7D; color: #fff; text-transform: none; line-height: 20px; font-size: 10px; text-decoration: none;
											-webkit-border-radius: 5px;
											-moz-border-radius: 5px;}
		.comments-container h4.comment-title a:hover{background: #ABC5D8; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30); text-decoration: none;}

		.commentunit{clear: both; padding-top: 20px; margin: 0px !important; border-top: 1px dotted #ccc;}
			.comments-container .commentunit:first-child{border-top: none;}
			
			.commentunit .comment_label{}
				.commentunit .comment_label .comment_date{margin: 0px 0px 5px; padding: 0px; font-size: 10px; color: #777; text-align: left;}
				.commentunit .comment_label .comment_avatar{float: right; display: block; width: 35px; padding: 5px; margin: 10px auto 0px;}
				.commentunit .comment_label .comment_avatar img{border: none; display: block;}
	
			.commentunit .comment{float: left; width: 450px; padding: 0px; margin-bottom: 15px; text-align: left !important; line-height: 22px;}
				.commentname{clear: both; font-size: 13px !important; font-weight: bold; padding: 0px; margin: 0px;}
				.commentunit .comment p{clear: both; margin: 0px; margin: 12px 0px 0px; color: #555;}
			
			.commentunit .mini_commands{clear: both; float: none; display: none; padding: 10px 0px; margin: 30px auto 0px; border-top: 1px dotted #ccc; font-size: 10px; text-align: right; text-transform: uppercase; line-height: 20px;}
				.commentunit .mini_commands li{color: #999; padding: 0px 0px; float: left; margin-right: 20px;}
					.commentunit .mini_commands li a{color: #999;}
						.commentunit .mini_commands li a:hover{color: #000;}
	
	
		/*-------------------------------------------------------------------------------------------*/
		/*- LEAVE A COMMENT -------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------*/
		.leave-a-comment{clear: both; line-height: 20px; }
			
			.leave-a-comment .commentunit{border: none; margin: 0px !important; overflow: inherit;}
			form .commentunit{ border: none !important;}
			.leave-a-comment .comment_spacer{display: none;}
			
			.leave-a-comment .comment_label{float: none; width: 250px !important; padding: 0px 0px 5px;}
			.leave-a-comment .comment_value{clear: both; margin: 0px;}
			
				.comment_value input{width: 350px; padding: 5px !important; background: #fff !important; border: 1px solid #9FC4D5 !important;
									-webkit-border-radius: 4px;
									-moz-border-radius: 4px;}
				.comment_value textarea{width: 400px; height: 100px; padding: 5px !important; margin-bottom: 10px !important; background: #fff !important; border: 1px solid #9FC4D5 !important;
										-webkit-border-radius: 4px;
										-moz-border-radius: 4px;}
						
				.comment_value input{}
				.comment_value input[type=checkbox]{width: auto !important;}
				.comment_value input[type=submit]{clear: both; display: inline-block; width: auto !important; padding: 2px 10px;  background: #8B8B7D !important; border: none !important; color: #fff; font-weight: bold; font-size: 12px; cursor: pointer; text-decoration: none;
													-webkit-border-radius: 5px;
													-moz-border-radius: 5px;}
						.comment_value input[type=submit]:hover{background: #ABC5D8 !important; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
				.post-to-facebook{display: block; padding: 5px 5px 5px 0px; margin: 10px 0px; color: #ccc; font-size: 12px; font-style: italic;}
				.submit-comment{padding: 2px 5px; clear: both; font-size: 12px;}


		/*-------------------------------------------------------------------------------------------*/
		/*- LOGGED - IN LEAVE A COMMENT -------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------*/
		.leave-a-comment .comment_profile_description{ float: left; margin: 3px 0px 0px 5px; font-weight: bold;}
			.leave-a-comment .comment_profile_icon{width: 35px; margin: 0px auto 0px; padding: 5px; background: #fff;
													-webkit-border-radius: 4px; -moz-border-radius: 4px;}
			.leave-a-comment .comment_profile_icon img{border: none !important;}
			.leave-a-comment .comment_profile_description a{font-weight: lighter;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.content{padding: 0px 0px 0px; background: #f00;}
	#right-column h4{padding: 0px; font-weight: bold; font-size: 14px; line-height: 22px; border-bottom: 1px dotted #ccc;}

	/*-------------------------*/
	/*- AUTHOR DATA -----------*/
	.author{padding: 25px; background: #f8f8f8; border-bottom: 1px solid #ccc;}
	.site-author{float: left; margin: 4px 10px 4px 0px; padding: 5px; background: #f0f0f0; border: 1px solid #ccc;}

	.author h4{margin: 0px 0px 5px; border: none !important;}
	.author p{text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);}
	

	/*-------------------------*/
	/*- SUBSCRIBE -------------*/
	#right-column .subscribe_to_mysite{padding: 25px; background: #fff; border-top: 3px solid #f0f0f0; border-bottom: 1px solid #ccc;}
	.subscribe_to_mysite div{margin: 15px;}
	.subscribe_to_mysite a{padding: 2px 6px; background: #8B8B7D; color: #fff; font-size: 11px; text-decoration: none;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;}
	.subscribe_to_mysite a:hover{background: #ABC5D8; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}


	/*---------------------*/
	/*- CONTRIBUTORS ------*/
	.contributors{padding: 25px; background-color: #f8f8f8; border-bottom: 1px solid #ccc;}
		.contributors h4{padding: 0px 0px 5px; margin: 0px 0px 10px;}
	 	.contributors img{width: 30px; height: auto;}
	

	/*---------------------*/
	/*- GEO TAG -----------*/
	.geolocation{padding: 25px; background: #fff; border-top: 3px solid #f0f0f0; border-bottom: 1px solid #ccc;}
		.map{clear: both; width: 208px; height: 150px; margin-top: 10px;}
	

	/*---------------------*/
	/*- SOCIAL ICONS ------*/
	.social-icons{padding: 8px 0px 0px;}
	.social-icons a{background: none; padding: 0px;}
	

	/*-------------------------*/
	/*- SEARCH BAR ------------*/
	.search-bar{padding: 25px; background: #fff;}
		.search-bar h4{padding: 0px 0px 5px; margin: 0px 0px 15px;}
	.search-form input.search{float: left; width: 100px; padding: 5px; background: none; border: 1px solid #ccc; font-size: 12px; color: #595959;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;}
	.search-form input.search_button{float: right; width: 15px; margin: 0px; padding: 5px 8px 6px 8px; border: 1px solid #ccc;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;}
	
	.search-sorter{width: 210px; margin: auto; line-height: 20px;}
		.search-sorter li{padding: 5px; border-bottom: 1px dotted #222; display: block; color: #8B8B7D; font-size: 10px; width: 190px; color: #ccc;}
			.search-sorter li a{color: #777; text-shadow: none;}
			.search-sorter li a:hover{color: #f33; text-shadow: none;}
			.search-sorter li strong{ text-transform: uppercase;}


		/*-------------------------*/
		/*- COPYRIGHT -------------*/
		.copyright{padding: 25px; background: #fff; border-top: 3px solid #f0f0f0; text-transform: uppercase; font-size: 10px; text-align: center;}
		.visit-obox{color: #ABC5D8;}
			.visit-obox:hover{color: #8B8B7D;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTEROUS ITEMS CUSTOMIZED --------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.posterousPrivateBox{position: absolute; top: 10px; left: 10px; z-index: 10; font-size: 10px;}
	.posterousPrivateBox div{clear: both; float: none; margin: 0px !important;}
	.posterousPrivateBox div a{display: block; cursor: pointer; position: relative; z-index: 11; color:#777; text-shadow: none;}
		.posterousPrivateBox div a:hover{color:#fff;}