/*-----------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers
-2.2 Header
-2.3 Navigation
--2.3.1 Drop-downs
-2.4 Introduction
-2.5 Content
-2.6 Sidebar
-2.7 Footer

3. WIDGETS

4. POSTS
-4.1 Typographic Elements
-4.2 Images
-4.3 PageNavi

5. COMMENTSAREA
-5.1 Comments
-5.2 Comments Form

6. GENERAL STYLES

-----------------------------------------------*/



/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/

/* 1.1 Defaults */

body  {
	font: 14px Helvetica, Arial, Sans-serif;
	line-height: 1.5;  /*unitless for proper inheritance*/
	margin: 20px;
}

h1, h2, h3, h4, h5, h6  {
	margin: 0;
	font-family: Arial,Helvetica,Sans-serif;
}

h1  {font-size: 30px} h2  {font-size: 24px} h3  {font-size: 20px}
h4  {font-size: 18px} h5  {font-size: 14px} h6  {font-size: 12px}

p  {margin: 18px 0;}

/* 1.2 Hyperlinks */

a:link, a:visited  { text-decoration: none; }
a:hover  { text-decoration: underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}


/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/

/* 2.1 Containers */

#container  {
	width: 960px;
	margin: 30px auto;
}

#main  {
	width: 900px;
	padding: 10px;
}

#main #inside  {
	padding: 20px;
}

/* 2.2 Header */

#header  {
	width: 940px;
	margin: 0 auto -10px auto;
}

#header h1, #header h2  {display: none}

#header img { margin: 40px 0; }

#header #logo  {
	float: left;
	width: 470px;
}

#header #top-ad  {
	float: right;
	width: 470px;
}

/* 2.3 Navigation */

#navigation  {
	position: relative;
	z-index: 1;
	float:left;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav li {
	float: left;
	margin: 0 5px 0 0;
}

#nav a:link, #nav a:visited {
	display: block;
	z-index: 100;
	padding: 10px 8px 6px 8px;
	text-transform: uppercase;
	font-weight: bold;
}

#nav li.current_page_item a, #nav li a:hover  {
	text-decoration: none;
}

/* Style drop down list */

#nav li ul { position: absolute; width: 172px; left: -999em; }
#nav li ul li {	margin: 0!important; }
#nav li ul li a { font-size: 12px; width: 156px; }
#nav li ul li a:hover {}
#nav li ul ul {	margin: -26px 0 0 170px; }
#nav li ul li ul li a {	border-width:0 1px 1px 0px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

/* 2.4 Introduction */

#introduction  {
	padding-bottom: 10px;
}

#about  {
	position: relative;
	z-index: 0;
	float: left;
	width: 860px;
	margin: 0 0 0 -40px;
	padding: 7px 20px 7px 20px;
	word-wrap: break-word;
}

#about h2  {
	font-size: 50px;
	min-height: 95px;
	padding-left: 100px;
	padding-top: 10px; 
	width: 570px;
	float: left;
}

#about h2 .small_blog_title {
      font-size: 40px;
      padding-top: 10px; 
}

#about h2 .really_small_blog_title {
      font-size: 30px;
      padding-top: 15px;
}


#about p  {
	line-height: 20px;
}


#about img  {
	float: left;
	margin: 0 20px 10px 0;
}

/*
.together_links {
	height: 40px;
	vertical-align:bottom;
	}*/

#login_link {
    font-size: 11pt;
    float: right;
    margin-right: 30px;/*10px 20px 10px 0px;*/
    margin-bottom: 5px;
    color: white;
}
#login_link a, #login_link a:visited, #login_link a:hover {
    color: white; 
}

#login_link a:hover {
    text-decoration:underline;
    /*background-color: ; */
}
#login_link #control_panel_link {
    margin-left: 10px;
    margin-right: 10px;
}


#about .fold  {
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 20px;
	height: 15px;
}
.post .title {
  position: relative;	
}
.post .title .fold  {
    bottom: -15px;
    height: 15px;
    left: 0;
    position: absolute;
    width: 20px;
}
#connect  {
	float: left;
	width: 278px;
	margin: 0 0 0 20px;
}

#connect ul  {

}

#connect ul li  {
	height: 64px;
}

#connect ul li a  {
	display: block;
	height: 34px;
	padding: 15px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
	cursor: pointer;
}

