/* @override http://trampolinebranding.com/css/screen.css */


/* Additions */
#content						{position:relative;} /*Add to existing style and see padding addition made */
.button							{float: right; position: relative; margin-right: 4px; padding: .2em 0;} /* EXISTING STYLE */
#new_banner						{width:940px;height:340px;position:absolute;top:0px;left:0px;overflow:hidden;}
#brand_bounce					{background: url("../images/brandbounce_bar.jpg") top left no-repeat;border-bottom: 2px solid #df161c;padding-top:20px;}
.bounce_title					{font-weight:bold;color:#df161c;}

/***** SCROLL BANNER STYLES *****/
#scrollBanner 		{width: 920px;padding:0 0 0 0;position: relative;z-index:1;}
#scrollBanner a 	{color:#000;cursor:pointer;}
#scrollBannerNav	{position:absolute;bottom:0px;right:90px;height:29px;z-index:2;}
#scrollBannerNav .active 	{display:none;}
#scrollBannerNav .inactive	{display:none;}

#prev				{position:absolute;right:778px;top:-160px;/*right:370px;top:-320px;padding:155px 408px 128px 0;*/width:52px;height:66px;z-index:2;display:none;}
/*#prev img			{display:none;}*/
#next				{position:absolute;right:-90px;top:-160px;/*right:-90px;top:-320px;padding:155px 0px 128px 390px;*/width:52px;height:66px;z-index:2;}
/*#next img			{display:none;}*/


#scroller 				{width: 920px;height: 370px;margin: 0 auto;background:#666666;overflow: hidden;}
#scroller #content{position:relative;padding:0;}
#content .section {width: 920px;float: left;position:absolute;top:0px;}
#base-pane		{left:0px;}
#new-pane		{left:0px;}
#sites-pane		{left:920px;}
#files-pane		{left:1840px;}
#editor-pane	{left:2760px;}
#five-pane		{left:3680px;}
#six-pane		{left:-920px;}


.banner_content_box		{position:absolute;top:22px;right:64px;display:none;z-index:3;background: url('../images/text_box.png') no-repeat;width:239px;height:245px;padding:15px 23px 15px 25px;color:#000;}					
.banner_content_title	{font: bold 16px Arial, Helvetica, sans-serif;}
.banner_content_client	{font: 11px Arial, Helvetica, sans-serif;}
.banner_content			{font: 13px/18px Arial, Helvetica, sans-serif;padding-top:9px;}
.banner_content a		{color:#000;}



/* Elements */
body							{background:#fff url(../images/interface/bg-body.jpg) repeat-x; margin-bottom:5em;}
.wrapper						{width:940px; margin:0 auto; text-align:left;}

#header #logo					{background:url(../images/interface/trampoline-logo.png) no-repeat; height:60px; width:238px; float:left; margin:30px 0 -15px;} 
#header #logo a					{display:block; height:60px; width:238px;}
#header #logo span				{position:absolute; left:-9999px;}

#header .mainnav				{float:right; padding:0; margin:39px 0 0 0; display:inline; list-style:none; font-size:1.1em;}
#header .mainnav li				{display:block; float:left; margin:0 0 0 3em;}
#header .mainnav li:first-child	{margin:0;}
#header .mainnav li a			{color: #666; background: url(../images/interface/mainnav-arrow.png) no-repeat right 0; display:block; height:16px; line-height:16px; float:left; padding-right:25px; letter-spacing:1px;}
#header .mainnav li a:hover		{color: #df161c; background-position: right -16px; text-decoration:none;}

#header .utilitynav				{float:right; display:block; list-style:none; font-size:11px; padding-left:138px; 
									background: url(../images/interface/utilitynav_bg.png) no-repeat left bottom; clear:both; margin:0;}
#header .utilitynav li			{display:block; float:left; padding-right:45px; margin:0; background:url(../images/interface/utilitynav_li_between.png) no-repeat right bottom;}
#header .utilitynav li.prelast	{background:url(../images/interface/utilitynav_li_between_last.png) no-repeat right bottom;}
#header .utilitynav li.last		{padding-right:10px; background: url(../images/interface/utilitynav_li_last_right.png) no-repeat right bottom;}
#header .utilitynav li a		{color:#555; display:block; float:left; padding-left:12px; padding-top:13px; height:22px; background: url(../images/interface/utilitynav_li_bg.png) repeat-x left bottom;}
#header .utilitynav li a span	{color:#df161c;}
#header .utilitynav li.last a	{background: url(../images/interface/utilitynav_li_last_bg.png) repeat-x left bottom; padding-right:10px;}
#header .utilitynav li a:hover	{color:#df161c; text-decoration: none;}

.post							{float:left; clear:left; width:100%;}

a								{color: #df161c; text-decoration: none;}
a:hover							{color: #df161c; text-decoration: underline;}
a.current, a.current:hover		{color:#666; text-decoration:none;}

p								{font-size: 1em;}
h1								{font-size: 2.0em; font-weight:lighter; color: #df161c; border-bottom: 1px solid #e5e5e5; padding:0; margin: 0 0 0.6em 0;}
h2								{font-size: 1.5em; font-weight:normal; margin: 0 0 0.5em; color: #df161c;}
h3								{font-size: 0.75em; font-weight:normal; color:#999999; text-transform:uppercase; margin:0;}
h3 a							{color:#999999;}
h3 a:hover						{text-decoration:none;}
h4								{color:#333333; font-size:1.2em;}


img								{border: none;}
small							{color: #777;}
dt								{font-size: 1em; color: #df161c; margin: 2.5em 0 .4em 0; padding: 0 0 .4em 0; font-weight: bold; border-bottom: 1px solid #e5e5e5; clear:both;}
dt span							{font-size: .92em; color: #df161c; font-weight: normal; color: #666 ;}
dd								{margin-left: 0;}
ul,dl							{margin: 0 0 1em 0;}
/* My Comment */

/* Containers */
#content						{background: url(../images/interface/bg-flash.png) no-repeat; padding:10px; width:920px;}
#column							{margin-top:29px;}
#sidebar						{float:right; margin-top:15px; width:286px;}
#sidebar ul						{margin:0; padding:0; list-style: none; float:left;}
#sidebar ul li					{margin:0 0 2em; padding:0;}
#sidebar ul	ul li				{margin:1em 0 0 0; padding: 0;}
#sidebar ul	ul li:first-child	{margin:0;}
#sidebar .rss					{margin:0 0 0 28px;} 

#sidebar ul#socialmediabox				{text-align:right; border:1px #ccc solid; background:url(../images/interface/bg-social.jpg) repeat-y; width:284px; padding-top:4px;}
#sidebar ul#socialmediabox li			{margin:0 0 5px 0;}
#sidebar ul#socialmediabox li a			{font-weight:bold; color:#666; font-size:1.1em; display:block; padding:12px 40px 0 0; background:url(../images/interface/socialicons.png) no-repeat;  width:244px; height:30px;}
#sidebar ul#socialmediabox li a:hover	{text-decoration:none; color: #df161c;}

#sidebar ul#socialmediabox li#sm_rss a		{background-position: 260px 0px;}
#sidebar ul#socialmediabox li#sm_email a	{background-position: 260px -42px;}
#sidebar ul#socialmediabox li#sm_facebook a	{background-position: 260px -84px;}
#sidebar ul#socialmediabox li#sm_twitter a	{background-position: 260px -126px;}
#sidebar ul#socialmediabox li#sm_flickr a	{background-position: 260px -168px;}
#sidebar ul#socialmediabox li#sm_youtube a	{background-position: 260px -210px;}

#sidebar ul#socialmediabox li#sm_rss a:hover		{background-position: 250px 0px;}
#sidebar ul#socialmediabox li#sm_email a:hover		{background-position: 250px -42px;}
#sidebar ul#socialmediabox li#sm_facebook a:hover	{background-position: 250px -84px;}
#sidebar ul#socialmediabox li#sm_twitter a:hover	{background-position: 250px -126px;}
#sidebar ul#socialmediabox li#sm_flickr a:hover		{background-position: 250px -168px;}
#sidebar ul#socialmediabox li#sm_youtube a:hover	{background-position: 250px -210px;}

#search 		{width:100%; z-index:100; position:relative;}
#search input	{width:90%;}
#searchglass 	{position:absolute; background:url(../images/interface/search_icon.gif) top left no-repeat; width:41px; height:42px; left:240px; top:10px;}


.clear							{clear:both;}

.wide							{padding:20px 80px;}
.ourwork						{width:864px;}
.narrow							{width:603px; float:left;}
.narrow_leftpadded				{width:583px; float:left; padding-left:25px;}
.wide_ourwork					{width:865px; float:left; padding-left:30px;}
.narrow .firstpost				{border-bottom:1px #DDD solid; margin-bottom:2em;}
.narrow .leftcol				{width:286px; float:left;}
.narrow .rightcol				{width:286px; float:right;}

.article-info 					{margin:0 0 1.2em;}
.article-info span 				{border-right:1px solid #E1E1E1; color:#848283; font-size:0.9em; line-height:14px; margin-right:3px; padding:0 8px 0 20px;}
#content .article-info .author 	{background:transparent url(../images/interface/icons-sprite.jpg) no-repeat scroll 0 0;}
#content .article-info .date 	{background:transparent url(../images/interface/icons-sprite.jpg) no-repeat scroll 0 -15px;}
#content .article-info .comment {background:transparent url(../images/interface/icons-sprite.jpg) no-repeat scroll 0 -29px; border:none;}

.postmetadata,
.postauthor						{font-size: .83em; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: .5em; color: #666; background: url(../images/interface/bg-metadata.jpg) repeat-y center center; margin-bottom: 4em; clear:both;}
.postauthor						{font-size: .92em; float:left; margin-bottom:2em;}
.postauthor img					{float: left; margin: .8em 1.5em .8em 0;}


/* Styles */
#main_error 					{color:#FF0000;}
.error 							{color:#FF0000;font-size:10px;}
#success 						{color:#009933;}
.widgettitle					{margin-bottom: 0.6em;}
.widget							{width: 268px; float: left; padding: 0px 0 2em;}
.widget dl						{list-style: none;}
.widget dt						{font-weight: bold; text-transform: uppercase;}
.widget dd						{display: inline;}
.widget form					{margin: 0; padding: 0;}
.widget select					{width: 260px; margin-top: 4px;}
.widget #track1					{width:260px; height:9px; position:relative; margin-bottom: 5px; margin-top: 4px;
								background: transparent url(../images/slider/slider-images-track-right.png) no-repeat top right;}
.widget #track1-left 			{position: absolute; width: 5px; height: 9px; 
								background: transparent url(../images/slider/slider-images-track-left.png) no-repeat top left;}
.widget .handle 				{width:19px; height:20px; position:absolute;}

.tags dd:after					{content: ", ";}
.tags dd.last:after				{content: "";}

.thumbnail						{float: left; padding-bottom: 1em; width: 214px; border-right: 1px solid #e9e9e9; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #e9e9e9; background: #f8f8f8; margin: 2em 1px 0 0;} 
.thumbnail:hover				{background: #f0f0f0;}
.thumbnail dl					{width: 204px; margin: 0; padding: 5px; font-size: .92em; background: url(../images/interface/bg-tags.png) left top repeat-x;}
.thumbnail dt					{margin: 0; padding: 0; display: inline;}
.thumbnail dd					{margin: 0; padding: 0; display: inline;}

.pagination						{clear: both; text-align: right; margin: 1em 0;}
.pagination	a					{padding: .4em; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #f8f8f8;}
.pagination	a:hover				{text-decoration: none; background: #d9d9d9;}
.pagination .pgselect			{text-decoration: none; background: #d9d9d9;}

#commentform textarea			{width: 100%;}

.navigation						{display: block; clear:both; text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: .5em; color: #666; background: url(../images/interface/bg-metadata.jpg) repeat-y center center; margin-bottom: 2em; float:left; width:98%;}
.alignleft						{float: left;}
.alignright						{float: right;}
img.alignleft					{margin-right: 10px;}
img.alignright					{margin-left: 10px;}

ul#lightviewGallery				{list-style:none; display:block; float:left; width:100%; margin:0; padding: 0 0 5px 0;}
ul#lightviewGallery li			{display:inline; padding:0 20px 10px 0; float:left;}

.links							{list-style: none; padding: 0; clear: both; border-top: 3px solid #eee; background: #f2f2f2; width:99%; display:inline-block;}
.links dt						{/*width: 160px;*/ width: 22%; float: left; margin: 0; background: #f2f2f2; padding: .1em 10px; border-bottom: none !important; border-top: 1px solid #fff; font-weight: normal; clear: both;}
.links dd						{/*width: 504px;*/ width: 72%; float: right; margin: 0; background: #fafafa; padding: .1em 10px; border-bottom: 1px solid #eee; border-top: 1px solid #fff; }

#footer							{border-top:1px #ccc solid; color:#999; padding-bottom:25px;}
#footer a						{color:#666;}
#footer a:hover					{color:#df161c; text-decoration:none;}
#footer ul						{margin:0; padding:.6em 0; list-style: none;}
#footer ul li					{display:inline; padding: 0; margin:0.5em 0 0; float:left; line-height:1em;}
#footer .mainnav				{font-weight: normal; font-size: 1em; float: left;}
#footer .mainnav li				{margin-right: 10px; padding-left: 14px; border-left: 1px solid;}
#footer .mainnav li:first-child {border:none;}
#footer .utilitynav					{font-weight: normal; font-size:1em; float:right;}
#footer .utilitynav li				{margin-right:10px; padding-left:14px; border-left:1px solid;}
#footer .utilitynav li:first-child 	{border:none;}
#footer .not						{display: none;}

/* Clearfix */
.clearfix:after					{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix						{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix				{height: 1%;}
.clearfix						{display: block;}

/* End hide from IE-mac */
.widlabel						{font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 0;}
.tagstyle						{font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000;}
#tagList						{position: absolute; width: 248px; padding: 20px; z-index: 1; left: 281px; top: 324px; background-color: #efefef; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000;}
#tagList						{position: absolute; width: 248px; padding: 20px; z-index: 1; left: 281px; top: 324px; background-color: #efefef; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000;}

div.sociable { margin: 16px 0; clear:both; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 32px;
	height: 32px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

#flickrrss	a	{margin:10px 5px 0px 5px; display:block; float:left;}

.aktt_more_updates {display:none;}
.aktt_tweets,
.aktt_tweets ul,
.aktt_tweets li {width:268px; word-wrap:break-word; overflow:hidden;}

.commentlist						{list-style:none;}
.commentlist li						{border:1px #ccc solid; padding:1em 1em 0 1em; background:#FCFCFC; margin-bottom:2em;}
.commentlist li.alt					{background:#FFF;}
.commentlist li .article-info		{margin-bottom:1em;}
.commentlist li .article-info .date	{border:none;}
.avatar								{float:right;}