/*
Theme Name: Planner's Web 
Author: Jackson Whelan
Author URI: http://jacksonwhelan.com/
*/
@import "reset.css";

* {
margin:0;
padding:0;
}

body {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

a {
color:#333333;
}
a:hover {
color:#0033cc;
}
a img {
border:none;
}

#wrapper {
width:940px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#header {
background: #FFF3DD;
border-bottom: 20px solid #fff;
position: relative;
}
#headerwidgets {
width: 200px;
float: right;
}
#headernav {
background: #FFE6BE;
border-top: 2px solid #fff;
padding: 10px;
height: 70px;
}
#social {
position: absolute;
top: 105px;
right: 225px;
}
#content {
width: 720px;
float: left;
margin-bottom: 20px;
}
.page #content {
width: 700px;
}
#sidebar {
width: 220px;
float: right;
}
#recent {
width: 940px;
}
.archive #recent {
padding-top: 27px;
}
.tag #recent {
padding-top: 0;
}
#footer {
background: #345172;
position: relative;
}
#tag-cloud {
text-align: center;
}
.navigation {
padding: 0 320px 20px 320px;
height: 30px;
}

.ir {
display: block;
text-indent: -9999px;
outline: none;
}
.right, .alignright {
float: right;
}
.alignright {
margin: 0 0 10px 20px;
}
.left, .alignleft {
float: left;
}
.alignleft {
margin: 0 20px 10px 0;
}
.aligncenter {
display: block;
margin: 10px auto;
}
div.alignleft {
margin-right: 10px;
}
div.alignright {
margin-left: 10px;
}
div.alignleft img, div.alignleft p {
margin-top: 0;
margin-right: 10px;
}
div.alignright img, div.alignright p {
margin-top: 0;
margin-left: 10px;
}
.lead-post {
border-top: 5px solid #345171;
padding-top: 30px;
margin-right: 20px;
}
.homex .lead-post {
border: none;
padding: 0;
}
.lead-sidebar {
width: 160px;
float: left;
}
.page-template-page-sidebar-php .lead-sidebar {
width: 160px;
}
.lead-text {
width: 520px;
float: right;
}
.home .lead-text {
height: 485px;
overflow: hidden;
position: relative;
}
.home .sharing-meta {
width: 520px;
position: absolute;
bottom: 0;
right: 0;
background: #fff;
}
.term-header {
border-bottom:  5px solid #345171;
margin-right: 20px;
padding-bottom: 30px;
}
#recent .post {
width: 295px;
height: 350px;
float: left;
margin: 0 27px 27px 0;
}
.home #recent .post {
height: 610px;
}
#recent .count3, #recent .count6, #recent .count9, #recent .third {
margin-right: 0;
}
.post-teaser {
padding: 15px;
height: 250px;
overflow: hidden;
}
.home .post-teaser {
overflow: visible;
}

