/* @override 
	http://www.thechildrensschoolhouse.com/css/styles-v1.css
	http://thechildrensschoolhouse.com/css/styles-v1.css
	http://www.childrensschoolhouse.org/css/styles-v1.css
*/

/* 
    AUTHOR: Jason Clewell
            jclewell@getconcentric.com
*/


/* @group Resets */
* { margin: 0; padding: 0; }
body { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; background: #5c8e69 url(/images/global/green-background.jpg); }
ul { list-style: none inside; }
a { outline: none; }
a img { border: none; }
table { border-spacing: 0; border-collapse: collapse;}
/* @end */

/* @group Utility */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
.wrapper {position: relative;}
.shadow-wrap {background: url(/images/global/shadow.png) repeat-x bottom; }
.main {min-height: 650px; }
/* @end */

/* @group = Base */
.grid_5 #special {
background: white; padding: 0px; margin: 10px 0; width: 275px; }

#special p {
padding: 0; margin: 5px 0; }
 
.grid_5_paper {background: url(/images/global/5col-mid.png); padding: 0 20px 1px 20px; z-index: 20; }
.grid_5 .top {height: 40px; background: url(/images/global/5col-top.png) 1px }
.grid_5 .bottom {height: 48px; background: url(/images/global/5col-bottom.png); }

.grid_8_paper {background: url(/images/global/8col-mid.png) repeat-y center; padding: 0 20px 1px 20px;}
.grid_8 .top {height: 29px; background: url(/images/global/8col-top.png); }
.grid_8 .bottom {height: 49px; background: url(/images/global/8col-bottom.png) left; }

.grid_11_paper {background: url(/images/global/11col-mid.png) repeat-y center; padding: 0 40px; }
.grid_11 .top {height: 40px; background: url(/images/global/11col-top.png); }
.grid_11 .bottom {height: 50px; background: url(/images/global/11col-bottom.png); }

.photo-frame {text-align: center; padding-bottom: 18px; background: url(/images/global/picture-shadow.jpg) no-repeat bottom; }
.photo-frame img {padding: 10px; border: 1px solid silver; }

.big-paper .a-magnet {position: absolute; width: 91px; height: 85px; background: url(/images/global/a-magnet.png); top: -40px; left: 210px; }
.a-magnet {position: absolute; width: 91px; height: 85px; background: url(/images/global/a-magnet.png); top: -40px; left: 190px; }
.big-paper .b-magnet {position: absolute; width: 81px; height: 80px; background: url(/images/global/b-magnet.png); top: -40px; left: 690px; }
.b-magnet {position: absolute; width: 81px; height: 80px; background: url(/images/global/b-magnet.png); top: -40px; left: 530px; }
.c-magnet {position: absolute; width: 71px; height: 85px; background: url(/images/global/c-magnet.png); top: -55px; left: 760px; }

.corner1 {background: url(/images/global/grunge-corner-left.png); height: 483px; width: 469px; position: absolute; top: 20px; left: 0; z-index: -5;}
.corner2 {background: url(/images/global/grunge-corner-right.png); height: 483px; width: 469px; position: absolute; top: 20px; right: 0; }
	/* @group -Typography */
