/*  
Theme Name: McT PTSO, based on Blue Earth by web4sudoku
Theme URI: http://www.mctptso.org
Description: B`lue Earth is a 3 column theme with one sidebar on the right and one to the left of the content area. Both sidebars are widget ready and the width of the content area changes depending on the screen resolution.
Version: 1.0
Author: Maria Greene
Author URI: http://www.justmagicdesign.com 
*/

* {
   margin: 0;
   padding: 0;
}

ul {
   list-style: none;
}

body {
   font-size: 15px;
   margin: 0;
   text-align: center;
   background: #D9CEB2 url(img/bg.jpg) repeat-x;
   color: #000;
   font-family: Trebuchet MS,Verdana,Tahoma,Arial,sans-serif;
}

/************************ Blogtitle **************/
#blogtitle {
   background: url(img/PDBSpring.jpg) no-repeat;
   width: 95%;
   overflow: auto;
   display: block;
   color: #DFDAC3;
   text-align: left;
   margin: 5px auto 0;
   white-space: nowrap;
}

#blogtitle a { 
   color: #7A6A53;
   text-decoration: none;
   border: none;
   padding: 0 15px;
   margin: 0;
}

#blogtitle a:visited {
   font-weight: bold;
}

#blogtitle a:hover {
   color: #99A8BA;
}

.search_form {
   line-height: 0;
   margin: 8px 0 0;
   color: #7A6A53;
   float: right; 
}

#s {
   background: #FFF url(img/search.png) no-repeat;
   height: 1.6em;
   width: 164px;
   font-size: 0.8em;
   border: none;
   border-bottom: 2px solid #C1B6A6;
   text-align: center;
}

#blogtitle form .input {
   vertical-align: middle;
   font-size: 0.9em;
}

#blogtitle #schoolcontact { 
   float: right;
   color: #555;
   clear: both;
   padding: 6px;
   background-color: #EFE7D1;
   border: 3px solid #C1B6A6;
   margin-top: 0px;
}

#blogtitle #schoolcontact p { 
   margin: 0;
   font-size: 13px;
}

#blogtitle #schoolcontact h2 { 
   margin: 0;
   padding: 0;
}

/*************Main Navigation Menu************/

#navcontainer {
   font-size: 13px;
   margin: 0 auto;
   padding: 10px 0 0;
   background: url(img/boxbgln.gif) repeat-x bottom;
   width: 98%;
}

#navcontainer ul {
   margin: 0;
   padding: 0 0 5px;
   text-align: center;
   list-style: none;
}

#navcontainer li {
/* fix for IE
   padding: 0 0 0 9px;
*/
   padding: 5px 0 4px 9px;
   background: url(img/left.gif) no-repeat left top;
   display: inline;
   white-space: nowrap;
}

#navcontainer a {
   background: url(img/right.gif) no-repeat right top;
   padding: 5px 15px 3px 6px;
   color: #765; 
   text-decoration: none;
   font-weight: bold; 
}

#navcontainer a:hover {
   color: black;
}

#navcontainer .current_page_parent, #navcontainer .current_page_item {
   background-image: url(img/left_on.gif);
   padding-bottom: 5px;
}

#navcontainer .current_page_parent a, #navcontainer .current_page_item a {
   background-image: url(img/right_on.gif); 
   padding-bottom: 5px;
   color: black;
}
/*************Sub Navigation Menu************/
#subnavcontainer {
   width: 98%;
   margin: 0 auto 0.25em;
   overflow: hidden;
   text-align: center;
   padding: 6px 0 0 0;
   clear: both;
   background: url(img/menugrad.gif) #dae0d2 repeat-x 50% top; 
   border-left: 1px solid #7A6A53;
   border-right: 1px solid #7A6A53;
   border-bottom: 1px solid #7A6A53;
   height: 21px;
   font-size: 13px;
}

#subnavlist ul, #subnavlist li {
   list-style: none;
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 1em;
}

#subnavlist li.pagenav a {
   margin-right: 25px;
   color: #765;
   font-weight: bold;
   text-decoration: none;
}

#subnavcontainer li.current-cat a, #subnavcontainer li.current_page_parent a, 
#subnavcontainer li.current_page_item a, #subnavcontainer li a:hover {
   color: black;
}

/*************Wrap************/
#wrap {
   width: 98%;
   background: #9F8F77 url(img/wrap.png);
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   clear: both;
}