/* !Colors */
.orange, .at-head-editors-note { background: #F47F4A; }
.lt-orange, .at-editors-note { background: #FCD8C8; }
.blue, .at-head-resource-guides, .at-head- { background: #345171; }
.lt-blue, .at-resource-guides, .at- { background: #c2cad4; }
.yellow, .at-head-bright-ideas, .search-highlight { background: #F4B448; }
.lt-yellow, .at-bright-ideas { background: #fce8c8; }
.red, .at-head-insights { background: #DB0C02; }
.lt-red, .at-insights { background: #f4b6b3; }
.green, .at-head-pcj-articles { background: #347169; }
.lt-green, .at-pcj-articles { background: #c2d4d2; }
.at-head-videos { background: #993366; }
.at-videos { background: #D6ADC2; }

/* !Headers */
.logo, .logo a {
width: 720px;
height: 160px;
background: url(images/planners-web-masthead.jpg) no-repeat top left;
float: left;
}
.recent-heading, .post-head, .term-title, .page-title {
padding: 5px;
color: #fff;
font-weight: bold;
font-size: 18px;
}
.recent-heading {
margin-bottom: 27px;
}
.term-title, .page-title {
background: #345171;
text-transform: uppercase;
margin-bottom: 20px;
}
.post-head {
font-size: 16px;
padding: 10px 15px;
}
.post h2, .entry h2 {
font-size: 24px;
font-weight: bold;
line-height: 1.2em;
margin-bottom: .5em;
}
.post h3, .entry h3 {
font-size: 18px;
line-height: 1.2em;
margin-bottom: .5em;
}
.post h4, .entry h4 {
font-size: 16px;
line-height: 1.2em;
margin-bottom: .5em;
}

/* !Text */
.post p, .entry p, .post li, .entry li, .display_archive .campaign {
font-family: "Trebuchet MS";
font-size: 14px;
line-height: 1.4em;
margin-bottom: 1em;
}
.lead-sidebar p.date {
font-family: Georgia, serif;
font-style: italic;
}
.post-teaser p.date {
margin-bottom: 25px;
}
p.meta {
border: 1px solid #919191;
padding: 10px;
width: 425px;
margin-bottom: 0;
}
.xterm-header p {
font-family: 'nimbus-sans-condensed';
color: #345171;
font-size: 22px;
line-height: 1.3em;
margin-bottom: 1em;
}
.term-header p {
color: #345171;
font-size: 18px;
line-height: 1.4em;
margin-bottom: 1em;
}
#footer p {
font-family: "Trebuchet MS";
font-size: 12px;
background: #0b1a33;
color: #fff;
padding: 20px;
}
#tag-cloud p {
padding: 0 20px 20px 20px;
background: #fff;
}
p.wp-caption-text {
font-style: italic;
color: #666;
margin-bottom: 0;
}
li.largetext, p.largetext, .largetext li, strong.largetext, span.largetext {
font-size: 1.3em;
line-height: 1.2em;
}
li.extralargetext, p.extralargetext, .extralargetext li, strong.extralargetext, span.extralargetext {
font-size: 1.6em;
line-height: 1.2em;
}
blockquote {
margin: 20px;
padding: 20px;
background: #FFE6BE;
}
blockquote p:last-child {
margin-bottom: 0;
}

/* !Lists */
.post ul, .entry ul {
margin: 10px 25px;
list-style: square;
}
.post ol, .entry ol {
margin: 10px 25px;
list-style: decimal;
}
.lead-sidebar ul, .lead-sidebar ol {
margin: 10px 0 10px 15px;
}
li.largetext {
font-size: 1.4em;
}
li.extralargetext {
font-size: 1.8em;
}

/* !Menus */
#headernav ul li {
float: left;
font-size: 15px;
line-height: 15px;
border-bottom: 4px solid #FFE6BE;
}
#headernav ul.menu {
position: relative;
}
#headernav ul li ul {
position: absolute;
display: none;
top: 25px;
left: 0;
}
#headernav ul.menu li.hovering, #headernav ul.menu li.current-menu-item, #headernav ul.menu li.current-menu-ancestor {
background-color: #345171;
}
#headernav ul.menu li.hovering ul, #headernav ul.menu li.current-menu-item ul, #headernav ul.menu li.current-menu-ancestor ul {
display: block;
background: #FFE6BE;
}
#headernav ul.menu li.hovering ul {
z-index: 9999;
width: 100%;
height: 49px;
}
#headernav ul.sub-menu li.hovering, #headernav ul.sub-menu li.current-menu-item {
background: #FFE6BE;
}
#headernav ul.hovering li.current-menu-item ul, #headernav ul.hovering li.current-page-ancestor ul {
display: none;
}
#headernav ul.hovering li.hovering {
display: block;
}
#headernav ul li:last-child {
border: none;
}
#headernav ul.sub-menu li.current-menu-item {
background-color: #345171;
}
#headernav a {
color: #000;
text-decoration: none;
display: block;
padding: 3px 5px 3px 5px;
border-right: 1px solid #345171;
}
#headernav ul.menu li.hovering a, #headernav ul.menu li.current-menu-item a, #headernav ul.menu li.current-menu-ancestor a {
color: #fff;
}
#headernav ul.menu ul.sub-menu a {
color: #345171;
}
#headernav ul.sub-menu li.current-menu-item a {
color: #fff;
}
.menu-sections-container li, .menu-membership-container li, .menu-group-admins-container li {
padding: 25px 10px;
margin-bottom: 10px;
font-family: 'nimbus-sans-condensed';
font-size: 27px;
}
#sidebar .menu-sections-container li {
padding: 0;
height: 72px;
}
.menu-sections-container li.subscribe, .menu-membership-container li, .menu-group-admins-container li {
font-size: 24px;
padding: 10px;
}
.menu-group-admins-container li span {
font-size: 16px;
}
.menu-sections-container a, .menu-membership-container li a, .menu-group-admins-container li a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
#sidebar .menu-sections-container a {
display: block;
padding: 22px 10px;
cursor: pointer;
}
#sidebar .menu-sections-container li.subscribe a {
padding: 10px;
}
.menu-sections-container li.subscribe a, .menu-membership-container li a, .menu-group-admins-container li a {
color: #345171;
}
#sidebar .menu-sections-container li.join {
height: auto;
}
.members-only {
display: none;
}
.logged-in .members-only {
display: block;
}

