/* -----------------------------------------------------------------------

 Filament Creative does the See-ess-ess-up-all-right. kthnxbai.
 Copyright 2010 Filament Creative Inc.
 
 Some parts of the framework are from blueprint and some are mine own. 
 Thanks blueprint. credit where credit is due. 

----------------------------------------------------------------------- */

/* COLORS
   Body Background:	   #f4f4f4
   Main Text:		   #898989
   Nav Links:		   #FFFFFF
   Links:			   #a01f76
   Dark Border:	 	   #dedede
   Light Border:	   #eaeaea
   Headline:		   #252525
   
*/


/* 
	RESET
	TYPOGRAPHY
	FORMS
	MISC
	LAYOUT
	HEADER
	GLOBAL NAV
	PRIMARY CONTENT BLOCKS
	ARTICLES
	MEDIA
	EVENTS
   	FOOTER
*/



/* reset.css 
---------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img, a:link img, a:visited img, a:hover img{
	border:0;
}

a:hover img{	
	text-decoration:none;
	}


/* typography.css 
---------------------------------------*/

body {
	color: #898989;
	background: #f4f4f4;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #252525;
}

h1 {
	font-size: 3em;
	line-height: 1em;
	margin-bottom: 0;
}

h2 {
	font-size: 2em;
	
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1em;
	font-weight: bold;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
	color: #6d6e71;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}

p {
	margin: 0 0;
	font-size: 12px;
}

p img.left {
	float: left;
	margin: 0;
	padding: 0;
}

p img.right {
	float: right;
	margin: 0
}

a:focus, a:hover {
	color: #afafaf;
}

a {
	color: #a01f76;
	text-decoration: none;
}

blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}

strong {
	font-weight: bold;
}

em, dfn {
	font-style: normal;
	color: #a01f76;
}

dfn {
	font-weight: bold;
}

small{
	color: #252525;
	font-size: 0.75em;
}

sup, sub {
	line-height: 0;
	font-size: 8px;
}

sup{
	vertical-align: super;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
}


ul {
	list-style-type: none;
}

ol {
	list-style-type: none;
}


th {
	font-weight: bold;
}

thead th {
	background: #222222;
	border: 1px solid #2e2e2e;
	border-width:1px 0 ;
	text-align: left;
	color: #fff;
}

thead th.first{
	border-left:1px solid #2e2e2e;
	padding-left: 3px;
}

thead th.last{
	border-right:1px solid #2e2e2e;
}

th, td, caption {
	padding: 4px ;
}

tr.even td {
	background: #e5ecf9;
}

tfoot {
	font-style: italic;
}

caption {
	background: #eee;
}

.small {
	font-size: .7em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}

.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}

.hide {
	display: none;
}

.quiet {
	color: #666;
}

.loud {
	color: #000;
}

.highlight {
	background: #ff0;
}

.added {
	background: #060;
	color: #fff;
}

.removed {
	background: #900;
	color: #fff;
}

.first {
	margin-left: 0;
	padding-left: 0;
}

.last {
	margin-right: 0;
	padding-right: 0;
}

.top {
	margin-top: 0;
	padding-top: 0;
}

.bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

.tabs li{
	float: left;
	margin-right: 5px ;
}

/* forms.css 
---------------------------------------*/

label {
	font-weight: normal;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	display: block;
}

fieldset {
	padding: 0 10px;
	margin: 0 0 0 0;
}

legend {
	font-weight: bold;
	font-size: 1.2em;
}

input[type=text], input[type=password], input.txt, input.title, textarea, select {
	background-color: #fff;
	border: 1px solid #424242;
	background: url(../images/bg-input-txt.jpg) repeat-x 0 0;
	color: #afafaf;
}
select option {
	background-color: #000;
	color: #afafaf;
}

input[type=text]:focus, input[type=password]:focus, input.txt:focus, input.title:focus, textarea:focus, select:focus {
	border-color: #424242;
}

input[type=text], input[type=password], input.txt, input.title, textarea, select {
	margin: 0 0;
}

input.txt, input.title {
	width: 200px;
	padding: 5px;
}

input.title {
	font-size: 1.5em;
}

textarea {
	width: 390px;
	height: 250px;
	padding: 5px;
}

