/* $Id: base-weblog.css 14515 2005-07-12 00:01:26Z mpaschal $ */

/* basic elements */

html
{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body
{
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	margin-top: 10px;
	margin-bottom: 10px;
}


/* standard helper classes */

.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: center; } /* center on ie */

#container
{
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 720px;
	text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta
{
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
	position: static;
}


/* banner user/photo */

.banner-user
{
	float: left;
	overflow: hidden;
	width: 64px;
	margin: 0 15px 0 0;
	border: 0;
	padding: 0;
	text-align: center;
}

.banner-user-photo
{
	display: block;
	margin: 0 0 2px 0;
	border: 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none !important;
}

.banner-user-photo img
{
	width: 64px;
	height: auto;
	margin: 0;
	border: 0;
	padding: 0;
}


/* content */

.content-nav
{
	margin: 10px;
	text-align: center;
}

.date-header,
.entry-content
{
	position: static;
	clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
	position: static;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
	clear: both;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
	clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
	clear: both;
	margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 240px;
}

#comment-bake-cookie
{
	margin-left: 0;
	vertical-align: middle;
}

.comments-open-header
{
    clear: both;
}

#comment-post
{
	font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
	float: left;
	width: 115px;
	margin: 0 10px 10px 0;
}

.image-thumbnail img
{
	width: 115px;
	height: 115px;
	margin: 0 0 2px 0;
}


/* modules */

.module
{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.module-content
{
	position: relative;
	margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.module-list-item
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table
{
	border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
	width: 14%;
	text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
	display: block;
	clear: both;
	margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
	float: left;
	min-width: 60px;
	width: 60px;
	/* no ie mac \*/width: auto;/* */
	margin: 0 5px 0 0;
	text-align: center;
	vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
	margin: 0;
	padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
	margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
	display: block;
	height: 1%;
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
	display: block;
	float: left;
	/* ie win fix \*/ height: 1%; /**/
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item a
{
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item img
{
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
	width: 14%;
	height: 75px;
	text-align: left;
	vertical-align: top;
}

.day-photo
{
	width: 54px;
	height: 54px;
}

.day-photo a
{
	display: block;
}

.day-photo a img
{
	width: 50px;
	height: 50px;
}




/*

name: Star crash

designer: Mario Carboni

designer_url: http://www.mariocarboni.com

description: A bunch of stars crashing out

layouts: one-column, two column-left, two-column-right, three columns

*/





*{

	margin: 0;

	padding: 0;

	}

	

body{

	font: 62.5%/1.6 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

	background: #fff url(http://sarahlane.typepad.com/5startheme/bg-page.jpg) repeat-x 0 0;

	color: #000;

	}

#container{

	width: 760px;

	margin: 0 auto;

	text-align: left;

	position: relative;

	padding-bottom: 20px;

	}

#banner{

	height: 100px;

	margin: 0;

	padding: 0;

	background: transparent url(http://sarahlane.typepad.com/5startheme/bg-head.gif) no-repeat 392px 100%;

	}

ul{

	list-style-type: none;

	}	

blockquote{

	padding: 10px;

	font-style: italic;

	background: transparent url(http://sarahlane.typepad.com/5startheme/bg-blockquote.gif) no-repeat 0 0;

	color: #171717;

	}

h3{

	font: 150% "Lucida Sans Unicode", "Trebuchet MS", sans-serif;

	background: transparent url(http://sarahlane.typepad.com/5startheme/bullet-h.gif) no-repeat 0 5px;

	padding-left: 45px;

	color: #333;

	}

/*	banner

--------------------------------------------------------------------*/

#banner h1{

	color: #fff;

	font: 1.6em/1.6em "Lucida Sans Unicode", "Trebuchet MS", sans-serif;

	margin: 0;

	padding: 2em 0 0;

	}

#banner h1 a:link, #banner h1 a:visited{

	color: #fff;

	text-decoration: none;

	font-size: 1.6em;

	}

#banner h2{

	color: #CAD706;

	margin: 0;

	padding: 0;

	font-size: 1em;

	letter-spacing: 1px;

	font-family: "Trebuchet MS", Arial, sans-serif;

	}



/*	entry

--------------------------------------------------------------------*/

.date-header{

	color: #666;

	font-size: 1.1em;

	font-weight: bold;

	letter-spacing: 1px;

	margin-top: 27px;

	background: transparent url(http://sarahlane.typepad.com/5startheme/clock.gif) no-repeat 0 50%;

	padding-left: 26px;

	height: 22px;

	line-height: 22px;

	}

.entry{

	font-size: 1.2em;

	padding-bottom: 20px;

	text-align: justify;

	}

.entry p{

	word-spacing: .15em;

	}		

.entry ul, .entry ol{

	list-style-type: none;

	margin: 10px;

	}

.entry li{	

	background: transparent url(http://sarahlane.typepad.com/5startheme/bullet-li.gif) no-repeat 2px 8px;

	padding: 0 0 10px 15px;

	word-spacing: .15em;

	}

.entry-header{

	background: transparent;

	padding: 0;

	}

.entry-content{

	margin: 0;

	}

.entry-body{

	margin: 0;

	}

.entry-body img {

	border: 1px solid #999;

	}

.entry-body img[align="right"] {

	margin: 0 0 2em 2em;

	}

.entry-body img[align="left"] {

	margin: 0 2em 2em 0;

	}

.entry-footer{

	position: relative;

	font-size: .8em;

	margin: 10px 0 0 0;

	padding: 30px 10px 10px 0;

	text-align: right;

	color: #ccc;

	background: transparent url(http://sarahlane.typepad.com/5startheme/bg-entry.gif) no-repeat 100% 100%;

	white-space: nowrap;

	width: 498px;

	}

.separator{

	display: none;

	}

.entry .post-footers{

	position: absolute;

	top: 0;

	left: 0;

	padding-left: 15px;

	background: transparent url(http://sarahlane.typepad.com/5startheme/sheet.gif) no-repeat 0 50%;

	color: #999;

	font-weight: bold;

	text-align: left;

	word-spacing: normal;

	}

.entry-more-link{

	font-size: .9em;

	}

	

/*	comments

-----------------------------------------------------------------------*/

#comments{

	font-size: 1.2em;

	}

.comment{

	margin-top: 15px;

	background: #f7f7f7 url(http://sarahlane.typepad.com/5startheme/bg-comm-lx.gif) no-repeat 0 0;

	}

.comment p.comment-footer{

	background: transparent url(http://sarahlane.typepad.com/5startheme/bg-comm-rx.gif) no-repeat 100% 100%;

	margin: 0 0 0 0;

	padding: 0 0 15px 20px;

	}

.comment p{

	padding: 15px 20px;

	color: #333;

	word-spacing: .15em;

	}

.comment p:hover{

	color: #000;

	}

	

/*	comment form

-----------------------------------------------------------------*/	

#comments-open{

	background: #4BBDE8 url(http://sarahlane.typepad.com/5startheme/gradient-cyan.jpg) repeat-x 0 100%;

	color: #fff;

	position: relative;

	margin-top: 15px;

	}

.comments-open-header{

	background: #4BBDE8 url(http://sarahlane.typepad.com/5startheme/bg-lx-comm-form.gif) no-repeat 0 0;

	padding: 10px 0 0 20px;

	font: 1.2em "Lucida Sans Unicode", "Trebuchet MS", sans-serif;

	height: 30px;

	}

.comments-open-content{

	padding: 0 0 0 20px;

	margin: 0;

	}

#comment-author, #comment-email, #comment-url, #comment-text{

	border: 0;

	padding: 2px;

	color: #333;

	border: 0;

	font-family: 'Lucide Sans unicode', Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	padding: 2px;

	color: #333;

	background: #EAF9FE;

	}

#comment-text{

	width: 456px;

	height: 120px;

	}

#comment-author:focus, #comment-email:focus, #comment-url:focus, #comment-text:focus{

	background: #fff;

	}

#comments-open-footer{

	background: transparent url(http://sarahlane.typepad.com/5startheme/bg-rx-comm-form.gif) no-repeat 100% 100%;

	margin: 0;

	padding: 15px 0 20px 0;

	}

#comments-open-footer input{

	background: transparent url(http://sarahlane.typepad.com/5startheme/bg-submit.gif) repeat-x 0 0;

	border: 1px solid #fff;

	padding: 2px 0;

	width: 80px;

	margin-right: 15px;

	font-family: 'Lucide Sans unicode', Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	font-weight: bold;

	color: #666;

	}

.comments-open-moderated{

	margin: 15px 10px 0 0;

	}

.comments-open-header{

	font-size: 1.5em;

	}

/*	trackbacks

---------------------------------------------------------------------*/

.trackbacks{

	padding: 20px 0;

	font-size: 1.2em;

	}

.trackbacks-content p{

	padding-right: 20px;

	padding-top: 20px;

	}

.trackbacks-header{

	margin: 0;

	}

.trackback{

	background: #E0F4FC url(http://sarahlane.typepad.com/5startheme/lx-top-trackback.gif) no-repeat 0 0;

	padding: 0 0 0 20px;

	margin: 15px 0;

	}

.trackback-footer{

	background: #E0F4FC url(http://sarahlane.typepad.com/5startheme/rx-bottom-trackback.gif) no-repeat 100% 100%;

	margin: 0;

	padding: 0 0 10px 0;

	}

		

/*	sidebar

--------------------------------------------------------------------*/

.module{

	font-size: 1.1em;

	padding-bottom: 10px;

	}

.module-content, .module-list-item{

	margin: 0;

	padding: 0;

	}

.module-content ul{

	margin: 0 10px;

	padding: 0;

	}

.module-content li ul{

	background-image: none;

	border-bottom: 1px solid #eee;

	margin: 0;

	}

.module-categories a{

	display: block;

	border-bottom: 1px solid #eee;

	margin: 0;

	padding: 3px 0 3px 20px;

	background: transparent url(http://sarahlane.typepad.com/5startheme/bullet-li.gif) no-repeat 6px 9px;

	}

.module-categories li ul a{

	display: inline;

	padding-left: 30px;

	background: transparent url(http://sarahlane.typepad.com/5startheme/bullet-li-_.gif) no-repeat 14px 9px;

	border-bottom: 0;

	line-height: 2.1em;

	}

.module h2{

	font: bold 1.1em/1.4em "Trebuchet MS", Arial, sans-serif;

	text-transform: uppercase;

	color: #333;

	letter-spacing: 2px;

	background: transparent url(http://sarahlane.typepad.com/5startheme/bullet.gif) no-repeat 0 1px;

	padding: 0 0 5px 20px;

	margin: 20px 10px 0 10px;

	border-bottom: 1px solid #eee;

	}

.module h2 a:link, .module h2 a:visited{

	font-size: 1em;

	text-transform: uppercase;

	font-weight: bold;

	color: #333;

	}

.module h2 a:hover{

	text-decoration: underline;

	}

.module-archives li{

	padding: 3px 0 3px 20px;

	background: transparent url(http://sarahlane.typepad.com/5startheme/bullet-li.gif) no-repeat 6px 10px;

	border-bottom: 1px solid #eee;

	}

.module-syndicate .module-content{

	margin: 0px 10px 0 10px;

	line-height: 2em;

	background: transparent url(http://sarahlane.typepad.com/5startheme/feed-icon.gif) no-repeat 2px 10px;

	padding: 5px 0 0px 20px;

	}

.module-powered{

	line-height: 2em;

	text-align: center;

	padding: 20px 0 0 0;

	}

.module-content a:link, .module-content a:visited{

	color: #666;

	text-decoration: none;

	} 

.module-content a:hover{

	color: #c30;

	}



/*	search form on the right column

---------------------------------------------------------------------*/

#banner, #pagebody, #alpha, #beta, #gamma, #delta, .module, .module-content{

	position: static;

	width: auto;

	}

.layout-three-column #alpha form, .layout-two-column-left #alpha form, .layout-two-column-right #beta form{

	margin-left: 10px;

	}	



/* content nav

-------------------------------------------------------------------------*/

.content-nav{

	font-size: 1em;

	margin: 0 0 20px 0;

	padding: 12px 0 13px 0;

	font-weight: bold;

	background: transparent url(http://sarahlane.typepad.com/5startheme/bg-navv.jpg) no-repeat 50% 100%;

	text-align: center;

	color: #ccc;

	}

	

/*	two columns RIGHT

-----------------------------------------------------------------------*/	

.layout-two-column-right #alpha-inner{

	margin: 0 30px 0 0;

	}	

.layout-two-column-right #alpha{

	float: left;

	width: 540px;

	}

.layout-two-column-right #beta{

	float: right;

	width: 220px;

	background: transparent url(http://sarahlane.typepad.com/5startheme/gray-gradient.jpg) no-repeat 0 100%;

	padding: 10px 0 30px 0;

	}

.layout-two-column-right #pagebody{

	background: transparent url(http://sarahlane.typepad.com/5startheme/star.jpg) no-repeat 495px 0;

	}

	

/*	two columns LEFT

-----------------------------------------------------------------------*/	

.layout-two-column-left #alpha{

	float: left;

	width: 220px;

	background: transparent url(http://sarahlane.typepad.com/5startheme/gray-gradient.jpg) no-repeat 0 100%;

	min-height: 470px;

	height: auto !important;

	height: 470px;

	padding: 0 0 30px 0;

	}

.layout-two-column-left #beta{

	float: right;

	width: 540px;

	}

.layout-two-column-left #beta-inner{

	margin: 0 0 0 30px;

	}		

.layout-two-column-left #banner{

	background-position: 100% 100%;

	}	

.layout-two-column-left #pagebody{

	background: transparent url(http://sarahlane.typepad.com/5startheme/star.jpg) no-repeat 672px 0;

	}

	

/*	three columns

-----------------------------------------------------------------------*/

.layout-three-column #container{

	width: 994px;

	}

.layout-three-column #banner{

	background-position: 646px 100%;

	}

