@charset "utf-8";
/* CSS Document */

/*
Theme Name: Mariposa
Theme URI: http://www.mariposacap.com/
Description: Mariposa Capital Management Theme
Version: 1.0
Author: Edwin Choi
Author URI: http://www.mariposacap.com/
*/

html{
	overflow:			auto;
}
body{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			9pt;
	color:				#555;
	background-color:	#FFF;
	margin:				0px;
	padding:			0px;
	border:				0px;
}
div{
	margin:				0px;
	padding:			0px;
	border:				0px;
}
h1{
	font-size:			14pt;
	font-weight:		normal;
	color:				#036;
	margin:				0px 0px 17px;
	padding:			0px;
	border:				0px;
	text-transform: 	uppercase;
}
div.post h1 {
	margin:				0px;
}
h2{
	font-size:			11pt;
	font-weight:		normal;
	color:				#333;
	margin:				0px 0px 5px;
	padding:			0px;
	border:				0px;
	text-transform: 	uppercase;
}
div.post h2{
	margin-top:			15px;
	margin-bottom:		15px;
}
h3{
	font-size:			11pt;
	font-weight:		normal;
	color:				#555;
	margin:				0px 0px 5px;
	padding:			0px;
	border:				0px;
}
ul{
	list-style:			square;
	text-indent: 		0px;
	padding:			0px 0px 0px 15px;
	margin:				0px 0px 15px;
}
ul ul {
	list-style:			circle;
	margin:				0 0 7px;
}
ol{
	text-indent: 		0px;
	padding:			0px 0px 0px 15px;
	margin:				0px 0px 25px;
}
ol li {
	padding-left:		5px;
}
p{
	margin:				15px 0px;
	padding:			0px;
	border:				0px;
}
div.byline, div.tags {
	font-size:			8pt;
}
p.postmetadata{
	clear:				left;
	text-align:			right;
	font-size:			8pt;
}
div.flickr{
	margin-top:			7px;
	margin-bottom:		3px;
	text-align:			right;
	font-size:			8pt;
}
div.flickr img{
	border:				1px solid #333;
}	
div.thumbnail{
	float:				left;
	margin:				15px 8px 4px 0px;
}
div.thumbnail img{
	border:				1px solid #333;
}	
strong {
	font-weight:		700;
	color:				#333;
	margin:				0px;
	padding:			0px;
	border:				0px;
}
small{
	font-size:			8pt;
}
small.img-label{
	display:			block;
	text-align:			center;
}
hr{
	height:				1px;
	width:				480px;
	border:				0px;
	background-color:	#999;
	color:				#999;
	margin:				25px 0px;
	clear:				both;
}
a{
	color:				#036;
	text-decoration:	none;
	margin:				0px;
	padding:			0px;
	border:				0px;
}
a:hover{
	color:				#036;
	text-decoration:	underline;
}
a:visited{
	color:				#036;
}
blockquote{
	margin:				15px 0px;
	border-left:		3px solid #999;
	padding:			5px 15px;
	background-color:	#eee;
	color:				#333;
}
blockquote.pull {
	float:				right;
	width:				200px;
	text-align:			center;
	border-top:			2px solid #999;
	border-bottom:		2px solid #999;
	border-left:		0px;
	font-size:			11pt;
	margin:				0px 0px 5px 5px;
	padding:			5px;
}
blockquote p{
	margin:				0px;
}
pre {
	text-align: center;
}
img{
	margin:				0px;
	padding:			0px;
	border:				0px;
}
.navigation {
	margin-bottom:		15px;
}
.alignright{
	float:				right;
}
cite{
	font-style:			normal;
	margin:				0px;
	padding:			0px;
}
div.tags, div.fblike {
	margin:				15px 0px;
}

/* tables (horizontal) */
table{
	border-top:			1px solid #999;
	border-bottom:		1px solid #999;
	border-collapse:	collapse;
	width:				100%;
	caption-side:		bottom;
	margin-bottom:		15px;
}
table.narrow{
	width:				auto;
	margin-left: auto;
	margin-right: auto;
}
tr{
	border-top:			1px solid #ddd;
}
tr:first-child{
	border-top:			1px solid #999;
}
td{
	text-align:			right;
	vertical-align:		top;
	padding:			1px 1px 1px 5px;
}
td:first-child {
	text-align:			left;
	padding-left:		1px;
}
tr:first-child td{
	font-weight:		700;
	color:				#333;
	padding-bottom:		9px;
}
table caption {
	font-size:			8pt;
}

