/*   
Theme Name: syllogism
Theme URI: syllogism.co.uk
Description: Custom theme for syllogism.co.uk
Version: 1.0
Author: EGGFOO: Emily & Michael Dziedzic
Author URI: www.eggfoo.com
*/

body
	{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", 
				"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.25em; /* 16(1.25)=18 */
	color: #aaaaaa;	
	background-color: #dcdfe0;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: -350px 0px;
	}
	
a:link, a:visited, a:hover, a:active 
	{ 
	text-decoration: none;
	}
	
.container 
	{
	width: 909px;
	height: 100%;
	margin: 0px auto;
	position: relative;
	}
	
.nobreak
	{
	white-space: nowrap;
	}
	
		
	
/* ----------------------------------------- # 	MASTHEAD  */
	
#masthead
	{
	position: relative;
	width: 909px;
	height: 228px;
	top: 0;
	z-index: 400;
	}	
	
#shortcuts
	{
	height: 48px;
	padding-right: 63px;
	background: #2d2d2d;
	}	
	
#shortcuts span
	{
	position: relative;
	float: right;
	top: 13px;
	margin: 0 19px 0 0;
	
	font-size: .625em; /* 16(.625)=10 */
	letter-spacing: .125em;
	color: #afafaf;
	}
	
#shortcuts a:link, #shortcuts a:active, #shortcuts a:visited
	{
	border-bottom: dotted 1px #747474;
	
	color: #949494;
	}	
	
#shortcuts a:hover
	{
	background: #dcdfe0;
	
	color: #2d2d2d;
	}
	
#shortcuts img
	{
	margin-right: 5px;
	vertical-align: middle;	
	}
	
#shortcut-contact
	{
	margin: -2px 0 0 0;
	}
	
#shortcut-home
	{
	margin: -6px 0 0 0;
	}	
	
#shortcut-research
	{
	margin: -4px 0 0 2px;
	}

#shortcut-blog
	{
	margin: 0px 0 0 2px;
	}

#branding
	{
	position: relative;
	height: 180px;
	background-image: url(images/branding-bg.png);
	z-index: 300;
	}	

#tagline
	{
	position: absolute;
	top: 90px;
	left: 286px;
	
	font-size: .75em; /* 16(.75)=12 */
	letter-spacing: .025em;
	color: #4f4f4f;
	text-transform: uppercase;
	}
	
	
	
/* ----------------------------------------- # 	MAIN  */
	
#main
	{
	position: relative;
	top: -11px;
	}	

#intro-container
	{
	width: 853px;
	margin: 0 0 16px 28px;
	}
	
#intro-top
	{
	height: 19px;
	background-image: url(images/welcome-bg-top.png);
	background-repeat: no-repeat;
	}	
	
#intro
	{
	position: relative;
	padding: 8px 40px 20px 56px;
	background-image: url(images/welcome-bg.png);
	background-repeat: repeat-y;
	}
	
#intro-bottom
	{
	height: 20px;
	background-image: url(images/welcome-bg-bottom.png);
	background-repeat: no-repeat;
	}	

#intro p
	{
	font-size: .875em; /* 16(.875)=14 */
	line-height: 1.5em; /* 14(1.5)=21 */
	letter-spacing: .075em;
	color: #666666;
	}

p#welcome
	{
	font-size: 1.5em; /* 14(1.5)=21 */
	letter-spacing: normal;
	color: #494949;
	}

p#welcometext
	{
	padding: 2px 50px 0 197px;	
	}

#welcometext em
	{
	font-style: normal;
	font-weight: 400;
	color: #494949;
	}



/* ----------------------------------------- # 	MAIN-NAVIGATION  */
		
#main-navigation
	{
	position: relative;
	display: none;
	
	font-size: .75em; /* 16(.75)=12 */
	letter-spacing: 0em;
	}
	
.nav a:link,
.nav a:visited,
.nav a:active,
.nav a:hover
	{
	color: #424242;
	}

.nav a:link .smalltabtext,
.nav a:visited .smalltabtext,
.nav a:active .smalltabtext,
.nav a:hover .smalltabtext
	{
	color: #606060;
	
	border-bottom: dotted 1px #888888;
	}
			
.nav 
	{
	position: relative;
	left: 124px;
	width: 645px;
	height: 70px;
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
	}
	
.nav li
	{
	list-style: none;
	z-index: 10;
	}
		
.nav li a:link, 
.nav li a:visited {
	position: absolute;
    top: 0;
    height: 70px;
    z-index: 10;
}

.navtab
	{
	padding: 35px 0 0 0;
	display: block;
	cursor: pointer;
	
	line-height: .875em;
	}
	
.wwd
	{
	margin-left: 25px;
	}
	
.hww
	{
	margin-left: 60px;
	}	