/*********************** Container **************/
#container {
   clear: left;
   padding: 0;
   overflow: hidden;
   margin: 5px;
   background: #fff;
   border-left: 1px solid #9F8F77;
   border-right: 1px solid #9F8F77;
}

#welcome { 
   background: #FFF url(img/boxbg.png) repeat;
   border: 5px solid #c1b6a6;
   text-align: center;
   margin: 10px;
}

/*********************** Left Sidebar Container *******/
#leftnav {
   font-size: 14px;
   float: left;
   width: 180px;
   padding: 10px;
   text-align: left;
}

/*********************** Right Sidebar Container *******/
#rightnav {
   font-size: 14px;
   float: right;
   width: 180px;
   padding: 10px;
   text-align: left;
}

/*********************** Content **************/
#content {
   display: block;
   margin: 0 195px 0 195px;
   padding: 1em;
   padding-top: 5px;
   text-align: left;
   background: none;
}

#content>li { 
   margin-left: 5em;
}

#content ul {
   padding-left: 1em;
}

#content ul li {
   padding: 0.2em;
   list-style: square;
}

#content ul ul li {
   padding: 0.2em;
   list-style: circle;
}

#content ol {
   list-style-position: inside;
   padding-left: 15px;
   padding-top: 2px;
   margin-bottom: 10px;
}

#content p {
   padding-left: 10px;
}

#content table.outlines { 
   border-collapse: collapse;
   margin-left: 10px;
}

#content table.outlines td { 
   border: 1px dotted gray; 
   padding: 5px;
}

/*********************** Footer **************/
#footwrap {
   clear: both;
   color: #333;
   padding: 5px 1em 5px 1em;
   font-weight: normal;
   background: #dcd4be url(img/footer.png) repeat-x;
}

#footwrap p {
   margin-top: 8px;
   margin-bottom: 2px;
   text-align: center;
}

#footwrap img {
   padding: 0 5px 0 5px;
}

/************ Footer Navigation **************/
.footnav {
   margin: 0 auto;
   width: 85%;
   overflow: hidden;
}

.footnav ul, .footnav li {
   margin: 0;
   padding: 0;
   list-style: none;
   display: inline;
}

.footnav li {
   white-space: nowrap;
   margin-right: 25px;
}

.footnav li a {
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: 1px;
   font-weight: bold;
   font-size: smaller;
   color: #333;
}

.footnav li a:hover, 
.footnav li.current_page_item a {
   font-weight: bold;
   text-decoration: none;
   color: #000;
}

.footnav a:visited {
   font-weight: bold;
   text-decoration: none;
   color: #333;
}

.footnav a:visited:hover {
   text-decoration: none;
   font-weight: bold;
   color: #000;
}



/*********************** Left Sidebar **************/
#sidebarleft {
   margin-bottom: 10px;
   background: none;
}

#sidebarleft li {
   padding-bottom: 8px;
   background-color: #EFE7D1;
}

#sidebarleft li ul li { 
   background: #EFE7D1 url(img/arrow.png) no-repeat -2px 5px;
}

#sidebarleft li.ec3_list { 
   background: none;
   color: purple;
   padding: 2px 3px 2px 2px;
}
#sidebarleft .ec3_eventday a {
  color: purple !important;
}

#sidebarleft ul li {
   display: block;
   margin-left: 7px;
   padding-bottom: 2px;
}

#sidebarleft ul li ul li {
   padding-bottom: 2px;
}

#sidebarleft ul li li {
   padding: 2px 3px 2px 2px;
}

#sidebarleft a {
   text-decoration: none;
   display: block;
   color: #5F584D;
   font-weight: bold;
   margin-left: 12px;
}

#sidebarleft .ec3_eventday a, #sidebarleft .ec3_postday a { 
   margin-left: 0;
}

#sidebarleft li.current_page_item a, #sidebarleft li.current-cat a, #sidebarleft a:hover, #sidebarleft a:visited:hover {
   color: #99A8BA;
}

#sidebarleft a:visited {
   color: #5F584D;
}

#sidebarleft span.sidehead {
   color: #555;
   font-size: 16px;
   padding: 2px 8px 2px 8px;
   margin-top: 14px;
   background: #99A8BA url(img/h2l.png) no-repeat;
   border-bottom: 2px solid #555;
   display: block;
   font-weight: bold;
}

/* remove the iCal icon from the calendar */
#wp-calendar #ec3_publish { 
   display: none;
}

/*********************** Right Sidebar **************/
#sidebarright {
   margin-bottom: 10px;
   background: none;
}

