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

/***=====================================   DEFAULT   =====================================***/
html, body		{ height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #666666; }

#wrapper		{ min-height: 100%; position: relative; }
#header, #nav {
	width: 100%;
	position: absolute;
}
#header		{ height: 174px; top: 0; z-index: 1; }
#nav		{ height: 40px; top: 110px; z-index: 2; }
#content	{ padding: 144px 0 0px; position: relative; z-index: 2; }

/**===== TEXT =====**/
h1			{ font-family: 'Arvo', Arial, Helvetica, sans-serif; color: #1d297f; font-size: 2em; line-height: 1em; margin: 13px 0 13px; }
h2			{ font-family: 'Arvo', Arial, Helvetica, sans-serif; color: #1d297f; font-size: 1.6em; line-height: 1em; margin: 20px 0; }
h3			{ font-family: 'Arvo', Arial, Helvetica, sans-serif; color: #1d297f; font-size: 1.4em; line-height: 1em; margin: 20px 0; }
h4, h5, h6	{ font-family: 'Arvo', Arial, Helvetica, sans-serif; color: #1d297f; font-size: 1.2em; line-height: 1em; margin: 10px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: inherit; color: inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #111;
}

p, ul, ol, form, iframe table {
	margin: 13px 0;
}
ul, ol {
	padding: 0 25px;
}
ul		{ list-style: disc; }
ul	ul	{ margin: 0; list-style: circle; }
ol		{ list-style: decimal; }
ol	ol	{ margin: 0; list-style: lower-alpha; }

p.bold	{ font-weight: bold; }
strong	{ font-weight: bold; }

a		{ color: #2a3686; }
a:hover	{ color: #111; }

em		{ font-style: italic; }

/**===== MEDIA =====**/
img.left, .captionImage.left {
	float: left; margin: 0 25px 20px 0; text-align: left;
}
img.right, .captionImage.right {
	float: right; margin: 0 0 20px 25px; text-align: right;
}
.captionImage img	{ margin: 0 0 5px; }
.captionImage p		{ margin: 10px 0 0; font-size: 0.85em; color: #666; }
.center				{ text-align: center; }

/**===== FORM =====**/
form .field		{ margin-bottom: 5px; }
form p			{ margin-top: 0; overflow: hidden; position: relative; }
label			{ display: block; font-weight: bold; margin: 0 0 0px; color: #1D297F;  }
input.text, textarea, select {
	width: 386px;
	padding: 2px;
	border: 1px solid #C5C0C5;
	color: #666;
}
select {
	padding: 1px;
}
.container_24 select.grid_5	{ width: 186px; }
textarea		{ font-family: inherit; font-size: inherit; color: inherit; height: 35px; }

#content form ul.optionset	{ margin: 0; padding: 0; list-style: none; position: relative; overflow: hidden; }
form .optionset li			{ float: left; margin-right: 5px; }
form .optionset li label, form .checkbox label {
	display: inline;
	font-weight: normal;
	margin: 0;
	color: #666;
}

label.required				{ font-weight: normal; color: #e30000; }
.optionset .radio.required, .checkbox input.required	{ float: left; margin-bottom: 18px; }
.optionset label.required, .checkbox label.required	{ position: absolute; bottom: 0; left: 0; }

form .Actions	{ margin-top: 10px; }
.Actions p		{ margin-top: inherit; }
.Actions input {
	font-family: 'Indie Flower', cursive; 
	font-weight: bold;
	font-size: 2em; 
	
	background: none;
	border: none;
	color: #1D297F;
	padding: 4px 10px;
	background: url(../images/menu-selected.png) bottom left repeat-x;
	/*-webkit-box-shadow: #ccc 0px 0px 1px;
	-moz-box-shadow: #ccc 0px 0px 1px;
	box-shadow: #ccc 0px 0px 1px;*/
}
.Actions input:hover {
	background-color: #7fd390;
	color: white;
	cursor: pointer;
	/*
	background: #ec3a3a;
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;*/
}

.fieldgroup			{ overflow: hidden; }
.fieldgroupField	{ float:left; margin-right: 20px; }
.fieldgroupField input.text,
.fieldgroupField select	{ margin:0px; }
.CompositeField div.field	{ margin-left: 0px; margin-right: 0px;}
span.topmargin		{ margin-top: 20px; display: block;  }
span.message		{ color: #E2010E; font-size: 0.9em; }
.honeypot 		{ display: none; }

/***=====================================   HEADER   =====================================***/
#header			{ background: url("../images/header-background.png") top center repeat-x; }
#header h1		{ margin: 0px 0 0; text-align: center; margin-bottom: 6px; }
#header h2		{ margin: 0; color: #ffffff; text-align: center; font-size: 1.6em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
#header .container_24	{ position: relative; padding-top: 16px; }
#header img.qrius		{ position: absolute; left:0px; top: 16px; }

/***=====================================   NAVIGATION   =====================================***/
#nav ul.navigation { text-align: center; }
#nav ul li		{ 
	display: inline-block; 
	*display: inline;
	zoom:1; 
	margin-right: 1px; 
	float: none !important; 
}
#nav ul a		{ font-family: 'Arvo', Arial, Helvetica, sans-serif; font-size: 1.3em; display: block; padding: 5px 5px 10px;  color: #1d297f; text-decoration: none; border-bottom: 6px solid transparent; }
#nav ul a:hover, #nav ul li.current a, #nav ul li.section a {	
	color: #fff;
	/*border-bottom: 6px solid #00a721;*/
	background: url(../images/menu-selected.png) bottom left repeat-x;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	top: 40px;
}
#nav ul li li	{ border-top: 1px solid #ddd; }
#nav ul li.current li a, #nav ul li.section li a {	
	color: #fff;
}
#nav ul li.current li a:hover, #nav ul li.section li a:hover, #nav ul li.section li.current a {	
	color: #fff;
}

/**===== BACKGROUND IMAGES =====**/
.background { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;z-index:0; }
.background img { width: 100%; }

/**===== SEARCH FORM =====**/
#nav #SearchForm_SearchForm			{ float: right; margin: 9px 0; }
#SearchForm_SearchForm .field		{ float: left; }
#SearchForm_SearchForm input		{ float: left; }
#SearchForm_SearchForm input.action			{ border: none; background: #e30000; color: #fff; padding: 1px; border: 1px dotted #111; text-transform: uppercase; margin-left: 2px; }
#SearchForm_SearchForm input.action:hover	{ background: #ec3a3a; cursor: pointer;  }

/***=====================================   CONTENT   =====================================***/
#content	{ overflow: hidden; }
#content .container_24	{ background: url("../images/paper.png") top left no-repeat; min-height: 782px; padding-top: 80px; }
.content-padding		{ padding-left: 25px; }
.top-padding			{ margin-top: 40px; }
.grid_1.top-padding		{ margin-left: 5px; }
.grid_16.top-padding	{ height: 682px; overflow: auto; margin-right: 0px; padding-right: 10px; }
.grid_10.top-padding	{ height: 682px; overflow: auto; padding-right: 15px; margin-right: 0px; }

/**===== ARTICLES =====**/
.teaser h1		{ font-size: 1.5em; margin-bottom: 5px; }
.teaser h2		{ 
	font-family: Arial, Helvetica, sans-serif; 	
	font-size: 1.0em; 
	line-height: 1.6em; 
	position: relative;
	left: -10px;
	padding-left: 10px;
	margin: 0px; 
	font-weight: bold; 
	background: url("../images/teaser-heading-background.png") top left no-repeat; 
}
.teaser h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; margin: 2px 0px; }
.teaser p		{ margin-top: 0px; }
.teaser-image	{ padding: 5px; background: #ddd; border: 1px solid #ccc; }
.grid_8.column-1		{ margin-left: 0px; width: 287px; }
.grid_8.column-0		{ margin-right: 0px; width: 287px; }

/**===== SEARCH RESULTS =====**/
ul#search-results		{ margin: 0 0 20px; padding: 0; list-style: none; }
#search-results li		{ padding: 20px; }
#search-results li.odd	{ background: #f7f7f7; }
#search-results h2		{ margin-top: 0; }

/**===== PAGING =====**/
#page-numbers			{ text-align: center; position: relative; margin: 20px 0; padding: 10px 0; background: #ddd; }
#page-numbers a.prev	{ position: absolute; top: 18px; left: 20px; }
#page-numbers a.next	{ position: absolute; top: 18px; right: 20px; }
#page-numbers p			{ margin: 0; color: #666; font-size: 0.85em; }

/**===== PORTFOLIO =====**/
.portfolio-item			{ padding: 9px; background: #eee; border: 1px dotted #ddd; }

/**===== BOOK =====**/
.book		{ position: relative; }
.book > img	{ margin-left: 85px; }
.book a		{ position: absolute; bottom: 35px; left: 0px; }
.view-book a	{ 
	font-family: 'Indie Flower', cursive; 
	font-weight: bold;
	font-size: 2em; 
	text-decoration: none;
	display: inline-block;
	color: #1D297F;
	
	/*text-shadow: #fff 0px 1px 1px;*/
	
	padding: 0px 0px 13px; 
}
.view-book a:hover {
	background: url("../images/yellow-note-selected.png") top center no-repeat;
	
}
.view-book	{ height: 58px; padding-top: 15px; text-align: center; background: url("../images/whitebg.png") bottom center no-repeat;  }

/**===== YELLOW NOTE =====**/
.yellow-note			{ 
	font-family: 'Indie Flower', cursive; 
	font-weight: bold;
	font-size: 1.8em; 
	line-height: 1em;
	color: #1d297f; 
	background: url("../images/yellow-note.png") top left no-repeat; 
	min-height: 236px;
	margin-left: 20px; 
	width: 212px;
	padding: 35px 65px 0px 5px;	
	text-transform: uppercase;
	text-align: center;
}
.yellow-note div		{ font-size: 1.1em; }
.yellow-note a			{ text-decoration: none; display: inline-block; *display: inline; padding: 0px 5px 0px; }
.yellow-note a:hover	{ background: url("../images/yellow-note-selected.png") top center no-repeat;  }
.yellow-note img	{ margin: 10px 0px; }
.yellow-note ul		{ padding: 0px; list-style: none; margin: 0px; }
.yellow-note ul	li	{ padding: 0px; font-size: 0.8em; line-height: 1em; }

/* follow buttons */
iframe.twitter-follow-button {
	display: block;
	margin-bottom: 5px; 
}