.wcs		
	{
	margin-left: 80px;
	}	

.largetabtext
	{
	font-size: 4em; /* 12(4)=48 */
	font-weight: 300;	
	}
	
.smalltabtext
	{
	font-weight: normal;
	}	
	
#wedo
	{
	margin: 0 0 0 9.25em;
	}

#wework
	{
	margin: 0 0 0 6em;
	}

#chooseus
	{
	margin: 0 0 0 4.75em;
	}



/* --------------------- # WHATWEDO  */

.nav .whatwedo a:link, .nav .whatwedo a:visited 
	{
	left: 0px;
	width: 215px;
    }
.nav .whatwedo a:hover, .nav .whatwedo a:focus 
	{
	background: url(images/nav.png) no-repeat 0px -70px;
    }
.nav .whatwedo a:active
	{
	background: url(images/nav.png) no-repeat 0px -70px;
    }
.current-whatwedo .whatwedo a:link, .current-whatwedo .whatwedo a:visited {
	background: url(images/nav.png) no-repeat 0px -70px;
	cursor: default;
	}  
.nav-whatwedo, .nav-whatwedo-click 
	{
	position: absolute;
	top: 0;
	left: 0px;
	width: 215px;
	height: 70px;
	background: url(images/nav.png) no-repeat 0px -70px;
	}
.nav-whatwedo-click 
	{
	background: url(images/nav.png) no-repeat 0px -140px;
	}

/* --------------------- # HOWWEWORK  */

.nav .howwework a:link, .nav .howwework a:visited 
	{
	left: 215px;
	width: 215px;
    }
.nav .howwework a:hover, .nav .howwework a:focus 
	{
	background: url(images/nav.png) no-repeat -215px -70px;
    }
.nav .howwework a:active
	{
	background: url(images/nav.png) no-repeat -215px -70px;
    }
.current-howwework .howwework a:link, .current-howwework .howwework a:visited {
	background: url(images/nav.png) no-repeat -215px -70px;
	cursor: default;
	}  
.nav-howwework, .nav-howwework-click 
	{
	position: absolute;
	top: 0;
	left: 215px;
	width: 215px;
	height: 70px;
	background: url(images/nav.png) no-repeat -215px -70px;
	}
.nav-howwework-click 
	{
	background: url(images/nav.png) no-repeat -215px -140px;
	}

/* --------------------- # WHYCHOOSESYLLOGISM  */

.nav .whychoosesyllogism a:link, .nav .whychoosesyllogism a:visited 
	{
	left: 430px;
	width: 215px;
    }
.nav .whychoosesyllogism a:hover, .nav .whychoosesyllogism a:focus 
	{
	background: url(images/nav.png) no-repeat -430px -70px;
    }
.nav .whychoosesyllogism a:active
	{
	background: url(images/nav.png) no-repeat -430px -70px;
    }
.current-whychoosesyllogism .whychoosesyllogism a:link, 
.current-whychoosesyllogism .whychoosesyllogism a:visited {
	background: url(images/nav.png) no-repeat -430px -70px;
	cursor: default;
	}  
.nav-whychoosesyllogism, .nav-whychoosesyllogism-click 
	{
	position: absolute;
	top: 0;
	left: 430px;
	width: 215px;
	height: 70px;
	background: url(images/nav.png) no-repeat -430px -70px;
	}
.nav-whychoosesyllogism-click 
	{
	background: url(images/nav.png) no-repeat -430px -140px;
	}



/* ----------------------------------------- # 	MAIN-CONTENT  */

#main-content
	{
	clear: left;
	width: 848px;
	margin: 16px auto 0 auto;
	padding: 25px;
	background-image: url(images/sheet.png);
	background-repeat: no-repeat;	
	}

.main-body, .pop-container, #contactText
	{
	font-size: .625em; /* 16(.625)=10 */
	line-height: 1.8em; /* 10(1.8)=18 */
	letter-spacing: .1em;
	color: #696969;
	}
	
.main-body h1
	{
	position: relative;
	top: 24px;
	right: 614px;
	text-align: right;
	
	font-size: 1.4em; /* 1.4(10)=14 */
	line-height: 1.2857em; /* 14(1.2857)=18 */
	font-weight: 300;
	color: #666666;
	}

.main-body h1 span.main-title-bottom
	{
	margin-right: -25px;
	font-size: 1.5em; /* 14(1.5)=21 */
	color: #494949;
	}

.main-body h2
	{
	margin-bottom: .25em;
	
	font-size: 1.4em; /* 10(1.4)=14 */
	font-weight: 300;
	color: #494949;
	}
	
#mc-whychoosesyllogism .body-main em
	{
	font-size: 1.4em; /* 10(1.4)=14 */
	font-style: normal;
	color: #494949;
	}
	
