@charset "utf-8";
/* CSS Document */

/************************ TYPOGRAPHY *************************/
body {
	font-family:Arial, sans-serif;
	color:#333;
	font-size:16px;
}

h1 {
	font-family: Arial, sans-serif;
	font-size:32px;
	color:#4b2357;
	font-weight:bold;
	padding-bottom:15px;
}

h2 {
	font-weight:bold;
	font-size:20px;
	color:#4b2357;
	padding-bottom:10px;

}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ad7dca;
	font-weight:normal;
	padding-bottom:15px;
}

h4 {
	
}

hr {
	background-color:#CCC;
	border:none;
	height:1px;
	color:#CCC;
	margin-bottom:20px;
}

p {
	padding-bottom:27px;
	line-height:1.5em;
}
	p.subtitle {
		padding-bottom:10px;
		color:#666;
		font-style:italic;
	}
	p.fp-excerpt {
		padding-bottom:10px;
	}
	p.postmeta {
		padding-bottom:10px;
		font-style:italic;
		font-size:14px;
		
	}
	p.index-postmeta {
		padding-bottom:10px;
		font-style:italic;
		font-size:14px;
	}
	p.index-excerpt {
		padding-bottom:20px;
	}
	p.comment-meta {
		font-size:12px;
		font-weight:bold;
		font-style:italic;
		padding-bottom:10px;
	}

a {
	color:#491966;
	text-decoration:none;
	font-weight:bold;
}
	a:hover {
		color:#f39911;
		text-decoration:underline;
	}
	a.more {
		width:auto;
		padding:4px 7px 4px 7px;
		font-size:12px;
		background-color:#491966;
		color:#fff;
		font-weight:normal;
	}
		a.more:hover {
			background-color:#f39911;
			text-decoration:none;
			color:#fff;
		}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

span.footer {
	text-align:center;
	font-size:10px;
	color:#fff;
}
	span.footer a {
		font-weight:bold;
		text-decoration:none;
		color:#fff;
	}

span#welcome-message, span#cre8-message {
	font-size:17px;
	font-weight:normal;
	color:#333;
	line-height:1.5em;
}

#breadcrumbs {
	font-size:12px;
	color:#666;
}
	#breadcrumbs a {
		color:#666;
		font-weight:normal;
		text-decoration:underline;
	}
span.sidebar-title {
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 1px #491966;
	font-size:22px;
	padding-bottom:5px;
}




/**************************** LAYOUT ****************************/

#wrap {
	width:900px;
	margin:0 auto;
}
body {
	background-image:url(../images/header-2.png);
	background-position:top center;
	background-repeat:no-repeat;
}
#head {
	width:900px;
	float:left;
	display:inline;
	margin-top:118px;
	position: relative;
}
	#head .twitter-button { overflow: hidden; position: absolute; right: 40px; top: -100px; }
	
#translator {
	float:right;
	margin:20px 40px 0 0;
}
#translator p { padding:0 0 5px 0; color:#fff; font-size:12px; font-weight:normal; }
#footer {
	width:100%;
	height:253px;
	background-image:url(../images/footer-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
}
span.footer {
	display:block;
	width:870px;
	margin:0 auto;
	padding-top:183px;
	line-height:1.5em;
	text-align:center;
}
div#nav {
	display:inline;
	float:left;
	margin-left:330px;
}
	ul.nav li {
		float:left;
		margin-right:7px;
	}
div#the_content {
	display:inline;
	margin:0 40px 0 20px;
	width:580px;
	float:left;
}
div#the_content_custom {
	display:inline;
	margin:0 40px 0 10px;
	width:580px;
	float:left;
}
span.page-title {
	display:block;
	width:580px;
	float:left;
	margin-bottom:10px;
}
	div#the_content ul {
		margin:0 0 20px 20px;
	}
	div#the_content ul li {
		margin-bottom:10px;
		background-image:url(../images/nav-bullet.gif);
		background-position:0 5px;
		background-repeat:no-repeat;
		padding:0 0 0 20px;
		line-height:1.5em;
	}
div#the_content_wide {
	display:inline;
	width:900px;
	float:left;
}
div#breadcrumbs {
	display:inline;
	width:900px;
	float:left;
	margin:100px 0 50px 20px;
	padding-bottom:5px;
}
div#sidebar {
	display:inline;
	width:240px;
	float:left;
	margin:50px 0 0 0;
}
div.sidebar {
	display:inline;
	float:left;
	background-color:#e8e3e9;
	width:240px;
	margin-bottom:20px;
}
	div.sidebar img {
		float:left;
	}
	div.sb-title {
		display:inline;
		float:left;
		width:240px;
		height:53px;
		background-image:url(../images/sidebar-head.png);
	}
	span.sb-text {
		display:inline;
		float:left;
		width:210px;
		margin:15px;
	}
	span.sb-title {
		display:inline;
		float:left;
		padding:3px;
		font-size:18px;
		color:#fff;
		font-weight:bold;
		margin:10px 0 0 70px;
	}
	ul.sidebar-list {
		width:240px;
		float:left;
		margin:12px 0 0 0;
	}
		ul.sidebar-list li {
			padding:7px 15px 7px 15px;
			width:210px;
			line-height:1.5em;
		}
			ul.sidebar-list li a {
				font-weight:normal;
			}
				ul.sidebar-list li a:hover {
					text-decoration:none;
				}
		ul.sidebar-list li:hover {
			background-color:#f1f1f1;
		}
