/*
-----------------------------------------------
Working Families for Wal-Mart
Author:   Cameron Corda
----------------------------------------------- */

html, body {margin: 0; padding: 0; text-align: center;}
html {height: 100%; margin-bottom: 1px;} /* force scrollbars on short pages*/
body {background: #C1C1C1;}

/* TYPOGRAPHY
----------------------------------------------- */
html { font-size; 100%; } /* Somehow Fixes IE */
body { font-size: 62.5%; font-family: Helvetica, 'Trebuchet MS', Verdana, Arial, sans-serif; color: #000;} /* sets font to 10px */

#container { font-size: 1.2em; } /* 1.1em = 11px */

h1 {font-size: 2.0em; font-weight: bold; margin-top: .5em; margin-bottom: .5em;}
h2 {font-size: 1.7em;  margin-bottom: 1.2em; font-weight: normal;}
h3 {font-size: 1.4em; margin-bottom: 1.2em; font-weight: normal;}
h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em;}
blockquote {font-size: 1em; line-height: 1.4em; margin: 15px 30px 0 10px; padding-left: 20px; border-left: 3px solid #bb3a35; color: #000;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}
pre {clear: both; background-color: #EFF6FE; border: 1px solid #005BB5; text-align: center; margin: 0 10px; padding: 0 5px 5px 5px; font-size: 11px;}


/* LINKS
----------------------------------------------- */

a {text-decoration: none; color: #bb3a35; font-weight: bold;}
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration: underline;}


/* LAYOUT
----------------------------------------------- */
body {}
#container {text-align: left; margin: 0px auto 0 auto; padding: 0 15px; width: 760px; background: #C1C1C1 url(http://walmartwatch.com/img/working-families/bg.jpg) repeat-y top center;}

#contentWrap {padding: 0px; margin: 0px; width: 760px; background: url(http://walmartwatch.com/img/working-families/content-bg.png) repeat-y; clear: both;}

#content {float: right; width: 595px; margin: 0px; display: inline; border-top: 5px solid #B1B1B1;}
#contentInner {margin: 10px 20px 10px 10px;}

#sidebar {float: left; width: 156px; margin: 0px; border-top: 5px solid #B1B1B1; background: #990000;}
#sidebarInner {border-top: 8px solid #fff;}

/* HEADER
----------------------------------------------- */
#header {text-align: left; position: relative; width: 760px; margin: 0px auto; padding: 0; height: 175px; background: #fff url(http://walmartwatch.com/img/working-families/banner.jpg) no-repeat; border-top: 5px solid #C80000;}

#logo {position: absolute; top: 0px; left: 0px;}

#bnav {position: absolute; top: 80px; left: 0px; width: 223px;}
#bnav ul {margin: 0; padding: 0; list-style-type: none; background: url(http://walmartwatch.com/img/working-families/banner-nav-divider.png) no-repeat top left;}
#bnav ul li {margin: 0; padding: 5px 0 5px 12px; background: url(http://walmartwatch.com/img/working-families/banner-nav-divider.png) no-repeat bottom left; text-transform: uppercase;}
#bnav ul li a {color: #8A8989; background: url(http://walmartwatch.com/img/working-families/banner-nav-bullet.png) no-repeat center left; padding-left: 17px;}
#bnav ul li a:hover {color: #747373;}
#bnav ul li span {}

#topNav {color: #8A8989; background: url(http://walmartwatch.com/img/working-families/topnav-bg.jpg) repeat-y top left; margin: 0; padding: 0; font-size: 1.1em; width: 760px;}
#topNav ul {margin: 0 10px; text-transform: uppercase; padding: 0;}
#topNav li {display: inline; float: right; margin: 10px 7px;}
#topNav ul li a {color: #fff; background: url(http://walmartwatch.com/img/working-families/topnav-bullet.png) no-repeat center left; padding-left: 17px;}
#topNav ul li a:hover {color: #ccc; text-decoration: none;}


/* CONTENT
----------------------------------------------- */
#content h1 {padding: 0px; margin: 0 0 20px 0; color: #02356a;}
#content h1 a {color: #02356a;}

#content h2 {padding: 0px; margin: 0 0 16px 0; color: #bb3a35; font-weight: bold;}
#content h2 a {color: #bb3a35;}

#right {width: 210px; float: right; border-left: 1px solid #000; margin: 0px 0px 10px 10px; padding: 0;}
#rightInner {margin-left: 10px;}
#right .rightBlock {background-color: #676767; margin: 5px 0px 10px 5px; padding: 0 5px 5px 5px; float: left; width: 190px;}
#right .rightBlockInner {background: #e0e0e0; position: relative; padding: 10px; width: 180px; margin: -5px 0 0 -10px;}


/* SIDEBAR
----------------------------------------------- */
#sideNav {background: #E0E0E0; margin: 0; padding: 0; font-size: 1.05em;}
#sideNav ul {margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #aaa;}
#sideNav ul li {margin: 0; border-bottom: 1px solid #aaa;}
#sideNav ul li a {color: #003667; font-weight: bold; display: block; padding: 5px 0 5px 27px;}
#sideNav ul li a:hover {background: #fff url(http://walmartwatch.com/img/working-families/banner-nav-bullet.png) no-repeat 12px 9px; color: #1a1a1a; text-decoration: none;}
#sideNav ul li span {}


/* FOOTER
----------------------------------------------- */
#footer {clear: both; background: #163f6d; border-top: 1px solid #fff; padding: 10px; }
#footer p {text-align: right; font-size: .9em; color: #fff; margin: 0;}
#footer a {color: #fff;}


/* UTILS
----------------------------------------------- */

img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}


/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}
select {font-size: 10px;}
input, textarea {text-align: left; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}
input.txt, input.text {background: #fff; border: 1px solid #008030; padding: 3px; font-size: 1.1em; }
input.button {cursor: pointer; background: #cc0000; border: solid 1px #89B5D8; color: #fff;}
input.buttonImg {cursor: pointer; border: none; vertical-align: middle; height: 18px; padding: 0;}
label {padding: 0px; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}