/* SaraJoyPond.css ~ Movable Type CSS ~ Created by Fusionfox.com */

/* Colors
Persimmon = #F27279
Tangerine = #F0B94A 
Aqua = #80BCC6
Light Aqua = #95CFD9
Lime = #B5D66C
*/

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

body
{
   font-family:'Trebuchet MS', sans-serif;
   font-size: 13px;
   color: #444444;
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   background: #f0b256;  
   min-width: 722px;
   text-align: center; /* center on ie */
   height:100%;
}
td{
	/*IE Bug Fix*/
	font-size:12px;
	vertical-align:top;
}

/* +++++++++ FORMS +++++++++ */
input, textarea { 
	margin: 3px 0px 0px 0px; 
	padding: 2px 2px 2px 2px;
	font-family:'Trebuchet MS', sans-serif;
	font-size: 13px;
	color:#444444;
	border: #FFFFFF solid 1px;
	background:url(images/site/pinstripe.jpg) repeat;
}

input:focus, textarea:focus{
	padding: 2px 2px 2px 2px;
	border: #999999 solid 1px;
}

label{
	margin: 0; 
	padding: 0;
	font-family:'Trebuchet MS', sans-serif;
    font-size: 11px;
    line-height:125%;
    color:#999999;
	border:none;
}

#comment-author, #comment-email, #comment-url,#comment-email-notify
{
   width: 200px;
}
#comment-text
{
   width: 389px;
}
#comment-post,#comment-cancel,#comment-preview
{
   border: none;
   background:none;
}
#searchbutton,#searchbutton2,#submitbutton{
	border: none;
	padding:0 0 2px 0;
	vertical-align:middle;
}

#comment-bake-cookie,#comment-bake-cookie2 {
   margin-left: 0px;
   margin-bottom: 5px;
   border: none;
}
.comments-open-footer
{
   margin: 10px 0;
   border:none;
}
.comments-open label { display: block; }



/* +++++++++ ANCHORS (ahoy, matey) +++++++++ */
a, a:active{ 
	color: #F27279;
	text-decoration: none;
	border-bottom: 1px solid #B5D66C;
}

a:visited { 
	color: #55a7b5;
	text-decoration: none;
	border-bottom: 1px solid #FBC8BC;
}
a:hover{
	color: #B5D66C;
	text-decoration: none;
	border-bottom: 1px solid #F0B94A;
}
/**/
.continue{
	color: #F27279;
	text-decoration: none;
	border:none;
	/*background:url(images/site/thistle.jpg) no-repeat 0 50%;
	padding: 0px 0px 3px 22px;
	display:inline;	*/
}
	.continue:hover{
		color: #B5D66C;
		text-decoration: none;
		border:none;
	}
.previousposts {
	background:url(images/site/previousposts.jpg) no-repeat 0 50%;
	padding: 3px 0px 3px 16px;
	display:inline;
	margin:0;
}
.rssicon {
	background:url(images/site/rssicon.jpg) no-repeat 0 50%;
	padding: 3px 0px 3px 20px;
	display:inline;
	margin:0;
}

	
/* About Photo */
#aboutphoto{
	height:156px;
	width:156px;
	background-image:url(images/site/aboutphoto1.jpg);
	margin-left:18px;
	padding:0;
}
#aboutphoto:hover{
	background-image:url(images/site/aboutphoto2.jpg);
}
.thequote{
	font-size:15px;
	font-weight:bold;
}
#thequoteauthor{
	text-align:right;	
}
	
/* *-*-* Nice Thistle, Bob *-*-* */	
.thistle{	
	background:url(images/site/thistle.jpg) no-repeat 0 50%;
	padding: 3px 0px 3px 22px;
	display:inline;	
}
.thistleft{	
	background:url(images/site/thistleft.jpg) no-repeat 0 5px;
	padding: 3px 0px 3px 22px;
	display:inline;	
	border:none;
}	
.thistleright{	
	background:url(images/site/thistle.jpg) no-repeat right 5px;
	padding: 3px 22px 3px 0px;
	display:inline;	
	text-align:right;
	border:none;
}	
.bullets{
	color:#CCCCCC;
}


/*Horizontal Rules!!! Go Horizes!*/
hr{
	height:1px;
	color:#CCCCCC;
}	

/* Make it so image links don't have underlines */
img,
.images,
.images:hover,
.images:visited
{
	border:none;
} 

iframe{
	margin-left:18px;
}

/* Make images wrap inside text */
.snapimage{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:18px;
	background-color:#FFFFFF;
	padding:2px 2px 2px 2px;
	border: 1px solid #BBBBBB;
}

.imageleft {
	float:left;
	margin:10px 18px 10px 0;
	background:#FFFFFF;
	padding:2px;
	border:1px solid #BBBBBB;
}

.imageright {
	float:right;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	padding:2px;
	border: 1px solid #BBBBBB;
}


/* My List Stylin' */
ul{
	margin-left:30px;
	padding:0;
	list-style-type:none;
}
ul li{
	background:url(/images/site/bullet.gif) no-repeat 0 50%;
	padding:0px 0px 0px 20px;
}

