@charset "UTF-8";

/* RESET */
/* Eric Meyer Reset Reloaded - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	line-height: 1;
	color: #000;
	background: #A7D160;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* GENERAL */

body {
	text-align: center;
	color: #000;
	padding: 0 10px 0 10px;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background-color: #A7D160;
}
#wrapper {
	position: relative;
	width: 980px;
	text-align: left;
	margin: 0 auto;
}
#banner-ad {
	position: relative;
	width: 728px;
	height:90px;
	overflow:hidden;
	margin: 20px auto 0 auto;
	text-align: center;
}

#banner-ad a {
	
}

#header {
	position: relative;
	width: 980px;
	margin-top: 20px;
}
#header h1 a {
	background: url(http://richmondmom.com/images/bg_hdr_richmond_moms.gif) no-repeat 0px 0px;
	width: 524px;
	height: 146px;
	float: left;
	display: block;
	text-indent: -9999em;
}
#header p,#header p.richmond-rocks a {
	background: url(http://richmondmom.com/images/richmond-rocks.gif) no-repeat left top;
	width: 456px;
	float: left;
	height: 146px;
	display: block;
	text-indent: -9999em;
}
#contentWrap {
	padding: 10px 20px 10px 20px;
	margin: 0 10px 20px 10px;
	background-color: #FFF;
}
#rightCol {
	width: 320px;
	margin: 0 0 0 0;
	float: right;
}
#leftCol {
	margin: 0;
	background: #FFFFFF url(http://richmondmom.com/images/bg_rightcol.jpg) repeat-x;
	text-align: left;
	float: left;
	width: 575px;
	padding-bottom: 20px;
}



/* NAV */

#nav {
	position: relative;
}
#nav li {
	float: left;
	display: inline;
	position: relative;
}

#nav a {
	background: transparent url(http://richmondmom.com/images/uploads/nav-bar-02-2010.png) no-repeat 0px 0px;
	display: block;
	height: 82px;
	text-indent: -9999px;
	overflow: hidden;
}

/* default state */
#shopping-nav a { width: 103px;background-position: 0px 0px;}
#rockstar-nav a { width: 110px;background-position: -103px 0px;}
#children-nav a { width: 123px;background-position: -213px 0px;}
#funkids-nav a { width: 94px;background-position: -336px 0px;}
#funmoms-nav a { width: 105px;background-position: -430px 0px;}
#realparents-nav a { width: 141px;background-position: -535px 0px;}
#baby-nav a { width: 108px;background-position: -676px 0px;}
#articles-nav a { width: 96px;background-position: -784px 0px;}
#aboutus-nav a { width: 100px;background-position: -880px 0px;}

/* hover state */
#shopping-nav a:hover { width: 103px;background-position: 0px -82px;}
#rockstar-nav a:hover { width: 110px;background-position: -103px -82px;}
#children-nav a:hover { width: 123px;background-position: -213px -82px;}
#funkids-nav a:hover { width: 94px;background-position: -336px -82px;}
#funmoms-nav a:hover { width: 105px;background-position: -430px -82px;}
#realparents-nav a:hover { width: 141px;background-position: -535px -82px;}
#baby-nav a:hover { width: 108px;background-position: -676px -82px;}
#articles-nav a:hover { width: 96px;background-position: -784px -82px;}
#aboutus-nav a:hover { width: 100px;background-position: -880px -82px;}

/* current state */
body#shopping-pg #shopping-nav a { width: 103px;background-position: 0px -164px;}
body#rockstar-pg #rockstar-nav a { width: 110px;background-position: -103px -164px;}
body#children-pg #children-nav a { width: 123px;background-position: -213px -164px;}
body#funforkids-pg #funkids-nav a { width: 94px;background-position: -336px -164px;}
body#funformoms-pg #funmoms-nav a { width: 105px;background-position: -430px -164px;}
body#realparents-pg #realparents-nav a { width: 141px;background-position: -535px -164px;}
body#baby-pg #baby-nav a { width: 108px;background-position: -676px -164px;}
body#articles-pg #articles-nav a { width: 96px;background-position: -784px -164px;}
body#aboutus-pg #aboutus-nav a { width: 100px;background-position: -880px -164px;}

/* dropdowns */
#nav li.shop-over ul { left: 10px; display: block;z-index: 10;}
#nav li.aboutus-over ul { right: 10px; display: block;z-index: 10;}
#nav li.aboutus-over ul li {text-align: right;}
#nav li.over ul { left: 11px; display: block;z-index: 10;}
#nav li li { float: none; position: static; width: 100%; }

#nav li li a, #nav li li a:hover, #nav li li a:active {
	background: none;
	height: auto;
	padding: 1px 12% 2px;
	text-indent: 0;
	width: 76%;
}

#nav li li a {
	font-size: 12px;
	text-decoration: none;
	color: #706967;
}

#nav li li a:hover { background: #f6e2ef; }

#nav li ul {
	background: #f5fbec;
	border-bottom: 1px solid #dcf0bb;
	display: none;
	line-height: 1.5;
	padding: 5px 0;
	position: absolute;
	top: 61px;
	width: 200px;
}

/* CONTENT */

#leftCol p, ol li, #leftCol ul li {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	color: #575757;
}

