/* Base */
@import url(http://static.typepad.com/.shared:v20100824.01-0-g166bdea:typepad:en_us/themes/common/base-weblog.css?v=2);

/* Tip Jar */
@import url(http://static.typepad.com/.shared:v20100824.01-0-g166bdea:typepad:en_us/themes/common/tipjar.css);

/* Portal */

/* CSS for Our Awesome Planet */

/* general page elements */

a
{
	text-decoration: none;
	
}

a:link { color: #339900; }
a:visited { color: #339900; }
a:hover { color: #999999; }
a:active { color: #339900; }


/* layout */

body
{
	margin: 0;
	color: #333333;
	background: #339900;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	line-height: 150%;
}

#container { position: relative; margin-top: 20px; }

#container-inner
{
	position: static;
	border: 0;
	background: #FFFFFF;
}

#banner
{
	border: 0;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #FFFFFF;
	background: #ffffff;
	text-align: left;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#banner-inner { padding: 15px; }

#banner a
{
	color: #FFFFFF;
	text-decoration: none;
}

#banner-header
{
	margin: 0.25em 0;
	font-size: xx-large;
	font-weight: bold;
	
	
}

#banner-description
{
	margin: 0.25em 0;
	font-size: small;
}

	/* banner image */

	#banner
	{
               
	        height: 130px;
		background-image: url("http://www.ourawesomeplanet.com/.a/6a00d8341bfbd553ef0133f346b36e970b-pi");
		background-position: center;
		background-repeat: no-repeat;
		text-align: center;
               
	}

	#banner-inner { overflow: visible; padding: 0; }

	#banner-header
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	#banner-header a
	{
		display: block;
		left: 0;
		top: 0;
		height: 130px;
		text-indent: -1000em;
	}

	.blog-description
	{
		color: #000000;
		position: relative;
		font-size: 11px !important;
		text-transform: uppercase;
		font-weight: bold;
		background: #ffffff;
		padding: 5px 5px 10px 5px;
		text-align: center;
		margin: -15px auto 0px auto;
	}

	.feedblitz
	{
		color: #000000;
		position: relative;
		font-size: 14px !important;
		background: #f1ffdf;
		padding: 10px;
	}

/* content */

.content-nav { margin: 0; float: right; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 0 0;
	border: 0;
	color: #999999;
	font-family: Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	text-transform: uppercase;
}

.pager-bottom {
  width: 100%;
  margin: 5px auto 5px auto;
}

.date-header {
	float: left !important;
	display: inline !important;
}

.entry-header
{
	margin: 1px 0 3px 0;
	border: 0;
	color: #339900;
	font-family: Arial, sans-serif;
	font-size: large;
	line-height: normal;
	text-align: left;
        border-bottom: 1px dotted #999999;
       
}

.entry-header a
{
	text-decoration: none;
	font-weight: normal;
}

.entry-header a:link { color: #339900; }
.entry-header a:visited { color: #339900; }
.entry-header a:hover { color: #339900; }
.entry-header a:active { color: #339900; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
	margin: 10px 0;
}

.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer,
.comment-footer
{
	margin: 0 0 10px 0;
	border-top: 1px dotted #999999;
	padding: 3px;
	color: #999999;
	font-family: Arial, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: left;
	
	
	
}

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
	display: block;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/* Sidebar Wrap */
#sidebar-wrap {
  width: 345px;
  display: inline-block;
  margin: auto;
  padding: 0px 0px 15px 10px;

}

#sidebar-wrap-inner {
  width: 345px;
  margin: auto;
  padding: 5px;
display: inline-block;
border-left: 1px dotted #999999;
}


/* modules */

	.module a
	{
		text-decoration: none;
		font-weight: inherit;
	}

	.module a:link { color: #339900; }
	.module a:visited { color: #339900; }
	.module a:hover { color: #999999; }
	.module a:active { color: #339900; }


.module-header, .module-header a
{
	margin: 5px 0;
	border: 0;
	color: #339900;
	font-family: Arial, sans-serif;
	font-size: small;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0em;
	text-align: left;
	border-bottom: 1px solid #dddddd;
}

.module-content
{
	margin: 5px 0px 5px 0px;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: small;
	line-height: 150%;
	text-align: left;
	padding: 5px 0px 0px 0px;
}

.partner-left {
	width: 90px !important;
	vertical-align: top !important;
	padding: 0px 5px 0px 0px !important;
	float: left !important;
}

.partner-right {
	width: 90px !important;
	vertical-align: top !important;
	padding: 0px !important;
	float: right !important;
}
.partner-left a {
	margin: 0px auto 0px auto !important;
	clear: right !important;
	vertical-align: top !important;
}

.partner-right a {
	margin: 0px auto 0px auto !important;
	clear: right !important;
	vertical-align: top !important;
}

.partner-left img {
	margin: 0px auto 5px auto !important;
	clear: right !important;
	vertical-align: top !important;
}

.partner-left img {
	margin: 0px auto 5px auto !important;
	clear: right !important;
	vertical-align: top !important;
}

.facebook-fan-badge { display: block; }

.module-recent-comments, .module-recent-posts {
	margin-top: 5px;
}

.module-recent-comments .module-content, 
.module-recent-comments li, 
.module-recent-comments .module-list-item,
.module-recent-posts .module-content,
.module-recent-posts li
.module-recent-posts .module-list-item {
	text-align: left !important;
	padding: 0px !important;
	margin: 0px !important;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img
{
	border: 0;
}

.module-photo .module-content
{
	text-align: center;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #666666;
	font-family: Arial, sans-serif;
	font-size: small;
	border: 0;
	text-align: left;
	font-weight: bold;
	
	text-transform: uppercase;
	
	letter-spacing: .3em;
}

.module-calendar th,
.module-calendar td
{
	text-align: center;
	font-weight: normal;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; text-align: center; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
	width: 70px; /* ie mac fix */
	height: 70px; /* for appearance with varying image border widths */
	margin: 0 2px 2px 0;
}

.module-tipjar-r2 .tipjar-button
{
			float: left;
	
}

.module-miniprofile img {
	border-width: 0;
}

.menu li form { 
	width: 200px !important;
	float: left !important;
	padding: 0px;
	margin: 0px;
}

.menu #search-blog {
	width: 100% !important;
	float: right !important;
	margin: 0px;
	padding: 0px 3px 0px 0px;
}

.menu input {
	margin: 0px 5px 0px 0px!important;
        padding: 1px !important;
}

.menu input[type="search"] {
	width: 190px !important;
	margin: 0px 5px 0px -35px !important;
	display: inline !important;
	float: left !important;
}

.menu input[type="submit"] {
	display: inline !important;
	float: left !important;
	padding: 0px;
	margin: 0px;
        height: 23px;
}

/* three-column-right tweaks */

	.layout-three-column-right #container, 
	.layout-three-column-right #container-inner
	{
		width: 1040px;
	}

	.layout-three-column-right #alpha
	{
		width: 670px;
		padding: 15px 0px 15px 10px;
		margin: 0 !important;
	}

	.layout-three-column-right #alpha-inner,
	.layout-three-column-right #alpha-inner .pkg
	{
		width: 100%;
		border: 0;
		background: #FFFFFF;
	}

        .layout-three-column-right #alpha-inner .entry 
        {
		width: 100%;
		padding-bottom: 20px;
        }

        .layout-three-column-right #alpha-inner .entry-body, 
        .layout-three-column-right #alpha-inner .entry-more,
        .layout-three-column-right #alpha-inner .entry-more-link
        {
		width: 98% !important;
		margin: 0px auto 0px auto !important;
        }

	.layout-three-column-right #beta
	{
		width: 135px;
		margin: 10px 0px 0px 5px !important;
		float: left !important;
		display: inline !important;
	}

	.layout-three-column-right #beta-inner
	{
		border: 0;
		background: #ffffff;
		margin: 0px !important;
	}

	.layout-three-column-right #gamma
	{
		width: 190px;
		margin: 10px 0px 0px 10px !important;
		float: left !important;
		display: inline !important;
	}

	.layout-three-column-right #gamma-inner
	{
		border: 0;
		background: #FFFFFF;
		margin: 0px !important;
	}

/* Navigation Bar */
.last-nav-list-item {
	float: right !important;
	padding: 0px !important;
}

/* Sharing */
.entry-footer-share-buttons {
  margin-top: 0px !important;
  margin-left: 0px !important;
  padding-right: 4px !important;
  float: left !important;
  display: inline !important;
  position: relative !important;
  clear: none !important;
}

/* Pagination */

#paginate-wrap {
 position: absolute;
 top: 20px;
 right: 20px;
 vertical-align: absolute-bottom;
}

#paginate-wrap a {
 font-family: verdana, arial, sans-serif !important; 
 font-size: x-small !important;
 text-transform: uppercase !important;
 vertical-align: absolute-bottom !important;
}

/* Tweaks to Sidebar2 */
.module-content {
 padding-bottom: 10px !important;
 border: 0px !important;
 margin: 0px auto !important;
 text-align: center !important;
}

/* CSS Dropdown Menu */
.menu{
	border: none;
	border: 0px;
        background: #ffffff;
	width: 1040px;
	margin: 10px auto 5px auto;
	padding: 0px;
	font: 68% Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	}

.menu ul{
	background: #f1ffdf;
	height:25px;
	list-style:none;
	margin:0;
	padding:0;
	}

	.menu li{
                background: #f1ffdf;
		float:left;
		padding:0px;
		}

	.menu li a{
		background: #f1ffdf;
		color: #000000;
		display:block;
		font-weight:normal;
		line-height:25px;
		margin:0px;
		padding:0px 15px;
		text-align:center;
		text-decoration:none;
		}

		.menu li a:hover {
			background: #f1ffdf;
			color: #339900;
			text-decoration:none;
			}

		.menu ul li:hover a{
			background: #f1ffdf;
			color: #339900;
			text-decoration:none;
			}

	.menu li ul{
		border: 1px solid #f2f2f2;
		display:none;
		height:auto;
		padding:0px;
		margin:0px 10px 0px 10px;
		position:absolute;
		width: 200px;
		overflow: hidden;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}

	.menu li:hover ul{
		display:block;
		}

	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width: 200px;
		overflow: hidden;
		}

	.menu li:hover li a{
		background: none;
color: #000000;		
		}

	.menu li ul a{
		color: #000000;
                display:block;
		height:25px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 5px 0px 5px;
		text-align:left;
                
		}

		.menu li ul a:hover {
			background: #ffffff;
			color: #000000;
			text-decoration:none;
			}	

		.menu li ul li:hover a {
			color: #339900;
			text-decoration:none;
			background: #f1ffdf;
			}

	.menu p{
		clear:left;
		}

/* Social Icons in Posts */
* html .entry-footer-links-facebook_like iframe { margin-left: 51px !important; }


/* Testing Banner Sharing positioning */
#banner { height: 160px !important; background-position: center 20px !important; }
#banner a { height: 130px !important; }
#banner-header { height: 100px !important; }
.blog-description { position: relative; top: -20px !important; }
.banner-share { margin-top: -17px !important; margin-bottom: 11px !important; overflow: visible !important; }
.menu { margin-top: 15px !important; }


/* ph=1 */