#connect ul li a:hover  {
	text-decoration: none;
}

#connect ul li a img  {
	float: left;
	margin: 0 15px;
}

#connect ul li a span  {
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

/* 2.5 Content */

#content  {
	float: left;
	width: 620px;
	margin: 20px 0 0 0;
}

#full-width  {
	width: 940px;
}

h2.result_heading  {
	margin: 0 0 20px 0;
	color: #aaa;
}
h2.result_heading {
    border-bottom: 2px solid #aaa;
}
/* 2.6 sidebar */

#sidebar  {
	float: left;
	width: 220px;
	margin: 20px 0 0 20px;
}

/*#sidebar a  {
}*/

/* 2.7 Footer */

#footer  {
	padding: 20px 0 20px 0;
	text-align: center;
}

#footer p  {
	margin: 7px 0;
	font-weight: bold;
}

#footer ul li  {
	display: inline;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 6px;
}

#footer ul li a  {
}

#footer ul li.current_page_item a, #footer ul li a:hover  {
}



/*-----------------------------*/
/* 3. WIDGETS */
/*-----------------------------*/

.widget  {
	margin: 0 0 30px 0;
}

.widget h3  {
	position: relative;
	margin: 0 -40px 0 0;
	padding: 5px 40px 5px 10px;
	font-size: 14px;
	text-transform: uppercase;
	height: 25px; /*mgh to match front table header*/
}

.widget h3 span.fold  {
	position: absolute;
	display: block;
	right: 0;
	bottom: -15px;
	width: 20px;
	height: 15px;
}

.widget ul  {

}

.widget ul li  {
	word-wrap: break-word;
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
	
.widget ul li a:link, .widget ul li a:visited  {
	display: block;
	padding: 0 0 0 10px;
	line-height: 22px;
}

.widget ul li a:hover  {
	text-decoration: none;
}

.widget ul li a:link, .widget ul li a:visited {
	color: #222;
	}

.widget_recent_comments li a  {
	background: none!important;
	border: none!important;
}
.widget_recent_comments li  {
	padding: 6px 0 6px 20px;
	line-height: 18px;
}

.widget_recent_comments li a  {
	display: inline;
	padding: 0;
	line-height: 18px!important;
}
	
#my_recent_posts li:nth-child(even)  {
	background-color: #F4F2D5;
	}
#my_recent_posts li:nth-child(odd)  {
	background-color: #f1f1f1;
	}
#my_recent_posts li  {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}

#my_recent_posts .recent_post_meta {
	font-size: .8em;
	color: #5C5C5C ;
	font-style: italic;
}


.user_list ul{
	list-style-type: none;
	}
.user_list ul li { 
	padding: 3px 0px; /* don't make the blog directory too tall*/
	}	
.user_list ul li:hover { /*blog directory */
	background-color: #eee;
	}
.user_list #no_students_widget {
	padding-left: 10px;
	}


	
.a_comment .comment_text {
	font-size: .8em;
	line-height: 160%;
	font-style: italic;
	}
	
#author_comments .a_comment .comment_meta {
	font-size: .8em;
	color: #5C5C5C ;
	font-style: italic;
	padding: 10px 10px 5px 10px;
}
#author_comments .a_comment {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}
#author_comments .a_comment:nth-child(odd) {
	background-color: #f1f1f1;
	}
#author_comments .a_comment:nth-child(even) {
	background-color: #F4F2D5;
	}
	
.commentlist .even, #author_comments .evenCommentRowColor {
    background-color: #F4F2D5;
}
.commentlist .odd, #author_comments .oddCommentRowColor {
    background-color: #EEEEEE;
}


#searchform  {
	margin: 80px 5px 0 0;
	width: 180px;
	float: right;
	position: relative;	
	display: block;
}

#searchform  div {
	height: 20px;
	width: 180px; /*for iphone*/
	bottom: 0;
}

#searchform #s  {
	width: 120px;
	padding: 3px 0 3px 5px;
}

#searchform .submit  {
	padding: 2px 0 2px 0;
	text-transform: uppercase;
	font-weight: bold;
}

#flickr h3  {
	margin-bottom: 10px;
}

#flickr .flickr_badge_image  {
	margin: 4px 6px;
	float: left;
	width: 75px;
}

