/********************
      Hello!
********************/
html, body
{
	margin: 0;
	padding: 0;
}

html
{
	overflow-y: scroll;
}

body
{
	text-align: center; /* IE6 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(/_assets/images/common/background-spatter.gif);
}

a img
{
	border: 0;
}

/*********************
   Main block set up
*********************/


#container
{
	width: 966px;
	text-align: left; /* IE6 */
	margin: 0 auto;
}

#header
{
	background-image: url(/_assets/images/common/header.png);
	background-position: 0 -1px;
	padding-bottom: 13px;
	background-repeat: no-repeat;
	height: 125px;
	position: relative;
}

#header a.logo
{
	display: block;
	position: absolute;
	bottom: 20px;
	left: 30px;
	width: 310px;
	height: 57px;
	text-indent: -9999px;
	color: 	#424242;
}

#sidebar
{
	float: left;
	background-color: green;
}

#article
{
	float: left;
/*	background-color: rgba(255,0,0,0.5);*/
	min-height: 200px;
	width: 484px;
	padding: 0 19px 0 19px;
}

#content
{
	background-image: url(/_assets/images/common/vertical-scruffs.png);
	overflow: hidden;
	background-repeat: repeat-y;
}

#footer 
{
	clear: both;
	background-image: url(/_assets/images/common/footer.png);
	height: 208px;
	padding-top: 20px;
	background-position: -8px 20px;
	background-repeat: no-repeat;
}

/****************************
   Sidebar styles
****************************/
#sidebar h3
{
	font-family: Georgia, Times, "Times new roman", serif;
	font-size: 27px;
	font-weight: normal;
	color: #333;
}



/****************************
  Home page block overrides
****************************/
.home #container
{
	background-image: url(/_assets/images/common/scruffy-background.png);
	background-position: 0px 550px;
	background-repeat: no-repeat;
}

.home #article
{
	width: 622px;
	padding: 0 10px 0 10px;
	background-color: transparent;
}

.home #sidebar
{
	width: 284px;
	padding: 0 17px;
	background-color: transparent;
}

.home #sidebar .latest_tweets
{
	background-image: url(/_assets/images/common/scruffy-hr-third.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.home .post
{
	margin: 0 10px;
	padding-bottom: 1em;
	background: url(/_assets/images/common/scruffy-hr-two-thirds.png) no-repeat bottom left;
	overflow: hidden;
}

.home .post h2, .home .post h2 a
{
	font-family: Georgia, Times, "Times new roman", serif;
	font-size: 32px;
	font-weight: normal;
	text-decoration: none;
	color: #333;
	margin-bottom: 0;
}

.home .post .photoframe
{
	float: left;
/*	border: 1px solid #b1b1b1;*/
	padding: 5px;
	width: 120px;
	height: 120px;
	margin: 1em 12px 0 0;
}

.home .post .photoframe div
{
	width: 120px;
	height: 120px;
	overflow: hidden;
}

.home .post .post-excerpt
{
	float: left;
	width: 459px;
}

.home .post .read_more a
{
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

.home .post .read_more a span
{
	color: #B5D210;
}

.home #article a
{
	color: #333;
}


/*********************
  Home page fader
*********************/
.home #homepage-fader
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 923px;
	height: 319px;
	margin: 25px auto;
	position: relative;
}

.home #homepage-fader li
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 923px;
	height: 319px;
	text-indent: -9999px;
}

.home #homepage-fader #banner-creativity
{
	background-image: url(/_assets/images/home/banner-creativity.gif);
}

.home #homepage-fader #banner-drive
{
	background-image: url(/_assets/images/home/banner-drive.gif);
}

.home #homepage-fader #banner-experience
{
	background-image: url(/_assets/images/home/banner-experience.gif);
}

.home #homepage-fader #banner-international
{
	background-image: url(/_assets/images/home/banner-international.gif);
}

.home #homepage-fader #banner-media
{
	background-image: url(/_assets/images/home/banner-media.gif);
}

.home #homepage-fader #banner-results 
{
	background-image: url(/_assets/images/home/banner-results.gif);
}

.home #container
{
	position: relative;
}

.home #home-intro
{
	position: absolute;
	top: 420px;
	left: 50px;
	z-index: 2000;
	width: 380px;
}

.home #home-intro h2
{
	font-size: 16px;
	font-family: Georgia, Times, "Times new roman", serif;
	font-weight: normal;
}


/*********************
	Top/footer navigation
*********************/
#navigation,
#footer ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0;
	background-image: url(/_assets/images/common/scruffy-hr-full.png);
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#footer ul
{
	padding: 40px 0 0 20px;
	background-image: none;
}

#navigation li,
#footer li
{
	float: left;
	padding-right: 8px;
}

#navigation a,
#footer li a
{
	display: block;
	font-family: Georgia, Times, "Times new Roman", serif;
	height: 34px;
	float: left;
	padding: 2px 0 0 10px;
	position: relative;
	background-position: 0 -40px;
	color: #4C4D4F;
	text-decoration: none;
	font-size: 18px;
}

#footer li a
{
	color: #fff;
}

#footer li a.current_page_item,
#footer li a.current_page_ancestor,
#footer li a.current_page_parent,
#footer li a:hover
{
	color: #333;
}

#navigation .current_page_item a, #navigation .current_page_item span.door,
#navigation .current_page_ancestor a, #navigation .current_page_ancestor span.door,
#navigation .current_page_parent a, #navigation .current_page_parent span.door
{
	background-image: url(/_assets/images/common/topnav-bubble.gif);
	background-repeat: no-repeat;
}

#footer .current_page_item a,
#footer .current_page_item span.door,
#footer .current_page_ancestor a,
#footer .current_page_ancestor span.door,
#footer .current_page_parent a,
#footer .current_page_parent span.door
{
	background-image: url(/_assets/images/common/footernav-bubble.gif);
	background-repeat: no-repeat;
	color: #333;
}

#navigation a:hover
{
	background-image: url(/_assets/images/common/topnav-bubble.gif);
	background-position: 0px -1px;
}

#footer li a:hover
{
	background-image: url(/_assets/images/common/footernav-bubble.gif);
	background-position: 0px -1px;
}

#navigation a span.sliding, 
#footer li a span.sliding
{
	z-index: 2;
	position: relative;
	margin-right: 10px;
}

#navigation a span.door, 
#footer li a span.door
{
	display: block;
	background-position: -402px -40px;
	height: 35px;
	width: 25px;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}
#navigation a:hover span.door
{
	background-image: url(/_assets/images/common/topnav-bubble.gif);
	background-position: -402px -1px;
}

#footer li a:hover span.door
{
	background-image: url(/_assets/images/common/footernav-bubble.gif);
	background-position: -402px -1px;
}

#navigation li.social
{
	float: right;
	margin: -4px 0 0 0;
	padding: 0;
}

#navigation li.social a img
{
	border: 0;
}

#navigation li.social a
{
	padding: 0;
}

#navigation li.social a:hover
{
	background-image: none;
}


/************************
 Sub navigation (LHS bar)
************************/
#subnav
{
	float: left;
	width: 166px;
	padding-left: 13px;
	padding-top: 3em;
}

#subnav ul
{
	margin: 0;
	padding: 0 10px 0 0;
	list-style-type: none;
}

#subnav ul ul
{
	padding: 0;
	display: none;
}

#subnav ul .current_page_item ul,
#subnav ul .current_page_ancestor ul
{
	display: block;
}

#subnav ul li a
{
	display: block;
	padding-bottom: 10px;
	padding-right: 30px;
	text-decoration: none;
	color: #4C4D4F;
	font-size: 17px;
	font-family: Georgia, Times, "Times new roman", serif;
}

#subnav ul li ul li a
{
	padding-left: 10px;
	padding-right: 20px;
}

#subnav ul li.current_page_item,
#subnav h1.active
{
	background: transparent url(/_assets/images/common/squiggle-arrow.png) top right no-repeat;
}

#subnav h1.active
{
	background-position: 139px 3px;
}

#subnav ul li.current_page_item ul li a
{
	background-image: none;
}

#subnav h1
{
	font-family: Georgia, Times, "Times new roman", serif;
	font-weight: normal;
	font-size: 22px;
	margin-top: 0;
}

#subnav h1 a
{
	text-decoration: none;
	color: #333;
}


/********************
 Tactical boxes
 *******************/
#tactical-boxes
{
	width: 259px;
	float: left;
	overflow: hidden;
}

#tactical-boxes h3
{
	font-size: 24px;
	font-family: Georgia, Times, "Times new roman", serif;
	font-weight: normal;
}

#tactical-boxes .tactical-box
{
	margin-left: 10px;
	padding-left: 10px;
	background-image: url(/_assets/images/common/scruffy-hr-quarter.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 2em;
}

.blog #tactical-boxes .tactical-box,
.archive #tactical-boxes .tactical-box,
.single #tactical-boxes .tactical-box
{
	background-image: url(/_assets/images/common/scruffy-hr-third.png);
}

#tactical-boxes .blogger .blogger-bio
{
	float: left;
	width: 155px;
}

#tactical-boxes .blogger .blogger-bio h4,
#tactical-boxes .blogger .blogger-bio h4 a
{
	color: #482134;
	font-family: Georgia, Times, Times new roman, serif;
	font-size: 20px;
	margin: 0;
	font-weight: normal;
	text-decoration: none;
}

#tactical-boxes .blogger .photoframe
{
	float: left;
	border: 1px solid #b1b1b1;
	padding: 5px;
	width: 110px;
	height: 90px;
	margin: 0 10px 0 0;
}

#tactical-boxes .blogger .photoframe div
{
	width: 110px;
	height: 90px;
	overflow: hidden;
}

#tactical-boxes .blogger
{
	margin-bottom: 2em;
	overflow: hidden;
}


/*******************
     Twitter
*******************/
.latest_tweets dt,
.blog #tactical-boxes .latest_tweets dt,
.archive #tactical-boxes .latest_tweets dt,
.single #tactical-boxes .latest_tweets dt
{
	width: 244px;
	padding: 20px 20px 0 20px;
	background-image: url(/_assets/images/common/twitter.png);
	color: #fff;
	font-family: Georgia, Times, "Times new roman", serif;
	font-size: 18px;
}

#tactical-boxes .latest_tweets dt
{
	background-image: url(/_assets/images/common/twitter-sidebar.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 211px;
	padding: 20px 0 0 13px;
}

.latest_tweets dd,
.blog #tactical-boxes .latest_tweets dd,
.archive #tactical-boxes .latest_tweets dd,
.single #tactical-boxes .latest_tweets dd
{
	background-image: url(/_assets/images/common/twitter.png);
	background-repeat: no-repeat;
	height: 50px;
	margin: 0;
	width: 174px;
	padding: 35px 105px 0 10px;
	background-position: 0px -281px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tactical-boxes .latest_tweets dd
{
	background-image: url(/_assets/images/common/twitter-sidebar.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-position: 0px -281px;
	width: 149px;
	padding: 35px 85px 20px 10px;
	height: auto;
}

.latest_tweets a
{
	color: #57A29C;
	text-decoration: none;
}

h3.twitter_bird
{
	background: transparent url(/_assets/images/common/twitterbird.png) top right no-repeat;
	margin-right: 10px;
	padding: 0.5em 10px 0 0;
}

/*******************
     YouTube
*******************/
.youtube_clip
{
	width: 284px;
	clear: both;
}

#tactical-boxes .youtube_clip
{
	width: 224px;
	clear: both;
}

#sidebar .youtube_clip h3,
#tactical-boxes .youtube_clip h3
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

#sidebar .youtube_clip p,
#tactical-boxes .youtube_clip p
{
	margin-top: 0;
}

.youtube_clip img
{
	float: left;
}

#sidebar .youtube_clip .youtube_thumbnail
{
	width: 120px;
	height: 90px;
	float: left;
	margin: 0 1em 1em 0;
	border: 1px solid #666;
	padding: 1px;
	overflow: hidden;
}

#tactical-boxes .youtube_clip .youtube_thumbnail
{
	width: 100px;
	height: 75px;
}

.youtube_clip .youtube_thumbnail a
{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-decoration: none;
}

/******************
 RSS feed tactical
******************/
.tactical-box .rss a
{
	text-decoration: none;
	display: block;
	padding-left: 45px;
	background-image: url(/_assets/images/common/rss.png);
	background-repeat: no-repeat;
	height: 35px;
	padding-top: 5px;
	color: #333;
}

/*****************
 Blogroll links
*****************/
ul.xoxo
{
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
}

ul.xoxo li
{
	padding-left: 0;
}

ul.xoxo li a
{
	color: #333;
	text-decoration: none;
}

.tactical-box h4
{
	font-size: 16px;
	margin-bottom: 0;
}

/*******************
 Team members
*******************/
.team-member
{
	background: transparent url(/_assets/images/common/scruffy-hr-half.png) top center no-repeat;
	overflow: hidden;
	padding-top: 1em;
}

.team-member .photoframe
{
	float: left;
	border: 1px solid #b1b1b1;
	padding: 5px;
	width: 110px;
	height: 110px;
	margin-right: 17px;
}

.team-member .photoframe div
{
	width: 110px;
	height: 110px;
	overflow: hidden;
}

.team-member .bio
{
	float: left;
	width: 312px;
}

.team-member .bio h2
{
	font-size: 20px;
	font-family: Georgia, Times, "Times new roman", serif;
	color: #482134;
	font-weight: normal;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0.3em;
}

.team-member .bio span.location, .team-member .bio span.position
{
	display: block;
	font-size: 12px;
	color: #57A29C;
	
}


/****************************
 BLOG
****************************/
.blog
{
	background-image: none !important;
}

.blog #content,
.archive #content,
.single #content
{
	background-image: url(/_assets/images/common/scruffy-background.png);
	background-repeat: no-repeat;
	background-position: 0px -10px; /* remove the top vertical line */
	margin-top: 1em;
}

.blog #article,
.archive #article,
.single #article
{
	width: 604px;
}

.blog #tactical-boxes,
.archive #tactical-boxes,
.single #tactical-boxes
{
	width: 319px;
}

.blog .posted_date, .blog .posted_by, .blog .posted_tags,
.archive .posted_date, .archive .posted_by, .archive .posted_tags,
.single .posted_date, .single .posted_by, .single .posted_tags
{
	display: block;
	color: #57A29C;
	padding: 0.1em 0;
}

.blog .posted_date,
.archive .posted_date,
.single .posted_date
{
	color: #482134;
	font-weight: bold;
}

.blog .posted_tags a, .blog .posted_by a,
.archive .posted_tags a, .archive .posted_by a,
.single .posted_tags a, .single .posted_by a
{
	color: #57A29C;
	text-decoration: none;
}

.posts_navigation
{
	width: 290px;
	padding-top: 2em;
	float: left;
}

.posts_navigation a
{
	display: block;
	padding: 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	background-color: rgb(230,230,225);
}

.previous_posts
{
	float: right;
	text-align: right;
}

/**************************
 CONTACT PAGE
**************************/
.page-id-15 #content
{
	background-image: url(/_assets/images/common/scruffy-verticals-full.png);
}

.page-id-15 #article
{
	width: 922px;
	position: relative;
}

#contact-map 
{
	background-image: url(/_assets/images/contact/maps.png);
	width: 721px;
	height: 351px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0px -44px;
	position: absolute;
	right: 0;
	margin-top: 20px;
}

#contact-locations
{
	float: left;
	width: 206px;
}

#contact-locations h3
{
	background-color: #B5D210;
	font-family: Georgia, Times, "Times new roman", serif;
	font-size: 20px;
	color: #333;
	font-weight: normal;
	padding: 11px 13px 5px 13px;
}

#contact-locations ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	margin-top: 0;
	padding-top: 0;
}

#contact-locations ul li
{
	padding-left: 40px;
	margin-bottom: 0.5em;
	background-image: url(/_assets/images/contact/maps.png);
	background-repeat: no-repeat;
}

#contact-locations ul li.address
{
	background-position: 0px -413px;
}

#contact-locations ul li.telephone
{
	background-position: -691px -416px;
	padding-top: 2px;
	height: 22px;
}

#contact-locations ul li.fax
{
	background-position: 0px 0px;
	padding-top: 4px;
	height: 25px;
}

#contact-locations ul li.email
{
	background-position: -691px 0px;
	padding-top: 4px;
	height: 25px;
}

#contact-locations ul li.maps
{
	padding-left: 0;
	background-image: none;
}

#contact-locations ul li a
{
	text-decoration: none;
	color: #333;
}

#contact-map .country-selector
{
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0;
	left: 0;
}

#contact-map .country-selector:hover,
#contact-map .country-selector.active
{
	background-image: url(/_assets/images/contact/map-over.png);
}

#contact-map #view-london
{
	top: 63px;
	left: 265px;
}

#contact-map #view-munich
{
	top: 72px;
	left: 331px;
}

#contact-map #view-paris
{
	top: 79px;
	left: 321px;
}

#contact-map #view-san-francisco
{
	top: 111px;
	left: 56px;
}

#map-disclaimer
{
	position: absolute;
	top: 330px;
	left: 260px;
}

/**************************
 MAIN TYPOGRAPHY
**************************/
#article h1, #article h1 a
{
	font-weight: normal;
	font-family: Georgia, Times, "Times new roman", serif;
	font-size: 32px;
	margin-bottom: 0.3em;
	color: #333;
	text-decoration: none;
	padding-top: 8px; /* don't EVER tell anyone that I added this line in ;) */
}

p
{
	font-size: 12px;
	line-height: 1.6em;
}


/*#article>p:first-of-type
{
	font: bold 15px/1.4em Georgia, Times, "Times new roman", serif;
}*/

#article p.first-of-type
{
	font: bold 15px/1.4em Georgia, Times, "Times new roman", serif;
}

#article a
{
	color: #5f2f44;
}


/********************
 That's all folks
********************/