/*
Theme Name: TSA Swiss
Theme URI: 
Description: 
Version: 1.0
Author: Brian Kuzma

*/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */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;} ul {list-style: none;}blockquote, q {quotes: 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;}

html {
   height:100%;
}

body {
	background-color: #200F0F;
	font-family: Helvetica;
	font-size: 12px;
	color: #FFC000;
	height: 100%;
}

strong {
	font-weight: bold;
}

h2 {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: .6px;
}

a {
	text-decoration: underline;
	color: #FF005C;
}

.post .sub-content ul li:before {
	content: "\27A0 \0020";
}


.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.image-link {
	text-indent: -5000px;
	display: block;
}

#wrapper {
	min-height: 100%;
	position: relative;
}

#page {
	width: 908px;
	margin: 0 auto;
	padding: 56px 64px 200px;
	/*background: url('images/template.png') no-repeat;*/
}

.cta {
	background-position: left top;
	background-repeat: no-repeat;
	height: 14px;
	width: 256px;
}

.cta:hover {
	background-position: left bottom;
}

ol li {
	margin-bottom: 12px;
}

a.external {
	background: url('images/external-link.gif') no-repeat scroll right center transparent;
	padding-right: 11px;
}

/* header */

#header {
	margin: 0 0 39px 0px;
	border-bottom: 1px solid #FFFF00;
	height: 48px;
}

.home.page #header {
	margin-bottom: 39px;
}

.page #header {
	margin-bottom: 87px;
}

#logo {
	float: left;
}

/* top-nav */

#top-nav {
	padding: 17px 0 0 0;
	float: right;
}

#top-nav li.dropdown-header {
	float: left;
	position: relative;
	padding-right: 31px;
}

#top-nav li.last {
	padding-right: 0;
}

#top-nav a.dropdown-header {
	text-indent: -5000px;
	display: block;
	height: 23px;
	background-position: top left;
	border-bottom: 1px solid #FFFF00;
}

#top-nav a.dropdown-header.active, #top-nav li.dropdown-header:hover a.dropdown-header {
	background-position: bottom left;
}

#top-nav .dropdown a:hover {
	color: #FF005C;
}

#nav-products a.dropdown-header {
	background: url('images/menu_products.png') no-repeat;
	width: 113px;
}

#nav-services a.dropdown-header {
	background: url('images/menu_services.png') no-repeat;
	width: 102px;
}

#nav-blog a.dropdown-header {
	background: url('images/menu_blog.png') no-repeat;
	width: 56px;
}

#top-nav li.dropdown-header:hover .dropdown {
	display: block;
}

#top-nav .dropdown {
	display: none;
	z-index: 999;
	position: absolute;
	top: 24px;
	left: 0;
	background-color: #280F28;
	min-width: 128px;
	width:auto !important;
  	width:128px;
	padding: 8px 5px 5px;
}

#top-nav .dropdown li {
	margin-bottom: 4px;
}

#top-nav .dropdown a {
	color: #FFC000;
	text-decoration: none;
	font-size: 13px;
	letter-spacing: .6px;
	text-transform: uppercase;
}

#top-nav .nav-separator {
	height: 5px;
	width: 1px;
	background-color: #FFFF00;
	position: absolute;
	bottom: 0px;
	right:15px;
}

/* featured-slider */

.pics { 
	position: relative; 
	float: left; 
	width: 480px; 
	height: 271px; 
	overflow: hidden;
	background: url('images/featured_screen_bottom.png') bottom no-repeat;
}

#featured-hr-top, #featured-hr-bottom {
	height: 1px;
	border: none;
	margin: 0;
	background: url('images/featured_screen_top.png') top no-repeat;
	width: 480px;
}

#featured-slider { 
	height: 296px; 
	position: relative; 
	padding: 0px 0px 0px 32px; 
	margin-bottom: 40px;  
}

span.feat-overlay { 
	display: block; 
	width: 480px; 
	height: 271px; 
	background: url(images/overlay.png) no-repeat; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
}

#slider-control { 
	float: right; 
	width: 258px; 
	margin-right: 74px;
}