#beta ul{
	margin:0;
	margin-left:8px;
}
#beta ul li{
	margin:0px; 
/*	line-height:1em;*/
	padding:0px 0px 8px 8px;
	
}
/*
#beta ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#beta ul li{
	padding:1px 0px 1px 0px;
	background:none;
}*/ 
/*Blockquote */

blockquote{
	margin:10px 20px 10px 20px;
	padding:0px 10px 0px 10px;
	font-style:italic;
	color:#888888;
	font-size:11px;
	line-height:130%;
}

/* What the Header? */
h1, h2, h3{ 
	font-weight: normal;
	font-family: 'Trebuchet MS',sans-serif;
	font-size:14px;
	font-style:italic;
	color:#F27279;
}

h1{
	font-weight:bold;
	margin:0;
}

h2, h3, p, ol, ul, pre
{
   margin-top: 10px;
   margin-bottom: 10px;
}
h4{
	margin:0;
	font-weight:bold;
	padding:0px 0px 7px 0px;
}

/* ((((((((((((((((((((((((( Page Layout )))))))))))))))))))))))))))))))))))) */

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

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

#pagebody {  
	width: 100%;
	padding: 0 14px 0 14px;
	background:url(images/site/pagebg.jpg) repeat-y;
}
#pagebody2 { 
	position: relative; 
	width: 100%;
	background:url(images/site/pagebg2.jpg) repeat-y;
}
	#pagebody-inner { 
		position: static; 	
	}

/* Alpha, Beta (Left and Right Columns) */

#alpha { 
	margin: 0; 
	width: 453px;
	display: inline; /* ie win bugfix */
    float: left;
    min-height: 1px;
	padding: 0px 30px 0 0;
	line-height:140%;

}
	
#alpha2 { 
	margin: 0; 
	width: 722px;
	display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
	
}
	#alpha2-inner{
		padding: 0px 42px 0 42px;
		line-height:140%;
		position: static;
	}

#beta { 
	margin: 0; 
	width: 205px;
	display: inline; /* ie win bugfix */
    float: left;
    min-height: 1px;
	
	   padding: 0px 0px 0 0;
	   font-family: 'trebuchet ms', arial, sans-serif;
	   color:#888888;
	   font-size:11px;
}
/* Beta links */

#beta a, #beta a:visited { 
	color: #F27279;
	text-decoration: none;
	border-bottom: 1px solid #B5D66C;
}

	
	
	#beta a:hover{
		color: #B5D66C;
		text-decoration: none;
		border-bottom: 1px solid #F0B94A;
	}


/* ############## The Navigation Banner #################################*/
#banner { 
	margin:0px;
	position: relative;
	width:722px; 
	min-height:190px;
	background:#fff;
	background-image:url(images/site/bannerbg.jpg);
	background-position:bottom; 
	background-repeat:repeat-x;
}
#banner-inner { 
	padding: 0px 0px;
	position: static;
 }
/* ---------------------------------------- */
#bannerleft{
	margin-left:0px;
	margin-top:0px;
	height:190px;
/*	position:absolute;*/
	background:url(images/site/bannerleft.jpg) no-repeat;
	background-position:left bottom;
}
#bannerright{
	margin-right:0px;
	margin-top:0px;
	height:190px;
	background:url(images/site/bannerright.jpg) no-repeat;
	background-position:right bottom;
}
#bannerbar{
	/*margin-top:107px;*/
	margin-left:14px;
	width:694px;
	height:25px;
	/*
	position:absolute;*/
	background:url(images/site/bannerbar.jpg) no-repeat;
}
#flank{
	margin-left:487px;
	width:221px;
	height:58px;
	background:url(images/site/flank.jpg) no-repeat;
}

/* The Logo ---------------------------------------- */
#logo{
	width: 688px;
	height:104px;
	margin:0px 17px 0px 17px;
	padding-top:3px;
}
/* The Nav ---------------------------------------- */
#homeon{
	margin-left:163px;
	margin-top:107px;
	position:absolute;
}
	#homeoff{
		margin-left:163px;
		margin-top:107px;
		position:absolute;
	}
#portfolioon{
	margin-left:246px;
	margin-top:107px;
	position:absolute;
}
	#portfoliooff{
		margin-left:246px;
		margin-top:107px;
		position:absolute;
	}
#abouton{
	margin-left:329px;
	margin-top:107px;
	position:absolute;
}
	#aboutoff{
		margin-left:329px;
		margin-top:107px;
		position:absolute;
	}
#contacton{
	margin-left:412px;
	margin-top:107px;
	position:absolute;
}
	#contactoff{
		margin-left:412px;
		margin-top:107px;
		position:absolute;
	}
/* ---------------------------------------- */

