/*-----------------------------------------------------------------------------
	redprint-WP Theme v1
	By: Tom Martin & Jim Braithwaite (substrakt.co.uk)
-----------------------------------------------------------------------------*/

body 	{  margin-bottom: 0; margin-top: 0; background:#000 url('../images/bg.jpg') no-repeat top left;}

/* Blueprint width setting */
.container 	{ padding-top: 50px; position:relative;}			

#page {
	float: left;
	margin-bottom: 20px;
}

blockquote {
	font-style: normal;
	padding: 0 0 0 0;
	color: #000;
	background: url('../images/quote.png') .5em top no-repeat;
}

a 				{ color: #e38732; }
a:hover			{ color: #ccc; }
blockquote p 	{ padding: 0 20px 0 30px; }
hr 				{ background: #CCC; height: 1px; }
p img			{ float: none; }
a.button 		{ float: left; } /* Fix for buttons */
input 			{ padding-left: 0; border: 1px solid #CCCCCC; padding: 3px; }
ul 				{ list-style-type: none; }
ul li ul		{margin-left:20px;}
ul li ul a 		{ text-decoration:none;color:#666;}
label			{ font-weight: normal; }
textarea		{ height: 200px; width: 500px; padding: 3px;}
.small			{ font-size: .9em; }
.nomargin		{ margin: 0; }
a.button, button { font-weight: normal; }

h3, h3 a {
	font-size: 1.3em;
	line-height: 1.2;
	color: #424242;
 	letter-spacing: 0px;
	text-decoration: none;
}
#maincontent 			{ margin:0 0 0 70px;}
#blog.container #maincontent, #commblog.container #maincontent, #ideablog.container #maincontent,#stratblog.container #maincontent,#expblog.container #maincontent {margin:0;}

h2 a 					{ color: #fff; text-decoration: none; }
h2 a:hover				{ color:#ccc;}
#maincontent .post h2	{ margin-bottom: 5px; }
						/* Padding inside columns */
#maincontent .content 	{ padding: 25px 30px 20px 0; }	

.navigation, 
.navigation a			{ color: #AAA; }
.alignright 			{ float: right; }
.alignleft 				{ float: left; }

.post					{ margin-bottom: 25px; margin-top:15px; font-size:1.3em;}

.invisible 				{ display:none;}

/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/

#header {

}

#header h1, #header .description {
	margin: 0;
	line-height: 1em;
}

#maincontent, #sidebar { padding: 0; }

#header .headslideshow { float:right; width:720px;}
#header .headslideshow img {width:660px;}
#header a.logo {float:left}

div#lang_sel {float:right; height:28px; }
div#lang_sel ul {border:0;}
div#lang_sel ul li {border:0; text-align:right; }
div#lang_sel ul li a.lang_sel_sel {border:0; background:#3b3d3c; padding:2px 5px;color:#fff;}
div#lang_sel ul li a.lang_sel_sel:hover {border:0;}
div#lang_sel ul ul a {border:0;}

.flags {position:absolute; right:5px; top:10px;}
.flags img.english { margin-right:10px;}

/*-----------------------------------------------------------------------------
	Navigation
-----------------------------------------------------------------------------*/

#nav, #subnav	{ padding: 0; width: 200px; line-height: 1.5em; font-size:1.4em; position:relative; padding-top:65px;}

#nav ul,
#subnav ul		{ margin: 100px 0 0 0; padding: 0; list-style: none; position:relative; z-index:999; float:left;}

#nav li,
#subnav li		{ margin: 0; padding: 0; float: left; width: 150px; background-image: none; }

#nav li a,
#subnav li a 	{ color: white; padding: 0 10px; float: right; text-decoration: none; }

#nav li.current_page_item a,
#nav li a:hover 	{ color: #e38732; background:url('../images/arrow.gif') no-repeat right; margin-right:15px;}

#right .content .topmain .subnav #submenu ul li.current_page_item a {text-decoration:none; color:#fff;}

#submenu li {display:inline;}
#submenu li a {text-decoration:none; float:left; margin-right:10px; font-size:1.4em; color:#ffffff;border-right:1px solid white;padding-right:10px;}

#idea.container #submenu li a:hover, 
#ideablog.container #submenu li a:hover, 
#portfolio.container #submenu li a:hover, 
#brand.container #submenu li a:hover, 
#print.container #submenu li a:hover,
#advertising.container #submenu li a:hover,
#communication.container #submenu li a:hover,
#commblog.container #submenu li a:hover,
#comm-case-studies.container #submenu li a:hover,
#experience.container #submenu li a:hover,
#expblog.container #submenu li a:hover,
#exp-case-studies.container #submenu li a:hover,
#strategy.container #submenu li a:hover,
#stratblog.container #submenu li a:hover,
#strat-case-studies.container #submenu li a:hover,
#idea-biog.container #submenu li a:hover,
#comm-biog.container #submenu li a:hover,
#exp-biog.container #submenu li a:hover,
#strat-biog.container #submenu li a:hover {color:#ccc;}

#ideablog.container .comments,
#commblog.container .comments,
#expblog.container .comments,
#stratblog.container .comments {width:140px;}

#nav a.idea, #nav a.idea:hover, a.pink, span.pink, #idea.container #submenu li a, #ideablog.container #submenu li a, #portfolio.container #submenu li a, #brand.container #submenu li a, #print.container #submenu li a, #advertising.container #submenu li a, #idea-biog.container #submenu li a {color:#d33f8b;}
#nav a.comm, #nav a.comm:hover, a.blue, span.blue, #communication.container #submenu li a, #commblog.container #submenu li a, #comm-case-studies.container #submenu li a, #comm-biog.container #submenu li a {color:#009cd5;}
#nav a.exp, #nav a.exp:hover, a.purple, span.purple, #experience.container #submenu li a, #expblog.container #submenu li a, #exp-case-studies.container #submenu li a, #exp-biog.container #submenu li a {color:#6d4f93;}
#nav a.strat, #nav a.strat:hover, a.green, span.green, #strategy.container #submenu li a, #stratblog.container #submenu li a, #strat-case-studies.container #submenu li a, #strat-biog.container #submenu li a {color:#80a942;}

#nav li.current_page_item a,
#subnav li.current_page_item a,
#subnav li a:hover 	{ color: #e38732; }

#nav li.first a { }

#nav li a.idea, #nav li a.comm, #nav li a.exp, #nav li a.strat { text-decoration:none; float:right; width:20px; overflow:hidden; margin-top:20px; display:block;}

#nav li a.idea span.over, #nav li a.comm span.over, #nav li a.exp span.over, #nav li a.strat span.over { position:absolute; right:0px;}
#nav li a.idea:hover span.over, #nav li a.comm:hover span.over, #nav li a.exp:hover span.over, #nav li a.strat:hover span.over { position:absolute; right:-5000px;}

#nav li a.idea span, #nav li a.comm span, #nav li a.exp span, #nav li a.strat span { position:absolute; right:-5000px;}
#nav li a.idea:hover span, #nav li a.comm:hover span, #nav li a.exp:hover span, #nav li a.strat:hover span { position:absolute; right:0px; background:url('../images/arrow.gif') no-repeat right; padding-right:10px;}

#nav ul.colorsnav { position:relative;margin-left:-83px;width:200px;overflow:hidden;height:100px;}

	/*-------------------------------------------------------------------------
		Navigation bar in posts (use main nav html inside a post)
	-------------------------------------------------------------------------*/

	.entry #nav .content {
		padding: 0;
		margin: auto;
	}

	.entry #nav {
		margin-bottom: 15px;
		background: #FFF;

	}

	.entry #nav li a 		{ color: #FFF; border-right: 1px solid #AAA; background: #666; }
	.entry #nav li.last a	{ border-right: none; }
	.entry #nav li a:hover 	{ background: #333; color: #FFF;}

/*-----------------------------------------------------------------------------
	Sidebar
-----------------------------------------------------------------------------*/

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 25px 20px 0 20px;
	text-align: right;
}

#sidebar a.logo img {margin-left:60px;}

.sidebar {float:left;width:205px;color:white;margin-right:25px;margin-top:25px;}

.latestposts h2, .twitterwidget h2, .rss h2 {font-size:22px; margin-bottom:5px;}
.latestposts {font-size:0.8em;margin-bottom:20px;padding-right:45px;}
.latestposts ul h4 a {margin-top:8px;}
.rss {margin-bottom:20px;}

/*-----------------------------------------------------------------------------
	Twitter Widget
-----------------------------------------------------------------------------*/

p.twitter-message { color:#333;
					font-size:.8em; 
					font-weight:bold;
					width:145px; 
					padding:5px; 
					float:left; 
					border:2px solid #cccccc; 
					-moz-border-radius:10px;
					-webkit-border-radius:10px;
					margin-top:10px; background:#ffffff ; 
					}

p.twitter-message span.twitter-timestamp {color:#000;margin-left:10px;position:relative;}

span.twitbg {background:url('../images/twitterbubble.jpg') no-repeat; height:18px; width:15px; position:absolute; margin:5px 0 0 5px;}
span.twitbg p{display:none;}

.twitterwidget h3 {color:#e38732;font-weight:bold;}


/*-----------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------*/

#footer 		{  text-align: left; font-size: .9em; margin: 20px 0 20px 75px; color:white;}

#footer a 		{ text-decoration: none; }

/*-----------------------------------------------------------------------------
	Search
-----------------------------------------------------------------------------*/

#search				{ float: right; }
#search #s 			{ background: transparent url('../images/icons/search_grey.gif') 0px center no-repeat;
 				  	  padding: 2px 0 2px 17px; width: 135px; color: #CCCCCC; font-size: 0.9em; margin-right: 20px;}
#search #s:hover 	{ color: #000; }
.search-excerpt 	{ margin: 0; }


/*-----------------------------------------------------------------------------
	Comments
-----------------------------------------------------------------------------*/

.commentlist li { padding: 8px 15px; } 

/*-----------------------------------------------------------------------------
	Front
-----------------------------------------------------------------------------*/

#right { margin-top:22px;color:white; width:660px;}

#home.container .topmain .post {margin-top:0; margin-bottom:28px;}

.topmain p{ font-size:0.9em; margin-bottom:9px;}
.topmain h2 {margin-bottom:20px;}
.topmain .biglinks {font-size:1.3em;margin-top:-5px;}
.topmain .biglinks a {text-decoration:none;}

.blogs {background:#3b3d3c; padding:10px; width:840px}
.blogs h2 {border-bottom:none; font-size:1em; color:white; background:#191919; padding:5px; margin-bottom:10px;}
.blogs h2 img {float:right;margin-top:-15px;}

.blogs h4 a{color:white; font-size:0.8em;text-decoration:none;}
.blogs ul li {background:#191919;margin-bottom:3px;padding:5px;height:50px;}
.blogs ul li p {margin:0;color:#ccc;font-size:0.7em;}
 
.blogidea, .blogcomm, .blogexp, .blogstrat {width:202px; float:left; position:relative; }
.blogidea, .blogcomm, .blogexp {margin-right:10px;}

.features {margin-bottom:40px;}
.features h3 {margin-left:30px; color:white;}

.features .cat-portfolio img {border:2px solid #d33f8b;}
.features .cat-comm-studies img {border:2px solid #009cd5;}
.features .cat-exp-case-studies img {border:2px solid #6d4f93;}
.features .cat-strat-case-studies img {border:2px solid #80a942;}

.comments {float:right;margin-top:-10px;}
.comments span a {padding:0 0 0 30px;color:#ffffff;text-decoration:none;font-family:georgia;font-size:10px;}
.blogcomments span a {padding:0 0 0 30px;color:#ffffff;text-decoration:none;font-family:georgia;font-size:10px;}

.blogidea .comments span a {background:url('../images/pinkcomment.png') top left no-repeat;}
.blogcomm .comments span a {background:url('../images/bluecomment.png') top left no-repeat;}
.blogexp .comments span a {background:url('../images/purplecomment.png') top left no-repeat;}
.blogstrat .comments span a {background:url('../images/greencomment.png') top left no-repeat;}

.scrollable h3 {margin-top:-30px;margin-left:2px;position:relative;z-index:999;color:#fff;background:#333;padding:5px;width:180px;font-size:1em;}
.scrollable a h3 {text-decoration:none;}

/*-----------------------------------------------------------------------------
	Scrollable
-----------------------------------------------------------------------------*/

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable, div.autoplay { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 810px; 
    height:200px; 
}

div.autoplay{margin-left:30px;} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items, div.autoplay div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div, div.autoplay div.items div { 
    float:left; 
} 
 

div.scrollable div.items img{ 
	height:190px; width:190px; margin-right:8px;}
	
div.autoplay div.items img{
	height:140px;width:160px; margin:0 20px 0 20px;
}

/* you may want to setup some decorations to active the item */ 
div.items div.active { 

}

a.prevPage, a.nextPage {width:22px; height:200px;display:block;position:relative;}
a.prevPage {background:url('../images/arrow-left.gif') center left no-repeat; margin-right:10px;float:left;}
a.nextPage {background:url('../images/arrow-right.gif') center left no-repeat; margin:-200px 0 0 0;float:right;left:-55px;}

/*-----------------------------------------------------------------------------
	Blogs
-----------------------------------------------------------------------------*/

.blogcontainer, .portfoliocontainer { width:840px;}
.blogcontainer .inner, .blogcontainershort .inner, .portfoliocontainer .inner {background:#252328; color:#d4d3d4; margin-bottom:20px;}

#blog .blogcontainershort {margin-top:-100px;}
.blogcontainershort {width:680px;float:left;}

.blogcontainer h2, .portfoliocontainer h2 {background:#403b43; color:white; text-decoration:none; padding:5px 350px 5px 10px;}
.blogcontainershort h2{background:#403b43; color:white; text-decoration:none; padding:5px 100px 5px 10px;}

.blogcontainer h2 a, .blogcontainershort h2 a, .portfoliocontainer h2 a {color:white;}

.blogcontainer ul li, .portfoliocontainer ul li {padding:0 20px 10px 20px;}
.blogcontainershort ul li {padding:0 20px 10px 0px;}

.blogcontainer ul li .author, .blogcontainershort ul li .author, .portfoliocontainer ul li .author {width:150px; padding:10px; float:left; color:white; font-size:1.2em;}

.blogcontainer ul li .author span, .blogcontainershort ul li .author span, .portfoliocontainer ul li .author span {color:#d4d3d4; font-size:0.8em;}

.blogcontainer ul li .article, .portfoliocontainer ul li .article {width:500px; padding:10px; float:left;}
.blogcontainershort ul li .article {width:450px; padding:10px; float:left;}

.blogcontainer ul li .article img, .portfoliocontainer ul li .article img {width:500px;}
.blogcontainershort ul li .article img {width:450px;}

.blogcontainer ul li .comments, .portfoliocontainer ul li .comments { width:100px; padding:10px 10px 10px 0; margin-top:0; background:url('../images/purplecomment.png') center left no-repeat;}
.blogcontainershort ul li .comments { width:70px; padding:10px 10px 10px 0; margin-top:0; background:url('../images/purplecomment.png') center left no-repeat;}

.blogcontainershort ul li .blogcomments { width:100px; padding:10px 10px 10px 0; margin-top:0; background:url('../images/purplecomment.png') center left no-repeat;float:left;}

#ideablog .blogcontainer ul li .comments, #ideablog .blogcontainershort ul li .comments {background:url('../images/pinkcomment.png') center left no-repeat;}
#commblog .blogcontainer ul li .comments, #commblog .blogcontainershort ul li .comments {background:url('../images/bluecomment.png') center left no-repeat;}
#expblog .blogcontainer ul li .comments, #expblog .blogcontainershort ul li .comments {background:url('../images/purplecomment.png') center left no-repeat;}
#stratblog .blogcontainer ul li .comments, #stratblog .blogcontainershort ul li .comments {background:url('../images/greencomment.png') center left no-repeat;}

/*-----------------------------------------------------------------------------
	Case Studies
-----------------------------------------------------------------------------*/

.testimonial ul li {width:45%;float:left;background:#252328;margin-right:10px;margin-bottom:10px;}
.testimonial ul li .inner {padding:10px;color:#ccc;height:162px; overflow:hidden;}
.testimonial ul li img {float:left; width:160px; height:140px; margin-top:0px;}
.testimonial ul li .article {width:220px; float:left; margin-right:10px;}
.testimonial ul li .article h2 {color:#fff; font-size:1.3em;margin-bottom:10px;}

ul.post-categories li { margin:5px 5px 0 0;padding:0;font-size:0.8em;float:left;}
ul.post-categories li a {color:#e38732;}
ul.post-categories li a:hover {color:#cccccc;}

/*-----------------------------------------------------------------------------
	Bio
-----------------------------------------------------------------------------*/

#idea-biog.container .intro h2 {color:#d33f8b;}
#comm-biog.container .intro h2 {color:#009cd5;}
#exp-biog.container .intro h2 {color:#6d4f93;}
#strat-biog.container .intro h2 {color:#80a942;}

img.biogimg {float:left; width:200px; height:200px; margin:10px 20px 15px 0;margin-bottom:15px;}

.bioglist .intro {width:600px;height:100%;padding:10px 40px 0 10px;}
.bioglist .intro .introtext {width:375px;float:left;}

/*-----------------------------------------------------------------------------
	Portfolio
-----------------------------------------------------------------------------*/

.intro {width:200px;height:180px;overflow:hidden;float:left; padding:10px 10px 10px 10px;background:#252328;color:#ccc;margin-bottom:15px;}
.intro h2 a{color:#d33f8b;}

img.portfolioimg {float:left; width:600px; height:200px; margin-bottom:15px;}

.portfolioitem h2 {background:none;}
.portfolioitem ul {background:#252328; color:#d4d3d4; margin-bottom:20px;}
.portfolioitem ul li {padding:0;}

.portfolioitem ul li .article {width:820px;}

.portfolioitem a.prevPage {background:url('../images/arrow-left.gif') center left no-repeat; margin:150px 10px 0 -30px; float:left;}
.portfolioitem a.nextPage {background:url('../images/arrow-right.gif') center left no-repeat; margin:-350px 0 0 0;float:right; left:30px;}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
.portfolioitem div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 836px; 
    height:500px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.portfolioitem div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
.portfolioitem div.scrollable div.items img{ 
	float:left; width:850px;height:500px;
} 
 
/* you may want to setup some decorations to active the item */ 
.portfolioitem div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.sociable ul {background:none;}

ul.brand h2{color:#000;}

ul.brand li .inner{background:#fff;margin-left:2px;margin-right:2px;color:#000}

/*-----------------------------------------------------------------------------
	Testimonials
-----------------------------------------------------------------------------*/

.testimonial .quotes {margin-right:10px;}
.testimonial .quotes, .testimonial .quoteslast {width:31%;float:left;height:260px;overflow:hidden;}
.testimonial li {list-style-type:none;display:inline;}
.testimonial li .quotes, .testimonial li .quoteslast  {float:left;}

#idea.container .testimonial .quotes, #idea.container .testimonial .quoteslast {background:#d33f8b;}
#communication.container .testimonial .quotes, #communication.container .testimonial .quoteslast {background:#009cd5;}
#experience.container .testimonial .quotes, #experience.container .testimonial .quoteslast {background:#6d4f93;}
#strategy.container .testimonial .quotes, #strategy.container .testimonial .quoteslast {background:#80a942;}

.testimonial .quotes .inner, .testimonial .quoteslast .inner {padding:10px;}
.testimonial .quotes .inner img, .testimonial .quoteslast .inner img {width:60px;height:60px;margin-bottom:10px;}

.testimonial .quotes .inner .name, .testimonial .quoteslast .inner .name{color:#333;font-weight:bold;}

/*-----------------------------------------------------------------------------
	Contact
-----------------------------------------------------------------------------*/

.address {color:white;width:150px;float:left;}
.address a {color:#e38732;}
.address a:hover {color:#cccccc;}

#map {float:left;}
#map span {display:none;}

.form {width:660px;margin-top:15px;}

/*-----------------------------------------------------------------------------
	People
-----------------------------------------------------------------------------*/

.peoplecontent {position:static; padding-top:50px; font-size:0.9em;}
.peoplecontent .right h3 { color:white;}

.bioglist ul#childpages li {float:left; }

.allimages img {width:74px; height:70px; }
.left img {width:200px; height:200px;}

.left {width:200px; display:inline; float:left; margin-right:20px; }
.right { width:400px; display:inline; float:left;}