/* Base */
@import url(/.shared/themes/common/base-weblog.css);

/* Portal */


/* Theme */
/* general page elements */

a
{
	text-decoration: none;
	font-weight: bold;
}

a:link { color: #006699; }
a:visited { color: #6699CC; }
a:hover { color: #006699; }
a:active { color: #006699; }


/* layout */

body
{
	margin: 0;
	color: #333333;
	background: #FFFFFF;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	line-height: 150%;
}

#container { position: static; }

#container-inner
{
	position: static;
	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: x-small;
	
	
	
}

#banner-description
{
	margin: 0.25em 0;
	font-size: small;
}

	/* banner image */

	#banner
	{
		height: 100px;
		background-image: url("http://johntunger.typepad.com/hacks_store/assets/typepadhacksbanner-1000.png");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		text-align: left;
	}

	#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: 100px;
		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: 1202px;
}

.layout-artistic #alpha,
.layout-calendar #alpha
{
			width: 315px; /* 285px + 15px + 15px */
	
	
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border-right: 1px solid #ccff99;
	padding: 15px 14px 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 #99CC66;
	padding: 3px;
	color: #6699CC;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header
{
	margin: 5px 0 10px;
	border: 0;
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 28px;
	text-align: left;
	font-weight: bold;
	line-height: 100%;
	
}

.entry-header a
{
	text-decoration: none;
	font-weight: bold;
	color: #666;
	font-size: 26px;
	line-height: 100%;
}

.entry-header a:link { color: #666;
	font-weight: bold;
}
.entry-header a:visited { color: #666;
	font-weight: bold;
}
.entry-header a:hover { color: #666;
	font-weight: bold;
}
.entry-header a:active { color: #666;
	font-weight: bold;
}

.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
{
	color: #999999;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	line-height: normal;
	text-align: left;
	font-weight: bold;
	padding-left: 11px;
	padding-bottom: 8px;
}

#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: #006699; }
	.module a:visited { color: #669999; }
	.module a:hover { color: #006699; }
	.module a:active { color: #006699; }


.module-header
{
	margin: 5px 0;
	color: #666666;
	font-family: Verdana, sans-serif;
	font-size: x-small;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	text-align: left;
	text-indent: 10px;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	background: url(http://johntunger.typepad.com/typepadhacks/images/00/assets/menu/chromebg2.gif) center center repeat-x;
	padding: 4px 0;}

.module-content
{
	margin: 5px 0 20px 0;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: 130%;
	
	
	
	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: 0;
}

.module-photo .module-content
{
	text-align: center;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	border-bottom: 1px solid #99CC66;
	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: 200px;
		
	}

	.layout-moblog1 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #beta
	{
					width: 380px;
		
		
	}

	.layout-moblog1 #beta-inner
	{
		border-right: 1px solid #ccff99;
		padding: 15px 14px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #gamma
	{
		width: 200px;
		
	}

	.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-right: 1px solid #ccff99;
		padding: 15px 14px 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: 1001px;
		border: 1px solid #ccc;
	}

	.layout-one-column #alpha
	{
		display: block;
		float: none;
		width: auto;
	}

	.layout-one-column #alpha-inner
	{
		border-right: 1px solid #ccc;
		padding: 15px 14px 15px 15px;
		background: #FFFFFF;
		min-height : 2700px

	}


/* two-column-left tweaks */

	.layout-two-column-left #container
	{
		width: 802px;
	}

	.layout-two-column-left #alpha
	{
		width: 300px;
		
	}

	.layout-two-column-left #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-two-column-left #beta
	{
					width: 500px;
		
		
	}

	.layout-two-column-left #beta-inner
	{
		border-right: 1px solid #ccff99;
		padding: 15px 14px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-right tweaks */

	.layout-two-column-right #container
	{
		width: 1001px;
		border: 1px solid #ccc;
	}

	.layout-two-column-right #alpha
	{
			display: block;
			width: 700px;
		
		
	}

	.layout-two-column-right #alpha-inner
	{
		border-right: 1px solid #ccc;
		padding: 15px 14px 15px 15px;
		background: #FFFFFF;
		min-height : 2700px

	}

	.layout-two-column-right #beta
	{
		width: 300px;
		
	}

	.layout-two-column-right #beta-inner
	{
		border: 0;
		padding: 15px 0;
		background: #fff;
	}


/* three-column tweaks */

	.layout-three-column #container
	{
		width: 1102px;
	}

	.layout-three-column #alpha
	{
		width: 300px;
		
	}

	.layout-three-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #beta
	{
					width: 500px;
		
		
	}

	.layout-three-column #beta-inner
	{
		border-right: 1px solid #ccff99;
		padding: 15px 14px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #gamma
	{
		width: 300px;
		
	}

	.layout-three-column #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column-right tweaks */

	.layout-three-column-right #container
	{
		width: 1102px;
	}

	.layout-three-column-right #alpha
	{
					width: 500px;
		
		
	}

	.layout-three-column-right #alpha-inner
	{
		border-right: 1px solid #ccff99;
		padding: 15px 14px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #beta
	{
		width: 300px;
		
	}

	.layout-three-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #gamma
	{
		width: 300px;
		
	}

	.layout-three-column-right #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* misc custom css */

img.bt { vertical-align: bottom; }

.comment-header
{
	margin: 0 0 10px 0;
	padding: 3px;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: medium;
	line-height: normal;
	text-align: left;
	font-weight: bold;
}

.comment-footer
{
	margin: 0 0 10px 0px;
	border-bottom: 1px dotted #666666;
	padding: 3px;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: left;
	font-weight: bold;
}

/* other css */

/* ######### Style for Drop Down Menu ######### */

.chromestyle{
width: 100%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border-bottom: 1px solid #BBB;
border-top: 1px solid #BBB;
width: 100%;
background: url(http://johntunger.typepad.com/typepadhacks/images/00/assets/menu/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 2px 0;
margin: 0;
text-indent: 10px;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 5px;
margin: 0;
font:bold 12px Verdana;
text-decoration: none;
border-right: 1px solid #DADADA; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
background: url(http://johntunger.typepad.com/typepadhacks/images/00/assets/menu/chromebg2.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #CCCCCC; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:16px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #CCCCCC; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
text-align: left; /*set value to "left", "center", or "right"*/
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #FFFFFF;
}

/* print style hacks */

.printlink, a.printlink
{
	background: url(http://johntunger.typepad.com/typepadhacks/images/00/assets/printer.png) no-repeat left top;
	padding-left: 23px;
	height: 20px;
	float: right;

}

textarea {width: 475px;}

.printOnly {
  display: none;
}

#print-attr {display:none;}

/* twitter css */

ul#twitter_update_list 
{
list-style-type:none; 
padding-left:0px;
margin-left:0px;
text-align: left;
}

#twitter_badge_container{width: 300px; background: #C1EAFF}
#twitter_badge_tl{background: transparent url(http://johntunger.typepad.com/typepadhacks/images/00/twitter/twitter_tl.png) top left no-repeat;}
#twitter_badge_tr{background: transparent url(http://johntunger.typepad.com/typepadhacks/images/00/twitter/twitter_tr.png) top right no-repeat;}
#twitter_badge_bl{background: transparent url(http://johntunger.typepad.com/typepadhacks/images/00/twitter/twitter_bl.png) bottom left no-repeat;}
#twitter_badge_br{background: transparent url(http://johntunger.typepad.com/typepadhacks/images/00/twitter/twitter_br.png) bottom right no-repeat; }
#twitter_badge_inner{padding: 45px 10px 10px 10px;}
#twitter_badge_via {font-size: 10px }
#twitter_badge_via a {color #666}

/* twitter defaults */
#my_twitter_status{}
#my_twitter_status_time{color: #666; font-size: 10px;}


/* table for store */

div#itsthetable {
	
}

div#itsthetable table {
	border-collapse: collapse;
	
}


thead tr th, tr thead td {
	background: url(http://johntunger.typepad.com/typepadhacks/images/00/assets/hacksalacart/datatable.gif) #FFF repeat-x scroll center;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px;
	position: relative;
	text-align: left;
}

html>body thead tr th, html>body tr thead td {
	position: inherit;
}

tbody tr th, tbody tr td {
	display: table-cell;
	font: normal normal normal 11px Verdana, sans-serif;
	padding: 4px;
	text-align: left;
	
}


 
html>body thead {
	display: block;
	border: 1px solid #CCC;

}

html>body tbody {
	display: block;
	border: 1px solid #CCC;


}

html>body thead tr th, html>body tbody tr th {
	width: 90px;
	
}

html>body thead tr th + th, html>body tbody tr th + td {
	width: 100px;
	font-weight: bold;
}

html>body thead tr th + th + th, html>body tbody tr th + td + td {
	width: 420px;
}

html>body thead tr th + th + th + th, html>body tbody tr th + td + td + td {
	width: 90px;
}


/* Author photo styles */
/* john */

.john_t_unger, .John_T_Unger 
{background: url(http://www.typepadhacks.org/images/00/assets/authorpics/johntunger.png) no-repeat 0 top ;
background-position: left top;
	color: #006699;
	padding-bottom: 12px;
}
div.john_t_unger p
{
	margin-left: 112px;
}


div.john_t_unger p.comment-footer
{
	margin: 0 0 10px 0px;
	text-indent: 112px;
}

/* dave */

.david_weiss, .David_Weiss 
{background: url(http://www.typepadhacks.org/images/00/assets/authorpics/david_weiss.png) no-repeat 0 top ;
background-position: left top;
	color: #006699;
	padding-bottom: 12px;
}
div.david_weiss p
{
	margin-left: 112px;
}


div.david_weiss p.comment-footer
{
	margin: 0 0 10px 0px;
	text-indent: 112px;
}

/* header comment styles */

div h2 span.nobreak {
  white-space: nowrap;
}

div h2 span.author
{
  text-transform: none;
  font-size: 26px;
  color: #999;
  font-weight: bold;

}
div h2 span.date {
  text-transform: none;
  font-size: 16px;
  color: #666;
  font-weight: bold;
}

/* end header comment styles */

/* ph=1 */