/*
*************************************************

Well Educated CSS
General Screen Styles

Created by Dan Mall
http://www.danielmall.com

*************************************************
*/

* { margin: 0; padding: 0; }
body { font-family: Georgia, serif; font-size: 62.5%; }
#container { width: 760px; margin: 0 auto; padding-top: 2em; }
a:link, a:visited { color: #09f; }

/*-------------------------
	Homepage
-------------------------*/
body#home #main p { font-size: 1.4em; margin-bottom: 1.5em; line-height: 1.5; }
body#home #main { border-bottom: 3px solid #ccc; margin-bottom: 2em; }

body#home #secondary { margin-left: 20px; overflow: hidden; }
body#home #secondary .section { width: 340px; float: left; margin-right: 20px; }
body#home #secondary .section p { color: #555; font-style: italic; }
body#home #secondary .section p, body#home #footer p { font-size: 1.2em; line-height: 1.5; }

body#home #footer { border-top: 3px solid #ccc; margin-top: 2em; padding-top: 1.5em; }


/*-------------------------
	Layout 1
-------------------------*/
body#home.layout1 #main { width: 549px; float: left; border-bottom: none; padding-right: 10px; margin-right: 7px; }
html>body#home.layout1 #main { width: 550px; }
body#home.layout1 #secondary { border-left: 1px solid #ccc; padding-left: 10px; margin-left: 556px; overflow: visible; }
body#home.layout1 #secondary .section { width: 150px; float: none; margin-bottom: 1.5em; }
body#home.layout1 #footer { clear: left; }

/*-------------------------
	Layout 1: Modified
-------------------------*/
body#home.layout1.modified #main { width: 380px; border-right: 3px solid #ccc; margin-right: 10px; }
body#home.layout1.modified #secondary { margin-left: 390px; }
body#home.layout1.modified #secondary .section { width: 150px; float: left; }
body#home.layout1.modified #footer { border: none; }
body#home.layout1.modified #footer p { width: 760px; border-top: 3px solid #ccc; padding-top: 1.5em; }