#leftCol ol li {
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0 0 15px 0;
	color: #575757;
	text-indent: 15px;
}
#leftCol a:link, #leftCol a:visited {
	color: #333333;
}
#leftCol a:hover, #leftCol a:active {
	color: #333333;
	text-decoration: none;
}
#leftCol h1 {
	font: 2.5em/1em Georgia, "Times New Roman", serif;
	color: #d387b6;
	margin: 0 0 12px 0;
}
#leftCol h2 {
	font: italic 2.2em/1em Georgia, "Times New Roman", serif;
	color: #7DBC13;
	margin: 0 0 12px 0;
}
#leftCol h2 span {
	font-size:0.64em;
}
#leftCol h3 {
	font-size: 1.6em;
	font-weight: normal;
	color: #000;
	margin: 0 0 10px 0;
}
ol {
	list-style-type: decimal;
	list-style-position: inside;
}
ol li {
	margin: 0 0 10px 0;
}

div.module {
	background-color: #F5FBEC;
	border: 3px solid #DCF0BB;
	padding: 12px 7px 15px 7px;
	margin-bottom: 20px;
}
#rightCol h4 {
}
div.module h4 {
	text-indent: -5000em;
	background: url(http://richmondmom.com/images/bg_hdr_favorites.gif) no-repeat 0 0;
	margin-bottom: 10px;
}
div.module p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}
#rightCol ul li {
	float: left;
	text-align: center;
	width: 150px;
	height: 150px;
	padding-bottom: 15px;
}

#rich-favs li a {
	display:table-cell;
	border:2px solid #fff;
	background-color:#fff;
	vertical-align: middle;
	width:135px;
	height:135px;
	overflow:hidden;
}

div.newsletter {
	background-color: #F6E2EF;
	border: 3px solid #E2A0C9;
	padding: 12px 7px 15px 7px;
	margin-bottom: 20px;
}
div.newsletter h4 {
	text-indent: -5000em;
	background: url(http://richmondmom.com/images/bg_hdr_newsletter.gif) no-repeat 0 0;
	margin-bottom: 10px;
}
div.newsletter p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

div.photo p {
	font-size: 1.1em;
	padding: 10px 0 20px 20px;
	line-height: 1.5em;
}

div.articles {
	
}
div.articles h4 {
	text-indent: -5000em;
	background: url(http://richmondmom.com/images/bg_hdr_recent_articles.gif) no-repeat 0 0;
	margin-bottom: 10px;
}
div.articles p {
	margin-bottom: 15px;
} 
div.articles p strong {
	text-transform: uppercase;
	font: bold 1em/1.3em Arial, Verdana, sans-serif;
}

#rightCol a:link, #rightCol a:visited {
	font: normal 1.2em/1.3em Georgia, "Times New Roman", serif;
	color: #178C0C;
}
#rightCol a:hover, #rightCol a:active {
	color: #178C0C;
	text-decoration: none;
}

/* SECTIONS */
.rockstar {
	margin: 0 0 18px 0;
	padding-top: 10px;
	border-top: 1px solid #f6e2ef;
}
.article {
	margin: 0 0 18px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #f6e2ef;
}

#leftCol img {
margin:10px;
}

.article-blurb {
	margin: 0 0 18px 0;
	padding-top: 10px;
	border-top: 1px solid #f6e2ef;
}

#leftCol .article-blurb h2 {
	font-size:1.8em;
	margin: 0 0 4px 0;
}

#leftCol .article-blurb h2 a {
	color:#7DBC13;
}

#leftCol .article-blurb h4 {
	font-size:1em;
	color:#777;
	font-weight:normal;
	margin: 0 0 8px 0;
}
.img-fav {
	border:3px solid #fff;
}

#search-mod {
	margin-bottom:10px;
	padding:12px 7px 15px;
}

.hiddenFields {
display:none;
}

li.search_results {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	color: #575757;
}

/* FORMS */

label {
	display: block;
}

input {
	display: block;
	background: #FFF;
	border: 1px solid #E2A0C9;
	margin-bottom: 8px;
}


/* FOOTER */

#footer {
	font: normal 1.0em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0 0 10px 0;
	background-color: #E2A0C9;
	margin: 15px -10px 0 -10px;
}
#footer p {
	margin: 0 10px 0 10px;
	color: #FFF;
}
#footer a {
	font: normal 1.0em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #6A6A6A;
}

#footerNav {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	white-space: nowrap;
	height: 42px;
	background-color: #F6E2EF;
}
#footerNav li {
	display: inline;
	margin: 0;
	padding: 10px 20px 10px 20px;
	text-align: center;
	border-right: 1px solid #FFF;
	background-color: #F6E2EF;
}
#footerNav li a:link, #footerNav li a:visited {
	font: normal 1.0em/42px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#footerNav li a:hover, #footerNav li a:active {
	color: #000000;
	text-decoration: underline;
}



/* MISC */

.alignR {
	text-align: right;
}
.alignL {
	text-align: left;
}
.clear {
	clear: both;
}
.floatR {
	float: right;
}
.floatL {
	float: left;
}
img.floatR {
	float: right;
	margin: 5px;
}
#leftCol .img-right {
	float: right;
	margin: 4px 0 6px 10px;
	border: 1px solid #dcf0bb;
	padding: 4px;
}
#leftCol .img-left {
	float: left;
	margin: 4px 10px 6px 0;
	border: 1px solid #dcf0bb;
	padding: 4px;
}
.center {
	text-align: center;
}

.share-this {
	clear:both;
	overflow:hidden;
	width:555px;
	margin:10px 0;
	padding:10px;
	border:2px solid #F6E2EF;
}
#leftCol .share-this img {margin:0;}
#leftCol .share-this h3 {margin:0 0 6px 0;padding:0; font-size:12px;font-weight:bold;}
#leftCol .share-this ul {margin:0;padding:0;}
#leftCol .share-this ul li {margin:0 6px 0 0;padding:0;list-style-type:none;display:inline;}