#footerbg{
	width:722px;
	height:120px;
	margin:0px;
	background:url(images/site/footerbg.jpg) repeat-x;
}
#footerleft{
	margin-left:0px;
	margin-top:0px;
	height:100px;
	background:url(images/site/footerleft.jpg) no-repeat;
	background-position:left bottom;
}
#footerright{
	margin-right:0px;
	margin-top:0px;
	height:100px;
	background:url(images/site/footerright.jpg) no-repeat;
	background-position:right bottom;
}
#footerbar{
/*	padding-top:58px; */
	margin-left:14px;
	width:694px;
	height:31px;
	background:url(images/site/footerbar.jpg) no-repeat;
	background-position: bottom;
}
#flunk{
	margin-top:0px;
	margin-left:487px;
	width:221px;
	height:58px;
	background:url(images/site/flunk.jpg) no-repeat;
}
#footercredits{
	color:#BBBBBB;
	font-size:11px;
}
	#footercredits a{
		color:#BBBBBB;
		font-size:11px;
		border:0;
		text-decoration:underline;
	}
	#footercredits a:hover{
		color:#F27279;
		font-size:11px;
		border:0;
		text-decoration:none;
	}
.footerlink a{
	margin-top:10px;
	color:#BBBBBB;
	font-size:11px;
}	
	.footerlink a:hover{
		color:#F27279;
		font-size:11px;
		border:0;
		text-decoration:none;
	}
	
/* _________________ Content ________________________ */

.post-footers{
	color:#999999;
	font-size:11px;
}
.post-footers2{
	color:#999999;
	font-size:13px;
	font-style:normal;
}
.sideauthor{
	font-weight:bold;
}

#content-nav{
   margin: 0px 10px 25px 10px;
   text-align: center;
}
	#content-nav a{
	  border:none;
	  color: #999999;
}
	#content-nav a:hover{
	   border:none;
	   color: #F27279;
	   /*color: #B5D66C;*/
	}
#content-nav2{
   margin:0;
   text-align: left;
}
	#content-nav2 a{
	  border:none;
	  color: #F27279;
}
	#content-nav2 a:hover{
	   border:none;
	   color: #B5D66C;
	}	

.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;
   margin: 5px 10px;
}

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

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

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& basic page elements &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

.date-header
{
   position: static;
   margin-top:5px;
   font-size: 13px;
   color:#999999;
   text-align:left;
}

.entry-header
{
   /*I don't really need all this because I have image titles, but just in case. */
   margin-top: 0;
   margin-bottom:0;
   padding: 0 0 0 0;
   color: #F27279;
   font-size: 18px;
   font-weight:bold;
   font-family: 'trebuchet ms', arial, sans-serif;
}

.entry-content,
.comment-content,
.trackback-content
{
   margin: 0;
   line-height: 1.5;
}

.entry-footer,
.comment-footer,
.trackback-footer
{
   margin: 0 0 20px 0;
   padding-top: 3px;
   color: #999999;
   font-size: 10px;
   text-align: center;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
   margin-left: 10px;
}

/*+++++++++++++++++++ COMMENT BOXES ++++++++++++++++++++++++++++*/

#comments{
	margin:0;
	padding:0;
}
#comments-content{
	margin:0;
	padding:0;
}
#comment{
	margin:20px 0 20px 0;
}
.comment-content{
	
}
	#comment-content-top{
		height:12px;
		width:405px;
		margin:0;
		background:url(images/site/commenttop.jpg) no-repeat;
	}
/* Commenter's name and link*/	
	#comment-content-info{
		margin:0;
		padding:10px 10px 0px 10px;
		background:url(images/site/pinstripe.jpg) repeat;
	}
		#comment-content-info a, #comment-content-info a:visited{
			color: #80BCC6;
			text-decoration: none;
			border-bottom: 1px solid #B5D66C;
		}	
			#comment-content-info a:hover{
				color: #B5D66C;
				text-decoration: none;
				border-bottom: 1px solid #80BCC6;
			}
/* The actual comment body */			
	#comment-content-body{
		padding:2px 10px 10px 27px;
		background:url(images/site/pinstripe.jpg) repeat;
	}
		#comment-content-body a, #comment-content-body a:visited{
			color: #95CFD9;
			text-decoration: none;
			border-bottom: 1px solid #B5D66C;
		}	
			#comment-content-body a:hover{
				color: #B5D66C;
				text-decoration: none;
				border-bottom: 1px solid #95CFD9;
			}

.comment-content-bottom{
		height:6px;
		width:405px;
		background:url(images/site/commentbottom.jpg) no-repeat;
	}
/*---*/	
.commentnumber{
	color:#F1B94A;
	font-weight:bold;
}
.commentname{
	color:#80BCC6;
	font-weight:bold;
}	
.commentdate{
	color:#999999;
	font-size:10px;
}

/*+++++++++++++++++++ STUFF I NEED AND I DON'T KNOW WHY ++++++++++++++++++++++++++++*/

/* standard helper classes (whatever that is...) */
.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 (whatever that means...) */
.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:100%;
 }
.pkg { 
	display: block;
	height:100%;
 }


#navBar {
	margin: 0 14px 0 14px;
}

.navLink {
	float: left;
	margin-right: 10px;
}