input[type=checkbox], input[type=radio], input.checkbox, input.radio {
	position: relative;
	top: .25em;
}

form.inline {
	line-height: 3;
}

form.inline p {
	margin-bottom: 0;
}


.controls .search{
	padding: 15px 0 0 0;
}

.error, .notice, .success {
	padding: .8em;
	border: 2px solid #ddd;
	margin: 1em;
}

.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}

.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;

}

.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

.error a {
	color: #8a1f11;
}

.notice a {
	color: #514721;
	text-decoration: underline;
}

.success a {
	color: #264409;
}

.notice h1{
	color: #514721;
	font-size: 22px;
}

/* misc
----------------------------------------*/

.clear {
	visibility: hidden;
	height: 1%;
	clear: both;
}

hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.45em;
	border: none;
}

hr.space {
	background: #fff;
	color: #fff;
	visibility: hidden;
}

/* LAYOUT
----------------------------------------*/

body{
	background: #f2f2f2 url(../images/bg-header.jpg) repeat-x 50% 0;
}


.container{
	width: 100%
}

.inner-container{
	width: 1000px;
	margin: 0 auto;
}

.column{
	float: left;
}

#header-container{
	background: url(../images/bg-pattern.png) repeat-x 50% 100%;
	height:229px;
	border-bottom: 1px solid #eaeaea;
	position: relative;
}
	/*short header on blog and blog post pages */
	.archive #header-container, .single #header-container, .page-template-template_blog-php #header-container{
		background: none;
		height:70px;
		border-bottom: 1px solid #eaeaea;
	}


body.home #header-container{
		height:343px;
}

#header-content{
	position: relative;
	height: 258px;
}
	/*short header on blog and blog post pages */
	.archive #header-content, .single #header-content, .page-template-template_blog-php #header-content{
		background: none;
		height:70px;
		border-bottom: 1px solid #eaeaea;
	}

body.home #header-content{
		height: 343px;
}

#body-container{
	background-color: #fff;
	
}

#body-content{
	padding:20px 0 20px 0;
	background-color: #fff;
}
	#left-column{
		width: 582px;
		padding-left: 70px;
		border-right:1px solid #dedede;
		line-height: 18px;
		margin-top: 35px;
		min-height: 500px;
	}
	.page-template-template_blog-php #left-column{
		margin-top: 0;
	}
	
	body.home #left-column{
		margin-top: 0;
	
	}
	
		#left-column .primary-content{
			width: 582px;
			margin-bottom: 30px;
			position: relative;
			min-height: 695px;
		}
		
				
	#right-column{
		width: 258px;
		margin-left: 28px;
	}
	
		
#footer-container{
	border-top: 1px solid #eaeaea;
}

#footer-content{
	padding: 20px 0 65px 70px;
	width: 930px;
}


/* HEADER
----------------------------------------*/

#header-content h2#logo{
	margin-top: 40px;
	float: left;
	display: block;
	margin:40px 0px 0px 70px;
	width: 332px;
	height: 77px;
	text-indent: -9999px;
}

body.home #header-content h2#logo{
	margin:80px 0px 0px 70px;

	
}

	#header-content h2#logo a{
		display: block;
		background: url(../images/logo.png) no-repeat 0 0;
		width: 332px;
		height: 77px;
	}


#header-content h1#banner{
	float: left;
	margin:40px 0 0 60px;
	padding-top:18px;
	width:490px;
	font-size: 19px;
	line-height: 24px;
}


body.home #header-content h1#banner{
	margin:80px 0 0 45px;
	width:530px;
}

body.sub #header-content h1#banner{
	display: none;
}

#header-content h1#sub-banner{
	float: left;
	margin:50px 0 0 165px;
	padding-top:18px;
	font-size: 17px;
	line-height: 24px;
}

body.home #header-content h1#sub-banner{
	display: none;
}


/* GLOBAL NAVIGATION
----------------------------------------*/

#navigation{
	height: 40px;
	padding: 30px 0 0 70px;
	background: url(../images/vr-nav.jpg) no-repeat 792px 0;
}

#navigation #global-nav{
	/*position: relative;*/
}

#navigation #global-nav ul.right{
	float: right;
	margin-right: 40px;
}

#navigation #global-nav li{
	margin: 0 3px;
}

