/*
Theme Name: Name
Theme URI: http://ixdstudio.com
Description: Theme for IXD Studio
Version: 1.8
Author: Red Balloon Creative
Author URI: http://redballooncreative.com
Tags: 

Author Notes: Theme Designed by Billy Carey for Red Balloon Creative. http://careyb.com | http://redballooncreative.com 
							
This is a CSS 3 document

*/


/***********************************
Reset 
***********************************/

@import url("reset.css");

.simpleclearfix {
		o\verflow: auto;
		}
	

/***********************************
Layout 
***********************************/


#wrap, #footer{ margin:0px auto; width:940px;}

#header {width:905px; margin:20px 0px; padding-left:35px; padding-right:0; position:relative; background:url(images/header.png) top center repeat-x;}

#main {width:940px; padding:0px; background:url(images/content.png) top center;}  

#content {width:620px; float:left;} 

#sidebar {width:300px; float:right;}

#footer {position: relative; clear:both; background:url(images/footer.png) no-repeat; padding-left:27px; width:913px; height:42px; margin-bottom:20px;} 



/***********************************
Typography 
***********************************/

/*** Logos ***/
h1.logo a {display:block; text-indent:-9999px; background-position:bottom left; background-repeat:no-repeat;}
#header h1.logo a {display:block; width:120px; height:120px; background-image:url(images/logo.png);}
#footer h1.logo a {display:block; width:39px; height:39px; background-image:url(images/footer-logo.png);}

