/*
Theme Name: SmallAct 2.0
Author: Jeph Christoff for OmniStudio
Author URI: http://www.omnistudio.com
Version: 1.0

[Table Of Contents] 

	00- Reset
	01- Global
	03- Layout
	04- Headings
	05- General Content 
	06- Tan Boxes
	07- Main Content
	08- Sidebar
	09- Footer 
	10- CForm Styles
	11- Clearfix
	12- Custom Styles

*/


/* 
----------------------------------------------------------------------------- 
=00 RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:none;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before {
	content: url(images/bg/quote-start.png);
}
q:after {
	content: url(images/bg/quote-end.png);
}



/* 
----------------------------------------------------------------------------- 
=01 GLOBAL
-----------------------------------------------------------------------------*/
a {
	text-decoration:none;
	outline: none;
	color: #126D96;
}
a:hover {
	text-decoration: underline;
}
input {
	outline: none;
}
.right, .alignright {
	float: right;
}
.left, .alignleft {
	float: left;
}
.none, .aktt_more_updates {
	display:none;
}
.fifty-percent {
	width:46%;
}
#sitemap {
	margin-top: 20px;
}
img.alignright {
	margin-bottom: 7px;
	margin-left:15px;
}
img.alignleft {
	margin-bottom: 7px;
	margin-right:15px;
}
#content .page-landing hr {
	border-bottom:1px dashed #B2B2B2;
	border-style:none none dashed;
	border-width:0 0 1px;
	clear:both;
	margin:20px 0;
	padding:8px 0;
}
#content #copy .wp-caption {
	background: url(images/bg/bg-shaded.jpg);
	padding: 5px 0px 5px 5px;
	width: auto;
}
#content .wp-caption p {
	margin: 0px;
}
#content .w2llabel {
	width:600px;
}
#content .w2linput.text {
	border: 1px solid #737373;
	padding: 5px;
	font-size: 14px;
}
#content .w2linput.textarea {
	padding: 5px;
	border: 1px solid #737373;
	font: 14px Arial, Helvetica, sans-serif;
}



/* 
----------------------------------------------------------------------------- 
=01 LAYOUT
-----------------------------------------------------------------------------*/
body {
	font: 0.85em/1.5em Arial, Helvetica, sans-serif;
	color: #373b3b;
	background: #e7e2ce;
	margin: 0px;
	padding: 0px;
	background: #fcffe0 url(images/bg/bg2.jpg);
}
#wrapper {
	background: url(images/bg/bg.jpg) repeat-x;
	min-height: 850px;
}
#doc {
	width: 980px;
	margin: 0px auto;
	min-width:980px;
}



/* 
----------------------------------------------------------------------------- 
=02 HEADER
-----------------------------------------------------------------------------*/
#header {
	background: url(images/bg/header-bar.png) repeat-x;
	padding-top: 10px;
}
#header .inside {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#header h1 a {
	background: url(images/bg/logo.png) no-repeat;
	display: block;
	height: 112px;
	width: 374px;
	text-indent: -9999px;
}
#header #navigation {
	width: 606px;
}
#header #navigation ul li {
	float: left;
}
#header #navigation ul li a {
	background: url(images/bg/nav.png) no-repeat;
	display: block;
	height: 112px;
	text-indent: -9999px;
}
#header #navigation ul .page-item-27 a {
	width: 53px;
	margin-right: 1px;
}
#header #navigation ul .page-item-31 a {
	width: 269px;
	background-position: -54px top;
	margin-right: 1px;
}
#header #navigation ul .page-item-2 a {
	width: 92px;
	background-position: -324px top;
	margin-right: 1px;
}
#header #navigation ul .page-item-29 a {
	width: 75px;
	background-position: -417px top;
	margin-right: 1px;
}
#header #navigation ul .page-item-3 a {
	width: 110px;
	background-position: -493px top;
}

/* ROLLOVER STATE */
#header #navigation ul .page-item-27 a:hover {
	background-position: left -112px;
}
#header #navigation ul .page-item-31 a:hover {
	background-position: -54px -112px;
}
#header #navigation ul .page-item-2 a:hover {
	background-position: -324px -112px;
}
#header #navigation ul .page-item-29 a:hover {
	background-position: -417px -112px;
}
#header #navigation ul .page-item-3 a:hover {
	background-position: -493px -112px;
}