#navigation #global-nav li.shim{
	margin-right: 30px;
}

#navigation #global-nav li.alt{
	margin-right: 10px;
}

#navigation #global-nav li a{
	font-size: 14px;
	color: #fff;
}

#navigation #global-nav li a:hover,
#navigation #global-nav li a.active{
	color: #fff;
}

#navigation #global-nav li a { 
	background: transparent url(../images/bg-nav.png) no-repeat 0 0px; 
	padding: 0 18px 0 0; 
	/* leave these ones alone mostly */						
	border: 0; 
	width: 0; 
	overflow: visible;
	margin: 0 0 0 0;
	position: relative;
	float: left;
	text-decoration: none;
}

#navigation #global-nav li a span { 
	background: transparent url(../images/bg-nav.png) no-repeat 0 0px;
	color: #fff;
	height:20px;
	padding: 3px 0 2px 18px; 
	margin-left: -18px;
	/* leave these ones alone mostly */
	position: relative; 
	display: block; 
	white-space: nowrap;
}

#navigation #global-nav li.alt a{ background: transparent url(../images/bg-nav.png) no-repeat 100% -96px; }
#navigation #global-nav li.alt a span{ background: transparent url(../images/bg-nav.png) no-repeat 0 -96px; }

/* Different States */
#navigation #global-nav li a:hover				{background-position: 100% -66px;}
#navigation #global-nav li.alt a:hover			{background-position: 100% -66px;}

#navigation #global-nav li a:hover span			{background-position: 0 -66px;}
#navigation #global-nav li.alt a:hover span		{background-position: 0 -66px;}

#navigation #global-nav li a:active				{background-position: 100% -34px;}
#navigation #global-nav li.alt a:active			{background-position: 100% -34px; }

#navigation #global-nav li a:active span		{background-position: 0 -34px; }
#navigation #global-nav li.alt a:active span	{background-position: 0 -34px; }

#navigation #global-nav li.current_page_item a, #navigation #global-nav li.current_page_parent a					{background-position: 100% -66px;}
#navigation #global-nav li.alt.current_page_item a, #navigation #global-nav li.alt.current_page_parent a			{background-position: 100% -66px; }

#navigation #global-nav li.current_page_item a span, #navigation #global-nav li.current_page_parent a span			{background-position: 0 -66px;}
#navigation #global-nav li.alt.current_page_item a span, #navigation #global-nav li.alt.current_page_parent a span	{background-position: 0 -66px; }
	
	
/* compatibility hacks */
#navigation #global-nav li a {
 /* Non IE */ 	
	width: auto; 
}

/* SUB NAVIGATION
----------------------------------------*/

#sub-nav{
	position: relative;
	left: -27px;
}

#sub-nav ul li{
	border-bottom: 1px solid #d4d4d4;
	padding: 0px 0 0px 0px;
	margin: 0px 0;
	height: 40px;
	display: block;	
}
.page-child #sub-nav ul li.current_page_item, .archive #sub-nav ul li.current-cat{
	margin: -1px 0 0px -5px;	
	border-bottom: 0;
	display: block;
}

#sub-nav ul li a, #sub-nav ul li h6{
	color: #252525;
	cursor: pointer;
	display: block;
	padding: 10px 0 0 20px;
	height: 30px;
}
#sub-nav ul li h6{
	color: #999;
	font-weight: normal;
}


.page-child #sub-nav ul li.current_page_item a, .archive #sub-nav ul li.current-cat a{
	color: #fff;
	display: block;
	padding-left: 25px;
	background: url(../images/but-sub-nav-current.png) no-repeat 0 0;
}


/* PRIMARY CONTENT BLOCKS
----------------------------------------*/

.primary-content#home-lead p{
	font-size: 18px;
	line-height: 32px;
	margin-right: 40px;
	
}


.primary-content.sub p{
	margin: 12px 40px 12px 0;
	line-height: 20px;
}

.primary-content.sub h3{
	font-size: 14px;
}

.primary-content.sub strong{
	color: #252525;
}

.primary-content.sub ul{
	list-style-type: disc;
}
.primary-content.sub ol{
	list-style-type: decimal;
}
.primary-content.sub ul, .primary-content.sub ol{
	color: #898989;
	margin: 25px 0 25px 15px;
}
	.primary-content.sub ul li, .primary-content.sub ol li{
		margin: 6px 0;
		font-size: 12px;
	}