#sidebarright li {
   padding-bottom: 8px;
   background: #EFE7D1 url(img/arrow.png) no-repeat -2px 5px;
}

#sidebarright ul li {
   display: block;
   margin-left: 7px;
   padding-bottom: 2px;
}

#sidebarright ul li ul li {
   padding-bottom: 2px;
}

#sidebarright ul li li {
   padding: 2px 3px 2px 2px;
}

#sidebarright ul li a:link {
   display: block;
   color: #5F584D;
   text-decoration: none;
   font-weight: normal;
   margin-left: 12px;
   font-weight: bold;
}

#sidebarright ul li a:hover {
   display: block;
   color: #99A8BA;
}

#sidebarright ul li a:visited:hover {
   display: block;
   color: #99A8BA;
}

#sidebarright ul li a:visited {
   display: block;
   color: #5F584D;
   margin-left: 12px;
   font-weight: bold;
}

#sidebarright h2 {
   color: #555;
   font-size: 16px;
   padding: 2px 8px 2px 8px;
   background: #99A8BA url(img/h2r.png) no-repeat top right;
   margin-top: 14px;
   border-bottom: 2px solid #555;
}

#logolinks { 
   text-align: center;
}

#logolinks form input { 
   margin-top: 4px;
   font-size: 0.9em;
   text-align: center;
}

#leftnav p, #rightnav p {
   margin: 1em 0 0 0;
   font-size: smaller;
}

#content h2 {
   margin: 0 0 .5em 0;
}

/*********************** Paragraph **************/
p {
   margin: 12px 0;
}

/*********************** Blockquote ********************/
blockquote {
   margin: 0 0 0 30px;
   padding: 0 25px 0 0;
   font-style: italic;
   color: #7f7f7f;
   border-left: 4px solid #99A8BA;
}

/*********************** Post Metadata ****************/
.postmetadata {
   font-size: 11px;
   width: 140px;
   display: block;
   float: right;
   margin: 15px 5px 6px 5px;
   padding: 10px 5px 2px 5px;
   text-align: left;
   color: #333;
   border-bottom: 4px solid #99A8BA;
   background: #E0E7EF url(img/meta.png);
}

#content .postmetadata {
   padding-left: 5px;
}

.postmetadata a:link {
   border: none;
   color: #5F584D;
   font-weight: normal;
}

.postmetadata a:hover {
   border: none;
   color: #5F584D;
   font-weight: normal;
}

.postmetadata a:visited:hover {
   border: none;
   color: #5F584D;
   font-weight: normal;
}

.postmetadata a:visited {
   border: none;
   color: #5F584D;
   font-weight: normal;
}

/*********************** Links ********************/
a:link {
   color: #99A8BA;
   text-decoration: none;
   font-weight: bold;
}

a:hover {
   color: #7D6E57;
   text-decoration: underline;
}

a:visited {
   color: #8BC240;
   text-decoration: none;
   font-weight: normal;
}

a:visited:hover {
   text-decoration: underline;
}

a img {
   border: none;
   background: none;
   padding: 5px;
}

#feed, #feed img a:link, #feed img a:visited {
   border: none;
}

/*********************** Comments ********************/
.commentlist {
   padding-left: 40px;
   padding-right: 15px;
   background: #fff;
   color: #333;
}

.commentlist li {
   margin: 8px 10px 8px 15px;
   padding-left: 12px;
   list-style: none;
   background: #E3EFD1;
   margin-bottom: 2px;
   border-top: 2px solid #8BC240;
   border-bottom: 2px solid #8BC240;
}

li.alt {
   background: #E0E7EF;
   border-top: 2px solid #99A8BA;
   border-bottom: 2px solid #99A8BA;
}

.commentlist li li {
   border: none;
   background: none;
   padding-left: 5px;
   margin: 0 2px 0 2px;
}

.commentlist cite {
   padding: 2px 3px 1px 3px;
}

.commentlist p {
   padding: 5px 5px 2px 3px;
   margin-bottom: 5px;
}

.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {
   text-decoration: none;
   color: #000;
}

.commentnumber {
   font: italic normal 14px 'Times New Roman', Times, serif;
   margin-top: 2px;
   float: right;
   color: #8f8f8f;
   font-size: 28pt;
}

#comment {
   width: 80%;
}

#commentform {
   margin-left: 5%;
}

/*********************** Headings**************/
h1 {
   font-size: 36px;
   color: #666666;
}