#twitter li  {
	margin: 10px 0;
}

#twitter a  {
	display: inline;
	padding: 0;
	line-height: 18px;
}

#ads img  {
	float: left;
	margin: 10px 5px 0 5px;
}

/*-----------------------------*/
/* 4. POSTS */
/*-----------------------------*/

.post  {
	margin: 0 0 40px 0;
}
.post div.title {
    padding: 5px 5px 5px 10px;
    text-shadow: #fff 2px -2px 1px;
    clear: both; 
}
.post .meta  {
	margin: 0;
	font-style: italic;
}

.post .meta .comments  {
	background: url("images/ico-comments.png") no-repeat scroll right 1px transparent;
	padding: 0 19px 0 0;
	text-transform: uppercase;
	font-weight: bold;
}

.post .meta .comments.leave_a_comment {
	text-transform: none;
}
.post .categories, .post .author_name {
    display: block;
	margin: 5px 0px 10px 0px;
	}
.post .categories a  {
	display: inline;
	font-size: 12px;
	padding: 6px 8px 4px 6px;
}

.post .categories a:hover  {
	text-decoration: none;
}

.entry a.more-link  {
	text-transform: uppercase;
	font-weight: bold;
}

.post .tags  {
	margin: 0 0 20px 0;
}

/* 4.1 Typographic Elements */

/* no h2 so we can break words .post h2.title  {
	margin: 8px 0 20px 0;
	font-size: 30px;
	line-height: 120%;
}*/

.post div.title  {
	margin: 0px 0 10px -40px;
	font-size: 30px;
	line-height: 120%;
	word-wrap: break-word;
	font-weight: bold;
}
.post div.title a, .post div.title a:link, .post div.title a:visited, .post div.title a:active, .post div.title a:hover  {
	color: #3f312e
}

.post h2.title a:link, .post h2.title a:visited  {

}

.entry h1  {}
.entry h2  {}
.entry h3 {}
.entry h4 {}
.entry h5 {}
.entry h6 {}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {
	margin: 0 0 15px 0;
}

.entry blockquote  {
	padding: 10px 30px;
}

.entry blockquote p  {
	margin: 0;
}

.entry ul  {
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
}

.entry ul ul  {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

.entry ul li  {
	list-style-type: circle;
}

.entry ul li ul li  {
	list-style-type: disc;
}

.entry ol  {
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
}

.entry ol ol  {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

.entry  ol li  {
	list-style-type: decimal;
}

.entry  ol li ol li  {
	list-style-type: lower-latin;
}

/*kidblog*/
.entry {
	border-top: 1px solid #ddd;
	margin-top: 4px;
	padding-top: 4px;
}


/* 4.2 Images */

.entry img  {
}

img.wp-smiley  {
	padding: 0;
}

.entry .alignleft  {
	float: left;
	margin: 10px 15px 10px 0;
}

.entry .alignright  {
	float: right;
	margin: 10px 0 10px 15px;
}

.entry .aligncenter  {
	text-align: center;
}
/*captions*/
.wp-caption {
    background: none repeat scroll 0 0 #EEEEEE;
    margin-bottom: 1.625em;
    max-width: 96%;
    padding: 9px;
}

p img, .wp-caption {
    margin-top: 0.4em;
}
/*end captions*/
/* 4.3 Page Navi */

div.Nav  {
	height: 25px;
}
.Nav strong.on {
    color: #FFFFFF;
}
/*-----------------------------*/
/* 5. COMMENTSAREA */
/*-----------------------------*/

/* 5.1 Comments */

#comments h3 { 
	font-size: 20px;
	font-weight: normal;
	padding: 10px 0 20px 0;
}

#comments ol.commentlist  {
	margin: 20px 0 0 0;	
}

#comments {
	border-top: 1px solid #ddd;
	clear: both;
}

.commentlist blockquote {
	margin-left: 20px;
	padding-left: 5px;
	border-left: 2px solid #aaa;
	}
	
.commentlist ins {
	color: #06910A;
	font-weight: bold;
	}
.commentlist del {
	color: #FF0000;
}

#comments ol.commentlist li {
	list-style-type:none;
	padding: 10px 20px;
	margin-bottom: 8px;
	border: 1px solid #ddd;
	word-wrap: break-word;
}

