/*
Theme Name: Mom It Forward
Theme URI: http://momitforward.com/
Description: A custom designed theme for momitforward.com
Version: 1.0
Author: Website Design by Jane Maynard, HTML/CSS/WordPress template by Jennifer Stuart
Author URI: http://stuartweb.net
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/****** COLORS:
Green: 7EBC42
(light) Blue: 71C2DB
Orange: E87333
Grey: 6D6E71
**************/

body { background: #f8fbf4 url(images/page-bkg.gif) top left repeat-x; font: 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6D6E71; }
body#gno { background: #ecf7fb url(images/gno-pg-bkg.gif) top left repeat-x; }


#page {  width: 973px;  margin: 8px auto 20px auto; }
/** TOP BANNER **/
#top_banner { width: 948px;/*973px;*/ height: 95px;/*124px;*/ overflow: hidden; background:url(images/full-width-box.png) top left no-repeat; padding: 17px 8px 17px 17px; }
#newsletter-signup, #top_banner_img { float: left; overflow: hidden; }
#top_banner_img { width: 728px; height: 90px; }
	
#newsletter-signup { width: 220px; padding: 10px 0 0 0; text-align: center; }
#signup-txt a { display: block; width: 104px; height: 37px; background:url(images/newsletter-sign-up.gif) top left no-repeat; margin: 0 auto; padding-bottom: 12px; }
#signup-txt a span { margin: 0 0 0 -1000px; }
#newsletter-signup input { border: 0; background:url(images/newsletter-field.gif) top left no-repeat; width: 190px; height: 24px; line-height: 21px; font-size: 13px; padding: 5px 4px 0 4px; margin: 0 auto; color: #939598; }

/** MAIN BANNER **/
#main_banner { width: 973px; height: 145px; background:url(images/momIF-main-banner.png) top left no-repeat; position: relative; margin-top: 3px; margin: 0; padding: 0; /*overflow: hidden;*/ }

#gno #main_banner { background:url(images/momIF-GNOmain-banner.png) top left no-repeat; height: 137px; }

#main_banner h1 {position: absolute; top: 0; left: 0;}
#main_banner h1 a { display: block; width: 260px; height: 140px; }
#main_banner h1 a span { margin: 0 0 0 -1000px; }

#main_nav { position: absolute; bottom: 27px; right: 17px; list-style: none; font-size: 14px; margin: 0; padding: 0; }
#gno #main_nav { bottom:23px; }
#main_nav li { float: left; margin: 0; padding: 0 10px; background: url(images/top-nav-divider.gif) center right no-repeat; height: 1%}
#main_nav li.last { background: none; }
#main_nav a { color: #E87333; }
#main_nav .feature_cat a { color: #7EBC42; }
#main_nav a:hover { color: #7EBC42; text-decoration: none; }

#communityConnect a { position: absolute; top: 45px; right: 27px; }


/** DROPDOWN NAV STUFF TEMP **/
/*#main_nav li ul { position: absolute; width: 200px; left: -999em; z-index: 100; list-style: none; margin: 0; padding: 0px; background:#fff; }

#main_nav li:hover ul, #main_nav li.sfhover ul { left: auto; margin-left: -10px;}*/

ul#main_nav li { zoom: 1; } 

ul#main_nav li:hover, ul#main_nav li.sfhover,
ul#main_nav li {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul#main_nav ul { visibility: hidden; position: absolute; top: 100%; left: auto; left: 0; z-index: 598; width: 100%; margin: 0;  padding: 0; }

ul#main_nav ul li { float: none; }

ul#main_nav ul ul { top: 1px; left: 99%; }

ul#main_nav li.sfhover > ul,
ul#main_nav li:hover > ul { visibility: visible; }


/* keep color on link when hover on li... */
#main_nav li:hover a, #main_nav li.sfhover a { color: #7EBC42; }

#main_nav li ul { width: 200px; list-style: none; /*background:#fff;*/ border: 1px solid #6D6E71; box-shadow: 10px 10px 5px #888;  -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0; padding: 0; background:url(images/light-white-bkg-90.png);
/*filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;*/

}
#main_nav li li { margin: 0; padding: 0; background: none; width: 200px; display: block; }
/*#main_nav li.feature_cat li a, */
#main_nav li li a { color: #6D6E71 !important; padding: 4px 5px;display: block; }
#main_nav li li a:hover { background-color: #E87333; text-decoration:none; color: #fff !important; }