/* ON STATE */
#header #navigation ul .page-item-27.current_page_item a, #header #navigation ul .page-item-27.current_page_ancestor a {
	background-position: left -224px;
}
#header #navigation ul .page-item-31.current_page_item a, #header #navigation ul .page-item-31.current_page_ancestor a {
	background-position: -54px -224px;
}
#header #navigation ul .page-item-2.current_page_item a, #header #navigation ul .page-item-2.current_page_ancestor a, 
#press #header #navigation ul .page-item-2 a, #jobs #header #navigation ul .page-item-2 a {
	background-position: -324px -224px;
}
#header #navigation ul .page-item-29.current_page_item a, #header #navigation ul .page-item-29.current_page_ancestor a, #blog #header #navigation ul .page-item-29 a, .archive #header #navigation ul .page-item-29 a {
	background-position: -417px -224px;
}
#header #navigation ul .page-item-3.current_page_item a, #header #navigation ul .page-item-3.current_page_ancestor a {
	background-position: -493px -224px;
}



/* 
----------------------------------------------------------------------------- 
=03 FEATURE
-----------------------------------------------------------------------------*/
#feature {
	background: url(images/bg/feature.png) no-repeat left bottom;
	padding-right: 49px;
	padding-left: 49px;
	margin: 23px 2px 35px 15px;
	height: 319px;
	text-shadow: #4484a7 2px 2px;
}
#feature .screenshot {
	width: 411px;
	display: none;
	position: absolute;
}
#feature .screenshot .demo {
	background: url(images/bg/demo.png) no-repeat;
	display: block;
	height: 46px;
	text-indent: -9999px;
}
#feature .text {
	font-size: 24px;
	color: #ddece7;
	line-height: 1.4em;
	margin-top: 55px;
	margin-right: 5px;
	width: 425px;
	display: none;
}
#feature .text h3 {
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	line-height: 1em;
	margin-bottom: 10px;
}
#feature .text a {
	font-size: 16px;
	float: right;
	color: #104f6c;
	font-weight: bold;
	text-shadow: #4484a7 0px 0px;
}
#feature .screenshot.screen1, #feature .text.txt1 {
	display: block;
}
#slideshowBackward, #slideshowForward {
	position: absolute;
	cursor: pointer;
	margin-top: 135px;
	text-indent: -9999px;
	height: 29px;
	width: 34px;
}
#feature #slideshowBackward {
	margin-left: -46px;
	background: url(images/bg/arrow-left.png) no-repeat;
}
#feature #slideshowForward {
	margin-left: 875px;
	background: url(images/bg/arrow-right.png) no-repeat;
}


/* 
----------------------------------------------------------------------------- 
=04 HOMEPAGE CONTENT
-----------------------------------------------------------------------------*/
#content .quote {
	min-height:150px;
	margin-bottom: 30px;
}
#content .quote q {
	font-size: 20px;
	color: #3d4643;
	line-height: 1.3em;
}
#content .quote cite {
	display: block;
	color: #5e5f5f;
	margin-top: 8px;
	font-size: 80%;
}
#content .myorg  {
	background: url(images/bg/bg-shaded.jpg);
	padding: 15px;
	margin-bottom: 30px;
}
#content .myorg strong {
	font-size: 16px;
	font-weight: normal;
}
#content .myorg ul {
	margin: 0px;
	padding: 0px;
}
#content .myorg ul li {
	font-size: 14px;
}
#logos {
	height: 210px;
}
#logos IMG {
    position:absolute;
    z-index:8;
}
#logos IMG.active {
    z-index:10;
}
#logos IMG.last-active {
    z-index:9;
}
.home #content .blog {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 4px solid #cbe2b5;
}

.home #content .socmedhp {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 4px solid #cbe2b5;
}

