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;
}
« Unloading |
Main
| Mommybloggers dish with Kelly »
Today we are so excited to feature our good friend, Kelly also known among the Internet as Mocha Momma. When we first started reading Kelly's blog, her strength of character and her humor caused us to immediately develop little blog crushes. After meeting her in July, we realized that the level of blog crush was inadequate when it comes to this incredible woman. She is not only smart and funny, she is a woman of strength, character and hilarious stories of life and motherhood. As much as we love her, we would rather you read praise from her fans. They are the ones who want to tell you more about Kelly.
Karen Rani of Troll-Baby sent us praise for Kelly the moment we casually mentioned the amazing Mocha Momma was going to be featured. This fan couldn't even wait to be contacted! When it comes to Kelly, she gushed (and proposed):
Kelly is always interesting, always fun, and can often make me laugh out loud, or tear up. Her daughter's recent move had me crying. Kelly has this way of taking my cold, black heart and twisting it into a pink puffy one. I was lucky enough to meet Kelly at BlogHer and party in her very cool hotel room. She has a way of making the people around her feel important and loved. If anything ever happens to Daren, I am SO MARRYING KELLY. Congrats on your Mommybloggers interview Kelly! Love Karen xo
Heather B. of No Pasa Nada had an amazing gem of praise for our fantastic Kelly as she pontificated on Kelly's awesomeness:
The first time I met the lovely Kelly, we were poolside in San Jose when she called me a 'zygote' in reference to my age. Most people would be put off by such a thing. I smiled and the next day attempted to read as much of her archives as possible. Not only is she absolutely stunning on the outside but as I've learned, she's a beautiful and thoughtful person on the inside as well. Now I want to wrap my arms around her and hug her every time I read something she's written. She's just that freaking awesome.
Sarah of the great blog Sarah and the Goon Squad kept it simple and sweet as to why she adores Kelly when she shared this with us:
Kelly is as cool in real life as she is online. She is such a real person. I aspire to have the same kind of relationship with my daughter that she has with Mallory.
Belinda of Ninja Poodles was more than eager to express her love and support of Kelly with prasie that was unabashed and sincere with honesty that makes you understand why Kelly is so adored:
While I love and support Kelly's blog and its overt fabulosity, even from way back when I was cussing MySpace every time I tried to leave a comment, the things I admire most about her are things that may not be immediately evident from reading MochaMomma. Kelly is real, and she cares, maybe to a fault, about everyone whose life touches hers, and very very many who she will never even meet. She is charming and outgoing, and pours on the schmooze and the flirt, but get her in a one-on-one situation just once, and your wwill quickly learn that Kelly is living proof that it's not ONLY "still" waters that run deep. That's Kelly to me: a deep, powerful, fast-moving, noise-making, life-affirming river. Give her enough time, and she'll carve a Grand Canyon of compassion...with or without anyone's help.
Izzymom gave her adoration of Kelly straight up and honestly. Simply put:
Kelly is a very warm and beautiful lady, inside and out. She deserves to be recognized an outstanding member of the blogworld!
Liz of Mom-101 had the funniest praise we have received for an interviewee before and must be included:
Kelly is smart, she is soulful, she is funny, she is kind, she is wise. The only thing I don't adore about her are her eyes, because they're just the kind of eyes that your college boyfriend lay in bed dreaming about instead of your own. The bastard.
We could keep these praises going for a while seeing as our inbox is still getting the praises for our good friend, Kelly. However, we would rather save the space for you to be able to read the incredible interview we have coming up with her later today.
So, be sure to come back later on this afternoon to grab a cup of mocha java mocha and enjoy a fantastic interview with a wonderful woman, Kelly of Mocha Momma.
TrackBack URL for this entry:
http://www.mommybloggers.com/mt/mt-tb.cgi/428
Comments
I love Mocha too. I'm glad I am not the only one who has a cyber crush on her.
Now on to more important things, I have to check out the rest of this site!
Posted by: Leucantha | August 28, 2006 11:58 AM
Kelly is awesome. I don't think it is an overuse of the word to describe her as such. The life stories she has shared with us have touched my heart. Her appeal is universal. Blog on grrlfriend!
Posted by: NursePam | August 28, 2006 1:25 PM
I know I already spoke but can I just say that I met Kelly at Blogher and within ten minutes, I felt like I'd known her for years. She's just that kind of person, the kind that welcomes you and makes you feel good when you're around them. And her blog is wonderful, too :)
Posted by: Izzy | August 28, 2006 10:26 PM
Yesterday, when I read the articles about Kelly, I wanted to immediately respond with my praises.
But I found myself saying, "What would Mocha do?"
Would she take her time and think about what to write first? Would she impulsively say the first thoughts that cross her mind?
And then it hit me. Kelly makes me think. Her influence has impacted me on so many levels.
I've learned to be patient, but that it's okay if I'm not patient all the time. I've learned to think and ponder and choose my words carefully. It shows in the way I try to be one step ahead and contemplate how others will react to my writing.
I started reading Kelly's blogs the first week I started my first blog on MSN spaces.
Kelly's knack with puns and catch phrases (so-to-speak) makes me smile and laugh and cry. And it's all good. The emotions are as real for me as they are for her when she writes.
I feel like I've known her all my life and I've never actually "met" her. And while that saddens me, it also gives me hope that someday I can give her a huge hug and thank her in person for being that sister I never had. For being that teacher I never had. She's one person who makes me want to do better, BE better.
Like her daughter Mallory said, "...to connect on a level most people will never know with a woman most people will never forget..", I feel as though I know a part of her that no one else does. Even though we read her blog everyday...she shares an intimate piece of herself that we all relate to in a different light.
That's the kind of blogger I want to be and I look up to Kelly for being able to do this.
So, here's to you Kelly. You truly are the best friend, confidant, mother, sister, wife, daughter and woman.
I can't tell you how much I adore you.
Posted by: Dana | August 29, 2006 2:29 PM
Oh, God. I can't read anymore comments. Snot. On. The keyboard.
Everywhere.
Posted by: Mocha | August 30, 2006 10:18 PM