/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------   
      Author: Wouter Govaert
======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              RESET            */
/**************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}
:focus
{
	outline: 0;
}
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

hr, p, ul, ol, dl, pre, blockquote, address
{
	margin-bottom: 1.6em;
}

/**************************************/
/*              TYPOGRAPHY            */
/**************************************/

html
{
	font-family: arial,helvetica, "microsoft sans serif" , sans-serif;
}
body
{
	font-size: 11px;
	line-height: 2em;
	background-image:url(../img/body_bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
	color:#757575;
}
abbr[title], acronym[title], dfn[title]
{
	border-bottom: 1px solid #ccc;
	cursor: help;
}
sup
{
	vertical-align: super;
}
sub
{
	vertical-align: sub;
}
strong, th, thead td, h1, h2, h3, h4, h5, h6
{
	font-weight: bold;
}
cite, em, dfn
{
	font-style: italic;
}
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea
{
}
del
{
	color: #666;
	text-decoration: line-through;
}
ins, dfn
{
	border-bottom: 1px solid #ccc;
}
small, sup, sub
{
	font-size: 85%;
}
abbr, acronym
{
	font-size: 85%;
	letter-spacing: .1em;
	text-transform: uppercase;
}
a abbr, a acronym
{
	border: none;
}
abbr[title], acronym[title], dfn[title]
{
	border-bottom: 1px solid #ccc;
	cursor: help;
}

/* HEADERS AND PARAGRAPHS */

h1, h1 a:link
{
	
	color:#916884;
	font-size:29px;
	margin-bottom:20px;
	font-family: TradeGothicLT,"Franklin Gothic Book",verdana,arial,helvetica, "microsoft sans serif" , sans-serif;
	text-decoration:none;
	line-height:1.2em;
}
h1 a:hover, h2 a:hover, h3 a:hover
{
	text-decoration:underline;
}
h2, h2 a:link
{
	
	color:#916884;
	font-size:24px;
	margin-bottom:20px;
	font-family: TradeGothicLT,"Franklin Gothic Book",verdana,arial,helvetica, "microsoft sans serif" , sans-serif;
	text-decoration:none;
	line-height:1.2em;
}
h3, h3 a:link
{
	
	color:#916884;
	font-size:18px;
	margin-bottom:15px;
	font-family: TradeGothicLT,"Franklin Gothic Book",verdana,arial,helvetica, "microsoft sans serif" , sans-serif;
	text-decoration:none;
	line-height:1.2em;
}
h4
{
	font-size: 14px;
	color:#326393;
	line-height:1.2em;
}
h5
{
	font-size: 12px;
	color:#000;
	font-weight:100;
}
h6
{
	font-size: 1em;
}
p
{
	margin: 0 0 1.5em;
}

/* TABLES */
table
{
}
th, td
{
}

/**************************************/
/*              FORMS                 */
/**************************************/

/* INPUT & TEXTAREA */
input, select,textarea
{
	cursor: pointer;
	font-size:1em;
}
input[type='text']
{
	cursor: text;
}
textarea, input, select
{
	padding: .3em .4em .15em .4em;
	
}

textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover
{
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus
{
}

/* FIELDSET & LABEL */
fieldset
{
	border: 1px solid #ccc;
	margin: 0 0 1.5em 0;
	padding: 1.4em;
}
legend
{
	font-size: 1.2em;
	font-weight: bold;
	padding-left: .8em;
	padding-right: .8em;
}
label
{
	font-weight: bold;
}

/* SELECT */
select
{
	padding: .1em .2em 0 .2em;
}
option
{
	padding: 0 .4em;
}

/**************************************/
/*              LISTS               */
/**************************************/

dt
{
	margin-bottom: .4em;
	margin-top: .8em;
}
ul
{
	list-style-type: disc;
	margin-left: 1.5em;
}
ul ul
{
	list-style-type: square;
}
ul ul ul
{
	list-style-type: circle;
}
ol
{
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 2.35em;
}
ol ol, ul ol
{
	margin-left: 2.5em;
}

/**************************************/
/*        NAVIGATION  AND LINKS       */
/**************************************/
a:link
{
	color: #326393;
	text-decoration: underline;
}
a:visited
{
	color: #326393;
}
a:hover
{
	color: #326393;
	text-decoration: none;
}
a:active, a:focus
{
	text-decoration: underline;
	outline:0;
}
a
{
	padding: 0.3em 0 .1em 0;
	position: relative;
}

/**************************************/
/*              HEADER                */
/**************************************/
#header
{
	width:950px;
	height:128px;
	margin:0 auto;
	position:relative;
}
	#header h1
	{
		position:absolute;
		left:10px;
		top:58px;
	}
	#header #languageNav
	{
		position:absolute;
		right:10px;
		top:7px;
	}
		#header #languageNav li
		{
			float:left;
			list-style-type:none;
		}
			#header #languageNav li a
			{
				display:block;
				float:left;
				font-size:12px;
				font-family: "Myriad Pro",arial,helvetica,"microsoft sans serif",sans-serif;
				text-decoration:none;
				width:26px;
				height:25px;
				line-height:25px;
				color:#6485a6;
				padding:0;
				text-align:center;
			}
			#header #languageNav li a:hover, #header #languageNav li a.active
			{
				background-image:url(../img/active_lang.jpg);
				background-repeat:no-repeat;
				background-position:0 0;
				color:#686868;
			}
			#header #mainNav
			{
				position:absolute;
				top:69px;
				right:0;
			}
				#header #mainNav li
				{
					float:left;
					list-style-type:none;
				}
					#header #mainNav li a
					{
						display:block;
						float:left;
						font-size:14px;
						font-family: verdana,arial,helvetica,"microsoft sans serif",sans-serif;
						text-decoration:none;
						height:52px;
						line-height:52px;
						color:#5e5e5e;
						padding:0 15px;
						text-align:center;
						margin-left:2px;
					}
					#header #mainNav li a.active, #header #mainNav li a:hover
					{
						background-image:url(../img/active_menu.jpg);
						background-repeat:repeat-x;
						background-position:0 0;
						border:2px solid #b377a0;
						color:#fff;
						padding:0 13px;
						line-height:50px;
					}

				
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
/* home */
#homeTopWrapper
{
	
	background-image:url(../img/home_top.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
}
#homeTop
{
	width:960px;
	clear:both;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:55px;
	margin-top:35px;
	}
	#homeTop #homeTopLeft
	{
		width:560px;
		float:left;
	}
		#homeTop #homeTopLeft #movieWrapper
		{
			border:1px solid #ebebeb;
			padding:10px;
			background-color:#fff;
		}
	#homeTop #homeTopRight
	{
		width:560px;
		margin-left:10px;
		float:left;
		padding:10px 30px;
		width:320px;
	}
#homeContentWrapper
{
	background-image:url(../img/homeContent.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-color:#fefefe;
	
}
#homeContent
{
	width:960px;
	margin:0 auto;
}
#homeLeft
{
	width:480px;
	float:left;
	margin:0 10px 0 0;
	padding-bottom:17px;
	background-image:url(../img/home_artikellist_shadow.png);
	background-repeat:no-repeat;
	background-position:50% 100%;
}
	#homeLeft #homeArtikelList
	{
		width:440px;
		background-color:#fff;
		padding:20px;
		position:relative;
		margin-top:-7px;
	}
		#homeLeft #homeArtikelList img.shadow
	{
		top:0;
		left:-6px;
		position:absolute;
	}
	#homeLeft #homeArtikelList .article
	{
		border-bottom:1px solid #e7e7e7;
		margin-bottom:10px;
		overflow:hidden;
	}
		#homeLeft #homeArtikelList .article h4 a
		{
			color:#326393;
			text-decoration:none;
		}
		#homeLeft #homeArtikelList .article h4 a:hover
		{
			text-decoration:underline;
		}
		#homeLeft #homeArtikelList .article a.tag
		{
			display:block;
			float:left;
			padding:4px 10px 0 10px;
			height:30px;
			background-image:url(../img/blue_balloon.jpg);
			background-repeat:no-repeat;
			background-position:0 50%;
			margin-right:5px;
			margin-bottom:1px;
			color:#fff;
			text-decoration:none;
			position:relative;
		}
			#homeLeft #homeArtikelList .article a.tag span
			{
				width:1px;
				height:33px;
				background-position:0 0;
				background-image:url(../img/blue_balloon_right.jpg);
				background-repeat:no-repeat;
				position:absolute;
				right:0;
				top:0;
			}
			#homeLeft #homeArtikelList .article a.tag:hover
			{
				background-image:url(../img/grey_balloon.jpg);
			}
				#homeLeft #homeArtikelList .article a.tag:hover span
			{
				background-image:url(../img/grey_balloon_right.jpg);
			}
#homeRight
{
	float:right;
	width:460px;
	margin-left:10px;
}
#homeRight .blockWrapper
{
	float:left;
	width:220px;
	background-image:url(../img/right_block_bg.png);
	background-repeat:no-repeat;
	background-position:50% 100%;
	padding-bottom:13px;
	margin-top:-8px;
	margin-bottom:5px;
}
#homeRight .block
{
	
	width:180px;
	background-color:#fff;
	height:173px;
	position:relative;
	padding:20px;
}
	#homeRight .block img.shadow
	{
		top:0;
		left:-6px;
		position:absolute;
	}
	#homeRight .block a
	{
		color:#326393;
	}
	#homeRight .block h3 a
	{
		color:#916884;
		text-decoration:none;
	}
	#homeRight .block h3 a:hover
	{
		text-decoration:underline;
	}
	#homeRight .blockWrapper.timeline
	{
		margin-right:20px;
	}
	#homeRight .tagCloudWrapper
	{
		background-image:url(../img/large_tagcloud_shadow.png);
		background-repeat:no-repeat;
		background-position:50% 100%;
		padding-bottom:18px;
		width:460px;
		clear:both;
	}
	#homeRight .tagcloud
	{
		width:420px;
		background-color:#fff;
		position:relative;
		padding:20px;
		overflow:hidden;
	}
	#homeRight .tagcloud img.shadow
	{
		display:none;
	}
	.tagcloud a
	{
		display:block;
		float:left;
		padding:4px 10px 0 10px;
		height:30px;
		background-image:url(../img/grey_balloon.jpg);
		background-repeat:no-repeat;
		background-position:0 50%;
		margin-right:5px;
		margin-bottom:1px;
		color:#fff;
		text-decoration:none;
		position:relative;
		white-space:nowrap;
		display:inline-block;
		zoom:1;
	}
		.tagcloud a span
		{
			width:1px;
			height:33px;
			background-position:0 0;
			background-image:url(../img/grey_balloon_right.jpg);
			background-repeat:no-repeat;
			position:absolute;
			right:0;
			top:0;
		}
		.tagcloud a:hover
		{
			background-image:url(../img/blue_balloon.jpg);
		}
			.tagcloud a:hover span
			{
				background-image:url(../img/blue_balloon_right.jpg);
			}
/* searchbox */
.searchBox
{
	overflow:hidden;
}
.searchBox input.searchBar
{
	background-image:url(../img/search_bg.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	border:none;
	width:175px;
	line-height:29px;
	height:29px;
	padding:0 5px;
	background-color:Transparent;
	float:left;
}
#searchBox #btnSubmit, .btnSubmit
{
	width:69px;
	height:27px;
	line-height:27px;
	text-align:center;
	float:left;
	margin-left:5px;
	background-image:url(../img/search_btn.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	background-color:none;
	color:#fff;
	text-decoration:none;
	border:none;
	padding:0;
}
.searchBox #btnSubmit:hover, .btnSubmit:hover
{
	background-image:url(../img/search_btn_hover.png);
}

/* article detail */

#content,#toolMenu
{
	width:960px;
	margin:0 auto;
}
#contentWrapper
{
	background-image:url(../img/homeContent.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
}
#toolMenu
{
	overflow:hidden;
	height:72px;
	position:relative;
}
	#toolMenu .searchBox
	{
		position:absolute;
		top:20px;
		right:0;
	}
		#toolMenu a.printLink, #toolMenu a.pdfLink
		{
			width:80px;
			height:54px;
			padding-left:51px;
			line-height:54px;
			background-image:url(../img/print.jpg);
			background-repeat:no-repeat;
			background-position:0 50%;
			display:block;
			color:#757575;
			text-decoration:none;
			position:absolute;
			left:280px;
			top:0;
		}
			#toolMenu a.pdfLink
			{
				background-image:url(../img/pdf.jpg);
				position:absolute;
				left:421px;
				top:0;
			}
			#toolMenu a.printLink:hover, #toolMenu a.pdfLink:hover
			{
				text-decoration:underline;
			}
#leftWrapper
{
	width:512px;
	float:left;
	padding-bottom:20px;
	background-image:url(../img/shadowLeft.png);
	background-repeat:no-repeat;
	background-position:50% 100%;
}			
#left
{
	width:512px;
	position:relative;
	background-color:#fff;
	margin-top:-7px;
	padding:20px;
}
#right
{
	width:390px;
	float:right;
}
#right .shadowWrapper
{
	background-image:url(../img/shadowRight.png);
	background-repeat:no-repeat;
	background-position:50% 100%;
	padding-bottom:20px;
}
#left img.shadow
{
	position:absolute;
	left:-6px;
	position:absolute;
	top:0;
}
#right h2
{
	font-size:18px;
}
#right #tags img.shadow
{
	position:absolute;
	left:-6px;
	position:absolute;
	top:0;
}
#right #tags, #right #related
{
	
	background-color:#fff;
	position:relative;
	padding:20px;
	margin-top:-7px;
	
}
#right #related a
{
	color:#326393;
	text-decoration:none;
}
#right #related h4
{
	clear:both;
}
	#right #related a:hover
	{
		text-decoration:underline;
	}
#right #related a.tag
		{
			display:block;
			float:left;
			padding:4px 10px 0 10px;
			height:30px;
			background-image:url(../img/blue_balloon.jpg);
			background-repeat:no-repeat;
			background-position:0 50%;
			margin-right:5px;
			margin-bottom:1px;
			color:#fff;
			text-decoration:none;
			position:relative;
			display:none;
		}
			#right #related a.tag span
			{
				width:1px;
				height:33px;
				background-position:0 0;
				background-image:url(../img/blue_balloon_right.jpg);
				background-repeat:no-repeat;
				position:absolute;
				right:0;
				top:0;
			}
			#right #related a.tag:hover
			{
				background-image:url(../img/grey_balloon.jpg);
			}
				#right #related a.tag:hover span
			{
				background-image:url(../img/grey_balloon_right.jpg);
			}
#right #shadowWrapper
{
	padding-bottom:20px;
}
#right #tags a  {
	background-image:url("../img/grey_balloon.jpg");
	background-position:0 50%;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	float:left;
	height:30px;
	margin-bottom:1px;
	margin-right:5px;
	padding:4px 10px 0;
	position:relative;
	text-decoration:none;
	white-space:nowrap;
	display:inline-block;
	zoom:1;
}
	#right #tags  a span {
	background-image:url("../img/grey_balloon_right.jpg");
	background-position:0 0;
	background-repeat:no-repeat;
	height:33px;
	position:absolute;
	right:0;
	top:0;
	width:1px;
}
#right #tags a:hover
{
	background-image:url(../img/blue_balloon.jpg);
}
#right #tags a:hover span
{
	background-image:url(../img/blue_balloon_right.jpg);
}

#left .article a.tag
		{
			display:block;
			float:left;
			padding:4px 10px 0 10px;
			height:30px;
			background-image:url(../img/blue_balloon.jpg);
			background-repeat:no-repeat;
			background-position:0 50%;
			margin-right:5px;
			margin-bottom:1px;
			color:#fff;
			text-decoration:none;
			position:relative;
		}
			#left .article a.tag span
			{
				width:1px;
				height:33px;
				background-position:0 0;
				background-image:url(../img/blue_balloon_right.jpg);
				background-repeat:no-repeat;
				position:absolute;
				right:0;
				top:0;
			}
			#left .article a.tag:hover
			{
				background-image:url(../img/grey_balloon.jpg);
			}
				#left .article a.tag:hover span
				{
					background-image:url(../img/grey_balloon_right.jpg);
				}
#left .article span.date
{
	display:block;
	float:right;
	font-size:12px;
}
#left .article h1
{
	font-size:24px;
	font-weight:100;
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px solid #e7e7e7;
}
#left .article h2.topTitle
{
	font-size:16px;
	color:#757575;
	margin-bottom:5px;
}

.article .paragraphImage, .article img { float:left; margin:20px 20px 20px 0;border:3px solid #E7E7E7 !important; }
.article .paragraphImage img{margin:0; padding:0; clear:both;border:3px solid #E7E7E7; }
    .article .article_Introduction { font-weight:bold;font-size:12px;}
    .article .paragraphImage span { font-style:italic;display:block; width:270px;clear:left; }
    .article table{ border-collapse:collapse;margin-top:10px; }
    .article table tr td{padding:5px; border:1px solid #CCCCCC;}
    .article p.quote { float:left; width:200px; position:relative; font-size:1.6em; line-height:1.6em; color:#326393; margin:30px 50px 30px 30px;}
    .article p.quote span.quote_first{ position:absolute; top:-30px; left:-40px;display:block;background-image:url(../img/quote_first.jpg);background-repeat:no-repeat; width:50px; height:52px; }
    .article p.quote span.quote_last{ position:absolute; bottom:-30px; right:-40px;display:block;background-image:url(../img/quote_last.jpg);background-repeat:no-repeat; width:50px; height:52px; }
     .article p.quote span.quotes.open { position:absolute; top:0.1em; left:-20px; }
     .article p.article_Author {  }
     .article ul{ padding-left:1.5em; margin-bottom:30px; }
     .article ul li{list-style-type:disc;}
     .article ol li{ list-style-type:decimal;}
        .article ul li ul li{list-style-type:circle;}
     .article .articleParagraph{ margin-bottom:30px; }
     .article .article_Images{ font-weight:bold; }
     .article .article_Images .article_pager{margin-top:10px; clear:both; }
     .article .article_Images .article_pager a
     {
         
         padding:5px;
         margin-right:1px;
         border:1px solid #916884;
         color:#916884;
         font-weight:normal;
     }
		.article .article_Images .article_pager a:hover
		{
			 border:1px solid #326393;
			color:#326393;
		}
h5.anchor img {
	display:inline;
	float:none;
	margin:0;
	border:none !important;
}
/* artikel list */
#tagArticleList h1
{
	font-size:24px;
	font-weight:100;
	padding-bottom:18px;
	margin-bottom:18px;
	border-bottom:1px solid #e7e7e7;
}
#tagArticleList h4
{
	clear:both;
}
#tagArticleList h4 a
{
	font-size:14px;
	color:#326393;
	text-decoration:none;
}
#tagArticleList h4 a:hover
{
	text-decoration:underline;
}
#tagArticleList p
{
	margin:0;
}
#tagArticleList p a 
{
	color:#757575;
	text-decoration:none;
}
#tagArticleList p a :hover
{
	text-decoration:undeline;
}
#tagArticleList .article_list
{
	padding:15px 0;
	border-bottom:1px solid #e7e7e7;
}

#tagArticleList .article_list a.tag
		{
			display:block;
			float:left;
			padding:4px 10px 0 10px;
			height:30px;
			background-image:url(../img/blue_balloon.jpg);
			background-repeat:no-repeat;
			background-position:0 50%;
			margin-right:5px;
			margin-bottom:1px;
			color:#fff;
			text-decoration:none;
			position:relative;
			display:none;
		}
			#tagArticleList .article_list a.tag span
			{
				width:1px;
				height:33px;
				background-position:0 0;
				background-image:url(../img/blue_balloon_right.jpg);
				background-repeat:no-repeat;
				position:absolute;
				right:0;
				top:0;
			}
			#tagArticleList .article_list a.tag:hover
			{
				background-image:url(../img/grey_balloon.jpg);
			}
				#tagArticleList .article_list a.tag:hover span
			{
				background-image:url(../img/grey_balloon_right.jpg);
			}
.article_list .article_thumb {
	float:right;
	margin:0 0 10px 10px;
	border:3px solid #e7e7e7;
}
.article_list .article_thumb a, .article_list .article_thumb img
{
	padding:0;
	margin:0;
}
/* searchResukts */
.paging a
{
	border:1px solid #916884;
	color:#916884;
	font-weight:normal;
	margin-right:1px;
	padding:5px;
}
.paging a:hover
{
	 border:1px solid #326393;
	color:#326393;
}
.searchResult
{
	border-bottom:1px solid #E7E7E7;
	padding:15px 0;
}
.searchResult a:hover
{
	text-decoration:underline;
}
.searchResult h4 a
{
	color:#326393;
	font-size:14px;
	text-decoration:none;
}
.searchResult p a
{
	color:#757575;
	text-decoration:none;
}

/* landing page */
span.tag
		{
			display:block;
			float:right;
			padding:4px 10px 10px 10px;
			height:25px;
			background-image:url(../img/blue_balloon.jpg);
			background-repeat:no-repeat;
			background-position:0 50%;
			margin-right:5px;
			margin-bottom:1px;
			color:#fff;
			text-decoration:none;
			position:relative;
		}
			span.tag span
			{
				width:1px;
				height:33px;
				background-position:0 3px;
				background-image:url(../img/blue_balloon_right.jpg);
				background-repeat:no-repeat;
				position:absolute;
				right:0;
				top:0;
			}
			span.tag:hover
			{
				background-image:url(../img/grey_balloon.jpg);
			}
				span.tag:hover span
			{
				background-image:url(../img/grey_balloon_right.jpg);
			}
h2 span.tag
{
	font-size:11px;
}
/**************************************/
/*               FOOTER               */
/**************************************/
#footer
{
	width:960px;
	height:27px;
	margin-bottom:20px;
	padding-top:40px;
	background-image:url(../img/footer.png);
	background-repeat:no-repeat;
	background-position:0 50%;	
	text-align:center;
}
	#footer a
	{
		color:#ae6898;
	}
/**************************************/
/*            HELPER CLASSES          */
/**************************************/

.clearFix:after, .container:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearFix, .container
{
	display: inline-block;
}
* html .clearFix, * html .container
{
	height: 1%;
}
.clearFix, .container
{
	display: block;
}
.clear
{
	clear: both;
}
*:first-child + html .clearFix
{
	display: block;
	zoom: 1;
}
* html .clearFix
{
	display: block;
	zoom: 1;
}
img.centered, .alignCenter, div.alignCenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignRight
{
	display: inline;
}
img.alignLeft
{
	display: inline;
}
.alignRight
{
	float: right;
}
.alignLeft
{
	float: left;
}
.caps
{
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0 2px;
	text-transform: lowercase;
}
.small
{
	font-size: .8em;
	line-height: 1.875em;
	margin-bottom: 1.875em;
}
.large
{
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide
{
	display: none;
}
.quiet
{
	color: #666;
}
.loud
{
	color: #000;
}
.highlight
{
	background: #ff0;
}
.top
{
	margin-top: 0;
	padding-top: 0;
}
.bottom
{
	margin-bottom: 0;
	padding-bottom: 0;
}
.thin
{
	font-weight: lighter;
}
.info, .success, .notice, .error, .validation
{
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/info.png');
}

.success
{
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../img/success.png');
}
.notice
{
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../img/warning.png');
}
.error
{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/error.png');
}
.validation
{
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('validation.png');
}


.center
{
	text-align: center;
}