#workshops.primary-content.sub ul{
	margin-top: 15px;
}

#left-column .section-header{
	font-size: 21px;
	margin: 10px 0;
	clear: both;
}

#left-column .section-header.underline{
	margin: -20px 45px 18px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #dedede;
	
}

.page-template-template_blog-php #left-column .section-header{
	border: none;
	color: #555;
	font-size: 30px;
	margin: 10px 0;
	clear: both;
	position: relative;
	left:-7px;
}

.blog_byline{
	color: #777;
	display: block;
	vertical-align: middle;
	margin: 0 0 0.4em 7px;
}


#left-column p.more{
	text-align: right;
	padding-right: 20px;
	margin-top: 15px;
	
}

#left-column p.more a{
	background: url(../images/but-arrow.png) no-repeat 98% 5px;
	padding: 5px 40px 5px 0;
}

#left-column #workshops p.more a{
	background: url(../images/but-arrow.png) no-repeat 98% 0px;
	padding: 5px 40px 5px 0;
}

#left-column .left-tile{
		width: 508px;
		padding: 15px;
		border: 1px solid #e5e5e5;
		background-color: #f8f8f8;
		margin: 8px 0;
	}
	
	#left-column .left-tile{
		padding: 15px 15px 0 15px;
		margin: 10px 0;
	}
	
	#left-column .left-tile.white{
		border: 0;
		padding-top: 0;
		margin: 15px 0;
		background-color: #fff;
	}
	
	#left-column #workshops .left-tile{
		margin: 20px 0;
	}
	
#left-column #workshops .left-tile p{
	margin: 8px 0;
}

#left-column #workshops .left-tile h2{
	font-size: 15px;
}

#right-column p{
	line-height: 1.5em;
	margin: 8px 20px 8px 10px
}

#right-column .right-tile ul{
	line-height: 24px;
	margin: 8px 20px 8px 10px
}

ul#recent_comments, ul#recent_posts{
	
}
	ul#recent_comments a, ul#recent_posts a{
		color: #444;
	}
		ul#recent_comments a:hover, ul#recent_posts a:hover{
			color: #757575;
		}
		ul#recent_comments a:hover strong, ul#recent_posts a:hover strong{
			color: #333 !important;
		}
	ul#recent_comments strong, ul#recent_posts strong{
		color: #a01f76;
		display: block;
		font-size: 0.8em;
		line-height: 1.4em;
	}
	ul#recent_comments span, ul#recent_posts span{
		color: #888;
		font-size: 0.9em;
		font-weight: normal;
	}
	ul#recent_comments p, ul#recent_posts p{
		margin: 0 0 0.5em 0;
		line-height: 1.25em;
	}

#right-column h2{
	font-size: 21px;
	margin: 10px 0 10px 10px;
}
#right-column h2 a{
	background: url(../images/but-arrow.png) no-repeat right center;
	color: #252525; /*not looking for pink headers*/
	display: block;
	line-height: 24px;
}
	#right-column h2 a:hover{
		background: url(../images/but-arrow-hover.png) no-repeat right center;
	}

	.right-tile{
		border-bottom: 1px solid #dedede;
		padding: 20px 0;
	}
	
	.right-tile.last{
		border-bottom: 0;
	}
	
	.right-tile#contact p{
		color: #252525;
		font-size: 14px;
	}
	

#right-column h2#blog{
	background: url(../images/badge-blog.jpg) no-repeat 0 0px;
	padding: 10px 0 10px 51px;
	margin-top: -10px;
}

#blog-lead p a.blog-title{
	display: block;
	line-height: 14px;
}

#blog-desc{ color: #333; margin: 0 0 2em 0; }

.blog-post{
	position: relative;
}

.blog-post img{ display: block; }
.blog-post img.alignleft{ float: left; }
.blog-post img.alignright{ float: right; }

.date_badge{
	background: url(../images/date_bg.png) no-repeat;
	height: 64px;
	left: -80px;
	position: absolute;
	top: 0;
	width: 64px;
}
	.date_badge span{
		color: #fff;
		display: block;
		text-align: center;
	}
	.date_badge .day{
		font-size: 28px;
		position: relative;
		top: 12px;
	}
	.date_badge .month{
		font-size: 15px;
		position: relative;
		top: 14px;
		text-transform: uppercase;
	}
	

