/* RESET | v2.0 | 20110126 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.2;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* BASIC */
img, a img,
a, a:active, a:focus, a:hover {
outline: 0;
outline-style:none;
outline-width:0;}
strong { font-weight: bold;}
a, a:active, a:focus { text-decoration: none;}
a img { border:none;} /* Gets rid of IE's blue borders */
::selection { background: rgb(189,110,189); color: #fff; }
::-moz-selection { background: rgb(189,110,189); color: #fff; }
a[href],
input[type='submit'],
input[type='image'],
label[for],
select,
button,
.pointer, .point {
cursor: pointer; /* Give clickable Elements a Pointer Cursor */
}
a:active { position: relative; top: 1px; }
a, a:link, a:visited { color: #8bba13; }
a:hover { text-decoration: underline; }
.blink { opacity: 1; }
.blink:hover { opacity: .9;}
.right { float: right;}
.left { float: left;}
.center { margin: 0 auto;}
.grey{ color: #cccccc;}
.blue{color: #50cae5;}
.content ul.faux, .content ul.faux li,
.content ul.children li
{ background-image: none; list-style-type: none !important; list-style-image: none; padding-left: 0; }
/*STRUCTURE*/
#wrap {
width: 940px;
margin: 0 auto;
padding-bottom: 100px;
}
.wrapper {
width: 940px;
margin: 0 auto;
padding-top: 20px;
}
#footer {
width: 100%;
background: transparent url('/images/susan-foo.png') center bottom no-repeat;
background-color: #f7f7f7;
}
/* STICKY FOOTER */
html, body, #wrap { height: 100%; }
body > #wrap {height: auto; min-height: 100%;}
#sticky { padding-bottom: 270px; }
#footer {
position: relative;
overflow: hidden;
margin-top: -270px; /* negative value of footer height */
min-height: 270px;
clear:both;}
/* TYPO BASE */
body {
color: #666666;
font-size: 12px;
font-family: "Trebuchet MS", "Trebuchet", sans-serif;
}
h1,h2,h3 {
font-family: 'Ubuntu', "Trebuchet MS", "Trebuchet", sans-serif;
font-weight: normal; }
h1 { font-size: 26px;}
h2 { font-size: 20px;}
h3 { font-size: 16px;}
h4 { font-size: 12px;}
/* HEADER */
#languages ul li {
float: right;
width: 24px;
height: 25px;
margin-bottom: 10px;
}
#languages ul li a {
padding: 0 5px;
line-height: 22px;
color: #cccccc;
text-decoration: none;
}
#languages ul li a:hover {
color: #666666;
}
#languages ul li.active a {
color: #666666;}
#languages ul li.active {
background: url('/images/bglang.png') center bottom no-repeat;
}
#logo {
float:left;
width: 264px;
height: 51px;
background: url('/images/logo.png');
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
}
#header {
margin-bottom: 35px;
}
/* PRIMARY NAVIGATION*/
nav ul li {
display: inline-block;
}
nav a:hover {
text-decoration: none;
}
#nav-blog {
float: right;
background: url('/images/blog.png') no-repeat 1px -49px;
margin-left: 10px;
width: 72px;
height: 50px;
}
#nav-blog a {
padding: 15px 0 0 2px;
}
#nav-blog a:hover, .blog #nav-blog a{
color: #fff;
}
#nav-blog:hover, .blog #nav-blog {
background: url('/images/blog.png') no-repeat 1px 0;
width: 72px;
height: 50px;
}
.main-nav a {
display: block;
text-align: center;
position: relative;
z-index: 2;
color: #808080;
font-size: 13px;
text-decoration: none;
}
.main-nav li a {
padding: 16px 15px 16px;
}
.main-nav li {
float: right;
height: 44px;
background:url('/images/button-grey.png') center 0;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.main-nav li.incubator {
background:url('/images/button-grey.png') left 0;
}
.main-nav li.investors {
background:url('/images/button-grey.png') right 0;
}
.home .main-nav .incubator, .home .main-nav .incubator.current,
.incubator-inn .main-nav .incubator {
background-color: #84dcef; /*blue*/
background:url('/images/button-blue.png') 0 0;
}
.main-nav .incubator:hover {
background:url('/images/button-blue.png') 0 45px;
}
.incubator{
border-right: 1px solid #ffffff;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.home .main-nav .startups, .home .main-nav .startups.current,
.startups-inn .main-nav .startups {
background-color: #f37fa6; /*pink*/
background:url('/images/button-pink.png') center 0;
color: #ffffff;
}
.main-nav .startups:hover{
background:url('/images/button-pink.png') center 45px;
}
.startups{
border-right: 1px solid #ffffff;
border-left: 1px solid #e5e5e5;
}
.investors {
border-left: 1px solid #e5e5e5;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.home .main-nav .investors, .home .main-nav .investors.current,
.investors-inn .main-nav .investors {
background-color: #add036; /*green*/
background:url('/images/button-green.png') right 0;
color: #ffffff;
}
.main-nav .investors:hover{
background:url('/images/button-green.png') right 45px;
}
.home .main-nav .incubator a, .incubator-inn .main-nav .incubator a, .main-nav .incubator:hover a,
.home .main-nav .startups a, .startups-inn .main-nav .startups a, .main-nav .startups:hover a,
.home .main-nav .investors a, .investors-inn .main-nav .investors a, .main-nav .investors:hover a {
color: #ffffff;
}
/* SECONDARY NAVIGATION*/
nav.sec-nav-wrap {
width: 100%;
margin-bottom: 10px;
border-bottom: 5px solid #f2f2f2;
}
nav.sec-nav-wrap li {
float: left;
background-color: #cccccc;
border-bottom: 1px solid #f2f2f2;
box-shadow: 3px 1px 1px -1px #dbdbdb inset;
margin-right: 10px;
padding: 3px 10px 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
nav.sec-nav-wrap li.current {
background-color: #f2f2f2;
color: #888888;
box-shadow: 2px 3px 3px -2px #ffffff inset;
border-bottom: none;
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
}
nav.sec-nav-wrap li a {
padding: 16px 15px 16px;
line-height: 25px;
color: #ffffff;
}
nav.sec-nav-wrap li:hover a{
color: #797d80;
}
nav.sec-nav-wrap li.current a{
color: #797d80;
}
/* SUB NAVIGATION */
nav.sub-nav-wrap {
width: 140px;
margin-top: 30px;
float: right;
padding-left: 50px;
padding-bottom: 80px;
background:url('/images/susan-nav.png') bottom left no-repeat;
}
nav.sub-nav-wrap ul {
background: #f2f2f2;
padding: 0 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
nav.sub-nav-wrap ul li:last-child {
border-bottom: 1px solid #f2f2f2;
}
nav.sub-nav-wrap li {
display: block;
margin: 0 auto;
padding: 10px 20px;
border-bottom: 1px solid #dedede;
}
nav.sub-nav-wrap li a {
color: #999999;
}
nav.sub-nav-wrap li.current a, nav.sub-nav-wrap li a:hover {
color: #50cae5;
}
/* Dashboard and Filter Navigation */
nav.console {
margin-bottom: 15px;
}
.full-width nav.console ul li,
.content nav.console ul li {
padding: 5px 10px;
margin-right: 3px;
background-color: #f2f2f2;
cursor: pointer;
background-image: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.full-width nav.console li.current,
.full-width nav.console li:hover,
.content nav.console li.current,
.content nav.console li:hover{
background-color: #cdedf3;
transition: background-color 0.5s;
-moz-transition: background-color 0.5s; /* Firefox 4 */
-webkit-transition: background-color 0.5s; /* Safari and Chrome */
-o-transition: background-color 0.5s; /* Opera */
}
.full-width nav.console li a,
.content nav.console li a{
color: #999999;
}
.full-width nav.console li.current a,
.full-width nav.console li:hover a,
.content nav.console li.current a,
.content nav.console li:hover a {
color: #666666;
}
.incubator-inn .content nav.console li a{
font-weight: 13px;
}
/* CRUMBS*/
#crumbs {
width: 100%;
}
#crumbs li {
float:left;
padding-left:7px;
color:#ccc;
font-size: 10px;
}
#crumbs li:first-child{
padding-left:0;
}
#crumbs li a {
display:block;
padding:0 10px 0 0;
background:url(/images/crumb.png) no-repeat right center;
}
#crumbs li:last-child a{
background-image: none;
}
#crumbs li a:link, #crumbs li a:visited {
text-decoration:none;
color:#ccc;
}
#crumbs li a:hover, #crumbs li a:focus {
color: #50CAE5;
}
/* PAGE */
h1 {
font-size: 26px;
margin-bottom: 40px;
text-align: left;
}
.full-width h1 a{
color: #666666;
text-decoration: none;
}
h2, h2 a {
color: #50cae5;
}
.page h2 {
margin-top: 30px;
}
.stage {
padding: 0 0 50px;
position: relative;
clear: both;
}
.content {
width: 700px;
float: left;
}
.content.blog-inn{
width: 640px;
}
.content.full-width{
width: 940px;
}
.content section:first-child{
margin-top: 30px;
}
.content section {
padding-bottom: 50px;
margin-bottom: 50px;
}
.content section.last, .content section:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.content p {
margin: 5px 0;
}
.content p,
.content li {
font-size: 13px;
}
.content section h2, .content h2, .widecontent h2{
margin-bottom: 20px;
}
.content h3 {
margin-top: 20px;
}
.content h4 {
margin-top: 15px;
font-style: italic;
color: #999999;
}
.content ul{
list-style-image: none;
list-style-position:inside;
}
.content ul li{
margin: 5px 0;
padding-left: 10px;
background: url('/images/list-bg.png') left top no-repeat;
}
.content p{
max-width: 600px;
}
.content.blog-inn p{
max-width: 640px;
}
.content img.right{
margin-left: 20px;
}
.content img.left{
margin-right: 20px;
}
/* Gallery */
.gallery {
margin: 30px 0;
}
.gallery ul li{
list-style-image: none;
padding-left: 0;
background-image: none;
min-height: 200px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
_height: 200px;
}
.gallery ul.socicons li{
height: 25px;
min-height: 25px;
}
.gallery ul img{
border-radius: 5px;
moz-border-radius: 5px;
webkit-border-radius: 5px;
}
.gallery ul li span{
padding-right: 5px;
}
.gallery ul.three img{
max-width: 200px;
max-height: 200px;
}
.gallery a:hover img{
opacity: 0.9;
}
.gallery .name{
display: block;
font-weight: bold;
}
.gallery .position{
color: #b2b2b2;
display: block;
margin-top: 5px;
}
.gallery .name a{
color: #666666;
}
.gallery .name a:hover{
color: #50CAE5;
text-decoration: none;
}
/* Gallery Board */
.gallery ul{
list-style-image: none;
padding-left: 0;
background-image: none;
}
.gallery ul li span {
display: block;
display: moz-inline-stack;
}
.gallery + p {
margin-top: 70px;
}
.gallery p:first-of-type{
margin-top: 20px;
}
/* start update home-alt */
.gallery ul.three li, .gallery ul.four li {
width: 220px;
margin-right: 10px;
}
.home .gallery ul.four li{
margin-right: 16px; /*new*/
}
.gallery ul.four li {
margin-bottom: 15px;
}
header + .gallery {
margin-top: 0;
}
.featured {
width: 560px;
overflow: hidden;
}
.materials {
width: 280px;
}
ul.videos li{
display: block;
background: url('/images/video.png') left 2px no-repeat;
padding-bottom: 20px;
padding-left: 35px;
}
ul.videos li, ul.videos a{
color: #666666;
font-size: 13px;
}
ul.videos a:hover{
color: #999;
}
ul.videos li a:hover{
text-decoration: none;
}
ul.videos li .date{
margin-top: 5px;
color: #999999;
}
.section {
margin-bottom: 20px;
}
.full.hightlight {
width: 880px;
padding-left: 30px;
padding-right: 30px;
}
section.full.hightlight{
padding-top: 10px;
padding-
bottom: 5px;
}
.full header h2{
margin-bottom: 10px;
}
.full .gallery {
margin-right: -20px;
}
.line {
width: 450px;
}
.line header{
border-bottom: 1px solid #ebebeb;
margin-bottom: 15px;
}
.newsline .img-container{
height: 120px;
width: 120px;
overflow: hidden;
}
.newsline .img-container img{
height: 120px;
width: 120px;
}
.newsline .thumb {
width: 150px;
}
.line .container{
padding-bottom: 15px;
min-height: 45px;
}
.line .container.right{
width: 300px;
background: none;
padding-left: 0;
}
.line .container{
padding-left: 70px;
}
.newsline .container {
background: url(/images/bubble.png) left top no-repeat;
}
.pressline .container {
background: url(/images/bubble.png) left top no-repeat;
}
.artline .container {
background: url(/images/book.png) left top no-repeat;
}
.newsline ul.listing li{
border-bottom: 1px solid #ebebeb;
}
.line ul.listing li{
margin-bottom: 20px;
overflow: hidden;
}
.home .line h2{
margin-bottom: 5px;
}
.line .title, .line .title a {
color: #50c9e4;
font-weight: normal;
font-size: 14px;
margin-bottom: 10px;
}
.line .title a:hover{
opacity: .95;
}
.line .date {
color: #999999;
margin-top: 15px;
}
/*end update home-alt*/
.gallery ul.three li{
width: 220px;
margin-right: 10px;
}
.gallery ul.three li:nth-child(3n),
.gallery ul.four li:nth-child(4n){
margin-right: 0;
}
.gallery ul.three img {
border: 10px solid #f2f2f2;
}
.gallery ul.socicons li{
width: 25px;
height:25px;
margin-right: 2px;
}
/* Gallery Videos */
.gallery.boxed span{
margin-left: 10px;
}
.gallery.boxed span a{
color: #666666;
}
.gallery.boxed span a:hover{
text-decoration: none;
}
.gallery .time{
margin-bottom: 10px;
margin-top: 5px;
color: #b2b2b2;
}
.video-container{
max-width: 640px;
max-height: 390px;
margin: 10px 0;
}
/* Gallery Mentors*/
.gallery.mentors {
margin-bottom: 20px;
background: url('/images/back-susan.jpg') no-repeat center center;
}
.gallery.mentors img {
border: 5px solid #f2f2f2;
}
.gallery.mentors ul li, .gallery.boxed ul li{
background-color: #f2f2f2;
border-radius: 5px;
moz-border-radius: 5px;
webkit-border-radius: 5px;
}
.gallery.mentors ul.three li span{
margin-left: 10px;
}
.gallery.mentors ul.three li{
padding-bottom: 10px;
}
.gallery.mentors ul.four li{
width: 140px;
margin-right: 20px;
margin-top: 10px;
border: 5px solid #f2f2f2;
}
.gallery.mentors ul li span{
margin-left: 5px;
}
.gallery.mentors ul.four .name {
margin-top: 10px;
}
/* Gallery Team */
.gallery.team ul.three li{
margin-bottom: 30px;
}
.gallery.team ul li h3 {
color: #50CAE5;
}
/* Profile */
.picture{
width: 220px;
margin-right: 20px;
float: left;
}
.picture img{
border: 10px solid #f2f2f2;
background-color: #f2f2f2;
border-radius: 5px;
moz-border-radius: 5px;
webkit-border-radius: 5px;
}
.picture .socicons{
margin: 5px 0 0 10px;
}
.bio {
width: 380px;
float: left;
}
.bio h2{
margin: 0;
}
.expertise{
float: left;
margin-top: 15px;
}
ul.industries {
list-style-image: none;
background-image: none;
float: left;
}
ul.industries li{
color: #ffffff;
background: #37cfe9;
margin: 3px 0;
padding: 1px 3px;
background-image: none;
display: inline-block;
display: moz-inline-stack;
}
ul.industries li:nth-child(1){
margin-left: 0;
}
ul.industries li:nth-child(2){
background-color: #f576a2;
}
ul.industries li:nth-child(3){
background-color: #f1b721;
}
ul.industries li:nth-child(4){
background-color: #a2d24c;
}
ul.industries li:nth-child(5){
background-color: #c177c5;
}
ul.industries li:nth-child(6){
background-color: #f9e02f;
}
ul.industries li:nth-child(7){
background-color: #ffb0cc;
}
ul.industries li:nth-child(8){
background-color: #c8e14c;
}
/* Press */
.content ul.releases li{
list-style-image: none;
list-style-type: none;
background-image: none;
border-bottom: 1px solid #ebebeb;
min-height: 50px;
padding-left: 70px;
padding-bottom: 40px;
}
.content ul.releases.bubble li{
background: url(/images/bubble.png) left top no-repeat;
}
.content ul.releases.book li{
background: url(/images/book.png) left top no-repeat;
}
.releases h3, .releases h3 a{
font-size: 16px;
color: #666666;
font-family: "Trebuchet MS", sans-serif;
margin-bottom: 15px;
}
.releases h3 a:hover{
text-decoration: none;
color: #808080;
}
/* Contact */
.map {
width: 400px;
height: 400px;
margin-top: 30px;
float: right;
border: 5px solid #ebebeb;
border-radius: 5px;
moz-border-radius: 5px;
webkit-border-radius: 5px;
}
form.contactus.standard input,
form.contactus.standard textarea {
width: 450px;
}
/* Blog Pages */
article h2{
margin-bottom: 15px;
}
.blog h2 a{
color: #50cae5;
}
.divline{
width: 100%;
height: 6px;
background-color: #f2f2f2;
margin-bottom: 5px;
}
article{
margin-bottom: 50px;
}
.metadata{
font-size: 11px;
color: #b2b2b2;
margin: -10px 0 20px 0;
}
.entry {
padding-bottom: 35px;
margin-bottom: 15px;
border-bottom: 1px solid #ebebeb;
}
.entry img {
display:block;
margin-top: 15px;
margin-bottom: 40px;
}
.entry img.center{
margin-left:auto;
margin-right: auto;
}
.readmore{
display: block;
margin-top: 20px;
}
.sharing div {
float: left;
margin-right: 25px;
}
a .past, a .future{
color: #b2b2b2;
}
a:hover .past, a:hover .future{
color: #666666;
}
.past, .future{
height: 20px;
width: 30px;
background: url(/images/nav-blog.png) no-repeat;
}
.past span, .future span{
line-height: 20px;
}
.past{
float: left;
background-position: 0 0;
padding-left: 25px;
}
.past:hover{
background-position: 0 -20px;
}
.future{
float: right;
background-position: right -40px;
padding-right: 30px;
}
.future:hover{
background-position: right -60px;
}
aside.sidebar{
width: 290px;
float: right;
}
.blog aside.sidebar{
width: 240px;
}
aside.sidebar h3{
margin: 30px 0 25px 0;
}
aside.sidebar ul{
padding-bottom: 25px;
border-bottom: 1px solid #f0f0f0;}
aside.sidebar li {
font-size: 13px;
line-height: 25px;
}
aside.sidebar li a{
color: #b2b2b2;
}
aside.sidebar li a:hover{
color: #666666;
text-decoration: none;
}
.blog aside.sidebar li a:hover{
color: #50cae5;
}
aside.sidebar .categories {
margin: 0 0 20px 0;
}
/* Comment Form */
.comment-form{
padding-bottom: 50px;
}
.comment-form h2{
margin-bottom: 20px;
}
.comment-form .logged-in{
margin: 0 0 10px 0;
}
.comment-form label {
display: inline;
font-size: 12px;
color: #666666;
font-weight: normal;
}
.comment-form ol {
list-style-type: none;
list-style-image: none;
padding-left: 0;
background-image: none;
}
.comment-form ol li{
margin-bottom: 10px;}
.comment-form ol input{
width: 220px;
margin-right: 20px;
}
.comment-form textarea{
min-width: 560px;
min-height: 180px;
}
.comment-form input.button {
width: 88px;
}
/* Comment List */
.comments { width: 640px; margin-top: 50px;}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { border-bottom: 1px solid #ebebeb; }
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom: 1px solid #ebebeb; padding:15px 0 0 15px; }
ol.commentlist li.comment .visual { float: left; width: 60px; padding-right: 20px; }
ol.commentlist li.comment .visual img.avatar { width: 60px; height: 60px; border: 2px solid #c6c6c6; background-color: #ffffff; padding: 6px; margin-top: 10px; }
ol.commentlist li.comment .readable{ width: 500px; padding: 10px 15px 20px 0; }
ol.commentlist li.comment .readable2{ float: right; width: 500px; padding: 10px 15px 20px 0; }
ol.commentlist li.comment .userinfo { margin-bottom: 20px;}
ol.commentlist li.comment .date {color: #b2b2b2;}
ol.commentlist li.comment .author { color: #666666; margin-right: 10px; font-weight: bold; }
ol.commentlist li.comment ul.children { list-style:none; display: block; clear:both;}
ol.commentlist li.comment ul.children li { border-top: 1px dotted #ebebeb; }
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.depth-2 { margin: 15px 0 0 100px;}
ol.commentlist li.comment ul.children li.depth-2 .readable { width: 390px; }
/*FORMS*/
form label {
float: none;
clear: both;
display: block;
width: auto;
margin-top: 8px;
text-align: left;
font-weight: bold;
position: relative;
font-size: 14px;
margin-bottom: 5px;
}
textarea {
overflow: auto;
}
form ol li{
list-style-type: none !important;
list-style-image: none;
padding-left: 0;
background-image: none;
}
input:focus, textarea:focus {
-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
box-shadow: inset 0 1px 4px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.075);
-webkit-transition: .2s linear background;
-moz-transition: .2s linear background;
transition: .2s linear background;
}
input[type=text],
input[type=url],
input[type=tel],
input[type=email],
input[type=password],
textarea {
border:1px solid #dcdcdc;
color: #999999;
outline: none;
padding: 5px;
font-family: Tahoma, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
select, option {
border: none;
background-color: #f2f2f2;
outline: none;
font-family: Tahoma, sans-serif;
}
form select {
margin-top: 10px;
height: 30px;
min-width: 330px;
}
form.howto select {
min-width: 260px;
height: 46px;
}
select{
color: #777777;
}
option{
color: #555555;
}
form select:first-child{
font-style: italic;
}
input[file]{
border: none;
}
.bu {
display: inline-block;
position: relative;
padding: 7px 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-webkit-box-align: center;
text-align: center;
background: rgb(237,246,249); /* Old browsers */
background: -moz-linear-gradient(top, rgba(237,246,249,1) 0%, rgba(205,229,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,246,249,1)), color-stop(100%,rgba(205,229,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(237,246,249,1) 0%,rgba(205,229,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(237,246,249,1) 0%,rgba(205,229,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(237,246,249,1) 0%,rgba(205,229,238,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(237,246,249,1) 0%,rgba(205,229,238,1) 100%); /* W3C */
-webkit-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px white, 0 3px 1px rgba(0, 0, 0, 0.1);
border: 1px solid #b6cbd1 !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
color: #666666;
}
.bu:hover{
-webkit-box-shadow: inset 0 2px 5px white, 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 2px 5px white, 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 5px white, 0 3px 1px rgba(0, 0, 0, 0.1);
background: rgb(205,229,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(205,229,238,1) 0%, rgba(237,246,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,229,238,1)), color-stop(100%,rgba(237,246,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(237,246,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(237,246,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(237,246,249,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(205,229,238,1) 0%,rgba(237,246,249,1) 100%); /* W3C */
}
.attach-changeling{
margin: 30px 0 0;
position: relative;
padding-left: 20px;
width: 100px;
height: 30px;
cursor: pointer;
}
.attach-real{
position: absolute;
box-sizing: border-box;
padding: 3px 0 0 25px;
font-size: 12px;
background: url(/images/attach.png) left bottom no-repeat;
left:0;
top: 0;
width: 150px;
height: 20px;
opacity: 1;
z-index: 50;
cursor: pointer;
}
.attach-real.long {
width: 250px;
}
.attach-faux{
position: absolute;
width: 150px;
height: 20px;
left:0;
top: 0;
opacity: 0;
z-index: 100;
}
input#textfile:hover,
input#textfile:focus
{
cursor: pointer;
}
.file-holder{
display: block;
min-width: 200px;
margin-left: 130px;
padding-top: 3px;
}
.attachments li a, .attachments li span{
float: left;
}
.close{
display: block;
background: url(/images/close.png) right bottom no-repeat;
width: 20px;
height: 18px;
}
/* Form Focus */
form.shade input, form.shade input:focus, form.shade textarea,
input.shade:hover, input.shade:focus,
form input.fill:hover, form input.fill:focus {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
}
/* Standard Forms */
form.standard input{
width: 300px;
}
form.standard.full-width input{
width: 100%;
}
.content section form.standard.full-width input,
.content section form.standard.full-width textarea{
width: 680px;
}
form.standard.full-width textarea{
width: 100%;
}
form.standard .full-width{
width: 550px;
max-width: 550px;
}
form.standard .half{
width: 270px;
margin-right: 20px;
}
form.standard .half input{
width: 240px;
}
form.howto .half select{
width: 240px;
}
form.standard input[type=submit]{
width: auto;
margin-top: 30px;
height: 30px;
line-height: 15px;
}
form.standard textarea{
width: 290px;
max-width: 500px;
}
form.standard.full-width textarea{
max-width: 100%;
}
form.standard input{
height: 22px;
line-height: 20px;
margin-bottom: 10px;
}
form.standard select{
margin-top: 0;
margin-bottom: 10px;
}
form.standard textarea{
height: 150px;
}
form.standard .join{
margin-left: 20px;
}
form.standard input[type=text],
form.standard input[type=url],
form.standard input[type=email],
form.standard input[type=tel],
form.standard input[type=password],
form.standard textarea,
.comment-form input,
textarea {
border: 5px solid #ebebeb;
}
form.standard p{
margin-bottom: 20px;
}
/* Dashboard */
.full-width{
position: relative;
}
.remark {
background-color: #f2f2f2;
padding: 5px 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.remark.logged{
padding: 5px 15px 5px 15px;
position: absolute;
right: 0;
top: 0;
}
.remark.update{
padding: 4px 15px 4px 15px;
position: absolute;
left: 240px;
top: 5px;
}
.remark.to-blog{
padding: 4px 15px 4px 15px;
position: absolute;
left: 480px;
top: 5px;
}
.dashboard .remark.to-blog{
left: 375px;
}
.remark a {
display: block;
padding-top: 3px;
}
.remark a:hover{
text-decoration: none;
}
.submitted-projects {
padding-top: 20px;
width: 460px;
border-top: 1px solid #e6e6e6;
}
.submitted-projects ul {
margin: 15px 0;
}
/* Console Subnav */
.console-subnav {
background-color: #f2f2f2;
margin-bottom: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.console-subnav .left {
width: 15%;
padding-top: 12px; /*pair*/
text-align: center;
}
.console-subnav .left span{
font-weight: bold;
}
.console-subnav .right {
width: 85%;
}
.console-subnav ul {
padding: 12px 0 0 20px; /*pair*/
overflow: hidden;
}
.console-subnav li {
float:left;
}
.mentors-list ul {
padding-bottom: 12px; /*pair*/
}
.mentors-list li{
padding: 1px 5px 1px 5px;
}
.mentors-list li.current a, .mentors-list a:hover{
color: #666666;
text-decoration: none;
}
.project-status li {
border-left:1px solid #e8e8e8;
border-right: 1px solid #cccccc;
padding: 1px 25px 1px 25px;
}
.project-status li a{
color: #666666;
}
.project-status li.current a,
.project-status li a:hover{
color: #8BBA13;
text-decoration: none;
}
.project-status li:first-child{
border-left: none;
}
.project-status li:last-child{
border-right: none;
}
/* Evaluated */
ul.points-by-mentor li{
float:left;
padding: 5px 0;
margin-right: 7px;
background-color: #f2f2f2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
ul.points-by-mentor li span{
padding-left: 5px;
padding-right: 5px;
}
.evaluated{
margin-bottom: 20px;
}
/* Steps */
.not-found{
margin: 0 auto;
width: 250px;
}
.planb {
width: 360px;
margin: 40px auto;
text-align: center;
}
.planb .register .buttlink {
margin-top: 15px;
}
.planb .login .buttlink {
margin: 15px;
}
.message p, .planb p {
margin-bottom: 6px;
}
.message-wrapper { /* susan's place */
padding: 70px 70px 0 50px;
margin: 0 auto;
min-height: 210px;
background:url('/images/susan-message.png') top center no-repeat;
}
.message {
background: #fff;
width: 360px;
margin: 0 auto;
border: 1px solid #cfcfcf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom: 15px;
-moz-box-shadow: 0 0 2px 1px #e2e2e2;
-webkit-box-shadow: 0 0 2px 1px #e2e2e2;
box-shadow: 0 0 2px 1px #e2e2e2;
}
.message header {
line-height: 45px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #bfc3c5;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #666666;
margin-bottom: 10px;
background: rgb(229,229,229); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.message label {
position: absolute;
top: -9999px;
left: -9999px;
}
.message ol {
margin: 0 auto;
padding: 0;
width: 310px;
}
.message ol li {
margin: 0;
padding: 0;
}
.message ol li.fill input {
width: 300px !important;
}
.message ol li.fill input.short {
width: 38px;
}
.message ol li.row {
width: 100%;
margin: 10px 0;
}
.message ol li.recaptcha-wrapper{
margin-top: 20px;
}
.fill input, .fill textarea {
padding: 7px 5px; /* cross-browser height */
-moz-box-shadow: inset 0 0 15px #ededed;
-webkit-box-shadow: inset 0 0 15px #ededed;
box-shadow: inset 0 0 15px #ededed;
}
.message form select{
margin-top: 0;
height: 30px;
min-width: 312px;
width: 312px;
}
.message .success {
padding-left: 35px;
width: 250px;
margin: 30px auto;
background:url('/images/check.png') top left no-repeat;
}
.message .success a {
display: block;
padding-top: 10px;
}
.message .button, .tac .button {
float: right;
color: #666666;
padding: 7px 12px;
border: 1px solid #b6cbd1;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: rgb(242,248,251); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none'
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjhmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2UxZjBmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWVkZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RlNWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
IE 6-8
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8fb', endColorstr='#cde5ee',GradientType=0 ); */
background: -moz-linear-gradient(top, rgba(242,248,251,1) 0%, rgba(225,240,245,1) 61%, rgba(217,237,242,1) 100%, rgba(205,229,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,248,251,1)), color-stop(61%,rgba(225,240,245,1)), color-stop(100%,rgba(217,237,242,1)), color-stop(100%,rgba(205,229,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,248,251,1) 0%,rgba(225,240,245,1) 61%,rgba(217,237,242,1) 100%,rgba(205,229,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,248,251,1) 0%,rgba(225,240,245,1) 61%,rgba(217,237,242,1) 100%,rgba(205,229,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(242,248,251,1) 0%,rgba(225,240,245,1) 61%,rgba(217,237,242,1) 100%,rgba(205,229,238,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(242,248,251,1) 0%,rgba(225,240,245,1) 61%,rgba(217,237,242,1) 100%,rgba(205,229,238,1) 100%); /* W3C */
}
.tac .button{
margin-top: 20px;
}
.message .button {
margin-top: 10px;
margin-right: -7px;
}
.message .button:hover, .tac .button:hover {
background: rgb(205,229,238); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none'
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZTVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDllZGYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjZTFmMGY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjhmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
IE 6-8
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde5ee', endColorstr='#f2f8fb',GradientType=0 );
*/
background: -moz-linear-gradient(top, rgba(205,229,238,1) 0%, rgba(217,237,242,1) 0%, rgba(225,240,245,1) 39%, rgba(242,248,251,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,229,238,1)), color-stop(0%,rgba(217,237,242,1)), color-stop(39%,rgba(225,240,245,1)), color-stop(100%,rgba(242,248,251,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(217,237,242,1) 0%,rgba(225,240,245,1) 39%,rgba(242,248,251,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(217,237,242,1) 0%,rgba(225,240,245,1) 39%,rgba(242,248,251,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(205,229,238,1) 0%,rgba(217,237,242,1) 0%,rgba(225,240,245,1) 39%,rgba(242,248,251,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(205,229,238,1) 0%,rgba(217,237,242,1) 0%,rgba(225,240,245,1) 39%,rgba(242,248,251,1) 100%); /* W3C */
}
/* TABLES */
.dashboard table,
.cabinet table,
.administration table {
width: 100%;
}
.dashboard th,
.cabinet th,
.administration th {
background-color: #e4e4e4;
font-weight: bold;
padding: 15px 50px;
border-bottom: 2px solid #ffffff;
}
.dashboard th:first-child,
.cabinet th:first-child,
.administration th:first-child {
text-align: left;
}
.dashboard td,
.cabinet td,
.administration td {
padding: 20px 50px;
}
/*
.dashboard td:last-child, .cabinet td:last-child {
padding-right: 15px;
min-width: 100px;
}
*/
.dashboard td a.screen-link,
.cabinet td a.screen-link,
.administration td a.screen-link {
color: #666666;
}
.dashboard td a.screen-link:hover,
.cabinet td a.screen-link:hover,
.administration td a.screen-link:hover{
color: #50CAE5;
text-decoration: none;
}
.dashboard td:last-child input[type="checkbox"],
.cabinet td:last-child input[type="checkbox"],
.administration td:last-child input[type="checkbox"]
{
margin-left: -30px;
}
.dashboard tr:nth-child(2n),
.cabinet tr:nth-child(2n),
.administration tr:nth-child(2n)
{
background-color: #f2f2f2;
}
.dashboard tr:last-child,
.cabinet tr:last-child,
.administration tr:last-child
{
border-bottom: 2px solid #f2f2f2;
}
.by-submitter {
display:block;
margin-top:5px;
}
fieldset.view-only {
margin-left: 15px;
width: 80px;
}
.numeric {
display:block;
margin-top: 7px;
}
.projects-publish tr td:last-child {
text-align: center;
}
table.projects-publish{
margin-top: 20px;
}
.top-button {
margin: 10px 0 20px 0;
}
/*Pagination*/
.pagination {
max-width: 350px;
margin: 50px auto 0;
}
.content .pagination li, .pagination li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
background-image: none;
}
.pagination a{
border:solid 1px #c9c9c9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right:2px;
color: #717171;
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
}
.pagination .previous-off,
.pagination .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
.pagination .next a,
.pagination .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
.pagination .active span{
color:#ffffff;
background-color: #b8b8b8;
font-weight:bold;
display:block;
float:left;
margin-right: 2px;
padding:4px 6px;
cursor: default;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 5px #8b8b8b;
-webkit-box-shadow: inset 0 0 5px #8b8b8b;
box-shadow: inset 0 0 5px #8b8b8b;
}
.pagination a:link,
.pagination a:visited,
.pagination span {
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
.pagination a:hover{
border:solid 1px #666666;
background: #fff;
}
/* HOME */
.home h2 {
margin-bottom: 20px;
color: #666666;
}
.home #socialize {
max-width: 290px;
float: right;
}
.home #socialize .socicons, .socialize .socicons {
margin: 10px 0 20px;
}
.social-bar li {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
_height: 250px;
}
#process {
float: left;
width: 650px;
color: #666;
}
#process h3 {
padding-top: 130px;
margin-bottom: 15px;
font-size: 14px;
min-height: 32px;
}
#process ol {
margin-right: -15px;
}
#process li {
width: 140px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 0 17px 10px 0px;
zoom: 1;
*display: inline;
_height: 250px;
}
/* Submit Project Form */
form#submit-project {
margin-top: 30px;
}
form#submit-project p.note {
margin-top: 10px;
}
form#submit-project ol li{
list-style-type: none !important;
list-style-image: none;
padding-left: 0;
background-image: none;
margin-bottom: 20px;
padding-top: 10px;
}
#doclist li {
margin: 0 !important;
padding-left: 7px;
list-style-type: disc !important;
}
form#submit-project {
font-size: 11px;
width: 475px;
max-width: 475px;
}
form#submit-project input:not([type=file]),
form#submit-project textarea,
form#submit-project option
{
width: 450px;
max-width: 450;
height: 35px;
font-size: 12px;
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
}
form#submit-project textarea{
height: 100px;
}
form#submit-project select {
width: 340px;
}
form#submit-project input[type=text],
form#submit-project input[type=url],
form#submit-project input[type=email],
form#submit-project textarea,
.evaluation textarea {
margin-top: 10px;
border: 5px solid #ebebeb;
color: #666666;
}
form#submit-project > li{
margin-top: 20px;
}
form#submit-project li:first-child{
margin-top:0;
}
form#submit-project p{
margin: 0;
}
ul.attachments{
margin-top: 20px;
list-style-type: none;
list-style-image: none;
padding-left: 0;
background-image: none;
}
ul.attachments li{
padding-left: 35px;
padding-right: 35px;
max-width: 100%;
height: 20px;
line-height: 20px;
background: url(/images/attachment.png) left center no-repeat;
color: #666666;
font-size: 13px;
}
.howto ul.attachments {
margin-top: 0;
}
form#submit-project ul.attachments li {
margin-bottom: 5px;
}
ul.attachments li a{
color: #666666;
font-size: 13px;
}
ul.attachments li:hover{
background-color: #f5f5f5;
}
ul.attachments li a:hover{
text-decoration: none;
}
section.form-preview, section.form-view {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
section.form-view h3{
margin-top: 30px;
margin-bottom: 10px;
}
.evaluation{
width: 600px;
}
.evaluation textarea{
min-height: 150px;
width: 570px;
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
}
.evaluation .rating{
margin: 50px 0 20px;
}
/* SEND AZURE BUTTON */
.azure {
overflow: hidden;
}
.azure a.buttlink span {
background: transparent url('/images/button-azure-left.png') no-repeat 0 0;
display: block;
line-height: 30px;
padding: 0 5px 0 20px;
color: #666666;
font-weight: normal;
font-size: 12px;
}
.azure a.buttlink {
background: transparent url('/images/button-azure-right.png') no-repeat top right;
display: block;
float: left;
height: 30px;
margin-right: 5px;
padding-right: 15px;
text-decoration: none;
}
.azure a.buttlink:hover span {
background-position: 0 -31px;
}
.azure a.buttlink:hover {
background-position: right -31px;
}
/* Customization */
.content .azure, .left .azure {
margin-top: 30px;
float: left;
}
/* LIME BUTTON */
.lime {
overflow: hidden;
}
.lime a.buttlink span {
background: transparent url('/images/button-lime-left.png') no-repeat 0 0;
display: block;
line-height: 31px;
padding: 0 5px 0 20px;
color: #ffffff;
font-weight: normal;
font-size: 12px;
}
.lime a.buttlink {
background: transparent url('/images/button-lime-right.png') no-repeat top right;
display: block;
float: left;
height: 31px;
/*margin-right: 5px;*/
padding-right: 19px;
text-decoration: none;
}
.lime a.buttlink:hover span {
background-position: 0 -32px;
}
.lime a.buttlink:hover {
background-position: right -32px;
}
/* Customization */
.content .lime {
float: right;
margin-top: 30px;
}
/* Subscribe to newsletter */
.home input {
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* W3C */
}
.home input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.subscribe-bar {
overflow: hidden;
}
.subscribe-bar input {
margin: 0;
float: left;
padding: 5px 5px; /* cross-browser height */
}
.subscribe-bar #email {
padding-left: 8px;
padding-right: 8px;
width: 140px;
box-shadow: 2px 3px 3px -2px white inset;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.subscribe-bar input#email:hover,
.subscribe-bar input#email:focus{
-moz-box-shadow: 0 0 3px #DDD inset;
-webkit-box-shadow: 0 0 3px #DDD inset;
box-shadow: 0 0 3px #DDD inset;
}
.subscribe-bar .subscribe {
padding-left: 10px;
padding-right: 10px;
margin:0 0 0 10px;
border:1px solid #dcdcdc;
color: #999999;
outline: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.subscribe-bar input.subscribe.gradient {
box-shadow: 2px 3px 3px -2px white inset;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 41%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(41%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 41%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 41%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 41%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 41%,rgba(237,237,237,1) 100%); /* W3C */
}
.subscribe-bar input.subscribe.gradient:hover{
color: #ffffff;
border: 1px solid #dcf0f5;
box-shadow: 2px 3px 3px -2px white inset;
background: rgb(181,240,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,240,253,1) 20%, rgba(89,205,231,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(181,240,253,1)), color-stop(100%,rgba(89,205,231,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,240,253,1) 20%,rgba(89,205,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,240,253,1) 20%,rgba(89,205,231,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,240,253,1) 20%,rgba(89,205,231,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(181,240,253,1) 20%,rgba(89,205,231,1) 100%); /* W3C */
}
/* SEARCH BOX */
.searchbox{
display: block;
float: right;
}
.searchbox input{
margin: 0;
float: left;
padding: 3px 0; /* cross-browser height */
background: rgb(247,247,247); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(252,252,252,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */
}
input#searchsubmit:active, input#searchsubmit:focus {
background-position: 0 1px;
}
#searching:target, #searching:hover{
-moz-box-shadow: inset 0 0 4px #eaeaea;
-webkit-box-shadow: inset 0 0 4px #eaeaea;
box-shadow: inset 0 0 4px #eaeaea;
}
#searching {
border-right: none;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-top-right-radius: 0px;
-moz-border-bottom-right-radius: 0px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
#searchsubmit {
border: 1px solid #dcdcdc;
width: 30px;
background: url(/images/mgbg.png) center center no-repeat;
}
/* APPLY BUTTON */
.apply {
max-width: 200px;
}
.apply a.buttlink span {
background: transparent url('/images/button-apply-left.png') no-repeat 0 0;
display: block;
line-height: 48px;
padding: 0 20px 0 28px;
color: #fff;
font-family: 'Ubuntu', "Trebuchet MS", "Trebuchet", sans-serif;
font-weight: normal;
font-size: 16px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.apply a.buttlink {
background: transparent url('/images/button-apply-right.png') no-repeat top right;
display: block;
float: left;
height: 48px;
margin-right: 5px;
padding-right: 12px;
text-decoration: none;
}
.apply a.buttlink:hover span {
background-position: 0 -49px; color: #fff;
}
.apply a.buttlink:hover {
background-position: right -49px;
}
/* Customization*/
.home .apply {
margin: 20px auto 30px;
}
.page .full-width .apply {
float: right;
}
.dashboard .apply {
float: left;
margin-top: 10px;
margin-bottom: 40px;
}
/*FOOTER*/
#footer .attic { color: #666666; }
#footer .basement {
font-size: 11px;
overflow: hidden;
color: #666666;
padding: 70px 0 10px;
}
#footer .basement .hatchers {
float: right;
line-height: 31px;
background: url('http://hatcherscreative.com/logo/hatchers-grey-spr25x31.png') 0 0 no-repeat;
padding-left: 33px;
margin-bottom: 5px;}
#footer .basement .hatchers:hover{
background-position: 0 -33px;
}
.hatchers a{ color: #666666;}
.hatchers a:hover{ color: #50CAE5; text-decoration: none;}
#footer .basement .copyright{
float: left;
}
#footer aside {
float: left;
}
#footer aside.blog-bar, #footer aside.tweet-bar { width: 40%; padding-right: 80px; }
#footer aside.contact-bar { width: 25%;}
#footer aside.social-bar { width: 26%;} /*this line start end*/
#footer h3 {
font-size: 18px;
margin-bottom: 15px;
}
.blog-bar .container,
.tweet-bar .container {
overflow: hidden;
margin-bottom: 15px;
}
.blog-bar .date {
float: left;
width: 60px;
color: #50cae5;
font-weight: bold;
}
.blog-bar .excerpt {
float: right;
width: 280px;
}
.blog-bar .excerpt a {
color: #666666;
font-weight: normal;
}
.blog-bar .excerpt a:hover{
color: #999999;
text-decoration: none;
}
.blog-bar .more {
margin: 0 20px 0 0;
float: right;}
.contact-bar span {
line-height: 18px;
}
.social-buttons {margin-top: 20px; float: left;}
.social-buttons .facebook-like, .social-buttons .google-plus { float: right;}
.social-buttons .google-plus { margin-right: 15px;}
.social-buttons .facebook-like { margin-left: 15px;}
/* SOCIAL */
.home #socialize .social-bar li, aside.sidebar .social-bar li { opacity: 1; }
.home #socialize .social-bar li:hover, aside.sidebar .social-bar li:hover { opacity: .9; }
.socicons li{
width: 25px;
height:25px;
padding-left: 0 !important;
float: left;
display: inline-block;
display: moz-inline-stack;
margin-right: 3px !important;
list-style-image: none;
padding-left: 0;
background-image: none;
}
.rss, footer .rss:hover, .home #socialize .rss, .grey .rss:hover, .socialize .rss {
background: url('/images/social.png') no-repeat 0 -1px;
width: 25px;
height: 25px;
}
footer .rss, .grey .rss {
background: url('/images/social.png') no-repeat 0 -28px;
width: 25px;
height: 25px;
}
footer .facebook, .grey .facebook {
background: url('/images/social.png') no-repeat -28px -28px;
width: 25px;
height: 25px;
}
.facebook, footer .facebook:hover, .home #socialize .facebook, .grey .facebook:hover, .socialize .facebook {
background: url('/images/social.png') no-repeat -28px 0;
width: 25px;
height: 25px;
}
.twitter, footer .twitter:hover, .home #socialize .twitter, .grey .twitter:hover, .socialize .twitter {
background: url('/images/social.png') no-repeat -56px 0;
width: 25px;
height: 25px;
}
footer .twitter, .grey .twitter {
background: url('/images/social.png') no-repeat -56px -28px;
width: 25px;
height: 25px;
}
footer .gplus, .grey .gplus {
background: url('/images/social.png') no-repeat -84px -28px;
width: 25px;
height: 25px;
}
.gplus, footer .gplus:hover, .home #socialize .gplus, .grey .gplus:hover, .socialize .gplus {
background: url('/images/social.png') no-repeat -84px 0;
width: 25px;
height: 25px;
}
footer .vk, .grey .vk {
background: url('/images/social.png') no-repeat -112px -28px;
width: 25px;
height: 25px;
}
.vk, footer .vk:hover, .home #socialize .vk, .grey .vk:hover, .socialize .vk {
background: url('/images/social.png') no-repeat -112px 0;
width: 25px;
height: 25px;
}
footer .linkedin, .grey .linkedin {
background: url('/images/social.png') no-repeat -140px -28px;
width: 25px;
height: 25px;
}
.linkedin, footer .linkedin:hover, .home #socialize .linkedin, .grey .linkedin:hover, .socialize .linkedin {
background: url('/images/social.png') no-repeat -140px 0;
width: 25px;
height: 25px;
}
footer .techcrunch, .grey .techcrunch {
background: url('/images/social.png') no-repeat -197px -27px;
width: 25px;
height: 25px;
}
.techcrunch, footer .techcrunch:hover, .home #socialize .techcrunch, .grey .techcrunch:hover, .socialize .techcrunch {
background: url('/images/social.png') no-repeat -197px 0;
width: 25px;
height: 25px;
}
footer .angel, .grey .angel { /*this line start */
background: url('/images/social.png') no-repeat -168px -27px;
width: 25px;
height: 25px;
}
.angel, footer .angel:hover, .home #socialize .angel, .grey .angel:hover, .socialize .angel {
background: url('/images/social.png') no-repeat -169px 0;
width: 25px;
height: 25px;
}
footer .gplus,
footer .facebook,
footer .rss,
footer .twitter,
footer .vk,
footer .linkedin
footer .angel, /*this line start */
footer .techcrunch /*this line end*/
{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
/* TOOLS*/
/* Clearfix */
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
.clear { clear:both; }
/*Group*/
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.screen-reader-text {
position: absolute;
top: -9999px;
left: -9999px;
}
/* GRADIENTS*/
.gradient {
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none'
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
*/
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
}
.gradient:hover {
background: rgb(232,232,232); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none'
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 );
*/
background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}
/* TRANSITIONS */
*:not(nav.main-nav-wrap li a) {
-webkit-transition-property:color, opacity;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
-moz-transition-property:color, opacity;
-moz-transition-duration: 0.3s, 0.3s;
-moz-transition-timing-function: linear, ease-in;
-o-transition-property:color, opacity;
-o-transition-duration: 0.3s, 0.3s;
-o-transition-timing-function: linear, ease-in;
-ms-transition-property:color, opacity;
-ms-transition-duration: 0.3s, 0.3s;
-ms-transition-timing-function: linear, ease-in;
transition-property:color, opacity;
transition-duration: 0.3s, 0.3s;
transition-timing-function: linear, ease-in;
}
/* Back to top */
#back-top {
position: fixed;
bottom: 30px;
margin-left: 940px;
}
#back-top a {
width: 40px;
display: block;
text-align: center;
font: 9px/100% "Trebuchet MS", sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}
/* arrow icon (span tag) */
#back-top span {
width: 40px;
height: 40px;
display: block;
margin-bottom: 7px;
background: rgba(136,136,136,0.3) url(/images/up-arrow.png) no-repeat center center;
/* rounded corners */
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #777;
}
/*Image gallery*/
.picshow{
width: 620px;
}
.mainpic {
text-align: center;
}
.mainpic img {
margin: 0;
}
.thumbs {
overflow: hidden;
position: relative;
margin-top: 20px;
}
.imgroll .thmb {
display: block;
margin: 0 9px;
float: left;
}
.imgroll .thmb img{
opacity: .6;
}
.imgroll .thmb.current img,
.imgroll .thmb img:hover{
opacity: 1;
}
/*Main Pic Nav*/
.mainpic .picnav {
position: relative;
}
.mainpic .picnav .next,
.mainpic .picnav .prev{
position: absolute;
width: 44px;
height: 44px;
z-index: 2000;
cursor: pointer;
top: 15px;
opacity: 0.4;
}
.mainpic .picnav .next{
right: 15px;
background: url(/images/arrows.png) 0 44px;
}
.mainpic .picnav .prev{
left: 15px;
background: url(/images/arrows.png) 0 0;
}
.mainpic .picnav .prev:hover,
.mainpic .picnav .next:hover{
opacity: 0.6;
}
/* Pics Navigation */
.imgroll{
padding: 0 25px;
}
.thumbs .picsnav {
position: relative;
}
.thumbs .picsnav .next,
.thumbs .picsnav .prev{
position: absolute;
width: 17px;
height: 23px;
z-index: 2000;
cursor: pointer;
top: 35px;
}
.thumbs .picsnav .next{
right: 0;
background: url(/images/listing-arrows.png) 17px 0;
}
.thumbs .picsnav .prev{
left: 0;
background: url(/images/listing-arrows.png) 0 0;
}
.thumbs .picsnav .prev:hover{
background-position: 0 -23px;
}
.thumbs .picsnav .next:hover{
background-position: 17px -23px;
}
/*Overlay*/
.overlay {
position: fixed;
background-color: rgba(0,0,0,0.4);
height: 100%;
width: 100%;
z-index: 5000;
}
.overlay .message{
position: absolute;
top: 50%;
left: 50%;
width: 320px;
height: 180px;
margin-top: -90px; /* Half the height */
margin-left: -160px; /* Half the width */
}
.message.choice label{
position: relative;
top: 0;
left: 0;
margin-right: 15px;
}
.to.center{
width: 60%;
margin-top: 40px;
}
.message.choice .lime{
width: 102px;
margin: 35px auto 0;
}
.alert{ color: #f574a1; margin: 0px 0px 20px 0px; font-size: 13px; }
.alert2{ color: #f00000; margin: 0px 0px 15px 24px; width: 300px;}
.upload-photo {margin: 12px;}
.input2 {width:50px; min-width: 50px;}
.input1 {width:150px; min-width: 150px;}
.row {margin: 9px 0 0px 0;}
.row2 {margin: 15px 0 0px 0;}
body.upload-photo{height: auto; min-height: 1%;}
table.tb_left {margin: 5px 17px 5px 0px;}
table.tb_right {margin: 5px 0px 5px 17px;}
table.tb_center {margin-bottom: 5px; text-align: center;}
.tb_text, .img_sign, p2 {padding: 3px 0px 0px 0px; font-size: 12px; color: #666;}
.tb_right img, .tb_left img, .tb_center img {margin-bottom: 3px;}
.marg20 {margin-top: 7px;}
/*Home - NewsBar*/
.news-bar{
border-top: 1px solid #ebebeb;
padding: 25px 0;
}
.newsroll{
border-bottom: 1px solid #ebebeb;
padding-bottom: 10px;
}
.news-bar .container {
overflow: hidden;
margin-bottom: 20px;
}
.news-bar .date {
float: left;
width: 75px;
color: #50cae5;
font-weight: bold;
}
.news-bar .excerpt {
float: right;
width: 200px;
}
.news-bar .excerpt a {
color: #666666;
font-weight: normal;
}
.news-bar .excerpt a:hover{
color: #999999;
text-decoration: none;
}
.news-bar .more {
margin: 10px 20px 0 0;
float: right;}
/*Modified*/
a.alt, a.alt:link, a.alt:visited { color: #50cae5; } /* .alt selector */
.gallery ul li, .thumbs ul li { /* .thumbs selector */
list-style-image: none;
padding-left: 0;
background-image: none;
min-height: 200px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
_height: 200px;
}
.gallery ul img, .thumbs ul img { /* .thumbs selector */
border-radius: 5px;
moz-border-radius: 5px;
webkit-border-radius: 5px;
}
.gallery a:hover img, .thumbs a:hover img{ /* .thumbs selector */
opacity: 0.9;
}
.releases h3, .releases h3 a,
.releases h4, .releases h4 a /* h4 selector */
{
font-size: 16px;
color: #666666;
font-family: "Trebuchet MS", sans-serif;
margin-bottom: 15px;
font-style: normal;
}
.releases h3 a:hover, .releases h4 a:hover{ /* h4 selector */
text-decoration: none;
color: #808080;
}
/* UPDATE */
.content hgroup h4 {
margin-top: 0;
}
.content hgroup h3{
margin-bottom: 0;
}
.full{
width: 920px;
overflow: hidden;
margin-bottom: 30px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.hightlight{
background-color: #f4f4f4;
}
.full .mentors, .full .residents{
width: 420px;
padding: 20px 20px 5px 20px;
}
.home .mentors header a.alt,
.home .residents header a.alt{
color: #50cae5;
position: relative;
top: 10px;
}
.mentors .thumbs, .residents .thumbs{
margin-top: 0;
}
.thumbs .square {
float: left;
margin-right: 20px;
margin-bottom: 25px;
}
.four .square:nth-child(4n){
margin-right: 0;
}
.square{
height: 90px;
width: 90px;
overflow: hidden;
}
.square img{
width: 90px;
height: 90px;
}
/* start update */
.content hgroup h4 {
margin-top: 0;
}
.content hgroup h3{
margin-bottom: 0;
}
.full{
width: 920px;
overflow: hidden;
margin-bottom: 30px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding-right: 10px;
padding-left: 10px;
}
.hightlight{
background-color: #f4f4f4;
border-radius: 5px;
moz-border-radius: 5px;
webkit-border-radius: 5px;
}
#header + .full, #header + .jms-slideshow{
margin-top: 40px;
}
.full .mentors, .full .residents{
width: 420px;
padding: 20px 0 5px 0;
}
.home .mentors header a.alt,
.home .residents header a.alt,
header a.alt,
.full header a.alt,
.line header a.alt
{
color: #50cae5;
position: relative;
top: 10px;
}
.fbline {
width: 450px;
min-height: 250px;
max-height: 640px;
overflow: hidden;
}
.socialize {
margin-bottom: 30px;
}
.socialize h2, .home section h2{
margin-bottom: 10px;
}
.socialize .subscribe-bar #your-email{
width: 330px;
}
.mentors .thumbs, .residents .thumbs{
margin-top: 0;
}
.thumbs .square {
float: left;
margin-right: 20px;
margin-bottom: 25px;
}
.thumbs.three .square {
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
.home .three .square:nth-child(3n){
margin-right: 0;
}
.four .square:nth-child(4n){
margin-right: 0;
}
.four .square, .team .square{
height: 90px;
width: 90px;
overflow: hidden;
}
.four .square img, .team .square img{
width: 90px;
height: 90px;
}
.home .three .square{
height: 120px;
width: 120px;
overflow: hidden;
}
.home .three .square img{
width: 120px;
height: 120px;
}
/*end update*/
.intro {
margin-bottom: 40px;
}
.unit{
margin-top: 40px;
}
.resident .unit h3 {
font-size: 20px;
margin-top: 0;
margin-bottom: 10px;
}
.resident .unit.news h3{
margin-top: 1em;
}
.person{
margin-bottom: 20px;
}
.team .square{
margin-right: 15px;
}
.team .name {
font-weight: bold;
}
.team p:first-of-type {
margin-top: 0;
}
.team .role {
font-style: italic;
font-size: 13px;
color: #898989;
}
.content ul.thumbs li.square {
list-style-image: none;
list-style-type: none;
background-image: none;
}
.bio hgroup h2 {
margin-bottom: 0;
}
.bio hgroup h4{
margin-top: 5px;
margin-bottom: 20px;
}