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: normal; }
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: 902px;
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;
margin: 5px 10px;
}
.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;
}
#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;
}
/* * theme * */
/* basic page elements */
body
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
font-size: 12px;
}
a { color: #36414d; text-decoration: underline; }
a:hover { color: #CCCC99; }
#banner a { color: #FFFFFF; text-decoration: none; }
#banner a:hover { color: #FFFFFF; }
h1, h2, h3, h4, h5, h6
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
border-top: 2px solid #660066;
border-right: 2px none #660066;
border-bottom: 2px solid #660066;
border-left: 2px none #CCCC99;
padding: 5px;
color: #660066;
background: #FFFFFF;
font-size: small;
font-weight:bold; line-height: 1;
}
.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
color: #660066;
}
.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
font-size: px;
}
/* page layout */
body
{
min-width: 902px;
color: #CCCC99;
background: #CCCC99;
background-image: url("http://"); background-repeat: repeat-x;
}
#container
{
width:90%; margin-bottom: 20px;
background: #FFFFFF;
}
#container-inner
{
border-right: 5px solid #292E33;
border-bottom: 5px solid #292E33;
border-left: 5px solid #000000;
}
#banner
{
width: 100%;
padding: 50px
background-color: #CCCC99;
background-image: url("http://www.threekidcircus.com/test/mblegsheader.jpg"); background-repeat: no-repeat;
height: 191px;
}
#banner-inner
{
padding: 15px 13px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
}
#banner-header
{
margin: 0;
font-family: Georgia, 'Times New Roman', serif;
color: #660066;
font-size: small;
text-align: left;
font-weight:bold; line-height: 1;
}
#banner-description
{
margin-top: 5px;
margin-bottom: 0;
font-family: Georgia, 'Times New Roman', serif;
color: #660066;
font-size: small;
text-align: center;
font-weight:bold; background: none;
line-height: 1.125;
}
#alpha { float:left; margin: 0px 15px 0 15px; width:23%; background: #FFFFFF; background-repeat: no-repeat;
}
#beta { float:right; width:70%; background: transparent; }
#gamma, #delta { float:right; width:20%; background: transparent; }
#beta-inner,
#gamma-inner,
#delta-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: #fff;
}
#alpha-inner {
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
#beta-inner {
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
#gamma-inner {
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
.date-header
{
margin-top: 0;
background: #FFFFFF;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-align:left;
color: #660066;
font-size: x-small;
font-weight:bold;text-transform:uppercase;
}
.entry-header
{
margin-top: 0;
background: #FFFFFF;
font-family: Georgia, 'Times New Roman', serif;
text-align:left;
color: #666666;
font-size: small;
font-weight:bold; padding: 5px;
border-left: 5px solid #CCCC99;
}
.entry-content,
.comment-content,
.trackback-content
{
background: #FFFFFF;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-align:left;
color: #333333;
font-size: small;
margin: 0;
line-height: 1.5;
}
.entry-footer,
.comment-footer,
.trackback-footer
{
background: #FFFFFF;
margin: 0 0 20px 0;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-align:right;
color: #666666;
font-size: x-small;
border-top: 1px solid #dae0e6;
}
.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
margin-left: 10px;
}
.content-nav { margin-top: 0; }
#trackbacks-info
{
margin: 10px 0;
border: 1px dashed #a3b8cc;
padding: 0 10px;
color: #292e33;
font-size: 11px;
background: #e6ecf2;
}
.comments-open-footer
{
margin: 10px 0;
}
/* modules */
.module
{
margin: 0 0 10px 0;
}
.module-content
{
margin: 0 0 10px 0;
padding: 10px 10px 0 10px;
line-height: 1.2;
background: #CCCC99;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-align:left;
color: #333333;
font-size: x-small;
border-top: 1px solid #cfd4d9;
}
.module-calendar .module-content { margin: 5px 0 15px 0; }
.module-mmt-calendar .module-content table,
.module-calendar .module-content table
{
font-size: 10px;
}
.module-powered { border-width: 0; }
.module-powered .module-content
{
margin-bottom: 0;
padding-bottom: 10px;
background: #FFFFFF;
font-family: 'Trebuchet MS', Verdana, sans-serif;
text-align:left;
color: #292e33;
font-size: x-small;
border-top: 1px dashed #CCCC99;
border-right: 1px dashed #CCCC99;
border-bottom: 1px dashed #CCCC99;
border-left: 1px dashed #CCCC99;
}
.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }
.module-list
{
margin: 0 15px 10px 15px;
list-style: disc;
}
.module-list .module-list
{
margin: 5px 0 0 0;
padding-left: 15px;
list-style: circle;
}
.module-list-item
{
margin-top: 0;
color: #666;
line-height: 1.2;
}
.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }
.module-photo img { border: 3px solid #fff; }
/* comments */
textarea[id="comment-text"] { width: 80%; }
.commenter-profile img
{
vertical-align: middle;
border-width: 0;
}
/* one-column tweaks */
.layout-one-column body { min-width: 520px; }
.layout-one-column #container { width:90%; }
.layout-one-column #banner { width: 100%; } /* necessary for ie win */
/* two-column-left tweaks */
.layout-two-column-left #alpha
{
margin: 0;
width:23%; background: transparent;
float:left;
}
.layout-two-column-left #alpha-inner
{
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
.layout-two-column-left #beta
{
float:right;
margin: 15px 15px 0 15px;
width:65%; background: #FFFFFF;
}
.layout-two-column-left #beta-inner
{
padding: 0;
border-width: 0;
}
/* three-column tweaks */
.layout-three-column #alpha
{
margin: 0;
width:20%; background: transparent;
float:left;
}
.layout-three-column #alpha-inner
{
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
.layout-three-column #beta
{
float:left;
margin: 15px 15px 0 15px;
width:50%; background: #FFFFFF;
}
.layout-three-column #beta-inner
{
padding: 0;
border-width: 0;
}
.layout-three-column #gamma
{
margin: 0;
width:20%; background: transparent;
float:right;
}
.layout-three-column #gamma-inner
{
padding: 10px 10px 0 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
« The Second Time Around |
Main
| BlogHers Act Launches - Add Your Voice! »
Last week as I sat with my husband Clint at my younger son's 5th grade graduation, I thought back to the road that got us here and how sometimes that road comes full circle in ways you wouldn't imagine.
My mind wandered back twenty years to that day when I attended another graduation celebration. I was hesitant to go because I was having issues with my friend who was graduating, but was talked into attending in the name of friendship. "Besides", my buddies who were taking me said, "you might surprise yourself and have a good time!" Across town from the celebration another group of friends piled into a car and headed towards the graduation fun.
As the party got started, I began to relax and was glad I came. It meant a lot to my friend and I was having fun. I only knew a handful of people there, but they were all fun. As the day wore on, a game of volleyball broke out. (Yes, I realize that makes it sound like 'a fight broke out' but, seriously, don't mess with me when it comes to volleyball. I will spike you.) A guy I had yet to meet was taking his turn serving. I have never seen a serve hit so high into the air. Ever. From the time he served until it actually came back down into any general location that it would be reachable by a human to return it, I could have had time to walk off the court, make a sandwich, eat it, wash it down with a Diet Coke and return to spike the ball. Serious hang time. Seeing as I have never been one to resist a good teasing, I completely started in on the HIGHEST SERVE EVER teasing. Grabbed a chair and everything. (Can you believe I could be such a smart alec?)
That guy realized he met his match and teased right back. He never knew what he was getting himself into.
That was the day I met my husband. The guy behind the HIGHEST SERVE EVER.
Twenty years later we sat holding hands watching our youngest son at his 5th grade graduation. Our eyes met and we smiled over our shared memory of that day two decades prior. We could not have imagined then that we would be sitting in an overcrowded middle school cafeteria/make-shift auditorium watching our child celebrate a graduation experience of his own.
Twenty years ago I met my husband.
Eleven years ago I gave birth to my son.
Today we came full circle--together-- from one graduation to another.
* The picture of the "5" is actually a collage of all of the students childhood pictures next to their 5th grade pictures. The pictures I have side by side of my son are from this collage.
TrackBack URL for this entry:
http://www.mommybloggers.com/mt/mt-tb.cgi/534
Comments
The universe definitely is giving you a signal regarding that day. Wow - what wonderful memories, all of them.
Posted by: Mom101 | June 4, 2007 6:35 PM
Happy Birtday to your son.
Cas
What a nice post.
Posted by: cassie-b | June 6, 2007 8:56 AM
That's a great "how I met my husband" story! And belated Happy birthday to your son as well!
Posted by: Elizabeth | June 6, 2007 9:21 AM