#content .blog img, #content #copy .post img {
	margin-bottom:5px;
	margin-right:10px;
}
#content .meta .comment a {
	background: url(images/comment.png) no-repeat left 1px;
	padding-left: 16px;
}
#content .blog .meta, #content #copy .post .meta {
	border-bottom:1px dashed #B2B2B2;
	margin-bottom:8px;
	margin-left:72px;
	padding-bottom:5px;
	font-size: 90%;
}
#content #copy .single .meta {
	margin-left:110px;
	width: 390px;
}
#press #content #copy .single .meta, #content #copy .press .meta {
	margin-left:0px;
}
#content .blog .meta p, #content #copy .post .meta p {
	margin: 0px;
}

#content .twitter ul li {
	background: url(none);
	margin: 0px 0px 12px;
	padding: 0px 0px 12px;
	border-bottom: 1px dashed #b2b2b2;
	line-height: 1.2em;
}
#content .twitter .aktt_tweet_reply, #content .twitter .aktt_tweet_time {
	font-size: 85%;
}
#content .twitter .aktt_tweet_time {
	display:block;
}
#content .twitter ul li:last-child {
	border-bottom: 0px none;
}



/* 
----------------------------------------------------------------------------- 
=04 GENERAL CONTENT
-----------------------------------------------------------------------------*/
#content #copy .intro h1 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.1em;
}
#content h2 {
	font-size: 32px;
	color: #104f6c;
	text-shadow: #b3cfaf 2px 2px;
	margin-bottom: 12px;
	line-height: 1.1em;
}
#content #sidebar #subnav h2 {
	font-size: 18px;
	font-weight: bold;
	color: #2f4a24;
	margin-bottom: 12px;
	text-shadow: #b3cfaf 0px 0px;
	text-transform:none;
}
#content #sidebar h4 {
	font-size: 18px;
	font-weight: bold;
	color: #2f4a24;
	margin-bottom: 5px;
	text-shadow: #b3cfaf 0px 0px;
	text-transform:none;
}
#content #sidebar h2 {
	text-shadow: #b3cfaf 0px 0px;
}
#content h3 {
	font-size: 28px;
	color: #407b29;
	text-shadow: #b3cfaf 2px 2px;
	margin-bottom: 12px;
	line-height: 1em;
}
#content .page-landing h3 {
	margin-bottom: 5px;
}
#content h4 {
	font-size: 20px;
	color: #0060b0;
	text-shadow: #b3cfaf 0px 0px;
	margin-bottom: 5px;
	line-height: 1em;
}
#content h5 {
	font-size: 18px;
	margin-bottom: 5px;
}
#content #copy .post {
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 4px solid #cbe2b5;
}
#press #content #copy .post {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px none;
}
#content p, #content ul, #content #copy table {
	margin-bottom: 1em;
}
#content #copy table {
	margin-top: 1em;
}
#content blockquote{
	margin: 1.5em;
	background: url(images/bg/bg-shaded.jpg);
	padding: 15px;
}
#content blockquote p {
	margin-bottom: 0.5em;
}
#content ul li {
	background: url(images/bg/bullet.png) no-repeat left 2px;
	padding-left: 13px;
	padding-bottom: 5px;
}
#content #dsq-content ul li {
	padding-left: 0px;
	padding-bottom: 0px;
}
#content ol li {
	padding-bottom: 5px;
}
#content #copy .two-column td {
	width: 45%;
	padding-right: 30px;
	vertical-align: top;
}
#content #copy .three-column td {
	width: 30%;
	padding-right: 30px;
	vertical-align: top;
}
#content #copy .three-column td:last-child, #content #copy .two-column td:last-child {
	padding-right: 0px;
}
#content #copy .three-column ul li {
	padding: 0px 0px 8px;
	font-size: 90%;
	background: url(none);
	line-height: 1.2em;
}
#content #copy .dsq-item-trackback input {
		border: none 0px;
}
#content #dsq-content .dsq-login-buttons {
	background:url(none);
	margin-bottom:1em;
	padding:1em 0;
}



