/* set font family and base size for IE 6 / Win */
html {
	height:100%; 
	margin: 0px auto;
}
body {
	font-size: 87.5%; /* equivalent to 14px */
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 1.5em;
	color: #333;
	margin: 0;
	background-color: #fff;
	height:100%; 
}

/* set base size for modern browsers (ie. *not* IE 6) */
html>body {
	font-size: 13px;
}

abbr {
 border-bottom: 1px dotted #ccc;
}
h1 {
	color: #333;
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	padding-top: 16px;
	padding-left: 25px;
	padding-bottom: 5px;
}

h2 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	font-weight: normal;
	font-size: 15px;
}
p {
	padding: 0;
	margin: 0 0 12px 0;
}

a img {
	border: none;
}

div.hr {
	clear: both;
	background-color: #ccc;
	height: 1px;
	overflow: hidden;
	margin: 20px 0 20px 0;
}
div#painter {
	background: #fff url('/static/images/background-grass.png') bottom repeat-x;	
}
div#container {
	position: relative;
	width: 940px;
	text-align: left;
	margin: 0 auto;
	
}

div#content-left {
	float: left;
	margin-left: 20px !important;
	margin-left: 5px;
	width: 300px;
	padding-top: 98px !important;
	padding-top: 128px;
}

div#content-right {
	padding-top: 20px;
	margin-right: 40px !important;
	margin-right: 20px;
	float: right;
	width: 566px;
}

div#content-right p.author {
	text-align: right;
}

div#footer {
	margin: 60px 5px 20px 8px !important;
	margin: 20px 5px 10px 8px;
	padding: 10px 0 0 17px;	
	clear : both;
	font-size: 80%;
	clear: both;
}

div#footer p {
	color: #fff;
	padding: 5px 0 0 0 !important;
}
div#footer img#iphone-friendly {
	float: right;
	margin: 8px 15px 0 0 !important;
}
/*  START NAV */
div#nav {
	border-bottom: 1px solid #ccc;
	clear: both;
	margin: 0 5px 0 5px;
}

div#nav ul {
	float: right;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
}

div#nav li {
	width: auto;
	padding: 0 20px 0 20px; float : left;
	list-style: none;
	text-align: center;
	border-right: 1px solid #666;
	float: left;
}

div#nav li.last {
	border-right: none;
}

div#nav li a,
ul.anchors li a,
a.anchor {
	color: #666;
}

body#home div#nav li#nav-home a,
body#about div#nav li#nav-about a,
body#who div#nav li#nav-who a,
body#projects div#nav li#nav-projects a,
body#downloads div#nav li#nav-downloads a
	{
	text-decoration: none;
}

/*  END NAV */ /*  START BOX */
div.box {
	background-repeat: repeat-y;
	clear: both;
	width: 585px;
	margin-bottom: 10px;
}
div.box div.box-top {
	
	background-image: url('/static/images/box-corner-t.png');
	background-repeat: no-repeat;
	clear: both;	
	width: 578px;
	height: 45px;
}
div.box div.box-left {
	width: 16px;
	height: 43px;
	float: left;
	background-image: url('/static/images/box-corner-tl.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.box div.box-content {
	float: left;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 40px;
	width: 520px !important;
	width: 513px;
	background-image: url('/static/images/box-background.png');
	background-repeat: repeat-y;
}
div.box div.box-content .inner {
	position: relative;
	top: -10px;
}
div.box div.box-right {
	width: 26px;
	height: 43px;
	float: right;
	background-image: url('/static/images/box-corner-tr.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}



div.box-bottom {
	background-image: url('/static/images/box-corner-b.png');
	background-repeat: no-repeat;
	clear: both;	
	width: 578px;
	height: 36px;
	
}
/*  END BOX */
div.clearer {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	color: red;
}

ul.anchors {
    margin: 0 0 20px 0;
    padding: 0;
}
ul.anchors li {
    float: left;
    width: 48%;
    margin: 0 0 8px 0;
    list-style: none;	
}
/*  address */
div#content-left div.vcard {
	color: #666;
	text-align: right;
	margin: 0px 41px 0 0;
}

div.vcard span.fn,
div.vcard div.org {
	display: none;
}
div.vcard div.adr {
	margin: 0 0 15px 0;
}
div.vcard div.geo span.latitude,
div.vcard div.geo span.longitude {
	display: none;
}
div#content-right div.panels {
	padding-left: 25px;
	padding-right: 20px;
}

div#content-right div.panels div.panel {
	margin-bottom: 10px;
	margin-top: 10px;
}

/* home home */
body#home div.feature {
    margin: 25px 0 0 0;	
}
body#home div.feature img.featurette {
    float: left;	
    padding: 0 10px 0 0;
}

body#home div.feature h1 {
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 	21px;
    line-height: 90%;
    font-weight: normal;
    color: #000;
    padding: 20px 0 0 0;
}
body#home div.feature h2 {
	margin: 8px 0 5px 0;
    font-size:  18px;
    line-height: 90%;
    font-weight: normal;
}

body#home div.feature ul {
	margin: 10px 0 0 0;
	padding: 0;
}
body#home div.feature li {
	list-style: none;
	margin: 0;
	padding: 0px;
}
/* projects and about*/

div#content-right div.panels div.panel img.panel-img
{
	float: left;
}
body#who div#content-right div#profiles div.panels div.panel div.blurb,
body#projects div#content-right div.panels div.panel div.blurb
{
	padding: 0 0 0 5%;
	float: left;
	width: 70%;
}

body#who div#content-right div.panels div.panel div.blurb ul {
	padding: 0 0 10px 20px;
	margin: 0;
}

body#about div#content-right div#services div.panels div.panel img.panel-img {
	padding: 0 0 0 10px;
	float: right;
}

body#about div#content-right div.panels div.panel div.blurb,
body#who div#content-right div.panels div.panel div.blurb {
	float: left;
	width: 75%;	
}
body#who div#content-right a#vaughan div.panels div.panel {
	padding-right: 20px;
}

body#about div#content-right div.panels {
}

body#who div#content-right div.quoter {
	font-weight: bold;
	color: #333;
}

body#who div#content-right span.quote-date {
	font-weight: bold;
	color: #666;
}

body#who li.linked-in-link {
	list-style: none;
	padding-top: 6px;
}

div#flashcontent {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	}