.page_navigation .alignleft{ float: left; }
.page_navigation .alignright{ float: right; margin-right: 40px; }


#tweetmeme{
	float: right;
	padding: 0 0 10px 10px;
	margin-right: 40px;
}

.primary-content#testimonials p em,
#right-column .fade p em{
	display: block;
	line-height: 16px;
}

#right-column .fade p{
	padding-right: 5px;
}

#right-column .findus{
	padding-left: 20px;
}

#right-column .feedburner input{
	border: 1px solid #999;
	color: #454545;
	height: 15px;
	padding: 4px 5px 5px 5px;
	width: 130px !important;
	line-height: 10px;
}
#right-column .feedburner input.submit{
	background: #b33876;
	border: 1px solid #b33876;
	color: #fff;
	height: 25px;
	float: right;
	width: auto !important;
	text-align: center;
}

#right-column .findus.facebook{
	background: url('../images/facebook.png') no-repeat top left;
}
#right-column .findus.twitter{
	background: url('../images/twitter.png') no-repeat top left;
}

div.testimonial em{ display: block; }

/* THREE PILLS / THREE SKILLS
----------------------------------------*/

#three-skills.home{
	margin: -65px 0 45px 0;
	width: 543px;
	position: relative;
}

#three-skills.home h2{
	background: url(../images/bg-pills-home.png) no-repeat 0 0;
	height: 220px;
	width: 543px;
	text-indent: -9999px;
	display: block;
}


#three-skills ul{
	position: absolute;
	top: 0;
	left: 0;
}

#three-skills ul li{
	display: block;	
}

#three-skills.home ul li#step1{
	position: absolute;
	top: 10px;
	left: 0;
}

#three-skills.home ul li#step2{
	position: absolute;
	top: 34px;
	left: 164px;
}

#three-skills.home ul li#step3{
	position: absolute;
	top: 10px;
	left: 365px;
}


#three-skills ul li a{
	display: block;
	text-indent: -9999px;
}

#three-skills.home ul li#step1 a{
	background: url(../images/but-ideation-lead.png) bottom left no-repeat ;
	height: 46px;
	padding-top: 145px;
	width: 162px;
}
#three-skills.home ul li#step1 a:hover{
	background: url(../images/but-ideation-lead.png) -186px bottom no-repeat !important;
}

#three-skills.home ul li#step2 a{
	background: url(../images/but-collab-lead.png) 15px bottom no-repeat;
	height: 45px;
	padding-top: 145px;
	width: 200px;
}
#three-skills.home ul li#step2 a:hover{
	background: url(../images/but-collab-lead.png) -189px bottom no-repeat !important;
}

#three-skills.home ul li#step3 a{
	background: url(../images/but-presi-lead.png) 15px bottom no-repeat;
	height: 47px;
	padding-top: 145px;
	width: 167px;
}
#three-skills.home ul li#step3 a:hover{
	background: url(../images/but-presi-lead.png) -153px bottom no-repeat  !important;
}





#three-skills-alt{
	position: absolute;
	bottom: -20px;
	right: 80px;
	height: 89px;
}
#three-skills-alt h2{
	background: url(../images/bg-pills-sub.png) no-repeat 0 0;
	height: 89px;
	width: 387px;
	text-indent: -9999px;
	display: block;
}

#three-skills-alt ul{
	position: relative;
}
#three-skills-alt li{
	position: absolute;
}

#three-skills-alt li a{
	display: block;
}

#three-skills-alt #ideation{
	left: 5px;
	top: -80px;
}
#three-skills-alt #ideation a{
	height: 50px;
	width: 110px;
}

#three-skills-alt #collaboration{
	left: 117px;
	top: -60px;
}
#three-skills-alt #collaboration a{
	height: 54px;
	width: 145px;
}

#three-skills-alt #presentation{
	right: 2px;
	top: -80px;
}
#three-skills-alt #presentation a{
	height: 50px;
	width: 120px;
}

/* WORKSHOP AT A GLANCE
----------------------------------------*/

