/*
Theme Name: Greta
Theme URI: http://www.gretaangert.com
Description: Based on Kubrick 1.5 
Version: 1.0
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: 

*/

/* Begin Typography & Colors */

/* ========================================================== */
/* ========================================================== */
/* ========================================================== */
/* general, global style rules */

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	
	background-color: white;
	color: #222222;
	margin: 0;
}

a {
	color: #517598;
	text-decoration: underline;
}
a:visited {
	color: #517598;
	text-decoration: underline;
}
a:hover {
	color: black;
	text-decoration: underline;
}

h1 {
	font-size: 170%;
	color: #517598;
	margin-top: 0px;
}

h2 {
	font-size: 140%;
	color: #517598;
}
	h2 span.byline {
		display: block;
		margin-left: 10px;
		font-weight: normal;
		font-size: 60%;
		color: #000000;
	}

h3
{
	font-size: 110%;
	color: #517598;
	margin: 0px;
	line-height: 5px;
	padding-top: 20px;
}

h4 {
	font-size: 100%;
	color: #517598;
}

ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 2px;
}
	ul li {
		background-image: url("images/bullet_blue.gif");
		background-repeat: no-repeat;
		background-position: 0px 7px;
		position: relative;
		padding-left: 15px;
		margin-bottom: 10px;
	}


/* ========================================================== */
/* ========================================================== */
/* ========================================================== */
/* page layout rules */

body {
	/* fixed page width, centered, with big photo in the background */
	position: relative;

	width: 828px;
	margin: auto;
	
	background-image: url("images/secondary_background.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

body.homepage {
	/* different photo for the homepage */
	background-image: url("images/home_background.jpg");
}


/* ========================================================== */
/* ========================================================== */
/* ========================================================== */
/* page layout rules:  main menu */
	
div.nav {
	display: inline;
	float: left;
	margin-left: 53px;
	margin-top: 55px;
	width: 173px;
	height: 1%;
	
	border: 1px solid white;
	background-color: white;
	background-image: url("images/nav_background.jpg");
	background-repeat: repeat-y;
}
	div.nav-top {
		/* empty gradient above main menu */
		width: 173px;
		height: 25px;
	}
	div.nav-bottom {
		/* empty gradient below main menu */
		width: 173px;
		height: 270px;
		
		background-color: #ffffff;
		background-image: url("images/nav_bottom.jpg");
		background-repeat: no-repeat;
		background-position: top left;
	}
	div.nav img {
		/* any image in nav area should be stacked vertically */
		display: block;
	}
	
	div.nav ul {
		/* any UL inside the nav DIV will be treated as a submenu */
		text-align: right;
		list-style-type: none;
		font-size: 90%;
		line-height: 1.25em;
		margin-top: 0px;
		margin-left: 0;
		padding-left: 0;
	}
	div.nav ul li {
		/* each list item LI inside the UL inside the nav DIV */
		padding-right: 25px;
		background-image: url("images/bullet_nav.gif");
		background-repeat: no-repeat;
		background-position: 155px 5px;
		margin-bottom: 10px;
	}
	
	div.nav a {
		/* any link tag inside the nav DIV will be treated as a submenu link */
		color: #ffffff;		
		text-decoration: none;		
	}			
	div.nav a:visited {
		color: #ffffff;	
		text-decoration: none;			
	}			
	div.nav a:hover {
		color: #E9B8EA;	
		text-decoration: none;			
	}
	
	div.nav a.lit {
		/* any link tag inside the nav DIV will be treated as a submenu link */
		font-weight: bold;	
		color: #E9B8EA;	
	}	
	div.nav a.lit:visited {
		font-weight: bold;	
		color: #E9B8EA;	
	}	
	div.nav a.lit:hover {
		font-weight: bold;	
		color: #E9B8EA;	
	}	


/* ========================================================== */
/* ========================================================== */
/* ========================================================== */
/* page layout rules:  main content area */

div.content {
	padding-top: 123px;
	margin-right: 40px;
	margin-left: 260px;
}
body.homepage div.content {
	/* content starts a little lower down on the homepage */
	padding-top: 140px;
}


/* ========================================================== */
/* ========================================================== */
/* ========================================================== */
/* page layout rules:  footer */

div.footer {
	width: 773px;
	height: 200px;
	clear: both;
	padding: 40px 0px 0px 55px;
	margin-top: 0px;
	background-image: url("images/secondary_background_footer.jpg");
	background-repeat: no-repeat;
}

div.footerText {
	width: 773px;
	height: 60px;
	clear: both;
	padding: 40px 0px 0px 55px;
	margin-top: 5px;
	background-color:#FFFFFF;
}

body.homepage div.footer {
	/* footer starts higher up on the homepage */
	margin-top: 0px;
	background-image: none;
	height: auto;
}

	div.footer p {
		/* all paragraphs inside footer DIV will be grey and smaller fontsize */
		color: #666666;
		font-size: 90%;	
		margin-bottom: 0;
	}

	div.footer a {
		/* all links inside footer div will be pale blue */
		color: #909DA9;
	}
	div.footer a:visited {
		color: #909DA9;
	}
	div.footer a:hover {
		color: #666666;
	}


/* ========================================================== */
/* ========================================================== */
/* ========================================================== */
/* handy formatting rules */

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}



img.photo {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

div.feature {
	float: right;
	width: 156px;
	text-align: center;
	font-size: 95%;
}

	div.feature p {
		float: right;
		width: 156px;
		text-align: center;
		font-size: 95%;
	}


/* ========================================================== */
/* ========================================================== */
/* ========================================================== */
/*  */