.layout-three-column #banner h1, .layout-three-column #banner h2{

	padding-left: 20px;

	}

.layout-three-column #pagebody{

	position: relative;

	background: transparent url(http://sarahlane.typepad.com/5startheme/star.jpg) no-repeat 748px 0;

	}

.layout-three-column #alpha{

	float: left;

	width: 220px;

	background: transparent url(http://sarahlane.typepad.com/5startheme/gray-gradient.jpg) no-repeat 0 100%;

	min-height: 470px;

	height: auto !important;

	height: 470px;

	padding: 0 0 30px 0;

	}

.layout-three-column #beta{

	width: 494px;

	margin: 0 30px;

	}

.layout-three-column .entry-footer{

	width: 484px;

	}	

.layout-three-column #gamma{

	width: 220px;

	float: right;

	background: transparent url(http://sarahlane.typepad.com/5startheme/gray-gradient.jpg) no-repeat 0 100%;

	min-height: 470px;

	height: auto !important;

	height: 470px;

	padding: 0 0 30px 0;

	}

.layout-three-column #alpha .module-categories{

	margin-top: 0;

	}

/*	one column

-----------------------------------------------------------------------*/	

.layout-one-column #container{

	width: 580px;

	}	

.layout-one-column #alpha{

	width: 100%;

	}

.layout-one-column #banner{

	background-position: 100% 100%;

	}

.layout-one-column .entry-footer{

	width: 570px;

	}

.layout-one-column #pagebody{

	background: transparent url(http://sarahlane.typepad.com/5startheme/star.jpg) no-repeat 492px 0;

	}	

/*	links

-----------------------------------------------------------------------*/

a:link, a:visited{

	color: #c30;

	text-decoration: none;

	}

a:hover{

	text-decoration: underline;

	}	

.entry a:link, .entry a:visited{

	color: #c30;

	text-decoration: none;

	}

.entry a:hover{

	border-bottom: 1px dotted #c30;

	}	





/*	userpics and something else

-----------------------------------------------------------------------*/

.entry-userpic, .comment-userpic{

	display: none;

	}

.comment-content, .entry-body{

	width: 100%;

	float: none;

	}
/* ph=1 */
