/*
Styles for Knack Parenting
Created by April Holle on 2008-05-02
Copyright (c) 2008 Knack Parenting. All rights reserved.

Bookmarking:
==layout
==common
==form

Colors:
blue: #4e85c6
*/

/* ==layout */
html {width: 100%; height: 100%; margin: 0; padding: 0;}

body {width: 100%; height: 100%; margin: 0; padding: 0; background-color: #4e85c6; font-size: .9em; line-height: 1.2em; font-family: Helvetica, Verdana, Arial, Sans-Serif;}

#container {width: 980px; margin: 20px auto 0 auto;}

#ad728x90 {float: left; width: 728px; height: 100px;}
.ad728x90 {width: 728px; height: 100px; margin: 0 auto 50px auto;}
#hdrSubscribe {float: right; width: 208px; height: 123px; margin: 0 20px 0 0; line-height: 0;}

#mastContainer {clear: both; width: 972px; padding: 5px 0px 5px 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #4d85c5;}
#mast {height: 130px; background: url('images/bgHeader.gif') repeat-x; width: 967px; overflow: hidden;}
#mast #logo {float: left; width: 430px; margin: 30px 0 0 20px;}
#mast #join {float: right; width:330px; margin: 0 70px 0 0; padding: 50px 25px 5px 25px; text-align: right; color: #fff;}
#mast #userDetails {float: right; width:430px; margin: 0; padding: 15px 25px 0 25px; line-height: 1.2em; text-align: right; color: #fff;}
#mast .search {clear: right; float: right; width:430px; margin: 20px 25px 0 25px; text-align: right; color: #fff; vertical-align: middle;}

#features {clear: both; height: 154px; margin: 1px 0; color: #fcfdfe;}
#features #colMain {float: left; width: 580px; height: 154px; overflow: hidden;}
#features #colSide {float: right; width: 400px; height: 154px; overflow: hidden;}

#subscribe {clear: both; height:28px; background:url('images/bgNewsletterBar.gif') repeat-x; padding: 12px 0 0 0; text-align: center;}
#breadcrumb {clear: both; height:28px; background:url('images/bgNewsletterBar.gif') repeat-x; padding: 12px 0 0 10px; font-size: .9em; color: #9cc5f3;}

#content {background-color: #fff; padding: 0 0 20px 0;}
#ad160x600 {float: left; width: 160px; margin: 10px;}
.ad {text-align:center; margin: 20px 0;}
.col360 {float: left; width: 360px; margin: 10px;}
.col800 {float: left; width: 780px; padding: 20px 10px;}
.article {clear: both; margin-bottom:10px;}
.article .vote {float: left; width: 40px; height: 34px; padding: 7px; margin: 3px 10px 0 0; background-color:#e8a709; color: #fff; text-align: center; font-size: .8em; line-height: .6em; text-transform: uppercase; font-weight: normal;}
.article .vote .number {font-size: 2em; line-height: 1em; padding-bottom: 4px; font-weight: normal;}
.article .photo {float: left; width: 75px; line-height:0; margin-right: 10px; float: left; border: 2px solid #4e85c6; background-color: #4e85c6;}
.article .copy {float: left; width: 250px;}

.colMain {float: left; width: 620px; padding: 20px; _padding: 20px 10px;}
.colMain #vote {float: left; width: 48px; height: 86px; margin: 0 10px 5px 0; background: url('images/bgVote.gif') no-repeat 0 18px; font-size: 12px; text-transform: uppercase; text-align: center; color: #fff;}
.colMain #number {font-size: 22px; margin-top: 10px;}

.colThird {float: left; width: 200px; margin:0 20px 0 0; _margin: 0 10px 0 0; padding: 20px 0; font-size: .9em;}
.colTwoThird {float: left; width: 400px; margin: 0 20px; _margin: 0 10px; padding: 0 0 20px 0;}
.colFifth {float: left; width: 178px; margin: 0 10px 0 0; padding: 0 0 20px 0;}
.colFifth.first {margin: 0 10px;}

.colSide {float: left; width: 320px; font-size: .9em; }
.submit .colSide {float: left; width: 320px; margin-top: 45px; font-size: .9em; }
.colSide .share {background: #009590 url('images/bgShareSide.gif') top left repeat-x; padding: 25px 20px 20px 20px;}
.colSide .callout {background: #009590 url('images/bgShareSide.gif') top left repeat-x; font-size: 0; line-height: 0; vertical-align: bottom;}
.colSide .subscribe {background: #436891 url('images/bgSubscribeSide.gif') top left repeat-x; padding: 15px 20px 20px 20px;  color: #fff;}
.colSide .rss {background-color: #9cc5f3; padding: 20px;}
.colSide .recent {margin: 0 0 30px 0; padding: 0 20px 0 0;}
.colSide .recent .vote {float: left; width: 38px; margin: 0 5px 0 0; background-color:#e8a709; color: #fff; text-align: center; font-size: 10px; font-weight: bold; }

#byline {color: #4d85c5; margin: 5px 0 20px 0;}

.ad300x250 {text-align: center; margin-bottom: 20px;}
.colSide .ad300x250 {text-align: left; margin: 20px 0;}

#comments {background-color: #9ec8f8; padding: 20px; color: #2b4a73; text-transform: uppercase;}

#feedback {margin: -5px 0 10px 0;}
#feedback #form {background-color: #9ec8f8; padding: 20px 10px;}
#feedback #form textarea {float: left; width: 720px; margin-right: 20px;}
#feedback #form #type {float: left; width: 205px;}

#footer {margin: 10px 0 0 0; padding: 0 0 20px 0; text-align: center; color: #97c8ff; text-transform: uppercase; font-size: .8em;}


/* ==common */
h1 {font-size: 1.4em; line-height: 1.2em; margin:0; color: #00326b;}
.colTwoThird h1 {font-size: 1.4em; line-height: 1.2em; margin: 20px 0 5px 0; color: #00326b;}
h2 {font-size: 1em; margin:0;}
.submit h2 {clear: both; color: #4d85c5; font-size: 1em; margin: 10px 0 0 0;}
h3 {clear: both; color: #4d85c5; font-size: 1.2em; margin: 20px 0 10px 0;}
.colSide .subscribe h3 {color: #8ed1f7; margin: 15px 0 5px 0;}
h4 {font-size: 1em; margin: 15px 0 0 0;}
.section h3 {clear: both; color: #4d85c5; font-size: 1.2em; margin: 25px 0 10px 0;}
.colSide .recent h2 {font-size: 1.1em; margin: 0 0 5px 0; color: #2b4a73;}

a:link, a:visited {color: #00326b;}
a img {border: none;}
.colSide .subscribe a:link, .colSide .subscribe a:visited {color: #fff;}
.colMain .share a:link, .colMain .share a:visited {text-decoration: none;}

#mast #join a:link, #mast #join a:visited, #features a:link, #features a:visited {color: #fff;}
#mast #join a.moreinfo:link, #mast #join a.moreinfo:visited {color: #6fe3fc; font-size: .8em;}

#mast #userDetails a:link, #mast #userDetails a:visited {color: #bcd5f1;}

h3 a:link, h3 a:visited {display: block; color:#4d85c5; margin:40px 0 20px 0;}
.section h3 a:link, .section h3 a:visited {clear: both; display: block; color:#4d85c5; margin:0 0 10px 0; padding: 20px 0 0 0;}

#breadcrumb a:link, #breadcrumb a:visited {color: #9cc5f3;}
#breadcrumb a:hover {color: #bcd5f1;}
#breadcrumb a.more:link, #breadcrumb a.more:visited {color: #fff; font-size: .9em;}

#byline a:link, #byline a:visited {color: #4d85c5;}
#byline a.more:link, #byline a.more:visited {font-size: .9em;}
#byline a:hover {color: #9cc5f3;}

#vote a#favorites:link, #vote a#favorites:visited {font-size: 9px; text-decoration: none; color: #b07d01;}
#vote a#favorites:hover {text-decoration: underline;}
#vote a#addvote:link, #vote a#addvote:visited {display: block; margin-top: 7px; font-size: 9px; text-decoration: none; color: #fff;}
#vote a#addvote:hover {text-decoration: underline;}

.colSide .share a:link, .colSide .share a:visited {color: #fff;}

#footer a:link, #footer a:visited {color: #bcd5f1; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

.colSide .recent ul {list-style: none; margin: 0; padding: 0;}
.colSide .recent ul li {margin-bottom: 3px;}

.colSide ol { margin: 10px 25px 20px 25px; padding: 0;}
.colSide ol li {margin-bottom: 5px;}

.colSide ul.advertise {margin: 10px 30px 20px 25px; padding: 0;}
.colSide ul.advertise li {margin-bottom: 5px;}

ul#pnav a:link, ul#pnav a:visited {display:block; font-size: 13px; padding: 0 0 0 15px; color: #2d4d76; text-decoration: none; background: #6a9dd6 url(images/bgNavOffL.gif) top left no-repeat;}
ul#pnav a:link span, ul#pnav a:visited span {display: block; padding: 3px 15px 0 0; background: #6a9dd6 url(images/bgNavOffR.gif) top right no-repeat;}
ul#pnav a:hover, ul#pnav a.on:link, ul#pnav a.on:visited {color: #fff; background: #2d4d76 url(images/bgNavOnL.gif) top left no-repeat;}
ul#pnav a:hover span, ul#pnav a.on:link span, ul#pnav a.on:visited span {background: #2d4d76 url(images/bgNavOnR.gif) top right no-repeat;}

ul#snav a:link, ul#snav a:visited {display:block; padding: 3px 7px 6px 8px; color: #00326b; text-decoration: none; border: 2px solid #fff; font-family: Verdana, Arial, Sans-Serif;}
ul#snav a:hover, ul#snav a.on:link, ul#snav a.on:visited {background-color: #3062ac; color: #fff; border: 2px solid #fff;}
ul#snav li.last a:link, ul#snav li.last a:visited {padding: 3px 8px 6px 8px;}

ul#pnav {clear: both; height: 20px; list-style: none; margin: 17px 0 0 0; padding:0; line-height: 17px;}
ul#pnav li {float:left; margin-right: 5px; height: 20px;}

ul#snav {clear: both; height: 30px; background-color: #fff; list-style: none; margin: 0; padding:0; text-transform: uppercase;}
ul#snav li {float:left; background-color: #fff; border-right: solid 1px #4e85c6; padding: 0; font-size: 12px; color: #00326b; height: 30px; }
ul#snav li.last { margin-right: 0;}

.colThird ul {margin: 10px 0 10px 25px; padding: 0; }
.colThird ul li {padding: 0 0 5px 0;}

#ad728x90 p,.ad728x90 p {margin: 0; padding:0; color: #a6c2e2; font-size: 10px;}
#ad160x600 p, .ad300x250 p, .ad p {margin: 0; padding:0; color: #c9c9c9; font-size: 10px;}
#mast #userDetails p { font-size: .8em; color: #97c8ff; margin: 5px 0 0 0; text-transform: uppercase;}
.colMain .ad300x250 p {color: #c9c9c9;}
.col800 p {margin: 5px 0;}
#features p {margin: 5px 0; font-size: 12px;}
.article p { font-size:.9em;  line-height: 1.4em; margin: 0 0 5px 0; font-family: Georgia, Times, Serif; color: #434444; font-weight: normal;}
#feedback #form #type p {margin: 0 0 5px 0; font-size: .8em; color:#00326b;}
#date p {margin: 0; padding: 0; line-height: 24px; color: #4d85c5; font-family: Helvetica, Verdana, Sans-Serif;}
.colMain p {font-family: Georgia, Times, Serif; color: #434444; margin: 0 0 20px 0; line-height: 1.4em;}
.section .colMain p, .section .colTwoThird p {font-family: Georgia, Times, Serif; color: #434444; margin: 0 0 10px 0; line-height: 1.4em;}
.colSide .share p {color: #fff;}
.colSide .rss p {color: #2b4a73; margin: 0 0 10px 0;}
.colHalf {float: left; width: 40%; margin-right: 20px;}
.colMain .share .colHalf {float: left; width: 45%; margin-right: 12px;}
.colMain .share {float: right; width: 290px; margin: 0 0 0 20px;}

#subscribe img {vertical-align: middle;}
.article img {float: left; margin: 3px 5px 0 0;}
.article .photo img {float: none; margin: 0;}
#feedback img {margin: -10px 0 0 20px; vertical-align: bottom;}
#breadcrumb img {margin-right: 3px; vertical-align: middle;}
#date img {float: left; vertical-align: middle; margin:0 10px 0 0;}
#byline img {margin: 0px;}
.ad728x90 img {vertical-align: middle;}
#mast #userDetails img {float: right; margin-left: 10px;}
.colMain .share img {vertical-align: baseline; margin-top: 5px;}

.fLeft {float: left; margin-right: 20px;}
.clear {clear: both; line-height: 0px; height: 0px;}

/* ==form */
#subscribe input {vertical-align: middle;}
#subscribe input.textbox {margin: 0 10px; border: none;}

#mast .search input {vertical-align: middle; margin-bottom: 5px; border: none;}
#mast .search input.txtbox {height: 20px; width: 220px;}

.colSide .subscribe input.textbox {width: 230px; border:none; margin: 5px 0 10px 0;}

#feedback #form textarea {border: none; width: 720px; height: 100px;}
#feedback #form #type input {margin-top: 10px;}

#subscribeform .txtbox {width: 320px; margin-bottom: 3px;}
#subscribeform .label {text-align: right; padding-right: 3px;}

#submissionform .txtbox {width: 620px;}