#content { width: 973px; overflow: hidden; padding-top: 3px; z-index: 1; }

/** FEATURE ROTATOR BOX ****** HOME ONLY **/
#feature_rotator { float: left; width: 643px; height: 348px; overflow: hidden; background:url(images/feature-rotator-bkg-shorter.png) top left no-repeat; padding: 25px; }
#gno #feature_rotator { background:url(images/feature-rotator-bkg-shorter-gno.png) top left no-repeat; height: 306px; }
#feature_rotator .frame { height: 310px;  overflow: hidden; }
#feature_rotator .frame img { border: 2px solid #f8cb48; }
/*
THIS WILL CENTER THE NAV ON THE ROTATOR....
#rotator_nav { width: 643px; height: 30px; line-height: 30px; font-size: 14px; float: left; clear: both; text-align: center; position: relative; left: 334px; }
#rotator_nav a { padding: 0 3px; color: #E87333; display: block; float: left; height: 22px; width: 22px; line-height: 22px; }
#rotator_nav a.selected, #rotator_nav a:hover { background:url(images/yellow-circle.gif) 40% center no-repeat;	color: #fff; text-decoration: none; }
#paginate-slider1 { float: left; position: relative; left: -15%; }*/

/* THIS WILL CENTER THE NAV UNDER THE PICTURE....
#rotator_nav { width: 282px; height: 30px; line-height: 30px; font-size: 14px; float: left; clear: both; text-align: center;  } */
#rotator_nav a { padding: 0 3px; color: #E87333; display: block; float: left; height: 22px; width: 22px; line-height: 22px; }
#rotator_nav a.selected, #rotator_nav a:hover { background:url(images/yellow-circle.gif) 40% center no-repeat;	color: #fff; text-decoration: none; }
#paginate-slider1 { /* float: left; position: relative; left: -15%; */ width: 196px; margin: 0 auto; }

/* THIS WILL CENTER THE NAV UNDER THE TEXT */
#rotator_nav { padding-top: 8px; width: 361px; height: 30px; line-height: 30px; font-size: 14px; float: right; clear: both; text-align: center;  }


/** SIDEBAR **/
#sidebar_top, #sidebar { width: 277px; float: left; padding-left: 3px; }
.sidebarbox-plain { float: left; width: 277px; overflow: hidden; /*margin-bottom: 2px;*/ }
#gno #sidebar_top { padding-top: 3px; }
	
.sidebarbox-shadow-wrapper1 { width: 277px; background:url(images/sidebox-bottom.png) bottom left no-repeat; padding-bottom: 16px; float: left; clear: both; /*margin-bottom: 2px;*/ }
.sidebarbox-shadow-wrapper2 { width: 277px; background:url(images/side-box-top.png) top left no-repeat; padding-top: 13px; }
.sidebarbox-shadow { width: 256px; padding: 0 13px 0 8px; background:url(images/sidebox-fill.png) top left repeat-y; overflow: hidden; }
	
.sidebarbox-shadow ul { list-style:none; margin: 10px 0 0 8px; padding: 0; }
.sidebarbox-shadow li { padding: 0 0 8px 20px; background:url(images/sidebar-bullet.gif) 0 3px no-repeat; }
	