.callout
	{
	position: relative;
	width: 420px;
	top: -10px;
	left: 287px;
	}	
		
.callout2
	{
	position: relative;
	width: 580px;
	top: 8px;
	left: 129px;
	}	

.callout em, .callout2 em
	{
	font-style: normal;
	font-weight: bold;
	color: #494949;	
	}


/* ----------------------------------------- # 	MAIN-CONTENT */

.body-container
	{
	width: 842px;
	overflow: hidden;
	margin: 0px 0 100px 4px;
	background-image: url(images/paper-bg-right.png);
	background-repeat: no-repeat;
	background-position: bottom right;	
	}

#mc-whatwedo .body-container
	{
	position: relative;
	top: 17px;
	margin-bottom: 117px;
	}	
	
#mc-howwework .body-container
	{
	position: relative;
	top: 19px;
	margin-bottom: 155px;
	}

#mc-whychoosesyllogism .body-container
	{
	position: relative;
	top: 19px;
	margin-bottom: 119px;
	}

.body-left
	{
	float: left;
	width: 15px;
	height: 300px;
	background-image: url(images/paper-bg-left.png);
	background-repeat: no-repeat;
	}

.body-center
	{
	float: left;
	width: 813px;
	overflow: hidden;
	}
	
.body-top
	{
	height: 21px;
	background-image: url(images/paper-bg-top.png);
	background-repeat: no-repeat;
	}	

.body-main
	{
	overflow: hidden;
	width: 743px;
	padding: 43px 35px 33px 35px;
	
	background-image: url(images/paper-bg.png);
	background-repeat: repeat-y;
	}

.body-bottom
	{
	height: 21px;
	background-image: url(images/paper-bg-bottom.png);
	background-repeat: no-repeat;
	}	

.body-leftcol
	{
	float: left;
	width: 336px;
	padding: 0 35px 0 0;
	border-right: 1px dotted #888888;
	}
	
.body-rightcol
	{
	float: right;
	width: 336px;
	padding: 0 0 0 35px;
	}

.body-col-a
	{
	float: left;
	width: 212px;
	padding: 0 22px 0 0;
	background-image: url(images/people.png);
	background-repeat: no-repeat;
	background-position: 117px 19px;
	}

.body-col-a div
	{
	float: right;
	width: 95px;
	height: 65px;
	}
	
.body-col-b
	{
	float: left;
	width: 212px;
	padding: 0 22px 0 30px;
	border-right: 1px dotted #888888;
	border-left: 1px dotted #888888;
	background-image: url(images/ethics.png);
	background-repeat: no-repeat;
	background-position: 202px 9px;	
	}
	
.body-col-b div
	{
	float: right;
	width: 45px;
	height: 65px;
	}	
	
.body-col-c
	{
	float: right;
	width: 212px;
	padding: 0 0 0 30px;
	background-image: url(images/strategy.png);
	background-repeat: no-repeat;
	background-position: 207px 2px;	
	}	
	
.body-col-c div
	{
	float: right;
	width: 40px;
	height: 65px;
	}		

.body-main ul
	{
	margin: 0 20px 0 20px;
	padding: 0;
	list-style: none;
	}

.body-main li
	{
	padding-left: 15px;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	}
	
#mc-whychoosesyllogism .body-main ul
	{
	margin: 0 0 0 0;
	}



/* ----------------------------------------- # 	SECONDARY PAGES */

.secondary-container
	{
	position: relative; 
	z-index: 200;	
	width: 898px;
	top: -40px;
	margin: 0 auto;
	padding: 57px 0 150px 0;
	background-image: url(images/sheet.png);
	background-repeat: no-repeat;
	}

.secondary-title-container
	{
	position: relative;
	margin-left: 114px;
	}

.secondary-title
	{
	margin: 0 0 2.25em 6px;
	
	font-size: .875em; /* 16(.875)=14 */
	font-weight: 300;
	line-height: 1.125em;
	letter-spacing: .025em;
	color: #666666;
	}

.secondary-title span
	{
	padding: 0 0 0 1.45em;
	
	font-size: 1.5em; /* 14(1.5)=21 */
	color: #474747;
	}
	
.secondary-content
	{
	padding: 25px;
	}	

.secondary-container a:link, 
.secondary-container a:active, 
.secondary-container a:visited
	{
	border-bottom: dotted 1px #888888;
	
	color: #666666;
	}	
	
.secondary-container a:hover
	{
	background: white;
	}



/* ----------------------------------------- # 	ARE WE A MATCH?  */
	
#match
	{
	position: absolute;
	width: 113px;
	height: 73px;
	bottom: -75px;
	right: -55px;
	padding: 27px 0 0 33px;
	background-image: url(images/sticky.png);
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 490;
	
	font-size: .6875em; /* 16(.6875)=11 */
	line-height: 1.2727em; /* 11(1.2727)=14 */
	color: #595959;
	}
		
#match-large
	{
	font-size: 1.6364em; /* 11(1.6364)=18 */
	color: #494949;
	}
	
#match-bottom
	{
	margin-left: 20px;
	
	font-size: 1.2727em; /* 11(1.2727)=14 */
	}
	
#match a:link,
#match a:visited,
#match a:active,
#match a:hover
	{
	color: #595959;
	
	border-bottom: dotted 1px #888888;
	}

#match-large a:link,
#match-large a:visited,
#match-large a:active,
#match-large a:hover
	{
	color: #494949;
	}
	
#match a:hover, #match-large a:hover
	{
	background: #dfe2d2;
	}
	
#matchPop
	{
	display: none;
	position: absolute;
	width: 1008px;
	z-index: 501;
	}
		
#matchPopBackground
	{
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #dbdedf;
	z-index: 500;
	}

.pop-container
	{
	width: 1008px;
	overflow: hidden;
	margin: 0px 0 0px 0px;
	background-image: url(images/popup-bg-right.png);
	background-repeat: no-repeat;
	background-position: bottom right;	
	}
	
.pop-container a:link, 
.pop-container a:active, 
.pop-container a:visited
	{
	border-bottom: dotted 1px #888888;
	
	color: #666666;
	}	
	
.pop-container a:hover
	{
	background: white;
	}
		
.pop-left
	{
	float: left;
	width: 12px;
	height: 302px;
	}

.pop-center
	{
	float: left;
	width: 981px;
	overflow: hidden;
	}
	
.pop-top
	{
	height: 100px;
	background-image: url(images/popup-bg-top.png);
	background-repeat: no-repeat;
	}	

.pop-main
	{
	overflow: hidden;
	width: 981px;
	padding: 0 0 0 0;
	
	background-image: url(images/popup-bg.png);
	background-repeat: repeat-y;
	}

.pop-bottom
	{
	height: 110px;
	background-image: url(images/popup-bg-bottom.png);
	background-repeat: no-repeat;
	}	

#slider 
	{
	width: 981px;
	margin: 0 auto;
	position: relative;
	}

.scroll 
	{
	width: 775px;
	overflow: hidden;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	}

.scrollContainer .panel 
	{
	position: relative;
	float: left;
	width: 775px;
	padding: 0px 0 0px 0;
	}	
	
#pop-asterix
	{
	position: absolute;
	top: 82px;
	left: 202px;
	width: 154px;
	height: 146px;
	background-image: url(images/pop-asterix.png);
	background-repeat: no-repeat;
	}	
	
#pop-arrow
	{
	position: absolute;
	bottom: 58px;
	right: 30px;
	width: 156px;
	height: 176px;
	background-image: url(images/pop-arrow.png);
	background-repeat: no-repeat;
	}		
	
.popTitle
	{
	position: relative;
	left: 253px;
	width: 475px;
	}

.counter
	{
	width: 3em;
	text-align: right;
	}
	
.numerator
	{
	font-size: 2.1em; /* 2.1(10)=21 */
	color: #494949;
	}	
	
.denomenator
	{
	font-size: .8em; /* .8(10)=21 */
	}
	
.pop-body h1, .pop-body h2
	{
	margin-left: 2em;
	
	font-size: 1.4em; /* 1.4(10)=14 */
	font-weight: 300;
	line-height: 1.2em;
	}
	
.largePopHeader
	{
	padding-left: 35px;
	
	font-size: 1.5em; /* 1.5(14)=21 */
	color: #494949;
	}
	
.popSummaryAndBodyText
	{
	position: relative;
	margin: 40px 28px 0 55px;
	}
	
.popSummary 
	{
	float: left;
	width: 175px;
	padding: 1.9em 28px 0 23px;
	
	text-align: right;
	}
	
.popBodyText
	{
	float: right;
	width: 430px;
	padding: 0 0px 0 35px;
	
	border-left: 1px dotted #aaaaaa;
	}

.pop-body ul
	{
	margin: 0 0 0 -15px;
	padding: 0;
	list-style: none;
	}

.pop-body li
	{
	padding-left: 15px;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	
	font-size: 1.2em; /* 1.4(10)=14 */
	color: #494949;
	}

#yesButton
	{
	position: absolute;
	top: 74.5%;
	left: 812px;
	width: 120px;
	padding: 23px 0 0 30px;
	cursor: pointer;
		
	background-image: url(images/pop-checkbox.png);
	background-repeat: no-repeat;	
	}
	
#yesButton a
	{
	font-size: 1.4em; /* 1.4(10)=14 */
	line-height: 1.125em; /* 1.2857(14)=18 */
	color: #494949;
	}	
	