.menu-sections-container li.orange {
background-image: url(images/whats-new-button-alt.png);
background-repeat: no-repeat;
background-position: right center;
}
.menu-sections-container li.blue {
background-image: url(images/resource-button.png);
background-repeat: no-repeat;
background-position: right center;
}
.menu-sections-container li.yellow {
background-image: url(images/bright-button-alt.png);
background-repeat: no-repeat;
background-position: right center;
}
.menu-sections-container li.red {
background-image: url(images/insights-button-alt.png);
background-repeat: no-repeat;
background-position: right center;
}
.menu-sections-container li.green {
background-image: url(images/articles-button-alt.png);
background-repeat: no-repeat;
background-position: right center;
}

#footer .menu-sections-container, #footer .menu-top-menu-container {
clear: both;
padding: 20px 20px 0 20px;
}
#footer .menu-top-menu-container {
height: 80px;
}
#footer ul li {
float: left;
padding: 3px 5px 3px 5px;
font-size: 20px;
font-family: 'nimbus-sans-condensed';
line-height: 15px;
border-right: 1px solid #fff;
border-bottom: 4px solid #345171;
background: #345171;
letter-spacing: 2px;
}
#footer .menu-top-menu-container ul li {
font-size: 16px;
letter-spacing: normal;
}
#footer ul.menu {
position: relative;
}
#footer ul.menu li a {
padding: 3px;
}
#footer ul li ul {
position: absolute;
display: none;
top: 25px;
left: 0;
}
#footer ul.menu li.hovering ul, #footer ul.menu li.current-menu-item ul, #footer ul.menu li.current-menu-ancestor ul {
display: block;
background: #345171;
}
#footer ul.menu li.hovering ul {
z-index: 9999;
}
#footer ul.hovering li.current-menu-item ul, #footer ul.hovering li.current-page-ancestor ul {
display: none;
}
#footer ul.hovering li.hovering {
display: block;
}
#footer ul li:last-child {
border: none;
}
#footer a {
color: #FFF;
text-decoration: none;
}
#footer ul.menu li.current-menu-ancestor a, #footer ul.menu li.hovering a, #footer ul.menu li.current-menu-ancestor a {
color: #345171;
background: #fff;
border-bottom: 2px #345171 solid;
}
#footer ul.menu ul.sub-menu a {
color: #fff;
background: #345171;
}
#footer ul.sub-menu li.current-menu-item a {
color: #345171;
background: #fff;
border-bottom: 2px #345171 solid;
}