p {color: #3b3b3b; font-size: 12px; padding: 5px 0; }
ol {color: #6a6a6a; font-size: 12px; padding: 5px 20px 0 40px; }
.grid_11_paper ul {color: #6a6a6a; font-size: 12px; padding: 5px 20px 0 40px; list-style-type: disc; list-style-position: outside; }
.grid_11_paper li {padding-bottom: 10px; }
h1 {text-align: center; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #376742; }
.big-paper h1 {text-align: left; padding: 10px 0 3px 0; border-bottom: 1px solid brown; clear: both; }
.calendar-sub h1 {color: #6b2a7e; }
h2 {text-align: center; font-size: 14px; font-weight: normal; color: #6a6a6a; border-top: 1px solid #b7895d; border-bottom: 1px solid #b7895d; padding: 5px 0; margin: 10px 0;}
h3 {color: #376742; font-size: 16px; }
h4 {color: purple; font-size: 13px; }
.job-list a {color: green; }
.job-list a:hover {color: orange; }
a {color: green; }
a:hover {color: orange; }
	/* @end */

	/* @group -Header */
.header {background: url(/images/global/wood-top.png) repeat-x; padding-top: 35px; margin-bottom: 60px;}
.header .container_16 {position: relative; }
.forums-button {position: absolute; text-indent: -1000em; width: 160px; height: 60px; background: url(/images/global/forums-button.png); right: 65px;}
.account-box {position: absolute; bottom: 15px; right: 0; background: url(/images/global/account-box.png); width: 275px; height: 45px;}
.logout {position: absolute; text-indent: -1000em; width: 63px; height: 25px; background: url(/images/global/logout.png); top: 9px; left: 60px; }
.my-account {position: absolute; text-indent: -1000em; width: 100px; height: 25px; background: url(/images/global/myaccount.png); right: 45px; top: 9px; }
.login {position: absolute; text-indent: -1000em; width: 63px; height: 25px; background: url(/images/global/login.png); top: 9px; left: 60px; }
.register {position: absolute; text-indent: -1000em; width: 100px; height: 25px; background: url(/images/global/register.png) no-repeat left; right: 45px; top: 9px; }
.carnival-announce {position: absolute; text-indent: -1000em; display: block; background: url(/images/global/carnival-button.png) no-repeat center; width: 270px; height: 150px; top: 0; left: 360px;  }
/* My Comment */
	/* @end */
	
	/* @group -Navigation */
.main-nav {font-size: 12px; color: white; }
.main-nav a {color: #fefcd0; text-decoration: none;}
.main-nav a:hover {text-decoration: underline; }
.main-nav li {padding-bottom: 3px; font-weight: bold; }
.main-nav ul {margin-left: 6px; }
.main-nav .home {background: url(/images/global/chalk-line.png) no-repeat bottom; padding: 8px 0; }
.main-nav .home a {text-indent: -1000em; background: url(/images/global/home-button.png) no-repeat center left; display: block; }
.main-nav .about span {text-indent: -1000em; display: block; padding: 2px 0 8px 0; background: url(/images/global/about-button.png) no-repeat center left; }
.main-nav .administration {background: url(/images/global/chalk-line.png) no-repeat top; }
.main-nav .administration span {text-indent: -1000em; display: block; background: url(/images/global/admin-button.png) no-repeat center left; padding: 8px 0; }
.main-nav .classroom {background: url(/images/global/chalk-line.png) no-repeat top; }
.main-nav .classroom span {text-indent: -1000em; display: block; background: url(/images/global/classroom-button.png) no-repeat center left; padding: 8px 0; }
.main-nav .calendar {background: url(/images/global/chalk-line.png) no-repeat top; }
.main-nav .calendar a {display: block; text-indent: -1000em; background: url(/images/global/calendar-button.png) no-repeat center left; padding: 8px 0; }
.main-nav .news {background: url(/images/global/chalk-line.png) no-repeat top; }
.main-nav .news a {display: block; text-indent: -1000em; background: url(/images/global/news-button.png) no-repeat center left; padding: 8px 0; }
.main-nav .contact {background: url(/images/global/chalk-line.png) no-repeat top; }
.main-nav .contact a {display: block; text-indent: -1000em; background: url(/images/global/contact-button.png) no-repeat center left; padding: 8px 0; }
/* My Comment */
	/* @end */	
	
	/* @group -Footer */
.footer {clear: both; padding: 20px 0; background: url(/images/global/wood-bottom.jpg) repeat-x bottom; }
.footer .container_16 {padding: 20px 0; background: url(/images/global/chalk-line.png) repeat-x top;}
.footer, .footer a {color: #fefcd0; font-size: 12px;}
.jason {text-align: right; padding: 5px 50px 5px 0; background: url(/images/global/jason.png) no-repeat right center; }
	/* @end */	

	/* @group -Form Elements */
fieldset {border: 1px solid #e1e1e1; padding: 10px; margin: 5px 0;}
fieldset p {text-align: right; height: 20px; }
label {padding: 0 4px 0 0; float: left; text-align: right; display: block; width: 130px; }
input {width: 150px; float: right; margin-right: 240px; display:  inline; }
form h5 {padding: 5px 0 0 0; color: red; }
.submit-button {width: 100px; float: none; }
	/* @end */	

/* @end */

/* @group =Pages */

/* @group Calendar */
.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #9DB7A7;
 text-align:  left;
 vertical-align: top;
 padding: 4px; 
 font-size: 12px;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #000; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #663300; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #000;
 background-color: #fffbbb;
 padding: 4px;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #666;
 background-color:  #fff;
 width: 100px;
 height: 100px;
 padding: 4px;
 border: 1px solid #ebebeb;
}

.calendarCell a {
 color:             #5c8e69;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             orange;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             orange;
 text-decoration:   none;
 background-color:  transparent;
}
/* @end */

/* @group Calendar-Sub */
.date {border: 1px solid #d5d5d5; float: left; width: 40px; margin-right: 4px; border-top: hidden;}
.month {background: #aa00e9 url(/images/global/calendar-month-gradient.png) repeat-x bottom; color: white; text-transform: uppercase; font-weight: bold; font-size: 10px; text-align: center; padding: 2px 0;}
.number {background: url(/images/global/calendar-date-gradient.png) repeat-x bottom; font-weight: bold; font-size: 12px; text-align: center; padding: 1px 0; }
.calendar-item {border-top: 1px solid  #6b2a7e; border-bottom: 1px solid #d5d5d5; margin: 10px 0; }
.calendar-item p {padding: 3px 0 0 0; font-size: 10px; }
.link-calendar {text-align: center; display: block; font-size: 13px; color: #6b2a7e; margin-top: 20px; }
.calendar-sub .comment-link {font-size: 10px; color: green; padding: 0 0 4px 0; display: block;}
.comment-link:hover, .link-calendar:hover {color: orange; }
.grid_5_paper .comment-field {width: 235px; }
.grid_5_paper label {font-size: 12px; padding: 0; margin: 10px 0 4px 0; width: auto; color: purple;}
.grid_5_paper .checkbox {margin: 0 10px 0 0; width: 13px;}
.grid_5_paper .submit {margin: 0; width: 100px; float: left; }
/* @end */

/* @group Calendar-Main */
.calendar-main h1 {color: #6b2a7e; }
.calendar-main .date {border: 1px solid #d5d5d5; float: left; width: 70px; margin-right: 4px; border-top: hidden;}
.calendar-main .month {background: #aa00e9 url(/images/global/calendar-month-gradient.png) repeat-x bottom; color: white; text-transform: uppercase; font-weight: bold; font-size: 14px; text-align: center; padding: 4px 0;}
.calendar-main .number {background: url(/images/global/calendar-date-gradient.png) repeat-x bottom; font-weight: bold; font-size: 22px; text-align: center; padding: 6px 0; }
.calendar-main .calendar-item p {padding: 4px; font-size: 12px; }
.calendar-main h3 {color: #6b2a7e; padding: 4px 0; font-size: 18px; }
.date-details {color: #6a6a6a;font-size: 14px; }
.calendar-main a {font-size: 12px; color: green; display: block; padding: 4px 0 0 0;}
.calendar-main a:hover {color: orange; }
.info {margin-left: 80px; padding-bottom: 8px; }
.other-details {background: #feffcb; margin: 2px 20px 2px 0;}
.comment-one, .comment-two {padding: 10px; }
.comment-one .comment-author, .comment-two .comment-author {font-weight: bold; padding: 0; color: purple; font-style: normal; }
.comment-one p, .comment-two p {font-style: italic; padding-left: 20px;}
.comment-one {background: #ccf8e4; }
/* @end */



/* @end */