/* 
----------------------------------------------------------------------------- 
=04 CONTENT
-----------------------------------------------------------------------------*/
#content {
	margin-top: 35px;
}
.home #content {
	margin-top: 0px;
}
.home #content .left {
	width: 559px;
	margin-left: 15px;
}
.home #content .right {
	width: 356px;
	margin-right: 2px;
}
#content #copy {
	width: 627px;
	margin-left: 15px;
}
#blog #content #copy {
	width: 677px;
}
#content #copy.full {
	width: 964px;
}
#content #copy .intro {
	background: url(images/bg/bg-pageintro.png) no-repeat left bottom;
	padding: 20px 20px 40px;
	color: #FFF;
	text-shadow: #4484a7 2px 2px;
	margin-bottom: 15px;
}
#content #copy .navigation {
	background: url(images/bg/bg-shaded.jpg);
	padding:10px;
	margin-bottom: 20px;
}
#content #copy .navigation a {
	color: #2F4A24;
}

/*************************************
 * webtmc
 **************************************/ 
/*#content #copy .social {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	padding:10px;
	background: url(images/bg/bg-shaded.jpg);
}
#content #copy .social .twitter {
	margin: 0px 0px 15px 0px;;
}

#content #copy .social .facebook {
	margin: 0px 0px 15px 0px;;
}

#content #copy .social .digg {
	margin: 0;
}*/
#content #copy .social {
  background: url("images/bg/bg-shaded.jpg") repeat scroll 0 0 transparent;
  float: right;
  margin-top: -90px;
  padding: 0;
}

#content #copy .social .twitter {
  float: left;
  margin: 5px;
}

#content #copy .social .facebook {
  float: left;
  margin: 5px 0;
}

#content #copy .social .digg {
  float: left;
  margin: 5px 5px 5px 1px;
}
/*************************************
 * webtmc
 **************************************/

#content #copy .social .FBConnectButton_Small .FBConnectButton_Text {
	padding:2px 1px 3px;
}
#content #copy .social .fb_share_count_wrapper  {
	float: none;
	position:relative;
}
.postmetadata {
	font-size: 85%;
	padding-bottom: 10px;
}
.page-landing .social-links {
	padding:10px;
	background: url(images/bg/bg-shaded.jpg);
}
#content .page-landing .social-links ul {
	margin: 0px;
	padding: 0px;
}
#content .page-landing .social-links ul li {
	background: url(none);
	margin: 0px;
	padding: 0px;
	float: left;	
}
#content .page-landing .social-links a {
	display: block;
	color: #2F4A24;
	margin-right: 12px;
	padding-left: 18px;
}
#content .page-landing .social-links .twitter a {
	background: url(images/twitter.png) no-repeat left center;
}
#content .page-landing .social-links .fb a {
	background: url(images/facebook.png) no-repeat left center;
}
#content .page-landing .social-links .in a {
	background: url(images/linkedin.png) no-repeat left center;
}
#content .page-landing .social-links .pdf a {
	background: url(images/pdf16.png) no-repeat left center;
}
#content .page-landing .social-links .mail a {
	background: url(images/email.gif) no-repeat left center;
}