/* vertical, seminar tables */
table.vertical td, table.seminar td {
	text-align:			left;
}
table.vertical tr:first-child td, table.seminar tr:first-child td {
	font-weight:		normal;
	color:				#555;
	padding:			1px 1px 1px 5px;
}
table.vertical tr td:first-child, table.seminar tr td:first-child {
	text-align:			right;
	font-weight:		700;
	color:				#333;
	padding:			1px 9px 1px 5px;
}
table.seminar{
	width:auto;
}

/* table with only text */
table.text td, table.text td:first-child {
	text-align:			center;
}


/* forms */
form{
	margin:				0px 0px 15px;
}
dl, dt, dd {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
input, textarea, select{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			9pt;
	border: 			1px solid #999;
	margin:				0px;
}
textarea {
	resize: none;
}
.btn, #submit, input[type="submit"] {
	margin-top:			6px;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#036;
	background-color:	#eee;
	border:				1px solid #036;
}
.btn:hover, #submit:hover, input[type="submit"]:hover {
	color:				#fff;
	background-color:	#036;
	cursor:				pointer;
}


/* comment form */
#commentform{
	margin-top:			15px;
}
#commentform label{
	width: 				55px;
	text-align: 		right;
	padding-right: 		5px;
	padding-top:		4px;
	float:				left;
}
#author, #email, #url{
	width:				160px;
	margin-top:			2px;
	margin-bottom:		2px;
}
#comment{
	margin-left:		60px;
	margin-top:			3px;
	width:				414px;  /* 480 - 60 - 6 */
	height:				75px;
}
#commentform p.subscribe-to-comments {
	margin:				7px 0px 5px 60px;
}
input[type="checkbox"] {
	border:				0px;
	padding:			0px;
}
#commentform  label[for="subscribe"] {
	width: 				auto;
	text-align: 		left;
	float:				none;
	padding:			0px;
}	
#commentform #submit{
	margin-left:		60px;
}


/* comment sub mgr */
div.comments-sub-mgr div.wrap:first-child h2{
	font-size:			14pt;
	color:				#036;
	margin:				0px;
}
div.comments-sub-mgr div.updated  p{
	font-size:			8pt;
	margin: 			0px;
}
div.comments-sub-mgr fieldset {
	border:			0px;
	padding: 1px 0px 0px;
	margin:	15px 0px;
}
div.comments-sub-mgr legend { /* similar to h3 */
	font-size:			11pt;
	font-weight:		normal;
	color:				#555;
	margin:				0px 0px 2px;
	padding:			0px;
	border:				0px;
}