/* !Anchors */
.post h1 a, .post h2 a, .post h3 a, .post h4 a {
color: #000;
text-decoration: none;
}
p.meta a {
font-family: Georgia, serif;
font-style: italic;
color: #345171;
}
#tag-cloud a {
color: #345171;
white-space: pre;
padding: 5px;
}
.print_button {
margin-top: 5px;
}
.print_button a>span {
float: left;
margin-right: 4px;
}
.navigation a {
text-decoration: none;
color: #345171;
font-weight: bold;
font-size: 17px;
}

/* !Search */
.search-heading form, .search-heading form div {
float: right;
}
input#search {
background: url(images/search.png) no-repeat right center #fff;
}
#headerwidgets #searchform #searchsubmit {
border: none;
background: none;
padding: 0;
text-decoration: underline;
text-align: left;
width: 70px;
font-size: 12px;
padding: 3px 0;
font-family: Arial, sans-serif;
cursor: pointer;
}

/* !Comments */
#comments {
margin: 20px 0;
}
#respond {
margin-left: 25px;
}
#comments-title {
color: #666;
font-size: 10px;
font-weight: 500;
line-height: 2.6em;
padding: 0 0 2.6em;
text-transform: uppercase;
}
.nopassword,
.nocomments {
color: #aaa;
font-size: 24px;
font-weight: 100;
margin: 26px 0;
text-align: center;
}
ol.commentlist {
margin: 10px 0 10px 25px;
}
.commentlist > li.comment {
background: #f6f6f6;
border: 1px solid #ddd;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 0 20px;
padding: 20px;
position: relative;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li.comment {
background: #fff;
border-left: 1px solid #ddd;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
margin: 20px 0 0;
padding: 20px;
position: relative;
}
.comment-meta .fn {
font-style: normal;
}
.comment-meta {
color: #666;
font-size: 12px;
line-height: 2.2em;
}
.comment-meta a {
font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
float: left;
margin: 0 10px 5px 0;
}
.comment-content, .reply {
clear: both;
}
a.comment-reply-link {
background: #eee;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
display: inline-block;
font-size: 12px;
padding: 0 8px;
text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
background: #888;
color: #fff;
}
a.comment-reply-link > span {
display: inline-block;
position: relative;
top: -1px;
}

/* !Forms */
#member-info {
height: 100px;
overflow: hidden;
}
#headerwidgets p {
height: 25px;
line-height: 20px;
}
#headerwidgets #searchform {
margin-top: 8px;
}
#headerwidgets p.login-submit input {
width: 128px;
border: none;
background: none;
padding: 0;
text-decoration: underline;
}
#headerwidgets input {
width: 120px;
padding: 3px;
border: 1px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
}
.login-header {
text-align: left;
font-family: 'nimbus-sans-condensed';
padding: 7px 10px 10px 0; 
display: block;
font-size: 16px;
font-weight: normal;
}
#headerwidgets label {
float: right;
width: 70px;
}
#headerwidgets ul {
list-style: none;
margin: 10px 5px;
}
#headerwidgets ul li {
margin-bottom: 5px;
line-height: 1.3em;
}

.recent-comments {
border-collapse: collapse;
}
.recent-comments td {
padding: 10px 5px;
border-bottom: 1px solid #ccc;
}
.in-response {
font-size: 12px;
}

.s2msu-update td {
padding: 5px;
}
.s2msu-update input {
width: 150px;
font-size: 13px;
}
.s2msu-update .description {
font-size: 11px;
font-style: italic;
}
.edit-member-link {
text-decoration: underline;
font-weight: bold;
color: #347169;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], input.s2msu-submit {
background: #347169;
border: none;
color: #fff;
font-weight: bold;
font-family: "Trebuchet MS";
padding: 3px;
cursor: pointer;
}

hr {
border: 1px solid #345171;
margin: 10px 0;
}

hr, .clear {
clear:both;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */