/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
	position		: relative;
}

body 
{
	position		: relative;
	width			: 960px;
	margin			: 0 auto;
}

h1 
{
}

h2 
{
}

h3 
{
}

h4 
{
}

h5 
{
}

h6 
{
}

p 
{
	line-height		: 22px;
	margin			: 0.2em 0 1em;
}

ul 
{
	line-height		: 24px;
	margin			: 0.2em 0 0.8em 2em;
	list-style-type	: disc;
}

ol 
{
	line-height		: 24px;
	margin			: 0.2em 0 0.8em 2em;
	list-style-type	: decimal;
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/
.button,
#primary p .button,
#secondary p .button
{
    display         : block;
    padding         : 5px 0;
}

#secondary p .button:first-of-type
{
	margin-top		: 50px; 
}

#secondary p .button
{
	margin-top		: 10px; 
}

.home #secondary p .button
{
	margin-top		: 0;
}

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/

/*___ DIV _________________________________________________________________*/

#header
{
	position		: relative;
	height			: 238px;
}

#header .vcard
{
	position		: absolute;
	right			: 0;
	top			: 46px;
	width			: 239px;
	height			: 162px;
	padding-left	: 322px;
	padding			: 15px 15px 15px 342px;
	z-index			: 1;
}

#header .email
{
	margin-top		: 30px;	
}

#copyright
{
	text-align		: center;
	padding			: 10px 0;
}

#footer .wrapper
{
	position		: relative;
	padding			: 15px 10px 15px 15px;
}

#content,
#footer .wrapper
{
	position		: relative;
}

#content .section,
#footer .section
{
	word-spacing	: 0;
	letter-spacing	: 0;
	position		: relative;
	display			: inline-block;
	vertical-align	: top;
}

#primary
{
	width			: 675px;
	margin-right	: 6px;
	padding-top		: 30px;	
	padding-bottom  : 20px;
}

#secondary
{
	width			: 244px;
	padding			: 30px 15px 48px;	
}

#resources
{
	padding			: 10px;
	width			: 280px;
	margin-right	: 44px;
	margin-top		: 10px;
}

#footerList
{
	width			: 310px;
	margin-right	: 2px;
}

#collage
{
	width			: 244px;
	padding			: 0 0 0 20px;
}

#social
{
	position		: relative;
	padding			: 20px;	
	overflow		: hidden;
}

#badges
{
	display			: inline-block;
	width			: 300px;
	padding			: 0 0 0 15px;
	float			: right;
}

#flickr_badge_wrapper
{
	position		: relative;
	overflow		: hidden;
	
}

#flickr_badge_wrapper div
{
	float			: left;
	margin-right	: 5px;
	margin-bottom	: 5px;
}

#primary #first
{
	width			: 285px;
	display			: inline-block;
	vertical-align	: top;	
	margin-left		: -20px;
	padding			: 35px 40px;
}

#primary #second
{
	display			: inline-block;
	width			: 320px;
	overflow		: hidden;
	position		: relative;	
	padding-top     : 10px;
}


#appointment
{
	width			: 33%;
	float			: right;
	padding			: 9px;
	text-align		: center;	
}

/*___ SPAN _________________________________________________________________*/

.type
{
	display			: none;	
}

#twitter_update_list span:before
{
	content			: open-quote;
}

#twitter_update_list span:after
{
	content			: close-quote;	
}

.sets li span,
.photos li span
{
	margin			: -70px 0 0;
	display			: block;
	text-align		: center;
}

.sets.dropdown span
{
	display			: none;
}

/*___ H1 _________________________________________________________________*/

#header h1
{
	position		: absolute;
	left			: 0;
	top				: 0;
	width			: 364px;
	height			: 238px;
}

/*___ H2 _________________________________________________________________*/

#header h2
{
	width			: 364px;
	text-align		: center;
	position		: absolute;
	left			: 0;
	top				: 165px;	
}

/*___ H3 _________________________________________________________________*/

.vcard h3
{
	line-height		: 30px;	
}

#collage h3
{
	width			: 245px;
	height			: 59px;
	margin			: -30px auto 0;
	text-indent		: -9999em;
}

/*___ H4 _________________________________________________________________*/

#footer .wrapper h4
{
	letter-spacing	: 0;
	word-spacing	: 0;	
}

#collage h4
{
	text-indent		: -9999em;	
	height			: 10px;
}

.blog
{
    margin          : 0 -15px 0 -14px;
    padding         : 0 15px 0 14px;
}

.sets.dropdown h4
{
    position        : absolute;
    top             : 8px;
    left            : 60px;
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

li.vevent p
{
	margin			: 0;
}

.blogRSS p + p
{
	margin-top		: 0;	
}

.blogRSS h6 + p
{
	margin-bottom	: 0.5em;	
}

/*___ UL _________________________________________________________________*/

#menu
{
	position		: absolute;
	right			: 5px;
	top				: 15px;
	list-style-type	: none;
	margin			: 0;
	padding			: 0;
	z-index			: 3;
}

#menu ul
{
	display			: none;
	position		: absolute;
	left			: 0;
	top				: 17px;
	padding			: 10px 5px 20px;
	list-style-type	: none;
	margin			: 0;
}

#menu li:hover ul
{
	display			: block;	
}

#footerList ul
{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
}

#twitter_update_list
{
	position		: relative;
	width			: 475px;
	margin			: 0 15px;
	display			: inline-block;	
	list-style-type	: none;
	padding			: 0 0 0 75px;
	vertical-align	: top;
}

#collage ul,
.testimonials
{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;	
}

#social-media
{
	position		: relative;
	overflow		: hidden;
	margin			: 0;
	padding			: 1px 0 0 0;
	list-style-type	: none;	
}

.blogRSS
{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;	
}

ul.bare
{
	margin-left		: 0;
	padding-left	: 2em;	
}

#second .bare
{
	width			: 38%;
	float			: left;	
}

.thumbList
{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;	
}

.sets,
.photos
{
    margin          : 20px 0 0;
    list-style-type : none;
    clear           : both;
}

.sets.dropdown
{
    width           : 100%;
    height          : 49px;
    overflow        : hidden;
    margin-bottom   : 25px;
    padding-bottom  : 10px;
    float           : right;
    clear           : none;
}

.sets.dropdown:hover
{
    width           : 100%;
    overflow        : visible;
    height          : auto;
    float           : right;
}

/*___ OL _________________________________________________________________*/

ol.calendar
{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;	
	line-height		: 18px;
}

/*___ LI _________________________________________________________________*/

#menu > li
{
	display			: inline-block;
	padding			: 0 14px;
	line-height		: 17px;
	position		: relative;
}

#social-media li
{
	float			: left;
	margin-left		: 12px;
}

#social-media li:first-child
{
	margin-left		: 24px;	
}

.thumbList li
{
	position		: relative;
	overflow		: hidden;
	width			: 310px;
	display			: inline-block;
	margin-right	: 20px;
	margin-bottom	: 30px;
}

.calendar li
{
	margin-bottom	: 20px;
}

.sets.dropdown li:last-child
{
    padding-bottom  : 5px;
}

#footerList ul li
{
	margin-bottom	: 10px;
}

#collage ul li
{
	line-height		: 18px;
	margin-bottom	: 10px;
}

.testimonials li
{
	padding-top		: 50px;
}

.testimonials li:first-child
{
	padding-top		: 0;
}

.calendar li
{
	margin-bottom	: 20px;
}

.sets li,
.photos li
{
    display         : inline-block;
    width           : 33%;
    text-align      : center;
    vertical-align  : middle;
    height          : 240px;
    line-height     : 200px;
    margin-bottom   : 70px;
}

.photos li
{
	margin-bottom	: 0;
}

.sets.dropdown li
{
    display         : block;
    width           : auto;
    margin          : 0 5px;
    line-height     : normal;
    text-align      : left;
    height          : 50px;
}

.sets.dropdown li:last-child
{
    padding-bottom  : 5px;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

#header h1 a
{
	display			: block;
	width			: 364px;
	height			: 238px;
	margin			: 0;
	text-indent		: -9999em;
}

#menu ul a
{
	display			: block;
	padding			: 10px 15px;
	width			: 145px;	
}

#menu ul a:hover
{
	text-decoration	: none;	
}

#twitter_update_list a[style="font-size:85%"]
{
	display			: block;	
}

#social-media a
{
	display			: block;
	width			: 59px;
	height			: 60px;
	text-indent		: -9999em;
	float			: left;
}

#social-media a:hover 
{
	margin-top		: -1px;	
}

#primary p a,
#secondary p a
{
	padding			: 0 2px;	
}

.sets.dropdown a
{
    position        : relative;
    display         : block;
    width           : 100%;
    overflow        : hidden;
    height          : 45px;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

#colleenThumb
{
	float			: right;
	margin-left		: 10px;
}

#flickr_badge_wrapper img
{
	width			: 67px !important;
	height			: 67px !important;
}

img.left,
img[style*="left"]
{
	margin-right	: 10px;
	float			: left;	
}

img.right,
img[style*="right"]
{
	margin-left		: 10px;
	float			: right;	
}

.sets img,
.photos img
{
    display         : inline-block;
    vertical-align  : middle;
    padding         : 15px;
    width           : auto;
    max-width       : 90%;
    height          : auto;
    max-height      : 90%;
}

.sets.dropdown img
{
    max-height      : 200px;
    max-width       : 200px;
    margin          : 5px;
    width           : 50px;
    padding         : 0;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

/*___ LABEL _________________________________________________________________*/

/*___Group/Section/Class_________________________________________________________________*/