h2 {
   display: block;
   font-size: 18px;
   font-weight: bold;
   padding: 5px 0 0 12px;
   margin: 5px 0 6px 0;
   text-align: left;
   color: purple;
}

h3 {
   display: block;
   font-size: 16px;
   font-weight: bold;
   padding: 5px 0 0 12px;
   margin: 5px 0 6px 0;
   text-align: left;
   color: purple;
}

h3.posttitle, h3.pagetitle {
   font-size: 18px;
   font-weight: bold;
   padding-left: 5px;
   padding: 5px 0 5px 5px;
   margin-top: 12px;
   margin-bottom: 5px;
   color: black;
}

.posttitle a, .pagetitle a { 
   text-decoration: none;
   font-size: 16px;
   font-weight: bold;
   color: #555;
}

.posttitle a:visited, .pagetitle a:visited {
   color: #555;
}

.posttitle a:hover, .pagetitle a:hover {
   color: #9F8F77;
   text-decoration: none;
}

h4 {
   margin-top: 15px;
   font-size: 13px;
   font-weight: bold;
   padding: 5px 0 0 12px;
   margin: 5px 0 6px 0;
   text-align: left;
   color: purple;
}

h5 {
   margin-top: 15px;
   font-size: 12px;
   font-weight: bold;
   padding: 5px 0 0 12px;
   margin: 5px 0 6px 0;
   text-align: left;
   color: purple;
}

/*********************** date ********************/
.date {
   font-size: 14px;
   font-weight: bold;
   float: left;
   display: block;
   width: 56px;
   height: 30px;
   margin-top: 17px;
   margin-right: 5px;
   text-transform: uppercase;
   padding: 6px 7px 7px 0;
   text-align: center;
   color: #99A8BA;
   background: #fff url(img/date.png) no-repeat;
   display: none;
}

.entry {
   margin-bottom: 5px;
   background: #fff url(img/post.png) no-repeat bottom left;
   padding-bottom: 8px;
}

/*********************** Contained floats fix************/
.post {
   display: block;
   overflow: hidden;
   width: 98%;
   padding-bottom: 6px;
   margin-bottom: 6px;
}

/*********************** Code ********************/
code {
   display: block;
   margin: 10px 30px 0 30px;
   padding: 2px 10px 5px 10px;
   border-top: 2px solid #99A8BA;
   border-bottom: 2px solid #99A8BA;
   color: #333;
   background: #E0E7EF;
}

/************ Header Navigation **************/
.utilnav {
   margin: 0 auto;
   width: 85%;
   overflow: hidden;
}

.utilnav ul, .utilnav li {
   margin: 0;
   padding: 0;
   list-style: none;
   display: inline;
}

.utilnav li {
   white-space: nowrap;
   margin-right: 25px;
   float: right;
}

.utilnav li a {
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: 1px;
   font-weight: bold;
   font-size: smaller;
   color: #D2DBD6;
}

.utilnav li a:hover, 
.utilnav li.current_page_item a {
   font-weight: bold;
   text-decoration: none;
   color: #000;
}

.utilnav a:visited {
   font-weight: bold;
   text-decoration: none;
   color: #D2DBD6;
}

.utilnav a:visited:hover {
   text-decoration: none;
   font-weight: bold;
   color: #000;
}

* html #navigation a {
   width: 1%;
}

/* see http://www.positioniseverything.net/explorer/escape-floats.html */

.credits {
   margin-top: -20px;
   margin-bottom: 5px;
   padding: 0 4px 8px 4px;
   float: right;
}

/*********************** Calendar ********************/
#wp-calendar {
   empty-cells: show;
   margin: 10px auto 0;
   width: 160px;
}

#wp-calendar #next a {
   padding-right: 10px;
   text-align: right;
}

#wp-calendar #prev a {
   padding-left: 10px;
   text-align: left;
}

#wp-calendar td {
   padding: 2px 0;
   text-align: center;
}

#wp-calendar th {
   text-align: center;
}

#wp-calendar caption {
   text-align: center;
   width: 100%;
   text-transform: uppercase;
   font-weight: bold;
}

img {
   margin: 10px;
   border: none;
}

/***************** Previous and Next Posts************/
.alignright {
   text-align: right;
}

.alignleft {
   text-align: left;
}

.floatleft { 
   float: left;
}
.floatright { 
   float: right;
}

.navigation {
   display: block;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 0;
}


/*********************** Smileys ********************/
.wp-smiley {
   padding: 0;
}

.search-form {
   background: #000;
}

td { 
   vertical-align: top;
}