.sidebarbox-shadow ul.catlist { font-size: 14px; }
.sidebarbox-shadow ul.catlist a { color: #6D6E71; }
	
/*.sidebarbox-bluetop-shadow-wrapper1 { width: 276px; background:url(images/sidebox-bottom.png) bottom left no-repeat; padding-bottom: 11px; float: left; clear: both; margin-bottom: 2px; }
.sidebarbox-bluetop-shadow-wrapper2 { width: 276px; background:url(images/sidebar_blue-head.png) top left no-repeat; }
.sidebarbox-bluetop-shadow-wrapper2 h2 { font-size: 14px; font-weight: bold; color:  #2d74a4; padding: 2px 12px 2px 16px; }
.sidebarbox-bluetop-shadow-wrapper2 h2 .currentcat { font-size: 20px; color: #E87333; }*/

.sidebarbox-shadow.bannergrid { width: 260px; padding: 0 11px 0 8px; }
.sidebarbox-shadow.bannergrid { text-align: center; }
.sidebarbox-shadow.bannergrid table td { padding: 2px; }
	
/** Me Mom My World Group  ****** HOME ONLY **/
#me-mom-myworld-group-wrapper { width: 973px; background:url(images/me-mom-myworld-top.png) top left no-repeat; padding-top: 81px; position: relative; clear: both; margin-top: 10px; }
#me-header { position: absolute; top: 0; left: 20px; width: 300px; height: 81px; }
	
#mom-header { position: absolute; top: 0; left: 335px; width: 300px; height: 81px; }
#myworld-header { position: absolute; top: 0; left: 650px; width: 300px; height: 81px; }
#me-header a, #mom-header a, #myworld-header a { display: block; width: 300px; height: 81px; }
#me-header a span, #mom-header a span, #myworld-header a span { margin: 0 0 0 -10000px; }

#me-mom-myworld-group { width: 955px;/*973px;*/ background:url(images/me-mom-myworld-bottom.png) bottom left no-repeat; padding: 12px 0 35px 18px; overflow: hidden; }
.mmm-box { width: 277px; float: left; padding: 0 12px; margin-right: 16px; }
.mmm-box h2, .mmm-box h2 a { font-size: 16px; line-height: 18px; }
/*.mmm-box h2, .mmm-box h2 a { font-weight: normal; color: #E87333; }
.mmm-box h3 { font-size: 12px; }
.mmm-box ul { color: #71C2DB; }*/
.mmm-box li a { color: #6D6E71; }
.mmm-box p.catlist { font-size: 14px; line-height: 17px; color: #7EBC42; padding: 0 0 4px 0; }
.mmm-box p.catlist a { color: #7EBC42; }
	
/** FOOTER BANNERS  ****** HOME ONLY **/
#footer-banners { position: relative; background:url(images/footer-bkg.png) top left no-repeat; width: 973px; height: 94px; margin-top: 10px; }
#social { width: 317px; text-align:center; height: 84px; line-height: 84px; position: absolute; top: 3px; left: 11px; }
#social p { margin: 0; padding: 0; line-height: 84px; height: 84px; }
#social img { vertical-align: middle; padding: 26px 0; }
#half-banners { width: 597px; height: 84px; position: absolute; top: 3px; left: 360px; text-align: center; }
#half-banners p { margin: 0; padding: 0; /*line-height: 84px;*/ float: left; }
#half-banners img { vertical-align: middle; padding: 12px 23px; }
	

/** MAIN CONTENT - INSIDE PAGES **/
#main_content_wrapper1 { width: 693px; background:url(images/content-bottom.png) bottom left no-repeat; padding-bottom: 17px; float: left; }
.category-level #main_content_wrapper1 { position: relative; padding-bottom: 31px; background:url(images/cat-content-bottom.png) bottom left no-repeat; }

#content_header { width: 201px; position: absolute; top: 0; right: 36px;}
#content_header a { float: left; display: block; width: 67px; height: 37px; }
#content_header a span { margin: 0 0 0 -1000px; }
#content_header .spacer { float: left; display: block; width: 67px; height: 37px; }

#main_content_wrapper2 { width: 693px; background:url(images/content-top.png) top left no-repeat; padding-top: 14px; }
.category-level #main_content_wrapper2 { padding-top: 76px; }
.category-me #main_content_wrapper2 { background:url(images/content-top-me.png) top left no-repeat; }
.category-mom #main_content_wrapper2 { background:url(images/content-top-mom.png) top left no-repeat; }
.category-my-world #main_content_wrapper2 { background:url(images/content-top-myworld.png) top left no-repeat; }

#main_content { width: 646px; /*693px;*/ background:url(images/content-fill.png) top left repeat-y; padding: 0 27px 9px 20px; overflow: hidden; }
.category-level #main_content {  width: 616px; padding: 0 42px 9px 35px; background:url(images/category-content-bkg.png) top left repeat-y; }
.category-level #sidebar { padding-top: 5px; }

#gno #main_content_wrapper1 { background:url(images/gno_content_bottom.png) bottom left no-repeat; padding-bottom: 23px; margin-top: 2px; }
#gno #main_content_wrapper2 { background:url(images/gno_content_top.png) top left no-repeat; padding-top: 20px;}
#gno #main_content { background:url(images/gno_content_fill.png) top left repeat-y; padding: 0 27px 0 20px; }


/** MAIN CONTENT CATEGORY PAGE **/
.contentGroup { /*width: 693px;*/ width: 973px; float: left; clear: left; }
#top_content_wrapper1 { width: 693px; background:url(images/content-bottom.png) bottom left no-repeat; padding-bottom: 17px; float: left; margin-bottom: 10px; }
#top_content_wrapper2 { width: 693px; background:url(images/content-top.png) top left no-repeat; padding-top: 14px; }
#top_content { width: 646px; background:url(images/content-fill.png) top left repeat-y; padding: 10px 27px 9px 20px; }

/*#gno_top_content { background: url(images/gno-3col-bkg.png) top left no-repeat; width: 693px; height: 242px; margin-bottom: 10px; }*/

.post { overflow: hidden; border-top: 1px solid #7cbe42; padding: 10px 0 0 0; clear: both; }
.post.first { border: none; padding: 0; }
.sharethiswidget { float: right; padding-bottom: 10px; }

/** FOOTER **/
#footer { color: #3273A3; /*color: #7EBC42;*/ margin: 8px 0 20px 0; overflow: hidden; }
/*#footer a { color: #7EBC42; }*/

#footer a { color: #7EBC42;/*color: #3273A3;*/ }

#footer-right { float: right; }
#footer-right li { float: left; list-style: none; padding: 0 10px; background: url(images/top-nav-divider.gif) center right no-repeat; }
#footer-right li.last { background: none; }
	
#footer-left { float: left; }
#footer-left li { float: left; list-style: none; padding: 0 10px; background: url(images/top-nav-divider.gif) center right no-repeat; }
#footer-left li.last { background: none; }
	
/** COMMON **/
a { color: #71C2DB; text-decoration: none; }
a:hover { text-decoration: underline;	
}


h1 { font-size: 24px; font-weight: normal; color: #7EBC42; line-height: 27px; padding: 10px 0; color: #7EBC42; }
h2 { font-size: 18px; font-weight: normal; color: #E87333; line-height: 22px; padding: 8px 0 3px 0; }
h1 a, h2 a { color: #E87333; }

/*h3 { font-size: 20px; font-weight: normal; color: #71C2DB; line-height: 23px; padding: 8px 0 3px 0; }*/
h3 { font-weight: bold; color: #71C2DB; }
h3.main  { font-size: 20px; font-weight: normal; color: #71C2DB; line-height: 23px; padding: 8px 0 3px 0; }
#gno h3.main { color: #E87333; }

h4 { font-size: 12px; line-height: 15px; padding: 8px 0 3px 0; }
h5 { font-size: 11px; line-height: 14px; padding: 8px 0 3px 0; }
h6 { font-size: 11px; line-height: 14px; padding: 0; font-weight: normal; font-style:italic; }
p { padding: 0 0 10px 0; line-height: 17px; }

#main_content img, #feature_rotator img { border: 2px solid #f8cb48; }

p.byline { color: #71C2DB; }

p.cat { font-size: 35px; font-weight: normal; color: #7EBC42; line-height: 35px; margin: 0; padding: 0; }
p.cat a { color: #7EBC42; }
/*catdescription*/


p.catorange { font-size: 35px; font-weight: bold; color: #E87333; line-height: 35px; margin: 0; padding: 0; }
p.catorange .subtitle { font-size: 24px; font-weight: normal; color: #7EBC42; }

p.catlist { font-size: 16px; line-height: 19px; color: #7EBC42; }
p.catlist a { color: #7EBC42; }

p.metadata { font-style:italic; }
p.metadata a { color: #E87333; }

hr { margin: 0; padding: 0; border: 1px solid #7EBC42; }

blockquote { min-height: 55px; height:auto !important; height:55px; /*border: 1px solid #666;*/ padding: 10px 10px 0 65px; margin-bottom: 10px; background: #e9f2dd url(images/blockquote-bkg-left.gif) top left no-repeat; background: }
ol { list-style: decimal; margin: 0 0 10px 25px; }
ol ol { margin: 0 0 0 25px; }
ol li { padding-bottom: 3px; }

ul { margin: 0 0 10px 10px; list-style:none; }
ul ul { margin: 0 0 0 25px; }
ul li { background:url(images/green-bullet-7px.gif) 0 6px no-repeat;  padding: 0 0 5px 13px;}

dl { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 0 0 10px 0; margin-bottom: 10px; }
dt { font-weight: bold; padding: 10px 0 3px 0; }
dd { margin: 0 0 0 15px; }

.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0 0 10px 10px; }

.center { text-align: center; } 

ol.commentlist { list-style: none; margin: 0; padding: 0; overflow: hidden; width: 646px; }
.category-level ol.commentlist { width: 616px; }
.commenttext img { border: none !important; }
.avatar { float: left; margin: 0 5px 5px 0; padding: 0; }
.commentlist li { border-bottom: 1px solid #dedede; margin-bottom: 10px; }\

/* for gno calendar */
 .momlogo { width: 148px; background:url(images/momif_logo_calendar.gif) bottom right no-repeat; }
 
/** sidebar fix **/
.sidebarbox-shadow p { margin: 0; padding: 0; }


img, div, input { behavior: url("iepngfix.htc") }

p.success { font-weight: bold; border: 1px solid #000; padding: 10px; background-color: #F8FBF4; margin-bottom: 10px; }


/* polldaddy widget */
#sidebar .polldaddywidget .sidebarbox-shadow { padding: 9px 15px 0; width: 247px;}
#sidebar .polldaddywidget .sidebarbox-shadow-wrapper2 { width: 277px; background:url(images/questionoftheweek_top.png) top left no-repeat; padding-top: 66px; }
#sidebar .polldaddywidget .pds-vote-button { width: 247px; height: 69px; border: none; background: #fff url(images/vote_btn.gif) top center no-repeat; }
#sidebar .polldaddywidget .pds-vote-button span { display: block; text-indent: -9999px; }
#sidebar .polldaddywidget .pds-links-back { clear: both; display: block; width: 247px; }
#sidebar .polldaddywidget .pds-question-top,
#sidebar .polldaddywidget .pds-input-label,
#sidebar .polldaddywidget .pds-links a,
#sidebar .polldaddywidget .pds-answer-text,
#sidebar .polldaddywidget .pds-total-votes,
#sidebar .polldaddywidget .pds-links-back a { color:#6D6E71 !important; }