#comments ol.commentlist li .comment-head {
	margin: 0 0 10px 0;
}

#comments ol.commentlist li .comment-head .avatar img  {
	float: right;
}

#comments ol.commentlist li .comment-head .user-meta span  {
	display: block;
}

#comments ol.commentlist li .comment-head .user-meta span.name  {
	font-weight: bold;
}

#comments ol.commentlist li .comment-head .user-meta span.date  {
	font-size: 11px;
}

#comments ol.commentlist li .comment-head .user-meta span.perma  {
	text-transform: uppercase;
	font-size: 10px;
}

#comments ol.commentlist li .comment-entry p  {
	margin: 0 0 10px 0;
}

#comments div.reply a { font-size:11px; text-decoration:none; text-transform: uppercase; font-weight: bold; margin-top: 10px; display:block;}

#comments ul.children { 
	margin:10px 0 0 0;
	padding:0 0 0 22px;
}

#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
	display: block;
	padding: 5px 9px;
	margin-left: 4px;
	font-family:Georgia;
	font-weight:bold;
}

#comments .commentlist #respond #form_wrap {
	padding:0 0 25px;
	margin:0;
	width:auto;
}

#comments .cancel-comment-reply {margin-bottom:10px;}


.comment-meta.commentmetadata {
		color: #696969;
		margin-bottom: 5px;
	}

/* 5.2 Comments Form */

#respond  {
	margin: 20px 0 0 0;
}

#respond h2  {
	margin: 0;
}

#commentform  {
	margin: 20px 0 0 0;
}

#commentform input.txt  {
	width: 207px;
	margin: 0 10px 0 0;	
	padding: 3px 0 3px 5px;
}

#commentform label  {
	font-size: 11px;
	/*text-transform: uppercase;*/
}

#commentform textarea  {
	width: 100%;
}

#commentform #submit  {
	padding: 5px;
	text-transform: uppercase;
}

/*-----------------------------*/
/* 6. GENERAL STYLES */
/*-----------------------------*/

.floatl  {float: left;}
.floatr  {float: right;}

.alignl  {text-align: left;}
.alignr  {text-align: right;}
.alignc  {text-align: center;}

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



#recent_posts_container {
	width: 100%;
}
#recent_post_form_container {
    border-bottom: 1px solid #C0D9E2;   
}
#recent_posts_title{
    color:#3399FF;
    font-family:"Trebuchet MS",Arial,Sans-Serif;   
}


#blog_heading_and_list_container, #filter_and_post_container {
    float:left;
}




.comment-author {
	font-size: 1.5em;
	}

.commentlist .even,
.commentlist .depth-3.even, 
.commentlist .depth-5.even, 
.commentlist .depth-7.even, 
.commentlist .depth-9.even {
	background-color: #F4F2D5;
	}
.commentlist .odd,
.commentlist .depth-3.odd,
.commentlist .depth-5.odd,
.commentlist .depth-7.odd,
.commentlist .depth-9.odd  {
	background-color: #eee;
	}
.commentlist .children { 
	margin:10px 0 0 0;
	padding:0 0 0 22px;
}
/*even levels allow borders around nested comment*/
.commentlist .children .depth-2,
.commentlist .children .depth-4,
.commentlist .children .depth-6,
.commentlist .children .depth-8,
.commentlist .children .depth-10 { 
	background-color: #fff;
}

/*always style teacher as yellow*/
.commentlist li.teacher_comment,
.commentlist  ul.children li.teacher_comment,
.commentlist  ul.children li.teacher_comment ul.children li.teacher_comment,
.commentlist  ul.children li.teacher_comment ul.children li.teacher_comment ul.children li.teacher_comment,
.commentlist  ul.children li.teacher_comment ul.children li.teacher_comment ul.children li.teacher_comment ul.children li.teacher_comment   {
    background: #FFF896; 
}

#comments h2, #respond h2 {
	color: #696969;
}

.commentlist .teacher_comment {
    background: #FFF896; 
}

#comments .private_comment {
    background: #AED5FB; 
}

.comment_action_links {
	margin-top: 10px;
	}

.tagcloud {
	padding: 10px;
	}
.meta .date, .pending_flag {
	font-size: .8em;
	margin-right: 15px;
	}