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


/* portal css */


/* theme css */
/* general page elements */

a
{
	text-decoration: underline;
	
}


a:link { color: #003366; }
a:visited { color: #666666; }
a:hover { color: #CC6600; }
a:active { color: #006699; }


/* layout */

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

#container { position: static; }

#container-inner
{
	position: static;
	border: 0;
	background: #FFFFFF;
}

#banner
{
	border-bottom: 1px dotted #FFFFFF;
	/* 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: 97px;
		background-image: url("http://jannfreed.typepad.com/JannFreedBanner-Edit.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: 97px;
		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: 800px;
}

.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: medium;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header
{
	margin: 1px 0 10px 0;
	border: 0;
	
	color: #000000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: large;
	text-align: left;
	font-weight: bold;
	
	
}

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

.entry-header a:link { color: #000000; }
.entry-header a:visited { color: #000000; }
.entry-header a:hover { color: #000000; }
.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 10px 0;
	border-top: 1px dotted #999999;
	padding: 3px;
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	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;}

       .module a:link { color: #FFd955; }
	.module a:visited { color: #FFd955; }
	.module a:active { color: #FFd955; }
	.module a:hover { color: #CC6600; }  

.module-header
{
	margin: 5px 0;
	border-bottom: 1px solid #999999;
	padding: 3px;
	color: #999999;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	line-height: normal;
	font-weight: bold;
	
	text-transform: uppercase;
	letter-spacing: .3em;
	text-align: left;
}


.module-content
{
	margin: 5px 0 20px 0;
	color: #FFd955;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	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: 0px 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: x-small;
	border-bottom: 1px solid #999999;
	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: 0;
		padding: 15px 15px 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: 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: 500px;
	}

	.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: 200px;
		
	}

	.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: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-right tweaks */

	.layout-two-column-right #container
	{
		width: 800px;
	}

	.layout-two-column-right #alpha
	{
					width: 580px;
		
		
	}

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

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

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


/* three-column tweaks */

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

	.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: 500px;
		
		
	}

	.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: 900px;
	}

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

	.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;
	}

#navcontainer { 
/* setting line-height of the first #navcontainer ul to same as this ensures it fills the height without guessing at padding */ 
width: 800px; background: #da7b25; height: 35px;
} 
/* use line-height instead of top/bottom padding, avoided parts of the IE positioning problem */ 
/* however using the positioning co-ordinates as now shown below now negates this, and padding could optionally be used */ 
#navcontainer ul {list-style: none; margin: 0; padding: 0 20px 0 60px; line-height: 35px;} 
#navcontainer ul ul {padding: 0; line-height: 1.8em; } 

#navcontainer ul li { 
background: #da7b25; /* blue */ 
float: left; 
padding: 0 15px; /* pad left/right the list item for spacing between links */ 
font-size: 16px; 
} 

#navcontainer ul li li { 
background: #da7b25; /* orange */ 
padding: 0 15px; /* pad left/right the list item for spacing at sides of links */ 
white-space: nowrap; /* forces link text not to wrap for IE6's width problem */ 
font-size: 12px; 
} 

#navcontainer ul li a { 
color: #ffffff; 
text-decoration: none; 
padding-bottom: 4px; /* make this = to the padding+border value of the hover state below to avoid jumpy links */ 
} 

#navcontainer ul li a:hover { 
padding-bottom: 7px; padding-top: 6px; 
padding-left: 0px; padding-right: 0px; 
background-color: #5292AD;
color: #ffffff;
} 

#navcontainer ul ul { 
background-color: #da7b25;
display: none; 
padding: 15; 
/* if IE 7 has auto values it displays inline! */ 
/* using the percent method takes care of both line-height and padding used for height */ 
top: 100%; /* using this value means IE doesn't need separate values */ 
left: 0; /* using this value means IE doesn't need separate values */ 
margin-top: -4px; /* optional - adjust this to create any overlap required */ 
} 

/* 
IE prefers an :hover rule before extending that rule to a child of a hover 
and because we only need the hovered list positioned I put the relative position rule in here 
to satisfy that quirk, although putting the position in here with a z-index value also helps 
bring drops atop other drops - (again IE) but should do no harm 
*/ 
#navcontainer ul li:hover, 
#navcontainer ul li.over { 
position: relative; 
z-index: 1; 
} 

#navcontainer ul li:hover ul, 
#navcontainer ul li.over ul { 
display: block; 
position: absolute; 
/* IE has problems with hasLayout if a trigger (which AP is) is on the main rule I think that's why I was seeing disappearing menu items but anyway it causes "ghosts" so it's best here */ 
/* if you had a width on the ul it would also need to go in here, because it too is a hasLayout trigger */ 
} 

#navcontainer ul li:hover ul li:hover ul, 
#navcontainer ul li.over ul li.over ul {display: block; } 
</style> 

<!--[if lte IE 6]> 

/* for IE5/6 only*/ 
#navcontainer ul ul { 
width: 1%; /* width needs to be restrained *if* there is no width specified, to compensate for expanding box 
this was the equivalent of min-width previously 
though if using this because there is no real width on the ul in the main code, you will likely need white-space: nowrap; set on the child li's 
*/ 
} 

/* quick IE hover code or put script in below */ 
#navcontainer li { 
behavior: expression( 
this.onmouseover = new Function("this.className += ' over'"), 
this.onmouseout = new Function("this.className = this.className.replace(' over','')"), 
this.style.behavior = null 
); 
} 



/* Page Level Overwrites */
.module-photo {
background: url('http://jannfreed.typepad.com/blog/jannhome.jpg') no-repeat;
height: 460px;}


/*new 103008 Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(http://jannfreed.typepad.com/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(http://jannfreed.typepad.com/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
		}
		else{ //else if this is a sub level menu (ul)
		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    	ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
		}
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.visibility="visible"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden"
    }
    }
  }
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)


/* ph=1 */