/* @override http://stepone.com/wp-content/themes/stepone/style.css */

/*
Theme Name: StepOne
Theme URI: http://vostok.es/
Description: Wordpress theme for StepOne
Author: Mark MacKay
Author URI: http://blog.duopixel.com/

*/



/* Begin Typography & Colors */
/** RESET **/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.alignright {
	float: left;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
.alignleft {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}
.aligncenter {
	
}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {text-decoration: underline;}
a {color:#009;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin: 0 0 0 1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;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;}
.clear {clear: both; height: 1px;}
img.grey {}


/** Real stuff **/

body {color: #333; background-color: #eee; font: 15px/130% Helvetica, Arial, sans-serif; margin: 0; padding: 0;
  /**background: #eee url(images/home.png) 50% 0 no-repeat;**/
  }

a {color: #5FBE33;}

#container {margin: 25px auto 25px auto; width: 820px;}

a.linkedin {position: relative; top: 5px; left: 5px;}

header {overflow: auto;  display:block; margin: 0;}
header h1 {position: absolute; text-indent:-20000px;}
header h1 a {background: transparent url(http://stepone.com/wp-content/uploads/2010/05/Step-One-Ventures-logo.png) no-repeat left; display: block; width:200px; height:50px;}
header h2 {margin: 30px 0 0 150px; font-size: 20px; color: #818181; position:absolute; font-weight:bold;}
header p {float: right; text-align: right; color: #868686; font-size: 13px;}
header p a {text-decoration: none; color: #868686;}
header p a:hover {text-decoration: underline;}

h6.Tripsit {background: transparent url(images/tripit-grey.gif) 0 50% no-repeat; font-size: 11px; color: #999; padding-left: 35px; margin: 0 0 15px 0;}
h6.Teamit {background: transparent url(images/teamsit-grey.gif) 0 50% no-repeat; font-size: 11px; color: #999; padding: 1px 29px 1px 23px; margin: 0 0 15px 0;}
h6#gallery {background: transparent url(images/gallery.gif) 0 50% no-repeat; font-size: 11px; color: #333; padding: 1px 29px 1px 23px; margin: 0 0 15px 0;}
h6#testimonials {background: transparent url(images/quote.gif) 0 50% no-repeat; font-size: 11px; color: #333; padding: 1px 29px 1px 23px; margin: 0 0 15px 0;}

nav {border-bottom: solid #ccc 1px; white-space: nowrap; clear:both; margin: 30px 0 0 0; display:block; padding: 0;}
nav a {text-decoration: none; padding: 20px 13px 7px 13px; color: #666; display: block; float:left; width: 65px; text-align:center;}
nav a:hover {color:#59AB27; text-decoration: none; text-shadow: 0 1px 0 #fff, 0 -1px 0 #ddd ;}
nav a:first-child {padding-left:0;}
nav a.last {padding-right: 0; float:right; text-align:right;}
.inside nav {border: none; margin: 0; font-weight:bold;}

article {margin-top: 30px; display: block; }
article h1 {font: bold 36px/120% sans-serif; margin-bottom: 13px; letter-spacing:-1px;}
article p {font-size: 15px; line-height: 130%;
	letter-spacing: 0;
	margin-bottom: .7em;
}
article a {text-decoration:none; font-weight:bold;}
article section a {text-decoration: underline; font-weight:normal;}

aside {width: 250px; float:left; display: block; margin: 0 35px 35px 0; color: #666;}
aside.last {margin-right: 0;}
aside a {font-weight: bold;}
aside p {margin-bottom: .5em;}
aside p.description {font-size: 13px; margin-top: -5px ;}
aside img {display: block; position: absolute; margin-top: 5px;}
aside div.member { margin-left: 65px;}

body.single article, body.single article p, body.archive article, body.archive article p, body.page article, body.page article p { font-size: 15px; line-height: 135%;}
body.single article p, body.archive article p, body.page article p, body.page article p  {margin-bottom: 1em;}
body.single nav, body.archive nav, body.page nav   {border: none; font-weight:bold; margin: 20px 0 20px 0;}
body.single nav a, body.archive nav a, body.page nav a  {float: none; padding-bottom:0;}
body.single section, body.archive section, body.page section {margin: 40px 0 30px 0; padding: 25px 30px 50px 30px; background: #fff url(images/single-shadow.gif) bottom left no-repeat; overflow: hidden; clear: both;}
body.archive article section, body.page article section  {margin: 20px 0 20px 0;}
section small {font-size: 13px; margin: -1.7em 0 1em 0; display: block;}
body.single .text {clear: left; position: relative;}
body.single .text p, body.single .text h2 {margin: 0 0 1em 260px;}
 body.single .text h2 {margin-bottom: 0;}
body.single address strong, body.archive address strong, body.page address strong {padding: 3px 0 0 0;}

section {margin: 45px 0; padding: 25px 25px 100px 25px; display: block; position: relative; background: #fff url(images/modulebg.png) bottom left repeat-x;}
section .previous span, section .info span {font-size: 11px; text-transform: uppercase; color: #305514;}
section .previous span { color: #305314;}
section .previous, section .info { font-size: 13px;}
section .previous {position:absolute; bottom: -18px; background: transparent url(images/moduleshadow.png) bottom left no-repeat; padding: 0 0 35px 25px; margin: 0 -25px; width: 820px;}
section .previous a {text-decoration: none; font-weight: bold;}
section .text {clear: right; position: relative;}
section .text p {margin-right: 230px;  font-size: 15px;}

section.secondary blockquote {font-style: normal; padding: 0; margin: 1.5em 0 0 0;}
section.secondary p {margin: 0;}
section.secondary cite {display: block; font-style:normal; font-weight: bold; text-align: right; font-size: 13px;}
section.secondary cite a {font-weight: bold;}

body.home section .image{
float: right;
width: 210px;
}

.comments {background: transparent url(images/comment.gif) 0 50% no-repeat; font-size: 13px; font-weight:bold; padding-left: 18px;}
section .comments a {text-decoration:none ; color: #666;}

section .info {margin-top: 10px;}
section#Tripsit h6, h6#Tripsit {background: transparent url(images/tripit.gif) 0 50% no-repeat; padding-left: 32px; color: #333;}
section#Blogit h6 {background: transparent url(images/blogsit.gif) 0 50% no-repeat; color: #333; padding-left: 25px;}
section#Teamit h6 {background: transparent url(images/teamit.gif) 0 50% no-repeat; color: #333; padding-left: 25px;}
section .gallery {margin-left: -17px;}
section .gallery img {margin-left: 17px;}
section .link {text-align: right; margin-top: 1em;}

section h1, section h2, section h3, section h4, section h5, section h6 {font-weight: bold; line-height: 110%; color: #333;}
section h6 {font-size: 11px; padding: 7px 20px;  margin-bottom: 10px; color: #999;}
section h2 a {font-weight: bold; color: #333; text-decoration:none;}
section h2 a:hover {text-decoration:underline;}
section h6 a {font-weight: bold; padding-left: 5px;}
section#Blogit h6 a {padding-left: 0;}

section .previous {margin-top: 40px;}
section .image img {position:absolute; top:0;}
* html .image p{ /* IE 3px jog hack*/
height: 1%;
}

section.inside {background-image:none;}

section#trip, section#tmptrip 
{color: #fff; background: #6AB92B url(images/tripbg.png) bottom left repeat-x;}
section#trip a, section#tmptrip a 
{color: #FFCC00; text-decoration: none;}
section#trip a:hover section#tmptrip a:hover 
{text-decoration: underline;}
section#trip h1, section#trip h2, section#trip h3, section#trip h4, section#trip h5, section#trip h6, section#trip h2 a, section#tmptrip h1, section#tmptrip h2, section#tmptrip h3, section#tmptrip h4, section#tmptrip h5, section#tmptrip h6, section#tmptrip h2 a 
{color:#fff;}
section#trip .previous a, section#tmptrip .previous a 
{font-weight: normal;}
section#trip h6, section#tmptrip h6 
{background: transparent url(images/trip.gif) 0 50% no-repeat; padding: 7px 30px;}
section#trip img, section#tmptrip img 
{border: solid #4C861F 3px;}
section#trip .previous .archive, section#tmptrip .previous .archive 
{position:absolute; right: 0; text-align: right; font-size: 15px; margin: -2em 3em 0 0;}
section#trip .previous span, section#tmptrip .previous span 
{text-transform: none; color: #24400F; font-weight:bold;}

section#twitter, section#tmptwitter 
{ padding:25px 25px 58px 25px; background-image: url(images/twitterbg.png); border-top: solid #32CCFE 1px;}
section#twitter:hover, section#tmptwitter:hover 
{cursor: pointer;}
section#twitter blockquote, section#tmptwitter blockquote 
{font-style:normal; color:#333; padding:0; margin:0;}
section#twitter cite, section#tmptwitter cite 
{font-style:normal; color:#999; font-style: italic;}

section#blog h6, section#tmpblog h6 
{background: transparent url(images/feed.png) 0 50% no-repeat;}
section#team h6, section#tmpteam h6 
{background: transparent url(images/team.png) 0 50% no-repeat;}

section#team, section#tmpteam 
{padding: 25px; background-image: none; overflow: auto;}
section#team dl, section#tmpteam dl 
{width: 50%; float:left; margin: 20px 0 0 0; height: 100px;}
section#team dl img, section#tmpteam dl img 
{position: absolute;}
section#team dl dd img, section#tmpteam dl dd img 
{position: static;}
section#team dl dt, section#team dl dd, section#tmpteam dl dt, section#tmpteam dl dd 
{margin: 0 0 0 130px;}
section#team dl dt, section#tmpteam dl dt 
{font-weight: bold; font-size: 15px; color:#333; }
section#team dl dd, section#tmpteam dl dd 
{color:#666; font-size:13px;}
section#team dl a, section#tmpteam dl a 
{text-decoration:none; font-weight:bold;}
canvas {opacity: 0.5;}

section.supplemental {background: transparent; padding: 25px; margin: 0;}
section.supplemental h2 {font-size: 11px; text-transform: uppercase;}
section.supplemental dl {width:25%; float:left;}
section.supplemental dl dd {margin: 0; padding:0; color: #999; font-size: 13px;}
section.supplemental dl dt {margin: 0; padding:0; color: #999;}
section.supplemental a { font-weight: bold; color: #999; text-decoration: none;}
section.supplemental a:hover { font-weight: bold; color: #60BE33;}
section.supplemental h2 {clear: both;}
section.supplemental#partners dl { margin-bottom: 0;}
section.supplemental#partners {margin-bottom: 10px;}

footer {background-color: #333; color: #999; display: block; padding: 25px 0 25px 0; overflow: auto; font-size: 13px; clear:both; margin-top: 40px;}
footer p {margin:0;}
footer address a {text-decoration: none;}
footer address {margin:0; float: right; font-style: normal;  font-size: 11px; line-height: 130%; color: #999; width: 220px; margin-left: 25px; white-space:nowrap;}
footer address strong {font-size: 13px; font-weight:bold; display: block; padding: 10px 0 0 0; color: #999}
footer address.social {clear:right; float: right; width: 465px; margin-top: 50px;}
footer .rapper {margin: 25px auto; width:770px;}
address canvas {opacity: 1;}
address .twitter canvas {opacity: .5;}

ol.commentlist {list-style-type:none; margin:-20px 0 0 0; padding:0; color: #666; font-size:15px;}
ol.commentlist img {display:none;}
ol.commentlist li.comment {background: transparent url(images/comment-bottom.gif) bottom left no-repeat; padding: 0 0 22px 0; margin-bottom: 15px;}
ol.commentlist li.comment .comment-meta {display:none;}
ol.commentlist li.comment .comment-body {background: #fff url(images/comment-top.gif) top left no-repeat; padding: 50px 25px 1px 25px;}
ol.commentlist cite {font-style: normal; font-weight: bold;}

#commentform {margin-top: 40px;}
#commentform p {margin-bottom: .6em; color: #666;}

section table {border-collapse: collapse;}
section table td {padding: 5px 5px 30px 5px; vertical-align: top;}
section table td.year {padding-bottom: 5px;}
section#Blogit table td { padding: 5px 5px 15px 5px;}
tr td a {font-weight: bold;}
tr.future td .comments {display: none;}
tr.past td .signup {display: none;}
tr.past .upcoming {display: none;}
.upcoming {color: #fff; background-color: #59AB27; padding: 5px 10px; float: left;}
td.date {text-transform: uppercase; font-size: 13px; text-align: left;}
td.date span {font-size: 18px; display: block;}

.navigation {position: relative;}
.navigation .alignleft {float: left;}
.navigation .alignright {float: right; text-align: right;}
.navigation .aligncenter {position: absolute; left: 340px;}

section#press h6, section h6#press, section#Pressit h6
{background: transparent url(images/pressit.gif) 0 50% no-repeat; padding-left: 30px;}
section#press h2 
{width: 550px;}
section#press .coverage {position: absolute; top: -80px; right: 5px; font-size: 13px; width: 200px;}
section#press .coverage .item {margin-bottom: 15px;}
section#press .coverage .item .Text, .tablecoverage .item .Text  {background: transparent url(images/docit.gif) 0 50% no-repeat; color: #777; padding-left: 20px;}
section#press .coverage .item .Video, .tablecoverage .item .Video  {background: transparent url(images/videoit.gif) 0 50% no-repeat; color: #777; padding-left: 20px;}
section#press .coverage .item a {font-weight: bold;}
section#press .coverage h5 {color: #333; font-weight: normal; font-size: 11px; text-transform: uppercase; margin-bottom: 5px;}
table.tablecoverage td {padding-right: 15px; width: 230px; }
table.tablecoverage {margin-left: 10px;}