/*** Base ***/
body { font-size:62.5%; /* Resets font size to 10px */
			 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

p, li {color:#2e2e2e; font-size:1.3em; line-height:1.45em;}
p, ul {margin-bottom:1.4em; }
#article p, .staff-profile p { font-size:1.2em; line-height:1.55em;}
#article .entry p { font-size:1.3em;}
.small {font-size:75%;}

/*** Links ***/
a, p a {color:#05577a; text-decoration:underline;}
a:link {text-decoration:underline;}
a:visited { color:#607a81;}
a:hover {text-decoration:underline; color:#043b53;}
a:active { }
p a {text-decoration:underline; }

a.cta, a.small-cta {display:block; color:#2e2e2e; text-align:center; background-position:top; text-decoration:none;}
a.cta:hover, a.small-cta:hover { background-position:bottom left; text-decoration:none;}
a.cta {background-repeat:no-repeat; background-image:url(images/cta.png); float:left; font-size:1.1em; font-weight:bold; width:288px; height:28px; padding:0; padding-top:8px;}
a.cta:hover {padding-top:9px; height:27px;}
a.small-cta {background-repeat:no-repeat; background-image:url(images/small-cta.png); background-position:top; font-size:1.4em; font-weight:bold; width:236px; height:24px; padding-top:8px; margin:0px auto;}

a.more-small {float:right; display:block; background:url(images/more-small.png) no-repeat right top #fff; color:#000; text-decoration:none; padding:2px 4px 0px 4px; width:77px; height:16px; margin-bottom:1em; font-size:1.2em; }

.related-article a.more-small, .related a.more-small {background-color:#fff; margin-bottom:0.31em; font-size:0.9em; padding-top:0px; height:18px;}
#article .more-small { margin-top:3px;}

/*a.more {float:right; display:block; background:url(images/more.png) no-repeat right top #ebebeb; padding:2px 10px 2px 10px; width:82px; height:20px; }*/
a.more {float:right; text-decoration:underline; padding:10px 0px; }
.entry a.more {font-size:1.3em; font-weight:bold;}
a.blank {font-weight: bold;}

a.more:hover {background-position:bottom;}
a.more-small:hover {background-position:bottom left; text-decoration:none;}

a.prev-article, a.prev-article span {float:left; height:36px; background-image:url(images/prev-article.png);}
a.prev-article {padding:0 0 0 10px; background-position:left;}
a.prev-article span {padding:10px 20px 0px 10px; height:26px; background-position:right; background-color:#fff; font-size:1.4em; font-weight:bold;}

a.next-article, a.next-article span {float:right; height:36px; background-image:url(images/next-article.png);}
a.next-article {padding:0 0 0 10px; background-position:left;}
a.next-article span {padding:10px 20px 0px 10px; height:26px; background-position:right; background-color:#fff; font-size:1.4em; font-weight:bold;}

a.link, a.link span { display:block; background-repeat:no-repeat; float:left; text-decoration:none; font-weight:bold;}
a.link { background:url(images/link.png) left top; padding:0 0 0 5px; height:30px;}
a.link span { background:url(images/link.png) right top; background-color:#fff; padding:5px 30px 5px 25px; height:20px;}

/*a.link:hover {background-position:left bottom;}
a.link span:hover {background-position:right bottom;}

/*** Lists ***/
p ol, p li {list-style-position:inside;}
li, p li { list-style-type:disc; list-style-position:inside;}
ul#twitter_update_list li:first-child, .useful-stuff li:first-child {border-top:0px;}
ul#twitter_update_list li:last-child, .useful-stuff li:last-child {border-bottom:0px; padding-bottom:0;}


/*** Extra Typographic Classes ***/
.alignleft {float:left; margin-right:10px;}
.alignright {float:right; margin-left:10px;}

.margin {margin-bottom:1.5em;}
.half-margin {margin-bottom:0.8em;}
.no-margin {margin-bottom:0em;}

.display-none {display:none;}

/*** Headings ***/
h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:none; text-transform:none; color:#002664; margin-bottom:0.62em; line-height:1.4em; }
h1 a, h2 a, h3 a, h4 a, h5 a {color:#05577a;}
h2 {font-size:2.4em; margin-bottom:0.5em;}
h3 {font-size:1.6em; text-transform:uppercase;}
h4 {font-size:1.4em; text-transform:uppercase; background:url(images/hsep.png) bottom repeat-x; padding-bottom:0.62em; margin-bottom:0.62em;}
h5 {font-size:1.3em;}
h6 {font-size:1em;}

#article h3 a {text-transform:uppercase; color:#002664;}
#article h3 a:hover {text-decoration:none;}
#article .entry h3 a { text-transform:none; color:#05577a; text-decoration:underline;}
#article h3 .entry a:hover {text-decoration:underline;}
#article .entry h3 {margin-bottom:0.15em;}

h4.caps, h3.caps {text-transform:uppercase;}
h4.center {text-align:center;}
.team-member h4 a {text-transform:uppercase;}

#twitter_div h4 img {margin-bottom:-3px;}

#article h4 {margin-bottom:0.31em; font-size:1.6em;}
.featured h4 {text-transform:none; color:#909090;}
#share h4 {padding:10px 15px 0px;}

/* H4 classes without the background go here: */
#article h4, .half-width h4, #share h4, #further-info h4, h4.center, #resources-footer h4 {background:none; padding-bottom:0; margin-bottom:0.31em;}

/*** Blockquotes and Citations ***/
blockquote {border:1px solid #561275; background-color:#f2f3f4; padding:10px 10px 0px 10px; margin-bottom:1.4em;}
blockquote p { margin-bottom:1em}
blockquote cite { font-style:italic;}
blockquote cite span {}

/***********************************
Content 
***********************************/

/*************** 
Header 
***************/
#header .description a {position:absolute; display:block; width:391px; height:52px; background:url(images/description.jpg); top:10px; left:190px; text-indent:-9999px;}

#menu { width:750px; height:auto;
				position:absolute; z-index:2; bottom:0px; right:2px;}
#menu ul { list-style-type:none; float:right;}
#menu ul li {display:inline; float:left; margin-right:10px;}

/** Images only nav menu **/
#menu ul li a { text-indent:-9999px; display:block; width:140px; height:38px;}
#menu ul li a:hover { background-position:0px -38px;}
#menu ul li a:active, #menu ul li.current_page_item a  {background-position:0px -76px;}

#menu ul li.nav-home a { background-image:url(images/nav-home.png);}
#menu ul li.nav-services a {background-image:url(images/nav-services.png);}
#menu ul li.nav-team a {background-image:url(images/nav-team.png);}
#menu ul li.nav-blog a {background-image:url(images/nav-blog.png);}
#menu ul li.nav-contact a {background-image:url(images/nav-contact.png);}

/***************
Content
***************/

.entry {clear:both;}

/* Breadcrumbs */
#breadcrumb {margin-bottom:15px;}

#breadcrumb p {margin:0px; display:block; padding-left:5px; height:27px; background:url(images/breadcrumb.png) left no-repeat; float:left; font-size:1.2em;}
#breadcrumb p span {margin:0px; display:block; padding:5px 10px 0px 5px; height:22px; background:url(images/breadcrumb.png) right #fff no-repeat;}

/* Services */
ul#services, #share, #other-articles, #contact {width:618px; background:url(images/content-bg.png) top repeat-x #ebebeb; border:1px solid #cbcbcb;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ul#services {margin-bottom:20px;}

ul.svs-home li {float:left; display:block; width:288px; padding:10px; height:auto;}
ul.svs-home li img {  float:left; margin:0px 10px 10px 0px; border:0px;}
ul.svs-home li.consult {border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
ul.svs-home li.eval {border-bottom:1px solid #cbcbcb; border-left:1px solid #fff;}
ul.svs-home li.design {border-right:1px solid #cbcbcb; border-top:1px solid #fff;}
ul.svs-home li.train { border-left:1px solid #fff; border-top:1px solid #fff;}

ul.svs-page li {padding:10px;}
ul.svs-page li img {padding:2px; border:1px solid #cbcbcb; background-color:#fff; float:left; margin:0px 10px 0px 0px;}
ul.svs-page li h3 {margin-bottom:0.31em;}
ul.svs-page li h3 a { padding:5px 0px; padding-left:40px; font-size:0.8em; line-height:2em; text-decoration:underline;}
ul.svs-page li.eval h3 a {background:url(images/eval-icon-small.png) left  no-repeat;}
ul.svs-page li.design h3 a {background:url(images/design-icon-small.png) left no-repeat;}
ul.svs-page li.train h3 a {background:url(images/train-icon-small.png) left no-repeat;}
ul.svs-page li.consult h3 a {background:url(images/consult-icon-small.png) left no-repeat;}
ul.svs-page li.design {border-bottom:1px solid #cbcbcb;}
ul.svs-page li.eval, ul.svs-page li.consult {border-bottom:1px solid #cbcbcb; border-top:1px solid #fff;}
ul.svs-page li.train {border-top:1px solid #fff;}

/* Team */
#content.team, #sidebar.team {width:460px;}
.half-width {background:url(images/content-bg.png) top repeat-x #ebebeb; border:1px solid #cbcbcb; padding-top:10px; margin-bottom:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#sidebar.team .half-width p {padding-left:10px;}
.team h3 {text-transform:uppercase; margin:0px 10px;}
.team h4 {text-transform:none; font-weight:normal;}
.team h4 span {color:#909090;}

.staff-profile { padding:10px; border-top:1px solid #cbcbcb; border-bottom:1px solid #fff; clear:left;}
.staff-profile img {float:left; padding:2px; border:1px solid #cbcbcb; background-color:#fff; margin-right:10px;}
.staff-profile p {margin-bottom:0;}
.first {border-top:0px;}
.last {border-bottom:0px;}

.gallery {width:436px; height:327px; position:relative; background:#2e2e2e; border:1px solid #cbcbcb; clear:both; margin:10px;}
.gallery .wrapper {width: 436px; /* .gallery width - (.wrapper margin-left + .wrapper margin-right) */
									 overflow: auto; height: 327px; margin:0px;position: absolute; top:0px; left:0px;}
.gallery .wrapper ul {width: 9999px; /* single item * n */ list-style-position:outside; list-style-type:none; margin:0;padding:0; position:absolute;top:0;}
.gallery ul li {display:block;float:left; width:436px; height:327px; padding:0px; position:relative; }
.gallery .arrow {display: block;height: 33px;width: 48px;background:url(images/gallery-links.png) no-repeat 0 0;text-indent:-9999px;position:absolute;top:240px; cursor: pointer;outline: 0;}
.gallery .forward {background-position: -50px 0;right: 10px;}
.gallery .back {background-position: 0px 0px; left:10px;}
.gallery .forward:hover {background-position: -50px -33px;right: 10px;}
.gallery .back:hover {background-position: 0px -33px; left:10px;} 

/*.caption { position:absolute; left:0px; bottom:0px; text-indent:0px; width:436px; background:#2e2e2e; color:#fff;filter:alpha(opacity=90); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;}
.caption h2 {color:#00aef0; background:none; padding-bottom:0; padding-top:0.31em; margin:0;}
.caption p {color:#fff; background:none; padding:10px 20px;margin-bottom:0;}*/


/* articles and resources */

iframe {float:right;} /* For the re-tweet button */

#article {border:1px solid #cbcbcb; padding:15px; padding-bottom:0; margin-bottom:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#article img { border:1px solid #cbcbcb; padding:2px; background-color:#fff; margin-bottom:0px;}

.entry {border-bottom:1px solid #cbcbcb; margin-bottom:10px;}
.entry p {margin-bottom:-0.5em;}

p.meta {color:#898989; margin-bottom:0.62em;}
#article p.meta { margin-bottom:0.31em;}

#resources-footer { background:url(images/content-bg.png) top repeat-x #ebebeb; border:1px solid #cbcbcb; margin-bottom:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.useful-stuff { width:293px; padding:10px; padding-bottom:0px; border-right:1px solid #cbcbcb; border-left:1px solid #fff; float:left;}
.left {border-left:0px; width:294px;}

.useful-stuff li { list-style-position:outside; margin-left:20px; padding:2px 0px; list-style-image:url(images/bullet.png); border-bottom:1px solid #d9d8d8; border-top:1px solid #fff; }
.useful-stuff li.blank {border-color:#ebebeb; list-style-image:none; list-style-type:none;}

.related-service {width:280px; padding:10px; float:left; border-left:1px solid #fff;}
.related-service p {margin-bottom:0.62em;}
.related-service img, #sidebar .related .white img.svs-icon {float:left; margin-right:10px; height:48px; width:48px;}
.related-service .white, #sidebar .related .white {width:260px; padding:12px; border:1px solid #cbcbcb; background-color:#fff;}


.featured { border:1px solid #cbcbcb; padding:10px; margin-bottom:1.5em; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#share {clear:both; margin-bottom:10px; margin-top:-10px;}
#share ul {padding:15px; }
#share ul li {border-right:1px solid #cbcbcb; float:left; display:block; padding-left:20px; padding-right:10px; margin-right:10px;}
#share ul li:last-child { margin-right:0px; border:0px;}
.delicious {background:url(images/delicious-icon.png) left center no-repeat;}
.stumbleupon {background:url(images/stumbleupon-icon.png) left center no-repeat;}
.twitter {background:url(images/twitter-icon-sm.png) left center no-repeat;}
.reddit {background:url(images/reddit-icon.png) left center no-repeat;}
.facebook {background:url(images/facebook-icon.png) left center no-repeat;}

/* Comments */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
        font-size:0.7em;
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */
#other-articles {clear:both; font-size:1.2em; padding:10px; width:598px;  margin-bottom:20px;}
#other-articles a {font-weight:bold; text-decoration:underline;}

/* Contact */
#contact {margin-bottom:20px;}

#map-small {width:428px; padding:10px; padding-right:0px;float:left;}
#map-small img {border:1px solid #cbcbcb;}
#map-small p {margin:0.31em 0em; text-align:center;}

#contact-info {float:left; width:164px; padding:8px; padding-top:20px;}
#contact-info h3, #contact-info p, #contact-info li {font-size:1.2em;}
#contact-info h3 { margin-bottom:0.31em;} 
#contact-info p {background:url(images/hsep.png) bottom repeat-x; margin-bottom:0.62em; padding-bottom:0.62em; line-height:1.5em;}
#contact-info ul {margin-bottom:0.31em; list-style-type:circle;}
#contact-info li {list-style-image:url(images/bullet.png);list-style-position:outside; margin-left:20px;}

#further-info {float:left; width:598px; padding:10px; background:url(images/hsep.png) top repeat-x;}
#further-info li {width:296px; float:left; list-style:none outside;}
#further-info li a {float:left; text-align:center; text-decoration:none; margin-right:10px;border-bottom:1px solid #ebebeb;}
#further-info li a:hover {text-decoration:none; border-bottom:1px solid #05577a;}

/***************
Sidebar 
***************/
#sidebar .top, #sidebar .middle, #sidebar .bottom, #sidebar .contact-form, #sidebar .related {background-image:url(images/sidebar-bg.png); width:276px; padding:12px;}
#sidebar .thin /* for boxes with white inside */ { padding:8px; width:284px;}

#sidebar .top {background-position:top; border-bottom:1px solid #cbcbcb;}
#sidebar .middle {background-position:0px -200px;border-top:1px solid #fff;border-bottom:1px solid #cbcbcb;}
#sidebar .bottom {background-position:bottom; border-top:1px solid #fff; margin-bottom:20px;}

#sidebar .white, #sidebar .white-contact, #sidebar .related .white {width:266px; padding:8px; border:1px solid #cbcbcb; background-color:#fff;}
#sidebar .white-contact {padding:23px; width:238px;}
#sidebar .white-contact img{float:left;}
#sidebar .white-contact p, #sidebar .related .white p { text-align:center; margin-bottom:0.62em;}
#sidebar .white-contact p {margin-bottom:1.3em;}
.related-service p, #sidebar .related .white p {text-align:left; font-size:1.2em;}

#sidebar .contact-form, #sidebar .related {background-position:top; padding:0px; width:300px; margin-bottom:20px;}
#sidebar .contact-form div.clearfix, #sidebar .related div {padding:12px; background:url(images/contact-foot.png) bottom center no-repeat;}
#sidebar .related div {padding:8px;}
#sidebar .related .white { background-image:none; }

#sidebar .related-article {padding-bottom:10px;}
.related-article p {font-size:1.2em; margin-bottom:0.62em;}

dl {font-size:1.3em; line-height:1.5em;}
dt {float:left; width:60px; text-align:right; margin-right:8px;}
dd {float:left; width:200px; text-align:left; font-weight:bold;}

#twitters ul {margin-bottom:0.31em;}
#twitters li {border-bottom:1px solid #d2d2d2;border-top:1px solid #fff; padding-bottom:0.31em; padding-top:0.31em; font-size:1.2em; list-style-type:none; list-style-position:outside;}
#twitters li:first-child {border-top:0px;}
.twitterStatus {font-size:1em;}
.twitterTime {font-size:0.8em;}
.twitterLink {font-size:1.2em; font-weight:bold;}

ol#better-uxp { list-style-type:none;}
ol#better-uxp li a {font-size:1.1em; color:#fff; display:block; text-align:center; width:258px; margin-left:4px;}
ol#better-uxp li {list-style-type:none; list-style-position:outside;}
li.uxp-1 a{padding-top:16px; height:36px; background:url(images/better-uxp-1.png) top; margin-bottom:0.62em;}
li.uxp-2 a{padding-top:6px; height:26px; background:url(images/better-uxp-2.png) top; margin-bottom:0.31em;}
p.small {text-align:center; font-size:1.2em; margin-bottom:0;}
li.uxp-1 a:hover, li.uxp-2 a:hover {background-position:bottom;}
#sidebar .related-article img, .team-member img { float:right; padding:2px; background-color:#fff; border:1px solid #cbcbcb; height:auto; width:auto; margin-left:3px; margin-bottom:0px;}
.team-member p {font-size:1.2em;}

/***************
Footer 
***************/

#footer-menu { width:280px; height:auto ;position:absolute; left:330px; top:12px;}
#footer-menu ul { list-style-type:none; text-align:center}
#footer-menu ul li {display:inline; font-size:1.2em; padding:0px 8px; border-left:1px solid #cbcbcb; }
#footer-menu ul li a { text-decoration:underline;}
#footer-menu ul li.first {border-left:0px; margin-right:-3px;}

/****/

/*** OLD Contact Form 


label, input, button, textarea {font-size:1.3em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; float:left;}
#sidebar
label {display:block; width:72px; height:18px; padding-top:8px; padding-right:2px; text-align:right; background:url(images/label.png) left no-repeat; font-size:1.2em;}
input, textarea {width:194px; height:18px; padding:3px; border:1px solid #cbcbcb; margin-bottom:4px; color:#606060;}
textarea {width:194px; height:108px; margin-top:0; margin-bottom:8px;}
input.email {margin-bottom:2px;}
span.req {display:block; text-align:center; width:44px; height:20px; padding-top:6px; background:url(images/required.png) right no-repeat; font-size:1.2em; float:right;}

.screenreader {display:none;}

.error {color:#C00; text-align:center; margin-bottom:0.31em;}

button.submit {display:block; width:76px; height:27px; padding-bottom:4px; text-align:center; color:#000; font-size:1.4em; font-weight:bold; border:0; background:url(images/submit.png) top; float:right; }
button.submit:hover {background-position:bottom; padding-top:1px; height:27px;}

***/

/*** Contact Form ***/
span.quote{font-size: 2.4em; color: #002664; }
.endquote {margin-left:-4px;}
form p {line-height: 1.6em; margin-bottom: 0.31em;}
#sidebar
label {display:none;}
form p.small {text-align:left; color:#595959; margin-bottom:5px; font-size:1.1em; margin-top: -3px;}

input.name, input.phone {width: 146px;}
input.phone {margin-bottom: 4px;}
input.email, textarea {width: 255px;}
input, button, textarea {font-size:1em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
input, textarea {border:1px solid #cbcbcb; color:#606060; padding: 2px;}
textarea {height: 108px; margin-bottom: 8px;}

span.req {display:block; text-align:center; width:44px; height:20px; padding-top:6px; background:url(images/required.png) right no-repeat; font-size:1.2em; float:right;}

.screenreader {display:none;}

.error {color:#C00; text-align:left; margin-bottom:0.31em; font-size: 0.88em;}

button.submit {display:block; width:76px; height:27px; padding-bottom:4px; text-align:center; color:#000; font-size:1.4em; font-weight:bold; border:0; background:url(images/submit.png) top; float:right; }
button.submit:hover {background-position:bottom; padding-top:1px; height:27px; cursor: pointer;}

/*
form blockquote {
	font-style: normal;
}
form blockquote fieldset {
	margin-top: 0.1111em;		/*  2px
	margin-bottom: 1.1111em;	/* 20px
	color: #666;
}
form blockquote fieldset label {
	color: #000;
	display: inline;
	font-variant: normal;
	letter-spacing: normal;
}
form blockquote input {
	background-color: transparent;
	border: none;
	border-bottom: 0.0714em dashed #ccc;
	font-family: "Courier New",monospace;
	font-style: normal;
	font-weight: bold;
	margin: 0 0.5em;
}
form blockquote input:focus {
	border-bottom: 0.0714em solid #ccc;		/* 1px 
}
form blockquote .passwordtoggle {
	position: absolute;
	bottom: 0;
	right: 0;
	}
*/