/* 
----------------------------------------------------------------------------- 
=04 SIDEBAR
-----------------------------------------------------------------------------*/
#content #sidebar {
	width: 270px;
}
#blog #content #sidebar {
	width: 220px;
}
#content #sidebar .widget {
	font-size: 90%;
	line-height: 1.4em;
}
#content #sidebar ul li {
	background: url(none);
	margin: 0px;
	padding: 0px 0px 5px;
}
#content #sidebar #subnav {
	margin-bottom: 30px;
}
#content #sidebar #subnav ul {
	margin: 0px;
}
#content #sidebar #subnav a {
	font-size: 16px;
	color: #4f9235;
	font-weight: normal;
	display: block;
}
#content #sidebar #subnav .current_page_item a, #content #sidebar #subnav .current_page_ancestor a, 
#content #sidebar #subnav .current_page_ancestor ul .current_page_item a, #press-room #content #sidebar #subnav .page-item-40 a, #jobs #content #sidebar #subnav .page-item-518 a {
	font-weight: bold;
}
#content #sidebar #subnav .current_page_item ul a, #content #sidebar #subnav .current_page_ancestor ul a {
	font-weight: normal;
}
#content #sidebar #subnav ul li {
	border-bottom: 2px solid #b0d2a0;
	background: url(none);
	margin: 0px 0px 9px;
	padding: 0px 0px 9px;
}
#content #sidebar #subnav ul ul li {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px none;
}
#content #sidebar #subnav ul ul a {
	font-size: 13px;
	color: #4f9235;
	font-weight: normal;
	display: block;
	background: url(images/bg/bullet-small.png) no-repeat left 7px;
	padding-left: 12px;
}
#content #sidebar #subnav ul li:last-child {
	border-bottom: 0px none;
}
#content #sidebar .widget {
	margin-bottom: 20px;
}
#content #sidebar #casey .post {
	margin-bottom: 5px;
	font-size: 90%;
	padding-bottom: 5px;
}
#content #sidebar #casey .post p {
	margin: 0px;
}
#sidebar .download {
	margin: 0px 7px;
	background: url(images/bg/bg-shaded.jpg);
	padding: 7px;
}
#sidebar .download a {
	display:block;
	font-size: 16px;
	color: #2F4A24;
	padding: 4px 0px 4px 45px;
}
#sidebar .download a.ppt {
	background: url(images/ppt.png) no-repeat left center;
}
#sidebar .download a.pdf {
	background: url(images/pdf.png) no-repeat left center;
}
#content #sidebar .staff .post h5, #content #sidebar .press .post h5 {
	font-size: 15px;
	margin-bottom: 5px;	
}
#content #sidebar #jobs-sidebar {
	line-height: 1.6em;
}
#sidebar #jobs-sidebar strong, #sidebar #jobs-sidebar b {
	font-size: 15px;
	display:block;
}






/* 
----------------------------------------------------------------------------- 
=03 FOOTER
-----------------------------------------------------------------------------*/
#footer {
	background: url(images/bg/bg-footer.png) no-repeat;
	height: 139px;
	font-size: 90%;
	color: #636b6b;
	margin-bottom: 20px;
	line-height: 1.4em;
	margin-top: 30px;
}
#footer div {
	padding: 10px;
}
#footer .one {
	width: 195px;
	margin-right: 6px;
}
#footer .two {
	width: 118px;
	margin-right: 6px;
}
#footer .two ul li, #footer .three ul li {
	font-weight: bold;
}
#footer .two ul ul li, #footer .three ul ul li {
	font-weight: normal;
}
#footer .three {
	width: 171px;
	margin-right: 6px;
}
#footer .three ul ul {
	margin-bottom: 1em;
}
#footer .four {
	margin-right:6px;
	padding-left:20px;
	padding-top:22px;
	width:84px;
}
#footer .four ul li {
	float: left;
	padding-right: 11px;
	padding-bottom: 15px;
}
#footer .five {
	width: 276px;
}
#footer .button a {
	font-weight: bold;
	color: #FFF;
	background: url(images/bg/footer-button.png) no-repeat right top;
	display: block;
	height: 42px;
	padding-top: 15px;
	padding-left: 15px;
	font-size: 16px;
	margin-bottom: 8px;
}
#footer .one .button a {
	margin-top: 8px;
}




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

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
<!-[if IE 7]>
.clearfix {display:inline-block;}
.clearfix {display:block;}
<![endif]->

/* 
----------------------------------------------------------------------------- 
=04 FANCY TABLE (added by Annie)
-----------------------------------------------------------------------------*/	

#ver-zebra{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px;border-collapse:collapse;margin:0 20px 20px 20px;}
#ver-zebra th{font-size:14px;font-weight:normal;border-right:1px solid #fff;border-left:1px solid #fff;color:#039;padding:12px 15px;}
#ver-zebra td{border-right:1px solid #fff;border-left:1px solid #fff;color:#669;padding:8px 15px;border-bottom:1px solid #d6dfff;}
.vzebra-odd{background:#eff2ff;}
.vzebra-even{background:#e8edff;}
#ver-zebra #vzebra-col1,#ver-zebra #vzebra-col3{background:#d0dafd;border-bottom:1px solid #c8d4fd;}
#ver-zebra,#ver-zebra #vzebra-col2{background:#dce4ff;border-bottom:1px solid #d6dfff;}
#vzebra-left{background:#fff;border-bottom:1px solid #d6dfff}