img.alignleft {
	display:block;
	float:left;
	margin:20px 20px 20px 0;
}
img.alignright {
	display:block;
	float:right;
	margin:0 0 20px 20px;
}
img.alignnone {
	display:block;
}
#wp-calendar {
	width:220px;
	height:180px;
	float:left;
	margin-left:10px;
}
	#wp-calendar caption {
		width:220px;
		font-weight:bold;
		text-align:center;
		padding:5px 0 5px 0;
		margin-bottom:10px;
	}
		#wp-calendar thead th {
			text-align:center;
			vertical-align:middle;
			color:#000;
			padding:0;
			font-weight:bold;
		}
			th[abbr=Sunday] {
				color:red;
			}
	#wp-calendar tbody td {
		text-align:center;
		vertical-align:middle;
	}
/********************************** INDEX *************************************/
div.index-entry {
	width:580px;
	float:left;
	margin-bottom:40px;
}
div.navigation {
	width:100%;
	float:left;
}
	div.alignleft {
		float:left;
	}
	div.alignright {
		float:right;
	}
span.index-thumb {
	width:120px;
	height:120px;
	float:left;
	display:inline;
	margin-right:20px;
}
span.index-text {
	display:inline;
	float:left;
	width:440px;
	margin-top:-5px;
}
/*************************** FRONT PAGE *****************************/
div#fp-images {
	position:relative;
	float:left;
	top:34px;
	left:150px;
	
}
#welcome, #cre8 {
	margin:110px 0 0px 20px;
	width:900px;
	height:430px;
	float:left;
	background-image:url(../images/welcome-bg-2.png);
	background-repeat:no-repeat;
}
	#cre8 {
		background: none;
		height: auto;
		margin: 20px 0 0 20px;
	}
#welcome-message, #cre8-message {
	display:inline;
	width:410px;
	float:left;
	margin-top:110px;
}
	#cre8-message { margin-top: 0; }

#cre8-logo {
	background: url(../images/cre8-logo.png) no-repeat 0 0;
	height: 61px;
	margin: 0 0 10px;
	overflow: hidden;
	text-indent: -9999px;
	width: 186px;
}

#homepage-notice {
	display:inline;
	width:880px;
	float:left;
	background: #fff6bf;
	border:2px solid #ffd324;
	color: #514721;
	margin:50px 0 10px 20px;
}
#homepage-notice span { padding:10px; display:inline; float:left; line-height:1.5em; font-size:12px; }
/******************************** COMMENTS ***************************************/
div#comments {
	width:100%;
	float:left;
	margin-top:20px;
}
	textarea#comment {
		width:574px;
	}
div.avatar {
	width:64px;
	height:64px;
	float:left;
	margin-right:20px;
}
div.thecomment {
	width:490px;
	float:left;
	background-image:url(../images/comment-bg.gif);
}
ol.commentlist {
	float:left;
	margin:20px 0 50px 0;
}
	ol.commentlist li {
		width:100%;
		float:left;
		margin-bottom:40px;
	}
		span.comment-text {
			display:inline;
			float:left;
			margin:10px 0 0 40px;
		}
		input#author, input#email, input#url, textarea#comment {
			padding:3px;
		}
/****************************** SINGLE *************************************/
span.single-thumbnail {
	width:120px;
	display:inline;
	margin-right:20px;
	float:left;
}
span.single-head {
	width:440px;
	float:left;
}
span#single-headstuff {
	width:580px;
	display:block;
	float:left;
	padding-bottom:30px;
	margin-bottom:40px;
	border-bottom:1px solid #CCC;
}
/************************** FORM ELEMENTS ***********************************/
.regular-text {
	padding:3px;
}
input#name, input#email, input#subject, textarea#message {
	width:300px;
}
ul#contact-form label {
	float:left;
	width:120px;
}
ul#contact-form li {
	margin-bottom:10px;
}

textarea#message {
	width:300px;
	height:120px;
}
input.button {
	padding:3px 10px 3px 10px;
}
ul.contact-form {
	margin:0 !important;
}
ul.contact-form label {
	float:left;
	width:120px;
}
	ul.contact-form li {
		padding:0 !important;
		background-image:none !important;
	}
div#message {
	display:block;
	background-color:#FF9;
	padding:10px;
	margin-bottom:20px;
	color:#000;
}
/************************************** JOB ENTRY ******************************/
div.jobentry {
	display:inline;
	float:left;
	margin-bottom:60px;
	border-bottom:1px solid #e8e3e9;
}

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }