/*******************************************************************/
/*** sactobirth - Forked from DarkShades (sean@silverstripe.com) ***/
/*******************************************************************/


/**

 * This file is used for the typography on the site

 * as well as the WYSIWYG editor for SilverStripe

 */



/* Global resets */

.typography * {

	font-family: 'Alice', Arial, Helvetica, sans-serif;

	font-size: 13px;

}



/* Because of the font colour we override the TinyMCE background color

   and add some padding for readability */

.mceEditor {

	background: #666;

	padding: 5px;

}

.mceContentBody {

	background: none !important;

}



/* Inline elements don't inherit the font-size attribute as a block

   element would, so we give it 100% to take the parent font size */

.typography a,

.typography strong,

.typography em,

.typography span {

	font-size: 100%;

}



/* Various styling */

.typography blockquote {

	padding: 8px 5px;

	padding-left: 20px;

	background: #FFFFFA;

	border: 1px solid #FF80FB;

	border-left: 7px solid #FF80FB;

	margin-left: 0;

	margin-bottom: 20px;

}

	.typography blockquote * {

		margin-bottom: 0 !important;

	}

	.typography pre {	

		font-family: "Courier New", Courier, monospace;

		color: #bccd9a;

		background: #FFFFFA;

		border: 1px solid #FF80FB;

		border-right: 7px solid #FF80FB;

		padding: 10px;

		margin: 20px 0;

}

.typography hr {

	margin: 10px 0;

}


/* Generic styling across multiple typography elements */
.typography address,
.typography p,
.typography ul li,
.typography ol li {
	color: #000;
}

	/* Paragraph and list items style */

	.typography p,

	.typography ul li,

	.typography ol li {

		line-height: 1.5;

	}

		.typography p {

			margin-bottom: 20px;

		}

		/* Lists specific styling */

		.typography ul,

		.typography ol {

			margin-left: 5px;

			margin-bottom: 20px;

		}

			.typography ul li,

			.typography ol li {

				margin: 4px 10px;

				line-height: 1.4;

				list-style-position: inside;

			}

				.typography ul li {

					list-style-type: disc;

				}

					.typography blockquote ul li {

						list-style-type: none;
						padding-bottom:10px;

					}

				.typography ol li {

					list-style-type: decimal;

				}
				.typography blockquote hr {
          margin-top: 25px;
        }



/* Comments styles */

#PageComments li {

	list-style-type: none;

	background: #555;

	padding: 10px 0 0 10px;

}

	#PageComments p {

		color: #ccc;

	}

	#PageComments .info {

		padding-bottom: 10px;

		color: #999;

	}

		#PageComments .info * {

			font-size: 11px;

		}

			#PageComments .info a {

				font-size: inherit;

			}

  

/* Header styles */

.typography h1,

.typography h2,

.typography h3,

.typography h4,

.typography h5,

.typography h6 {

	margin-bottom: 10px;

	color: #626262;

	font-weight: normal;

}

	#accordion .ui-accordion-header {
		margin-bottom: 0px;
		padding: 15px 0;
	}


	.typography h1 {

		font-size: 24px;

	}

	.typography h2 {

		font-size: 22px;

	}

	.typography h3 {

		font-size: 16px;

	}

	.typography h4 {

		font-size: 14px;

		padding-bottom: 5px;

		border-bottom: 1px solid #666;

	}



/* Table styling */  

.typography table tr td {

	padding: 3px 5px;

}



/* Tab styling */



/* Override to get the tab strip div showing fields properly */

.tab div.field {

	width: auto;

}



  

/* Alignment styles */

.typography .left {

	text-align: left;

}

.typography .center {

	text-align: center;

}

.typography .right {

	text-align: right;

}

.typography img.right,  .typography img.left {
  border: 1px solid #959595;
  border-left: 1px solid #626262;
  border-top: 1px solid #626262;
}

.typography img.right {
  padding: 2px;
  margin: 0 0 .4em 1.0em;
	float: right;
}

.typography div.captionImage.right {
  padding: 2px;
  margin: 0 0 .4em 1.0em;
	float: right;
	border: 1px solid #959595;
  border-left: 1px solid #626262;
  border-top: 1px solid #626262;
}

.typography div.captionImage.right img.right {
  border:none;padding:0;
}

.typography img.left {
  padding: 2px;
  margin: 0 1.0em .4em 0;
	float: left;
}

.typography div.captionImage.left {
  padding: 2px;
  margin: 0 1.0em .4em 0;
	float: left;
	border: 1px solid #959595;
  border-left: 1px solid #626262;
  border-top: 1px solid #626262;
}

.typography div.captionImage.left img.left {
  border:none;padding:0;
}

.typography p.caption {
  text-align:center;
  margin-bottom:5px;
}

.BirthPage .recentbirths li {
width: 30%;
float: left;
list-style-type: none;
}
#PageNumbers {
	float: left;
	width:100%;
}
.Page #PageNumbers {
	display:none;
}