#slider-control h2#slider-header {
	width: 256px;
	height: 92px;
	text-indent: -5000px;
	background: url('images/head_featured.png') no-repeat top left;
	margin-bottom: 8px;
}

#slider-control span.order { 
	display: none; 
}

#slider-control .featitem { 
	cursor:pointer; 
}

#slider-control .featitem .item-content { 
	padding:0px 16px 8px 0px; 
}

#slider-control .featitem.last .item-content { 
	background: none; 
}

#slider-control .featitem.active h2, #slider-control .featitem.active p.excerpt { 
	color: #FFC000;
}
				
#slider-control .featitem img { 	
	float: left; 
	margin-right: 5px; 
}
				
#slider-control .featitem h2 { 
	color: #FF005C;
	padding: 0px 0px 5px 8px; 
	font-size: 12px; 
}
					
#slider-control .featitem p.excerpt { 
	color: #FF005C; 
	line-height: 14px; 
	font-size: 10px;
}

#slider-control .featitem h2 a, #slider-control .featitem p.excerpt { 
	padding: 0px 0px 0px 8px; 
}

#slider-control .featitem p.excerpt { 
	padding-right: 5px; 
}

#slider-control .featitem .description { 
	float: left; 
	width: 189px; 
}

#slider-control .hr {
	border: none;
	width: 256px;
	height: 4px;
	margin: 0;
	
	background: url('images/foot_rule_magenta.png') no-repeat top left;
}

#slider-control .cta {
	display: block;
	text-indent: -5000px;
	width: 256px;
	background-image: url('images/foot_featured.png');
	background-repeat: no-repeat;
}

/* front page stuff */

.front-page-box {
	float: left;
	margin-right: 32px;
	width: 256px;
}

.front-page-box h2 {
	text-indent: -5000px;
	width: 256px;
	height: 92px;
}

.front-page-box .content {
	min-height: 188px;
	height:auto !important;
  	height:188px;
	padding: 8px 0;
}

.front-page-box .hr {
	border: none;
	background: url('images/foot_rule_yellow.png') no-repeat top left;
	width: 256px;
	height: 4px;
	margin: 0;
}

/* who we are */

#who-we-are {
}

#who-we-are h2 {
	background: url('images/head_who.png') no-repeat top left;
}

#who-we-are .cta {
	background-image: url('images/foot_who.png');
	background-repeat: no-repeat;
}

#who-we-are .content {
	line-height: 18px;
}

/* our apps */

#our-apps h2 {
	background: url('images/head_apps.png') no-repeat top left;
}

#our-apps .cta {
	background-image: url('images/foot_apps.png');
	background-repeat: no-repeat;
}

#our-apps li {
	float: left;
	margin: 0 8px 2px 0;
}

/* feeds */

#feeds .content {
	min-height: 172px;
	height:auto !important;
  	height:172px;
	overflow: hidden;
	border-top: 1px solid #FFFF00;
	position: relative;
	padding-bottom: 20px;
}

#feeds h2 {
	background: url('images/head_feeds.png') no-repeat top left;
	margin-bottom: 3px;
}

#feeds .control {
	height: 17px;
	position: relative;
}

#feeds .control a {
	width: 56px;
	height: 17px;
}

#feeds .control li {
	float: left;
}

#feeds li.blog {
	margin-right: 8px;
}

#feeds li.twitter {
	margin-right: 16px;
}

#feeds .control .blog a {
	background: url('images/feed_blog.png') no-repeat top left;
}

#feeds .control .blog.ui-state-active a, #feeds .control .blog a:hover {
	background: url('images/feed_blog_on.png') no-repeat top left;
}

#feeds .control .twitter a {
	background: url('images/feed_twitter.png') no-repeat top left;
}

#feeds .control .twitter.ui-state-active a, #feeds .control .twitter a:hover {
	background: url('images/feed_twitter_on.png') no-repeat top left;
}

#feeds .control .videos a {
	background: url('images/feed_videos.png') no-repeat top left;
}

#feeds .videos.ui-state-active a, #feeds .videos a:hover {
	background: url('images/feed_videos_on.png') no-repeat top left;
}
			
div.ui-tabs-hide { display: none; }		