#backPop
	{
	position: absolute;
	bottom: 25px;
	left: 25px;
	padding: 0 0 0 15px;	
	cursor: pointer;
	display: none;
	background-image: url(images/pop-back.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	}

#closePop
	{
	position: absolute;
	top: 45px;
	right: 29px;
	padding: 0 0 0 15px;
	cursor: pointer;
	background-image: url(images/pop-close.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	}

#backPop a:link, 
#backPop a:active, 
#backPopr a:visited,
#closePop a:link, 
#closePop a:active, 
#closePop a:visited
	{
	border-bottom: dotted 1px #888888;
	
	color: #5e5e5e;
	}	

.awrfy-njs
	{
	position: relative;
	margin-left: -48px;
	}

.awrfy-njs #pop-asterix
	{
	top: 80px;
	}

.awrfy-njs #pop-arrow
	{
	bottom: 50px;
	right: 30px;
	}

.awrfy-njs #yesButton
	{
	}

.awrfy-njs #backPop
	{
	display: block;
	}

.awrfy-njs-spacerfix
	{
	height: 150px;
	}



/* ----------------------------------------- # 	CONTACT  */

#contactForm
	{
	position: relative;
	left: 114px;
	float: left;
	}
		
#contactText
	{
	position: relative;
	float: left;	
	width: 250px;
	top: 43px;
	left: 120px;
	margin: 0 0 0 19px;
	padding: 25px 0 4em 21px;

	border-left: dotted 1px #aaaaaa;
	}
	
#contactText p
	{
	margin: 0 0 2em 0;
	}

.clear
	{
	clear: both;
	}

form
	{
	position: relative;
	
	letter-spacing: .05em;
	}
	
.form-field-bg, .errorlist
	{
	width: 350px;
	margin: 0 0 15px 0;
	background-image: url(images/form-bg.png);
	border: 1px solid #ffffff;
	}
	
.form-normalbackground
	{
	background-image: url(images/form-bg.png);
	}
	
.form-errorbackground-name
	{
	background-image: url(images/form-error-bg.png);
	background-position: 0 -205px;		
	}	

.form-errorbackground-email
	{
	background-image: url(images/form-error-bg.png);
	background-position: 0 -267px;	
	}	
	
.form-errorbackground-message
	{
	background-image: url(images/form-error-bg.png);
	background-position: 0 -369px;
	}	

.required
	{
	float: right;
	padding: 0 1em .5em 0;
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", 
				"Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size: .625em; /* 16(.625)=10 */				
	color: #6b6b6b;
	}

#fm_name, #fm_email, #fm_telephone, #fm_message, #fm_upload, label, .blog-search-input
	{
	width: 250px;
	padding: .5em 0 .5em 1em;
	vertical-align: middle;	
	border: 0;
	background: transparent;
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", 
				"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .625em; /* 16(.625)=10 */
	color: #5f5f5f;
	}
	
#fm_message
	{
	height: 10em;
	overflow: hidden;
/* 	resize: none; */
	}

.attachCV
	{
	width: 296px;
	margin-left: 54px;
	}
	
#attachCVimg
	{
	position: relative;
	width: 350px;
	height: 60px;
	background-image: url(images/form-cv.png);
	background-repeat: no-repeat;
	}
	
#fm_upload
	{
	margin: 5px 0 10px .75em;
	width: 20em;
	}
			
#form_submitted,
#form_submitted-blog,
.form-submitted-blog-search
	{
	float: right;
	margin: 0 .5em 0 0;
	padding: 0;
	background: transparent;
	border: none;
	border-bottom: 1px dotted #888888;
	cursor: pointer;
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", 
				"Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size: .625em; /* 16(.625)=10 */				
	color: #6b6b6b;
	}
	
#form_submitted:hover,
#form_submitted-blog:hover,
.form-submitted-blog-search:hover
	{
	background: white;
	}

.error
	{
	clear: right;
	height: 2em;
	margin: 0;
	padding: 0 0 0 10px;
	border: none;
	background: transparent;
	
	font-size: .625em;
	font-weight: bold;
	color: black;
	}

.ddfmerrors, .errorlist
	{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", 
				"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .625em;
	color: black;
	}
	
.ddfmerrors
	{
	display: none;
	}
	
.errorlist
	{
	width: 330px;
	padding: .5em 10px .5em 10px;
	font-weight: bold;
	background-image: url(images/form-error-bg.png);
	}	
	
#confirmation
	{
	width: 352px;
	padding: 2px 0 0 0;
	
	font-size: .75em; /* 16(.75)=12 */
	font-weight: 300;
	line-height: 1.5em;
	letter-spacing: .025em;
	color: #666666;	
	}



/* ----------------------------------------- # 	ACCESSIBILITY  */

.accessibility .body-container,
.research .body-container,
.blog .body-container
	{
	position: relative;
	top: -24px;
	margin-bottom: -103px;
	}	

.accessibility .body-leftcol,
.research .body-leftcol
	{
	float: left;
	width: 336px;
	padding: 0 35px 0 0;
	border-right: none; 
	}
	
.accessibility .body-rightcol,
.research .body-rightcol
	{
	float: right;
	width: 336px;
	padding: 0 0 0 35px;
	border-left: 1px dotted #888888;	
	}

.validation-badges a:link, 
.validation-badges a:active, 
.validation-badges a:visited
	{
	border-bottom: none;
	}	
	
.validation-badges a:hover
	{
	background: none;
	}



/* ----------------------------------------- # 	RESEARCH  */

.research .body-container
	{
	/* (see accessibility */
	}	

.research .body-leftcol
	{
	/* (see accessibility */
	border-right: 1px dotted #888888; 
	}
	
.research .body-rightcol
	{
	/* (see accessibility */	
	border-left: none;	
	}

.research-block
	{
	margin-bottom: 30px;
	}

.research-block img
	{
	float: right;
	margin: 6px 0 0 5px;
	}

.research-block h2
	{
	font-size: 1.8em; /* 10(1.8)=18 */
	}	
	
.research-block h3
	{
	margin-bottom: 18px;
	
	font-size: 1.2em; /* 10(1.2)=12 */
	font-weight: 300;
	}	
	
.research-divider
	{
	height: 1px;
	width: 205px;
	margin: 0 0 27px 0;
	border-top: 1px dotted #888888;
	}



/* ----------------------------------------- # 	BLOG  */

.blog .body-container
	{
	/* (see accessibility */
	width: 572px;
	}	
	
.blog .secondary-title a:link,
.blog .secondary-title a:visited,
.blog .secondary-title a:active,
.blog .secondary-title a:hover

	{
	color: #474747;
	}
	
.blog .body-center
	{
	width: 544px;
	}

.blog .body-main
	{
	width: 544px;

	padding-left: 0px;
	padding-right: 0px;
	}
	
.blog .body-bottom
	{
	background-position: -270px 0; /* to account for 813px image width */
	}

.blog-post
	{
	padding-left: 25px;
	padding-right: 35px;
	padding-top: 100px;

	background-image: url(images/blog-post-bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
.blog-post-first
	{
	padding-left: 25px;
	padding-right: 35px;
	}
	
.blog-post-edit	
	{
	position: absolute;
	left: 175px;
	font-weight: bold;
	letter-spacing: normal;
	}
	
.blog-post-edit a
	{
	background-color: #ffdddd;
	}



	
.blog-post-left
	{
	float: left;
	width: 115px;
	text-align: right;
	}
	
.blog-post-right
	{
	float: right;
	width: 349px;
	margin: 0px 0 0 20px;
	}		
	
.blog-post-top
	{
	height: 100%;
	}	
	
.blog-post-bottom
	{
	margin-top: 60px;
	margin-bottom: 36px;
	}		
	
.blog-post-date
	{
	font-size: 3.6em; /* 10(3.6)=36 */	
	line-height: 1em;	
	
	color: #494949;
	}
	
.blog-post-comment-bubble	
	{
	margin-top: 0px;
	}
	
.blog-post-comment-bubble img
	{
	vertical-align: -3px;
	}
		
.blog-post-meta
	{
	margin-top: 54px;
	}	
	
.blog-post-meta img
	{
	vertical-align: 1px;
	}	
	
.blog-post-meta span,
.comments-meta-span
	{
	color: #292929;
	}	
	
.blog-post-title
	{
	margin-top: 49px;
	padding-right: 45px;
	}
		
.blog-post-title h2
	{
	font-size: 1.8em; /*10(1.8)=18 */
	line-height: 1.333em;
	}	
	
.blog-post-title a:link,
.blog-post-title a:active,
.blog-post-title a:visited
	{
	color: #494949;
	}	
	
.blog-post-entry
	{
	margin: 0px 0 0 0;
	padding-right: 45px;
	}	
	
.blog-post-graphic-link a:link,
.blog-post-graphic-link a:visited,
.blog-post-graphic-link a:hover,
.blog-post-graphic-link a:active
	{
	border-bottom: none;
	background-color: transparent;
	}
	
.blog-post-entry p
	{
	margin-bottom: 1em;
	}
	
	
	
	
#blog-navigation
	{
	width: 474px;
	margin: 70px 0 0 55px;
	
	font-size: .625em;
	color: #696969;
	letter-spacing: .1em;

	}	
	
#older-posts
	{
	position: relative;
	float: left;
	margin-left: 115px;
	}
	
#newer-posts
	{
	float: right;
	margin-right: 55px;
	}	
	
#rss-main
	{
	position: absolute;
	top: 0px;
	left: 520px;	
	font-size: .875em;
	}	
	
	

/* ----------------------------------------- # 	BLOG SIDEBAR  */

#sidebar
	{
	position: relative;
	float: right;
	width: 160px;
	
	margin-right: 105px;
	margin-top: 165px;
	
	font-size: .625em; /* 16(.625)=10 */
	line-height: 1.8em; /* 10(1.8)=18 */
	letter-spacing: .1em;
	color: #696969;
	}
	
.blog .secondary-content
	{
	float: left;
	}	

#sidebar h3
	{
	margin-top: 32px;
	margin-bottom: 17px;
	
	font-size: 2.4em; /* 10(2.4)=24 */
	font-weight: 300;
	color: #494949;
	}
	
h3#author-header
	{
	margin-top: 32px;
	}	

#sidebar ul li ul li
	{
	padding: 3px 0 3px 0;
	border-top: 1px dashed #c0c0c0;
	}



/* ----------------------------------------- # 	BLOG ARCHIVE  */

#blog-archive
	{
	padding-left: 160px;
	padding-right: 70px;
	padding-top: 0px;
	padding-bottom: 50px;
	margin-bottom: 35px;

	background-image: url(images/blog-post-bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	
	font-size: 1.2em; /* 10(1.2)=12 */
	}
	
#blog-archive em
	{
	font-weight: 600;
	font-style: normal;
	}



/* ----------------------------------------- # 	BLOG COMMENTS  */

.comments h3
	{
	font-size: 1.8em; /* 10(1.8)=18 */
	font-weight: 300;
	color: #494949;
	}
	
.comments .blog-post-top
	{
	margin-top: 9px;
	}	

.comments .blog-post-bottom
	{
	margin-top: 88px;	
	}
	
.comments li
	{
	background-image: none;
	}
	
.comments ul,
.comments li
	{
	margin: 0;
	padding: 0;
	}	
	
.comments li
	{
	margin-bottom: 25px;
	}
		
.commentlist .blog-post-right
	{
	width: 309px;
	margin: 0px 0 0 20px;
	padding-right: 40px;
	}	
	
.response-counter
	{
	margin-bottom: 6px;
	
	font-size: 2.4em; /* 10(2.4)=24 */
	color: #494949;
	}
	
.comments-divider
	{
	height: 1px;
	width: 205px;
	margin: 0px 0 5px 0;
	border-top: 1px dotted #888888;
	}

.comments-meta
	{
	margin-top: 31px;
	}

.comments-text
	{
	padding-bottom: 30px;	
	}

.comments-text p
	{
	margin-bottom: 1em;
	}
	
.comment-list
	{
	margin-bottom: -19px;
	}		

.comment-moderation
	{
	font-weight: bold;
	letter-spacing: normal;
	}
	
.respondee-christopher,
.respondee-jennifer,
.respondee-generic
	{
	float: right;
	margin: 6px 0 5px 5px;
	}
.respondee-generic
	{
	width: 53px;
	height: 51px;
	background-image: url(images/respondee-generic.gif);
	background-repeat: no-repeat;
	}

.respondee-christopher
	{
	width: 55px;
	height: 66px;
	background-image: url(images/respondee-christopher.gif);
	background-repeat: no-repeat;
	}
	
.respondee-jennifer
	{
	width: 55px;
	height: 56px;
	background-image: url(images/respondee-jennifer.gif);
	background-repeat: no-repeat;
	}
	
#commentform
	{
	font-size: 1.6em;
	}
	
.blog-post q
	{
	font-style: italic;
	display: block;
	margin: 0 20px 0 10px;
	}	
		
.blog-post b
	{
	font-weight: bold;
	}

.comments-form .blog-post-left
	{
	width: 81px;
	}
	
.comments-form .blog-post-right
	{
	width: 383px;
	}

#blog-form-tags
	{
	margin-top: -15px;
	padding-bottom: 2px;
	border-top: none;
	}
	
#blog-form-tags span
	{
	margin-left: 11px;
	font-size: .625em;
	color: #aaaaaa;
	}

.comments-form #form_submitted-blog
	{
	float: left;
	margin-left: 10px;
	}

#discussion-wrapper
	{
	position: relative;
	}
	
#comments-rss-link
	{
	position: absolute;	
	top: 65px;
	right: 7px;
	font-size: .875em;
	}

#blog-discussion-loggedin
	{
	margin-left: 14px;
	margin-bottom: 15px;
	font-size: .625em;
	font-weight: bold;
	letter-spacing: normal;
	}
	
#blog-discussion-loggedin span
	{
	background-color: #ffdddd;
	}

#commentsclosed
	{
	margin-top: 50px;
	margin-bottom: 20px;
	margin-left: 135px;
	
	font-weight: bold;
	letter-spacing: normal;
	}
	
#nocomments
	{
	margin-top: 61px;
	margin-bottom: 20px;
	margin-left: 160px;
	
	font-weight: bold;
	letter-spacing: normal;
	}
	
	
	
/* ----------------------------------------- # 	BLOG SEARCH  */

.blog-search-form
	{
	width: 157px;
	margin: 32px 0 15px 0;
	background-image: url(images/form-bg.png);
	border: 1px solid #ffffff;
	}

.blog-search-input
	{
	width: 140px;
	font-size: 1em; 
	}
	
.form-submitted-blog-search
	{
	float: left;
	margin-left: 9px;
	margin-top: -5px;
	
	font-size: 1em; 				
	}
	
.highlight
	{
	background-color: #d8d9b4;
	}
	


/* ----------------------------------------- # 	NOT FOUND  */

.notfound404 .body-container
	{
	position: relative;
	top: -24px;
	margin-bottom: -103px;
	}	

.notfound404 .body-main
	{
	background-image: url(images/paper-404-bg.png);
	}

#notfound
	{
	padding: 0px 125px 0 125px;
	
	font-size: 1.8em; /* 10(1.8)=18 */
	line-height: 1.25em; /* 18(1.25)=22.5 */
	color: #424242;
	}

#notfound #large404
	{	
	font-size: 8em; /* 18(8)=144 */
	line-height: 1em;
	}
	
#notfound #fnf
	{
	margin: -.5em 0 1em 0;
	padding-left: 125px;
	
	font-size: 1.333em; /* 18(1.333)=24 */
	}
	
#notfound a:link, 
#notfound a:active, 
#notfound a:visited
	{
	color: #424242;
	}	
	
#notfound a:hover
	{
	color: #424242;
	}
	
#notfound p
	{
	background-image: url(images/notfound-person.png);
	background-repeat: no-repeat;
	background-position: 420px 0px;
	}
	
#bg-spacer
	{
	float: right;
	width: 75px;
	height: 70px;
	}



/* ----------------------------------------- # 	FOOTER  */
	
#footer
	{
	position: absolute;
	z-index: 250;
	overflow: hidden;		
	width: 909px;	
	margin-top: -125px;

	font-size: .625em; /* 16(.625)=10 */
	line-height: 1.2em; /* 10(1.2)=12 */
	letter-spacing: .1em;	
	color: #949494;	
	}	
	
#footer a:link, #footer a:active, #footer a:visited
	{
	border-bottom: dotted 1px #747474;
	
	color: #949494;	
	}	
	
#footer a:hover
	{
	background: #dcdfe0;
	
	color: #2d2d2d;
	}

.defaultFooter
	{
	background-image: url(images/footer-default.png);
	background-repeat: no-repeat;
	}
		
.indexFooter
	{
	background-image: url(images/footer-index.png);
	background-repeat: no-repeat;
	}

.contactFooter
	{
	background-image: url(images/footer-contact.png);
	background-repeat: no-repeat;
	}
	
.researchFooter
	{
	background-image: url(images/footer-research.png);
	background-repeat: no-repeat;
	}

.blogFooter
	{
	background-image: url(images/footer-blog.png);
	background-repeat: no-repeat;
	}

	
#footer-container
	{
	margin: 49px 0 0 0;
	}
	
#divider
	{
	position: relative;
	float: left;
	width: 496px;
	height: 18em;
	border-right: 1px dotted #474747;
	
	background-image: url(images/footer-blog-bubble.gif);
	background-repeat: no-repeat;
	background-position: 462px 54px;
	
	}
	
#footer-blog
	{
	float: right;
	margin-top: 63px;
	margin-right: 35px;
	padding-left: 25px;
		
	text-align: right;	
	}
	
#footer-blog h4
	{
	margin-bottom: 25px;
	
	font-size: 1.2em; /* 10(1.2)=12 */
	font-weight: 300;
	}	
	
#footer-blog li
	{
	margin-bottom: 6px;
	
	line-height: 1.375em;	
	}	
	
#footer-blog-rss
	{
	margin-top: 17px;
	
	font-size: .75em;
	}
	
	
	
#footer-content
	{
	float: left;
	margin: 8px 0 0 23px;
	}
	
#credits
	{
	margin: 7.2em 0 0 0;
	}	
	
#credits, #legal
	{
	font-size: .6em; /* 10(.6)=6 */
	line-height: 1.5em;
	}
		
#legal
	{
	clear: both;
	padding: 4em 5em 2em 5em;
	text-align: center;
	}