/************************************************/
/* Default                                      */
/************************************************/   

* {
	margin: 0;
	padding: 0;
}

ul {
	margin-left: 2em;
}

li {
  list-style: disc outside url(design_jibe/arrow_red.gif);
	text-align: justify;
}

h1 {
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
}

h2 {
	clear: both;
	padding-bottom: 5px;
	margin: 25px 0 15px 0;
	border-bottom: 1px solid #000;
}

h3 {
	clear: both;
	margin: 20px 0 5px 0;
	border-bottom: 1px dashed #000;
}

p {
	margin-top: 1em;
	text-align: justify;
}

/************************************************/
/* Page Layout                                  */
/************************************************/    

body {  

}

#content {
	position: static;
	width: 100%;
	margin: 0;
}

#site_title { /* invisible, but here for Google */
  display: none;
}

#mainContent {
	border: none;
}

#comments, #resources {
  display: none;
}
  
#menu {
  display: none;
}

#languages {
  display: none;
}

#search {
  display: none;
}

#accessLinks {
	display: none;
}






  
/************************************************/
/* Latest comments - what's new   HOME PAGE     */
/************************************************/ 

#whatsNew, #latestPostsHome, #latestCommentsHome  {
  border: 1px solid #000;
  margin: 10px;
  padding: 3px 10px 10px 10px;
}

#whatsNew h2, #latestPostsHome h2, #latestCommentsHome h2 {
  margin: 0;
	padding-bottom: 5px;
  color: #c00;
	border: none;
	font-size: 1.1em;
}

#whats_new_details_link {
  font-size: 0.9em;
}






/************************************************/
/* Comments                                     */
/************************************************/ 

#comments h2 { /* already a padding for the #comments */
	margin-top: 0px;
}

div.comment {
	margin-top:1em;
}

.comment_info {
	background-color:#ccf;
}

p.comment_author {
	padding-left: 5px;
	margin: 0;
}

.comment_author_name {
	font-weight: bold;
}

p.comment_date {
	float: right;
	margin: 0 5px 0 0;	
}

.comment_content {
  background-color: #fc3;
	padding: 5px;
}

/* the form */

#addCommentForm {
  padding: 5px;
	margin: 20px;
	background-color:#ccf;
}

#addCommentForm h3 {
  margin-top: 0;
}

#addCommentForm label {
  float: left;
	clear: left;
  text-align: right;
	width: 75px;
	margin: 4px 10px 0 0;
}

#emailFormInfo {
	font-size: 0.7em;
}

#addCommentForm input, #addCommentForm textarea {
	margin-top: 4px;
}

#addCommentForm textarea {
	width: 450px;
	height: 100px;
}

#addCommentForm input.submit {
	margin: 10px 0 0 95px;
}



/************************************************/
/* various sub-sectiosn                         */
/************************************************/ 

p#siteIntro {
	margin-top: 0;
}

#pageInfo {
	margin-top: -15px;
	background-color:#ccf;
	padding-left: 4px;
}

#pageInfo p {
	margin: 0;
}

#pageInfo p#pageCredits, #pageInfo p#pageDate {
	font-size: 0.9em;
	color: #666;
}

#important_pages h3 {
	background-color:#fc3;
	font-weight: bold;
  font-size: 0.9em;
	padding-left : 5px;
	margin: 0;
	border: none;
}

#important_pages {
	float:right;
	clear:right;
	border-bottom:5px #fc3 solid;
	margin:10px;
}

.group1 {
	margin: 0 0 10px 20px;
}

.group1 h3 {
	background-color:#ccf;
	font-weight: bold;
  font-size: 0.9em;
	padding-left : 5px;
	margin: 0 0 0 -10px;
	border: none;
}

.group1 h4 {
	margin:5px 0 0 -5px;
}

.group1 p {
	margin: 0;
}

.book_section {
  border: 2px solid #000;
  margin:10px;
  padding:10px;
}

.book_section h2 {
  margin-top: 0;
}

.book_illustration {
	float:left;
	margin-right:10px;
}

table#patternTable {
	border-collapse:collapse;
}

table#patternTable th {
	font-weight: bold;
	text-align: center;
	border: 2px solid black;
	padding: 3px;
}

table#patternTable td {
	vertical-align: top;
	border: 2px solid black;
	padding: 3px;
}

table#patternTable td.empty {
	border: none;
}

.newVideos {
	color: #933;
	font-weight: bold;
}

#patternSearchText {
	float: left;
	width: 50%;
	margin-top:-1em; /* because of first <p> inside the div */
	margin-right: 30px;
}

ul#patternSearchLevels > li {
	list-style: none;
}

#patternSearchForm {
	clear: both;
	padding-top: 15px;
}

#patternSearchForm legend {
	font-weight: bold;
}

/********************
Images
***************/

img {
	border: 1px solid;
}

.noBorder {
	border:0;
}

.top_illustration {
	float:right;
	clear:right;
	margin:10px;
}

.top_illustration p {
	margin:0;
	font-size: 0.8em;
}

.summary {
	color: #666;
	font-size: 0.9em;
}