#glance{
	width: 538px;
	border: 1px solid #e5e5e5;
	background-color: #f8f8f8;
}

	#glance-left,
	#glance-right{
		float: left;
	}
	
	#glance-left{
		width: 243px;
		padding-left: 15px;
		padding-top: 10px;
		border-right: 1px solid #e5e5e5;
		min-height:83px
	}
	
	#glance-right{
		width: 279px;
		padding: 10px 0;
	}

#glance h2{
	font-size: 14px;
	margin: 0px 0 0 0;
}

	#glance-right h2{
		border-bottom: 1px solid #e5e5e5;
		padding:0 5px 10px 10px;
	}
	
	#glance-right h2.last{
		border: 0 none;
		padding-bottom: 0;
		margin: 8px 0 0 0;
	}

#glance h2 em{
	color: #a01f76;
}

#glance p{
	margin: 0px 0 8px 0;
}


/* SUBSCRIBE FORM
----------------------------------------*/

.newsletter input{ color: #666; margin-bottom: 1em; padding: 0.4em; }
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 


/* COMMENTING
----------------------------------------*/

ol.commentlist{
	list-style-type: none !important;
	padding-right: 40px;
}
ol.commentlist li{
	border-top: 1px solid #bbb;
	padding: 20px 0 10px 0 !important;
	margin: 0;
}
ol.commentlist li li{
	border-top: 1px solid #bbb;
	padding: 20px 0 10px 0 !important;
	list-style-type: none;
	margin-left: 1em !important;
}
ol.commentlist li p{
	margin: 0;
}

#respond input, #respond textarea{
	border: 1px solid #999;
	color: #555;
}

#respond textarea{
	height: 120px;
}

#respond #submit{
	background: #A01F76;
	border: none;
	color: #fff;
	padding: 8px;
}


/* FOOTER
----------------------------------------*/


#footer-content h2{
	font-size: 18px;
	color: #9b9a9a;
}

	
#footer-nav{
	float: right;
	margin:0 70px 0 37px;
	padding:10px 0 0 20px;
}

.ft-nav{
	float: left;
	margin-right: 20px;
	display: block;
	width: 110px;
}

.ft-nav li a{
	font-size: 12px;
	display: block;
	line-height: 20px;
	color: #898989;
}

#credit{
	width: 530px;
	float: left;
	background: url(../images/logo-footer.png) no-repeat 0 25px;
}

div p#mice-type{
	font-size: 11px;
	margin: 25px 0;
	line-height: 18px;
	padding-left: 50px;
	

}

div p#mice-type span{
	font-size: 13px;
	display: block;
	margin-bottom: 3px;
}

/**** MATT READ - bnotions ****/
.widget_tweetblender {
	font-size: 14px
}

#interface {
	width: 580px;
	display:table;
	border-collapse: separate; 
}

.row {
	display: table-row;
}

.row div.cell {
	display: table-cell;
}

.col {
	width: 180px;
	padding-left: 10px;
}

.firstcol {
	width: 180px;
	padding-left: 0;
}

.tooltip3 {
	color: #000; outline: none;
	position: relative;
}
.tooltip3 span {
	margin-left: -999em;
	position: absolute;
}
.tooltip3:hover span {
	border-radius: 5px 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	position: absolute;
	left: -1em;
	top: -20em;
	z-index: 99;
	margin-left: 0;
	width: 300px;
	font-size: 9pt;
}

.tooltip3:hover em {
	font-size: 9pt; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}

.custom {
	padding:20px 30px 10px 30px;
}

.custom {
	background: #AA8CBD; 
	border: 1px solid #9774AB;
	color: #FFF;
}

* html a:hover { background: transparent; }


/* tooltip styling */
.tooltip2 {
	z-index: 2000;
	display:none;
	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:175px;
	padding:20px 30px 10px 30px;
	width:310px;
	font-size:9px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip2 .label {
	color:yellow;
	width:35px;
}

.tooltip2 a {
	color:#C9097C;
	font-size:9px;
	font-weight:bold;
}

.tooltip2 p {
	margin: 0 !important;
	vertical-align:middle;
}

div.tb_footer {
	display: none;
}
/* Get ride of border on the last tweet */
div.tb_tweetlist{
	border-bottom: 0!important;
}	

div.primary-content .alignright {
	float: right;
	margin-left: 10px;
}