#blog-tabbed .post, .twitter-message, .clip {
	margin-bottom: 8px;
	line-height: 15px;
	font-size: 12px;
}

#blog-tabbed .cta {
	background-image: url('images/foot-subscribe.png');
}

#twitter-tabbed .cta {
	background-image: url('images/foot-follow-us.png');
}

#videos-tabbed .cta {
	background-image: url('images/foot-see-our-videos.png');
}

.vimeoBadge .clip img {
	border: 2px solid #FFC000;
}

#vimeo_badge_logo {
	display: none;
}

.feed-cta {
	position: absolute;
	bottom: 0;
}	
		
/* page content */

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

#content h2, #web-content h2 {
	color: #FCFF00;
	border-top: 1px solid #5B4102;
	border-bottom: 1px solid #FCFF00;
	width: 258px;
	padding: 10px 0 3px;
	margin-bottom: 7px;
	line-height: 18px;
}	
	
.sub-content, .entry {
	border-top: 4px solid #FFD400;
	padding: 22px 0 49px;
	line-height: 17px;
}

/* sidebar */

#sidebar {
	float: right;
	margin-right: 76px;
}

#sidebar h2 {
	width: 113px;
	padding: 12px 0 6px;
	margin-bottom: 7px;
}

#sidebar .sub-content {
	padding: 22px 0 12px 0;
}

/* services */

.page #mobile .sub-content {
	padding: 32px 0 46px;
}

.page #mobile .phone-image {
	margin: 0 15px 18px 0;		
	display: inline;
	height: 181px;
}

.page #mobile .ipad-image {
	float: left;
}

.page #mobile .sub-content a {
	text-decoration: none;
}

.page #web-content {
	float: left;
}

.page #web-content .sub-content {
	border-top: none;
}

.page #web-content .hr {
	height: 4px;
	width: 512px;
	background-color: #FFD400;
}

.page #web-content .web-item {
	float: left;
	margin: 0 46px 12px 0;
	width: 256px;
}

.page #web-content .web-item .imac-image {
	height: 225px;
	margin-bottom: 8px;
}

.page #web-content .web-item a {

	text-decoration: none;
}

.page #web-content .web-item .description {
	text-align: center;
	font-size: 10px;
}

.page #sidebar #clients h2 {
	color: #FF005C;
	border-top: 1px solid #5C2416;
	border-bottom: 1px solid #FF005C;
}

#sidebar #clients .sub-content {
	border-top: 4px solid #FF005C;
	border-bottom: 4px solid #FF005C;
}

/* products */

.page-template-page-products-php #sidebar .sidebar-item h2, .blog #sidebar .sidebar-item h2 {
	color: #CFFF00;
	border-top: 1px solid #40481D;
	border-bottom: 1px solid #AEFF00;
}

.page-template-page-products-php #sidebar .sidebar-item .sub-content, .blog #sidebar .sidebar-item .sub-content {
	border-top: 4px solid #AEFF00;
	border-bottom: 4px solid #AEFF00;
	color: #AEFF00;
}

#sidebar #app-link {
	width: 256px;
	text-align: center;
	margin-bottom: 88px;
}

#sidebar #app-store li {
	margin-bottom: 10px;
}

#sidebar #app-store li.last {
	margin-bottom: 0px;
}

#sidebar #app-store img {
	vertical-align: middle;
	margin-right: 5px;
}

#sidebar #app-store a {
	font-size: 13px;
	text-decoration: none;
}

#sidebar #app-store a:hover {
	text-decoration: underline;
}

#sidebar #as-seen-in li {
	margin-bottom: 8px;
}

/* blog */

.post {
	margin-bottom: 88px;
}

.post {
	font-size: 13px;
}

.post .entry {
	border:none;
	padding: 22px 0;	
}

.post .entry p {
	line-height: 18px;
}

.post .hr, #respond .hr {
	height: 4px;
}

.post-metadata {
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 3px;
}

.blog .post-metadata a, .single .post-metadata a {
	text-decoration: none;
}

.blog .post-metadata a:hover, .single .post-metadata a:hover {
	text-decoration: underline;
}

