body
{
	margin: 0;
	font-family: arial;
	text-align: center;
	font-size: 14px;
	line-height: 1.4em;
	background: url(../pics/header/header-bg.jpg) repeat-x;
}

/***************************
Typography
***************************/
a
{
	color: #72a5b8;
}
	
h1
{
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: -2px;
	font-size: 2.3em;
	margin: 0 0 15px 0;
	padding-top: 2px;
}

h2
{
	color: #72a5b8;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	font-size: 1.3em;
	margin-bottom: 2px;
}

.intro
{
	font-size: 1.3em;
	line-height: 1.2em;
	color: #1f3239;
}

blockquote
{
	background: url(../pics/quote-marks.png) no-repeat;
	padding-left: 45px;
	color: #1f3239;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
	font-size: 1.6em;
	margin: 10px 0;
}
	blockquote p
	{
		padding-right: 40px;
		background: url(../pics/quote-marks-right.png) top right no-repeat;
	}
	
	blockquote span
	{
		color: #81b96e;
		font-size: 0.7em;
	}
	

/***************************
Structure
***************************/
.inner
{
	text-align: left;
	margin: 0 auto;
	width: 950px;
}

.clearboth
{
	clear: both;
}

hr
{
	border: 0;
	background-color: #999;
}

.no-background
{
	background-image: none !important;
}

/***************************
Header
***************************/
#header .inner
{
	height: 290px;
}

#tagline
{
	margin-top: 20px;
	float: right;
}

/***************************
Top menu
***************************/
#top-menu-outer
{
	text-align: center;
	width: 100%;
}

ul.top-menu
{
	margin: 0;
	padding: 0;	
	margin: 0 auto;
	width: 950px;
}
	ul.top-menu li
	{
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		background: url(../pics/menu/unselected.png) center 45px repeat-x;
	}
	
		ul.top-menu li a
		{
			padding: 15px 10px 30px 10px;
			display: block;
			color: #72a5b8;
			font-size: 1.3em;
			text-decoration: none;			
		}

		ul.top-menu li a:hover
		{
			color: #fff;
		}
		
		ul.top-menu li.selected a
		{
			background: url(../pics/menu/selected.png) center 39px no-repeat;
			color: #90b4c2;
		}
		
		ul.top-menu li.firstmenu a
		{
			padding-left: 0;
		}
		
		ul.top-menu li.telephone a
		{
			color: #C8D8DE;
		}

ul#circles-menu
	{
		margin: 30px 0 0 0;
		padding: 0;	
	}
		ul#circles-menu li
		{
			list-style: none;
			margin: 0 7px;
			padding: 0;
			float: left;
			width: 90px;
			height: 90px;
			background: url(../pics/circle-wedding.png) no-repeat;
			text-align: center;
		}
		
		ul#circles-menu li#close-up-magician
		{
			background: url(../pics/circle-close-up.png) no-repeat;
		}
		
		ul#circles-menu li#party-magician
		{
			background: url(../pics/circle-party.png) no-repeat;
		}
		
			ul#circles-menu li a
			{
				width: 90px;
				height: 77px;
				padding: 23px 0 0 0;
				display: block;
				text-align: center;
				color: #1f3239;
				font-size: 1.3em;
				line-height: 1.1em;
				text-decoration: none;			
			}
	
			ul#circles-menu li a:hover
			{
				color: #e7f6fb;
			}


/***************************
Content area
***************************/		
#content-area
{
	clear: both;
	padding-top: 20px;
}

	#content-area .inner
	{
		padding-bottom: 30px;
		background: url(../pics/cards-right-column.jpg) bottom right no-repeat;
	}


	#content-area #content-left
	{
		float: left;
		width: 320px;
	}
	
	#content-area #content-right
	{
		float: left;
		width: 550px;
		margin-left: 50px;
	}
	
	#profile-photo
	{
		margin-bottom: 20px;
	}
	
.contact-andi
{
	margin: 20px 0 0 0;
}	

.highlight-box
{
	background-color: #D1E7EF;
	padding: 20px;
	margin-bottom: 10px;
}

.highlight-box h2
{
	margin-top: 0;
}

.highlight-box p
{
	margin-bottom: 0;
}
	
/***************************
Footer
***************************/		
#footer
{
	clear: both;
	background-color: #1f3239;
	padding: 10px;
}
    
    #footer h3
    {
        font-size: 1.3em;
        padding-bottom: 3px;
        border-bottom: dotted #72A5B8 1px;
    }
    
    #footer h3 a
    {
        color: #fff;
        text-decoration: none;
    }

    #footer-blog-column
    {
        width: 44%;
        margin-right: 4%;
        float: left;
        font-size: 0.9em;
        color: #fff;
    }
        #footer-blog-column a
        {
            text-decoration: none;
        }
    
    .footer-links-column
    {
        width: 21%;
        margin-right: 4%;
        float: left;
        font-size: 0.9em;
        color: #fff;
    }
 
		
	#copyright
	{
		clear: both;
		color: #536268;
	}
	
	#copyright a
	{
		color: #536268;
		text-decoration: none;
	}

/***************************
Bibliography
***************************/
#biblo tr td {
	vertical-align: top;
	padding-bottom: 20px;
}

.biblo_date {
	font-weight: bold;
	background: #f2f2f2;
	padding: 0 5px;
}

.biblo_book {
	width: 160px;
	font-weight: bold;
	padding-right: 20px;
}

.comment {
	color: #999;	
}