/* seminar forms */
form.seminar p.submit{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
form.seminar dt {
	display:inline-block;
	width: 75px;
	text-align: 		right;
	padding-right:		5px;
	padding-top:		4px;
	float:				left;
}
form.seminar dd {
	display:inline-block;
	width:				395px;
}
form.seminar dd  input {
	width:				160px;
	margin-top:		2px;
	margin-bottom:		2px;
}
form.seminar p.submit input.btn{
	margin-left:		80px;
}

/* weblead forms */
form.weblead p.submit{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
form.weblead dt {
	display: inline-block;
	width: 100px;
	text-align: 		right;
	padding-right:		5px;
	padding-top:		4px;
	vertical-align: top;
}
form.weblead dd {
	display: inline-block;
	width:				370px;
	position: relative;
	top: 2px;
}
form.weblead dd.dropped {
	top: 7px;
}
form.weblead dd  select {
	width:				110px;
	margin-top:			2px;
	margin-bottom:		2px;
}
form.weblead dd  input {
	width:				160px;
	margin-top:			2px;
	margin-bottom:		2px;
}
form.weblead dd  textarea {
	width:				250px;
	height: 			50px;
	margin-top:			2px;
	margin-bottom:		2px;
}
form.weblead input[type="submit"] {
	margin-left:		108px;
}


/* nav bar */
#pre-nav {
	width:				800px;
	margin: 			5px auto;
	text-align:			right;
	padding-right:		5px;
}
img.alt{
	height:				100%;
	width:				100%;
}
#center {
	position:			relative;
	top:				35px;
	height:				auto;
	width:				960px;
	margin:				auto;
}
#logo{
	position:			absolute;
	top:				0px;
	left:				20px;
	height:				40px;
	width:				40px;
}
#title{
	position:			absolute;
	top:				0px;
	left:				80px;
	height:				40px;
	width:				120px;
}
#navigation{
	position:			absolute;
	top:				17px;
	left:				260px;
	height:				25px;
	width:				620px;
}
#line{
	position:			absolute;
	top:				60px;
	left:				80px;
	height:				1px;
	width:				800px;
	background-color:	#999;
}
#about{
	float:				left;
	height:				25px;
	width:				124px;
	background:			url(images/main/navigation/about.png);
}
#about:hover{
	background:			url(images/main/navigation/about_hover.png);
}
#strategy{
	float:				left;
	height:				25px;
	width:				69px;
	background:			url(images/main/navigation/strategy.png);
}
#strategy:hover{
	background:			url(images/main/navigation/strategy_hover.png);
}
#services{
	float:				left;
	height:				25px;
	width:				68px;
	background:			url(images/main/navigation/services.png);
}
#services:hover{
	background:			url(images/main/navigation/services_hover.png);
}
#seminars{
	float:				left;
	height:				25px;
	width:				76px;
	background:			url(images/main/navigation/seminars.png);
}
#seminars:hover{
	background:			url(images/main/navigation/seminars_hover.png);
}
#resources{
	float:				left;
	height:				25px;
	width:				85px;
	background:			url(images/main/navigation/resources.png);
}
#resources:hover{
	background:			url(images/main/navigation/resources_hover.png);
}
#blog{
	float:				left;
	height:				25px;
	width:				41px;
	background:			url(images/main/navigation/blog.png);
}
#blog:hover{
	background:			url(images/main/navigation/blog_hover.png);
}
#contact{
	float:				left;
	height:				25px;
	width:				69px;
	background:			url(images/main/navigation/contact.png);
}
#contact:hover{
	background:			url(images/main/navigation/contact_hover.png);
}
.slash{
	float:				left;
	height:				25px;
	width:				10px;
}
#about_title{
	float:				left;
	height:				25px;
	width:				185px;
}
#strategy_title{
	float:				left;
	height:				25px;
	width:				100px;
}
#services_title{
	float:				left;
	height:				25px;
	width:				100px;
}
#seminars_title{
	float:				left;
	height:				25px;
	width:				111px;
}
#resources_title{
	float:				left;
	height:				25px;
	width:				125px;
}
#blog_title{
	float:				left;
	height:				25px;
	width:				58px;
}
#contact_title{
	float:				left;
	height:				25px;
	width:				101px;
}

/* layout */
#sidebar{
	position:			absolute;
	top:				90px;
	left:				80px;
	height:				auto;
	width:				160px;
}
#sidebar ul, #sidebar form{
	margin-bottom:		25px;
}
#main{
	position:			absolute;
	top:				90px;
	left:				260px;
	width:				480px;
}

/* footer */
#copyright{
	height:				40px;
	width:				480px;
	margin:				75px 0px 0px;
	color:				#999;
}
#copyright_border{
	top:				0px;
	left:				0px;
	height:				24px;
	width:				480px;
	border-bottom:		#036 5px solid;
	margin:				0px;
}
#email-signup{
	float: left;
	width: 184px;
	padding-right: 15px;
	border-right: 1px solid #ddd;
	margin-bottom: 25px;
}
#related-posts{
	width: 265px;
	float: right;
	margin-bottom: 25px;
}
#email-signup h2, #related-posts h2{
	margin: 0 0 5px;
}
#email-signup form, #related-posts ul{
	margin:0;
}
#email-signup p, #related-posts p{
	margin: 5px 0;
}


/* mailing list */
#mce-error-response{
	font-size:9pt;
	color:#900;
}
#mce-success-response{
	font-size:9pt;
	color:#090;
}
div.mce_inline_error{
	padding: 0 !important;
	margin: 0 !important;
	margin-top: 2px !important;
	float: none  !important;
	font-size: 9pt !important;
	color:#900 !important;
}


/* comments */
h2#comments{
	margin-bottom:		0px;
}
ol.commentlist li {
	margin: 	0px;
	padding: 	0px 0px 1px 5px;
}
ol.commentlist li.odd{
	background-color:	#eee;
	color:				#333;
}
ol.commentlist li.byuser{
	border-left:		solid 3px #036;
	width:				457px; /* 480 - 15 - 8 */
	background-color:	#eef7ff;
	color:				#333;
}
ol.commentlist li.byuser.odd{
	background-color:	#def;
}
ol.commentlist img.avatar {
	float:				right;
	border:				1px solid #999;
}
ol.commentlist li.byuser img.avatar {
	border:				1px solid #036;
}
ol.commentlist div.comment-meta {
	font-size:			8pt;
}

/* social meda buttons */
#tweetmeme_button {
	margin:			15px -70px 0px 20px;
	float: right;
	width:	50px;
	height: 61px;
}