.blog .navigation {
	text-transform: uppercase;
}

.blog .navigation a {
	text-decoration: none;
}

.blog .navigation a:hover {
	text-decoration: underline;
}

/* style-1 */

.post.style-1 {
	color: #00AEFF;
}

.post.style-1 h2 a {
	color:#00FFFF;
}

#content .post.style-1 h2 {
	border-top: 1px solid #203149;
	border-bottom: 1px solid #00FFFF;
}

.post.style-1 .hr {
	background-color: #00AEFF;
}

.post.style-1 .post-metadata .date {
	color: #00FFFF;
}

.post.style-1 .post-metadata a {
	color: #00AEFF;
}

/* style-2 */

.post.style-2 {
	color: #FFC000;
}

#content .post.style-2 h2 a {
	color:#FEFF46;
}

#content .post.style-2 h2 {
	border-top: 1px solid #5B4102;
	border-bottom: 1px solid #FEFF46;
}

.post.style-2 .hr, #respond .hr {
	background:
	-webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.14, rgb(255,192,66)),
    color-stop(0.79, rgb(255,219,74))
	);
	
	background:-moz-linear-gradient(
    left center,
    rgb(255,192,66) 14%,
    rgb(255,219,74) 79%
	);
}

.post.style-2 .post-metadata .date {
	color: #FEFF46;
}

.post.style-2 .post-metadata a {
	color: #FFC000;
}

/* style-3 */

.post.style-3 {
	color: #AEFF00;
}

#content .post.style-3 h2 a {
	color:#CFFF00;
}

#content .post.style-3 h2 {
	border-top: 1px solid #40481D;
	border-bottom: 1px solid #CFFF00;
}

.post.style-3 .hr {
	background-color: #AEFF00;
}

.post.style-3 .post-metadata .date {
	color: #CFFF00;
}

.post.style-3 .post-metadata a {
	color: #AEFF00;
}

#content .post h2 a {
	text-decoration: none;
}

/* footer */

#footer {
	height: 92px;
	width: 100%;
	background-color: #312323;
	padding: 32px 0 4px;
	color: #FF0081;
	position: absolute;
	bottom: 0;
	font-size: 13px;
	
	-webkit-box-shadow: inset 0px 2px 3px  #2c1f1f;
	-moz-box-shadow: inset 0px 2px 3px #2c1f1f;
	box-shadow: inset 0px 2px 3px #2c1f1f; 
}

#footer .content {
	margin: 0 auto;
	width: 908px;
	position: relative;
	line-height: 16px;
	letter-spacing: .5px;
	height: 100%;
}

#footer .address {
	position: absolute;
	bottom: 4px;
	left: 0;
}

#footer .copyright {
	position: absolute;
	bottom: 4px;
	right: 0;
}

/* sidebar */

#sidebar {
	width: 256px;
}

#sidebar h2 {
	color:#FF0081;
}

.sidebar-item {
	margin-bottom: 88px;
}

/* comments, respond */

#respond {
margin-top: 44px;
	width: 288px;
}

#respond h3, h3#comments {
	color: #FFC000;
	font-weight: normal;
	font-size: 13px;
	border-bottom: 1px solid #FFC000;
	line-height: 18px;
	padding-bottom: 3px;
	margin-bottom: 14px;
}

h3#comments {
	border: none;
}

#respond input, textarea {
	border: none;
	background-color: #322323;
	color: #FFC000;
	font-size: 13px;
	font-family: Helvetica;
	padding: 4px;	
}

#respond input {
	margin-bottom: 4px;
	width: 184px;
}

#respond input.last {

}

#respond textarea {
	width: 280px;
	margin: 4px 0 8px 0;
}

#respond #submit {
	margin-top: 3px;
	text-transform: uppercase;
	background:none;
	text-align: left;
	padding: 0;
	cursor: pointer;
}

.commentlist {
	line-height: 18px;
}

.comment {
	padding: 3px 0 0 0;
	border-top: 1px solid #5B4102;
	margin-bottom: 20px;
}

.commentlist .children {
	margin: 20px 0 0 40px;
}

.comment .children .comment {

}

.commentmetadata {
	font-size: 11px;
}