/*---
Site designed and maintained by onramp Branding
Author: Onramp Branding | PAR
Author URI: http://www.onrampbranding.com/
Description: Custom Typepad templates designed for Seth Godin.
Version: 10.31.04
---*/
/* Base */
@import url(/.shared/themes/common/base-weblog.css);

/* Portal */


/* Theme */
/* general page elements */

a
{text-decoration: underline;}

a:link { color: #553381; }
a:visited { color: #553381; }
a:hover { color: #553381; }
a:active { color: #553381; }


/* layout */

body
{
	margin: 0 auto;
	color: #333333;
	background: #6699CC;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 105%;
}

#container {
	margin: 0 auto;
	position: static;
}

#container-inner
{
	margin: 0 auto;
	position: static;
	border: 0;
	background: #ffffff;
}

#banner
{
	border-bottom: dotted 0px #6699CC;
	/* no ie mac \*/ height: 0%; /* ie win 5.5, 6 win */
	color: #FFFFFF;
	background: #99CC66;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

#banner-inner { padding: 0px; }

#banner a
{
	color: #FFFFFF;
	text-decoration: none;
}

#banner-header
{
	margin: 0.25em 0;
	font-size: 32px;
	font-weight: bold;
}

#banner-description
{
	margin: 0.25em 0;
	font-size: 13px;
}

/* default to artistic/calendar/timeline layout */

#container
{
	border: solid 0px #a3a3a3;
	width: 1008px !important;
}

.layout-artistic #alpha,
.layout-calendar #alpha
{
			width: 315px; /* 285px + 15px + 15px */	
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #99000;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 465px;}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 210px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333333;
	padding: 3px;
	color: #333333;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;	
}

.entry {
	margin-bottom: 20px;
}

.entry-header
{
	border: 0;
	color: #000000;
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "Georgia", serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	margin: 8px 0 8px 0;
	text-align: left;
}

.entry-header a
{
	text-decoration: none;
}

.entry-header a:link { color: #000000; }
.entry-header a:visited { color: #000000; }
.entry-header a:hover { color: #553381; }
.entry-header a:active { color: #000000; }

.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 5px 0;
	border-top: dotted 1px #999999;
	padding: 3px;
	color: #999999;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	text-align: left;
	font-weight: bold;	
}

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
	width: 100%;;
}


/* modules */

.module a
{
	text-decoration: none;
	font-weight: inherit;
}

.module a:link { color: #553381; }
.module a:visited { color: #553381; }
.module a:hover { color: #553381; }
.module a:active { color: #553381; }


.module-header
{
	margin: 5px 0;
	border-bottom: 1px solid #d6d6d6;
	padding: 3px;
	color: #666666;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;	text-transform: uppercase;
	letter-spacing: .3em;
	text-align: left;
}

.module-content
{
	margin: 5px 0 10px 0;
	color: #333333;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	line-height: 150%;
	text-align: left;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img
{
	border: 5px solid #EEEEEE;
}

.module-photo .module-content
{
	text-align: left;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #666666;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	border-bottom: 1px solid #d6d6d6;
	text-align: left;
	font-weight: bold;	text-transform: uppercase;
	padding: 3px;
	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; }

.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;}


/* moblog1 tweaks */

		
	.layout-moblog1 #alpha
	{
		width: 700px;
		
	}

	.layout-moblog1 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #beta
	{
					width: 380px;
		
		
	}

	.layout-moblog1 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #gamma
	{
		width: 700px;
		
	}

	.layout-moblog1 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* moblog2 tweaks */

		
	.layout-moblog2 #alpha
	{ width: 100px; }

	.layout-moblog2 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #beta
	{
					width: 350px;
		
		
	}

	.layout-moblog2 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #gamma
	{
		width: 190px;
		
	}

	.layout-moblog2 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #delta
	{
		width: 140px;
		
	}

	.layout-moblog2 #delta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 .module-photo img { width: 100px; height: auto; }


/* timeline tweaks */

	.layout-timeline #alpha
	{
					width: 390px; /* 285px + 15px + 15px */
		
		
	}

	.layout-timeline #beta
	{
		width: 390px;
		
	}

	.layout-timeline #beta #gamma { width: 175px; }
	.layout-timeline #beta #delta { width: 170px; }


/* one-column tweaks */

	.layout-one-column #container
	{
		width: 1008px;
	}

	.layout-one-column #alpha
	{
		display: block;
		float: none;
		width: auto;
	}

	.layout-one-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-left tweaks */

	.layout-two-column-left #container
	{
		width: 1008px !important;
	}

	.layout-two-column-left #alpha
	{
		width: 204px !important;
		
	}

	.layout-two-column-left #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 0px;
		background: #FFFFFF;
	}

	.layout-two-column-left #beta { width: 600px !important; }

	.layout-two-column-left #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-right tweaks */

	.layout-two-column-right #container
	{
		width: 1008px;
	}

	.layout-two-column-right #alpha
	{
					width: 600px;
		
		
	}

	.layout-two-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-two-column-right #beta
	{
		width: 204px;
		
	}

	.layout-two-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column tweaks */

	.layout-three-column #container
	{
		width: 1008px;
	}

	.layout-three-column #alpha
	{
		width: 200px;
		
	}

	.layout-three-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #beta
	{
					width: 600px;
		
		
	}

	.layout-three-column #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #gamma
	{
		width: 200px;
		
	}

	.layout-three-column #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column-right tweaks */

	.layout-three-column-right #container
	{
		width: 1008px;
	}

	.layout-three-column-right #alpha
	{
					width: 600px;
		
		
	}

	.layout-three-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #beta
	{
		width: 200px;
		
	}

	.layout-three-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #gamma
	{
		width: 200px;
		
	}

	.layout-three-column-right #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* Custom */
/*==========================================*/
/*==========================================*/

/* module modifications */

.module
{
	position: static;
	width: 100%;
}

.module-content
{
	position: static;
	margin: 5px 10px 20px;
}


/*==========================================*/
/*==========================================*/

/* portal css */


/* theme css */
/* general page elements */

a
{
	text-decoration: underline;}

a:link { color: #553381; }
a:visited { color: #553381; }
a:active { color: #553381; }
a:hover { color: #FF9900; }


/* layout */

body
{
	margin: 0;
	color: #333333;
	background: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 150%;
}

#container { 
	margin: 0 auto; position: static; }

#container-inner
{
	position: static;
	margin: 0 auto;
	border: 0;
	background: #FFFFFF;
}

#banner
{
	border-bottom: dotted 1px #FFFFFF;
	/* no ie mac \*/ height: 0%; /* ie win 5.5, 6 win */
	color: #FFCC33;
	background: #FFFFFF;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

#banner-inner { padding: 0px; }

#banner a
{
	color: #FFCC33;
	text-decoration: none;
}

#banner-header
{
	margin: 0.25em 0;
	font-size: 10px;
}

#banner-description
{
	margin: 0.25em 0;
	font-size: 13px;
}

/* banner image */
#banner
{
	height: 0px;
	background-color: #fe9901;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-bottom: 24px;
	text-align: left;
}
#banner-inner { overflow: visible; padding: 0 0 10px 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: 24px;
	text-indent: -1000em;
}
#banner-description
{
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
}



/* default to artistic/calendar/timeline layout */

#container
{
	width: 1008px;
}

.layout-artistic #alpha,
.layout-calendar #alpha
{
			width: 315px; /* 285px + 15px + 15px */	
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 465px;}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 210px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333333;
	padding: 3px;
	color: #333333;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: bold;	
}

.first {
	/*font-size: 24px;*/
}

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.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: dotted 1px #999999;
	padding: 3px;
	color: #999999;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	text-align: left;
	font-weight: bold;	
}

.entry-footer {
	color: #666;
}

.entry-footer a {
	color: #ff9900;
}

.entry-footer {
	margin-top: 12px;
	border-top: 1px solid #eee;
	background-color: #eeeeee;
	padding-top: 5px;
}

.entry-footer .entry-footer-info {
	margin-bottom: 5px;
}

.entry-footer .entry-footer-share {
	margin-bottom: 0;
}

.entry-footer .entry-footer-share .share-link,
.entry-footer .entry-footer-share iframe {
	margin-right: 0 !important;
}

.entry-footer .entry-footer-links-plusone {
	width: 81px !important;
}

.entry-footer .entry-footer-links-facebook_like iframe {
	width: 110px !important;
}

/* Reblog Button for IE */
p.entry-footer-share-buttons { 
 position: relative !important;
 margin-top: 10px;
 margin-bottom: 10px;
 top: 0px !important; 
}

span.entry-footer-links-reblog {
 position: relative !important;
 top: -3px !important;
 _top: -3px !important;
 *top: -3px !important;
 padding-top: 0px !important;
 margin-top: -2px !important;
 margin-bottom: 0px !important;
 display: inline !important;
 clear: none !important; 
}

body > span.entry-footer-links-reblog {
 position: relative !important;
 top: -2px !important;
 _top: -3px !important;
 *top: -3px !important;
 padding-top: 0px !important;
 margin-top: -2px !important;
 margin-bottom: 0px !important;
 display: inline !important;
 clear: none !important; 
}

.entry-footer-share-buttons .entry-footer-links-delicious,
.entry-footer-share-buttons .entry-footer-links-digg,
.entry-footer-share-buttons .entry-footer-links-facebook_like,
.entry-footer-share-buttons .entry-footer-links-favorite,
.entry-footer-share-buttons .entry-footer-links-reblog,
.entry-footer-share-buttons .entry-footer-links-plusone,
.entry-footer-share-buttons .entry-footer-links-twitter {
	*padding-right: 4px !important;
	_padding-right: 4px !important;
}

.entry-footer-share-buttons .entry-footer-links-plusone a {
	/*margin-bottom: -20px;*/
}
/* ph=1 */

.feedburnerFlareBlock

{

	font-size: 10px;	
}
.entry-footer-separator {
	display: none;
}
#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
	width: 100%;
}


/* modules */

	.module a
	{
		text-decoration: none;
		font-weight: inherit;
	}

	.module a:link { color: #553381; }
	.module a:visited { color: #553381; }
	.module a:active { color: #553381; }
	.module a:hover { color: #CC6600; }


.module-header
{
	margin: 5px 0;
	border-bottom: 1px solid #d6d6d6;
  	padding: 3px;
	color: #666666;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;	text-transform: uppercase;
	letter-spacing: .3em;
	text-align: left;
}

.module-content
{
	margin: 5px 0 20px 0;
	color: #333333;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	line-height: 150%;
	text-align: left;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img
{
	border: 5px solid #EEEEEE;
}

.module-photo .module-content
{
	text-align: left;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #666666;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	border-bottom: 1px solid #d6d6d6;
	text-align: left;
	font-weight: bold;	text-transform: uppercase;
	padding: 3px;
	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; }

.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;
}


/* moblog1 tweaks */	.layout-moblog1 #container
	{
		width: 780px;
	}	.layout-moblog1 #alpha
	{
		width: 700px;
		
	}	.layout-moblog1 #alpha-inner
	{
		border-right: 1px solid #d6d6d6;
		padding: 15px 14px 15px 15px;
		background: #FFFFFF;
	}	.layout-moblog1 #beta
	{
					width: 380px;
		
		
	}	.layout-moblog1 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}	.layout-moblog1 #gamma
	{
		width: 700px;
		
	}	.layout-moblog1 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* moblog2 tweaks */	.layout-moblog2 #container
	{
		width: 780px;
	}	.layout-moblog2 #alpha
	{
		width: 100px;
		
	}	.layout-moblog2 #alpha-inner
	{
		border-right: 1px solid #d6d6d6;
		padding: 15px 14px 15px 15px;
		background: #FFFFFF;
	}	.layout-moblog2 #beta
	{
					width: 350px;
		
		
	}	.layout-moblog2 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}	.layout-moblog2 #gamma
	{
		width: 190px;
		
	}	.layout-moblog2 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}	.layout-moblog2 #delta
	{
		width: 140px;
		
	}	.layout-moblog2 #delta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}	.layout-moblog2 .module-photo img { width: 100px; height: auto; }


/* timeline tweaks */

	.layout-timeline #alpha
	{
					width: 390px; /* 285px + 15px + 15px */
		
		
	}	.layout-timeline #beta
	{
		width: 390px;
		
	}	.layout-timeline #beta #gamma { width: 175px; }
	.layout-timeline #beta #delta { width: 170px; }

/* one-column tweaks */	.layout-one-column #container
	{
		width: 200px;
	}

	.layout-one-column #alpha
	{
		display: block;
		float: none;
		width: auto;
	}

	.layout-one-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-left tweaks */	.layout-two-column-left #container
	{
		width: 700px;
	}

	.layout-two-column-left #alpha
	{
		width: 700px;
		
	}	.layout-two-column-left #alpha-inner
	{
		border-right: 1px solid #d6d6d6;
		padding: 15px 14px 15px 15px;
		background: #FFFFFF;
	}	.layout-two-column-left #beta
	{
					width: 200px;
		
		
	}	.layout-two-column-left #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-right tweaks */	.layout-two-column-right #container
	{
		width: 700px;
	}

	.layout-two-column-right #alpha
	{
					width: 200px;
		
		
	}	.layout-two-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}	.layout-two-column-right #beta
	{
		width: 700px;
		
	}	.layout-two-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column tweaks */	.layout-three-column #container
	{
		width: 900px;
	}	.layout-three-column #alpha
	{
		width: 700px;
		
	}	.layout-three-column #alpha-inner
	{
		border-right: 1px solid #d6d6d6;
		padding: 15px 14px 15px 15px;
		background: #FFFFFF;
	}	.layout-three-column #beta
	{
					width: 400px;
		
		
	}	.layout-three-column #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}	.layout-three-column #gamma
	{
		width: 700px;
		
	}	.layout-three-column #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* user css */


/* other css */

/* Added by Andy Wibbels of Six Apart, May 2008 */

.module-content { /* tightening up spacing of sidebar elements */
margin: 0px;
}

.module-list-item img { /* tightening up list items */
border: 0px; margin: 0px;
}
.layout-two-column-left #container #container-inner #pagebody #pagebody-inner {
margin: 0px auto 0px auto !important; border: solid 0px #343434; width: 820px !important;
}

.layout-two-column-left #container #container-inner #pagebody #pagebody-inner #alpha,
.layout-two-column-left #container #container-inner #pagebody #pagebody-inner #alpha #alpha-inner {
padding-top: 0px; margin-top: 0px;
}

.module-photo img,
.module img
{
	  border: 0px  solid #EEEEEE;  /* was 5px */
}

.module-header
{
	letter-spacing: .1em;
}

.feedburnerFlareBlock a { text-decoration: none; }

.sidenav_button {
	background: #fe9901;
	border: solid 1px #999999;
	color: #666666;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	height: 24px;
	margin: -1px 0 0 0px;
	padding: 2px 2px 4px 2px !important;
	width: 100% !important;
}
.sidenav_input_text {
	border: solid 1px #c0c0c0; 
	color: #484848; 
	height: 16px; 
	margin: 0 0 0 0; 
	padding: 2px 0px 4px 0px !important;
	width: 99% !important;
}
.sidenav_more_seth {
	margin: 0 0 0 10px; padding: 5px 5px 5px 5px;
}

/* book footer */
div#bookcontainer {clear: both; float: left; width: 1008px; position: relative;}
div#bookcontainer div.book {float: left; position: relative;}
div#bookhider {clear: both; float: left; height: 29px; width: 1008px; position: relative; top: -15px; border-top: 1px solid #ffffff; margin: 0 0 -10px 0;}

/*--- book layer styles ---*/
.bookdiv_tr {position: absolute; visibility: hidden; margin-top: -330px; background: url(http://www.sethgodin.com/sg/images/back_bords/bg_book_links_tr.png) top left no-repeat; border: solid 0px #c0c0c0;  height: 350px; width: 350px;}
.bookdiv_tl {position: absolute; visibility: hidden; margin-top: -330px; background: url(http://www.sethgodin.com/sg/images/back_bords/bg_book_links_tl.png) top right no-repeat; border: solid 0px #c0c0c0; height: 350px; width: 350px;}

div.book_info, div.book_info p {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; text-align: left;}
div.book_info p {margin-bottom: 0px;}
.booktitle {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.booksitelist {line-height: 14px; list-style-type: none; margin: 0px; margin-bottom: 5px; margin-left: 5px; margin-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-top: 0px;}
.booksitelist li {margin-bottom: 3px;}
.booksitelist li a, .booksitelist li a:hover {color: #553381; text-decoration: underline;}

.bgcolor_FFB700 {background-color: #FFB700;}

/*--- copyright ---*/
div#copyright {color: #ffffff; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 10.5px; text-align: right; margin: 5px 40px;}
div#copyright a {color: #ffffff; text-decoration: none;}



/* -----------------------------------------
   SCREEN SPECIFIC
----------------------------------------- */


#sb-smart-background {
	background: rgba(254,153,1,0.5);
	position: fixed;
	display: none;
	top: 0px;
	left: 0px;
	width: 3000px;
	height: 30000px;
	overflow: hidden !important;
	z-index: 999997;
}

#sb-smart-nav-open {
	background-color: #fe9901;
	display: none; 
	height: 35px;
	position: fixed;
	top: 0px;
	z-index: 999999;
}
	
#sb-smart-nav-content {
	background: #fe9901;
	border-bottom: solid 0px #d6d6d6;
	display: none;
	overflow: hidden;
	position: absolute;
	top: 36px;
	z-index: 999998;
}

#ssn-close {
	display: none;
}

#ssn-content {
	background: #fe9901;
	clear: right;
	display: none;
	margin: 10px 10px 10px 10px;
	overflow: hidden !important;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 36px;
	position: relative;
	width: auto;
	z-index: 999998;
}

/*=== smaller screen mechanics ===*/
	@-ms-viewport {
	width: device-width;
	}
	
	@viewport {
		width: device-width;
	}
	
	@media screen and (max-width: 320px) {	
    
	.layout-two-column-left #container #container-inner #pagebody #pagebody-inner {
		margin: 0px auto 0px auto !important;
		border: solid 0px #343434;
		width: 100% !important;
	}

	.layout-two-column-left #container
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #container-inner
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #pagebody
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #pagebody-inner
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}
	
	#sb-smart-nav-open {
		background: #fe9901 url(http://sethgodin.typepad.com/icn.seths.head.sm.png) 0 0 no-repeat;
		border-bottom: solid 1px #d6d6d6;
		display: inline; 
		height: 35px;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 999999;
	}
	
	#ssn-open {
		background: #fff url(http://sethgodin.typepad.com/icn.smart.nav.open.png) 0 0 no-repeat;
		position: fixed !important;
		right: 15px;
		top: 2px;
		height: 30px;
		width: 26px;
		z-index: 9999999;
	}
	
	#a-ssn-open {
		display: block;
		height: 30px;
		width: 26px;
	}
	
	#a-ssn-open a { text-decoration: none; }	
	
	#sb-smart-nav-content {
		background: #fe9901;
		border-bottom: solid 0px #d6d6d6;
		overflow: visible;
		position: fixed;
		top: 36px;
		width: 100%;
		z-index: 999998;
	}
	
	#ssn-content {
		background: #fe9901;
		clear: right;
		display: inline;
		float: left;
		margin: 0 0;
		overflow: visible !important;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		position: relative;
		width: 90%;
		z-index: 999998;
	}
	
	#ssn-content a {
		color: #fff;
		text-transform: uppercase;
	}
	
	#ssn-content .module-archives {
		border-bottom: solid 1px #d6d6d6;
	}
	
	#ssn-content .module-header {
		color: #fff;
		font-size: 13px;
		padding-left: 0px;
		text-transform: uppercase;
	}
	
	#ssn-content .module-header a {
		text-decoration: none;
	}
	
	#ssn-close {
		background: #fe9901 url(http://sethgodin.typepad.com/icn.smart.nav.close.png) 0 0 no-repeat;
		top: 2px;
		right: 14px;
		height: 30px;
		position: fixed !important;
		width: 26px;
		z-index: 999999999;
	}
	
	#a-ssn-close {
		display: block;
		height: 30px;
		width: 26px;
	}
	
	#a-ssn-close a { text-decoration: none; }

	.layout-two-column-left #alpha
	{
		display: none;
		visibility: hidden;
	}

	.layout-two-column-left #beta
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #beta-inner
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}
	
	.content-nav {
		margin-top: 35px;
	}
	
	.entry {
		font-size: 13px;
		margin: 15px 0 0 0;
		padding: 0 15px 0 15px;
		width: auto;
	}
	
	.entry img { max-width: 90%; }
	
	.entry-footer {
		font-size: 12px;
		padding: 0 15px 0 15px;
		width: auto;
	}
	
	.trackbacks {
		font-size: 12px;
		padding: 0 15px 0 15px;
		width: auto;
	}
	
	}
	
	@media screen and (max-width: 400px) {	
	}
	
	@media screen and (max-width: 568px) {
		
    
	.layout-two-column-left #container #container-inner #pagebody #pagebody-inner {
		margin: 0px auto 0px auto !important;
		border: solid 0px #343434;
		width: 100% !important;
	}

	.layout-two-column-left #container
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #container-inner
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #pagebody
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #pagebody-inner
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}
	
	#sb-smart-nav-open {
		background: #fe9901 url(http://sethgodin.typepad.com/icn.seths.head.sm.png) 0 0 no-repeat;
		border-bottom: solid 1px #d6d6d6;
		display: inline; 
		height: 35px;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 999999;
	}
	
	#ssn-open {
		background: #fff url(http://sethgodin.typepad.com/icn.smart.nav.open.png) 0 0 no-repeat;
		position: fixed !important;
		right: 15px;
		top: 2px;
		height: 30px;
		width: 26px;
		z-index: 9999999;
	}
	
	#a-ssn-open {
		display: block;
		height: 30px;
		width: 26px;
	}
	
	#a-ssn-open a { text-decoration: none; }	
	
	#sb-smart-nav-content {
		background: #fe9901;
		border-bottom: solid 0px #d6d6d6;
		overflow: visible;
		position: fixed;
		top: 36px;
		width: 100%;
		z-index: 999998;
	}
	
	#ssn-content {
		background: #fe9901;
		clear: right;
		display: inline;
		float: left;
		margin: 0 0;
		overflow: visible !important;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		position: relative;
		width: 90%;
		z-index: 999998;
	}
	
	#ssn-content a {
		color: #fff;
		text-transform: uppercase;
	}
	
	#ssn-content .module-archives {
		border-bottom: solid 1px #d6d6d6;
	}
	
	#ssn-content .module-header {
		color: #fff;
		font-size: 13px;
		padding-left: 0px;
		text-transform: uppercase;
	}
	
	#ssn-content .module-header a {
		text-decoration: none;
	}
	
	#ssn-close {
		background: #fe9901 url(http://sethgodin.typepad.com/icn.smart.nav.close.png) 0 0 no-repeat;
		top: 2px;
		right: 14px;
		height: 30px;
		position: fixed !important;
		width: 26px;
		z-index: 999999999;
	}
	
	#a-ssn-close {
		display: block;
		height: 30px;
		width: 26px;
	}
	
	#a-ssn-close a { text-decoration: none; }

	.layout-two-column-left #alpha
	{
		display: none;
		visibility: hidden;
	}

	.layout-two-column-left #beta
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #beta-inner
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}
	
	.content-nav {
		margin-top: 35px;
	}
	
	.entry {
		font-size: 13px;
		margin: 15px 0 0 0;
		padding: 0 15px 0 15px;
		width: auto;
	}
	
	.entry img { max-width: 90%; }
	
	.entry-footer {
		font-size: 12px;
		padding: 0 15px 0 15px;
		width: auto;
	}
	
	.trackbacks {
		font-size: 12px;
		padding: 0 15px 0 15px;
		width: auto;
	}
		
	}
	
	@media screen and (max-width: 768px) {
		
    
	.layout-two-column-left #container #container-inner #pagebody #pagebody-inner {
		margin: 0px auto 0px auto !important;
		border: solid 0px #343434;
		width: 100% !important;
	}

	.layout-two-column-left #container
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #container-inner
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #pagebody
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #pagebody-inner
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}
	
	#sb-smart-nav-open {
		background: #fe9901 url(http://sethgodin.typepad.com/icn.seths.head.sm.png) 0 0 no-repeat;
		border-bottom: solid 1px #d6d6d6;
		display: inline; 
		height: 35px;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 999999;
	}
	
	#ssn-open {
		background: #fff url(http://sethgodin.typepad.com/icn.smart.nav.open.png) 0 0 no-repeat;
		position: fixed !important;
		right: 15px;
		top: 2px;
		height: 30px;
		width: 26px;
		z-index: 9999999;
	}
	
	#a-ssn-open {
		display: block;
		height: 30px;
		width: 26px;
	}
	
	#a-ssn-open a { text-decoration: none; }	
	
	#sb-smart-nav-content {
		background: #fe9901;
		border-bottom: solid 0px #d6d6d6;
		overflow: visible;
		position: fixed;
		top: 36px;
		width: 100%;
		z-index: 999998;
	}
	
	#ssn-content {
		background: #fe9901;
		clear: right;
		display: inline;
		float: left;
		margin: 0 0;
		overflow: visible !important;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		position: relative;
		width: 90%;
		z-index: 999998;
	}
	
	#ssn-content a {
		color: #fff;
		text-transform: uppercase;
	}
	
	#ssn-content .module-archives {
		border-bottom: solid 1px #d6d6d6;
	}
	
	#ssn-content .module-header {
		color: #fff;
		font-size: 13px;
		padding-left: 0px;
		text-transform: uppercase;
	}
	
	#ssn-content .module-header a {
		text-decoration: none;
	}
	
	#ssn-close {
		background: #fe9901 url(http://sethgodin.typepad.com/icn.smart.nav.close.png) 0 0 no-repeat;
		top: 2px;
		right: 14px;
		height: 30px;
		position: fixed !important;
		width: 26px;
		z-index: 999999999;
	}
	
	#a-ssn-close {
		display: block;
		height: 30px;
		width: 26px;
	}
	
	#a-ssn-close a { text-decoration: none; }

	.layout-two-column-left #alpha
	{
		display: none;
		visibility: hidden;
	}

	.layout-two-column-left #beta
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.layout-two-column-left #beta-inner
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100% !important;
	}
	
	.content-nav {
		margin-top: 35px;
	}
	
	.entry {
		font-size: 13px;
		margin: 15px 0 0 0;
		padding: 0 15px 0 15px;
		width: auto;
	}
	
	.entry img { max-width: 90%; }
	
	.entry-footer {
		font-size: 12px;
		padding: 0 15px 0 15px;
		width: auto;
	}
	
	.trackbacks {
		font-size: 12px;
		padding: 0 15px 0 15px;
		width: auto;
	}
	
	}
	
	@media screen and (min-width: 1040px) {}
	
	@media screen and (min-width: 1080px) {}
	
	@media screen and (min-width: 1110px) {}
	
	@media screen and (min-width: 1218px) {}
	
	@media screen and (min-width: 1260px) {}
	
	@media print {}

/* set the size at which the content is clipped and we cannot have fixed position */
@media all and (max-height: 500px) {
    /* things inside here will only have an effect if the browser window shows
       less than 500 px in the height, so here I apply the special rules */
    #sb-smart-nav-content {
        position: absolute;
        height: auto;
    }
}
/* ph=1 */
