<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <title>welcome - mavenn</title>
  <meta name="description" content="mavenn. Information Network, Intelligence Sharing" />
  <link rel="shortcut icon" href="/images/favicon.ico" />

  <style type="text/css">
  /* reset margin/padding */
  * {margin:0;padding:0}
  /* Tell the browser to render HTML 5 elements as block */
  header, footer, aside, nav, article, section {
    display:block;
  }

  body {
    background: #fff url(/images/bg-texture.png);
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    line-height:1.5em;
    color:#222;
    }

  body.graylarge { 
    background: #d7d7d7 url(/images/bg-light.jpg) top center no-repeat; 
    padding-top: 1em;
  }

  a {text-decoration: none; color: #2464A3;}
  a:hover, a:active {color:#0050DD;}
  h1 a:hover {color: #5484D3;}
  a img, a:hover img {border: none;}

  .georgia {
    font-family: Georgia, "Times New Roman", Times, serif;	
  }

  h1 { line-height: 2em; }

  h2 {
    color:#333;
    font-size: 1.25em;
    line-height: 1.5em;
    text-shadow:0 1px 3px #ddd;
    clear:both;
    }

  header#meta { margin:0 0 20px; height: 95px; }
  header#meta.graybar {
    height:30px;
    background: #fafafa;
    background: -moz-linear-gradient(0% 100% 90deg, #f7f7f7, #fafafa);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#f7f7f7));
    border-top: 1px solid #e1dce1;
    border-bottom: 1px solid #e5e5e6;
  }

  #logo {
    margin: 6px 0 0 0;
    float:left
    }

  #logo h1 {
    text-indent: -9999em; 
    margin: 0; 
    height: 1px
    }

  .graylarge #logo img {width: 250px;}
  
  .container {
    width: 860px;
    margin: 0 auto;
   }
  .filler2 {width: 100%; height: 60px;}

  #mavens { clear:both;
    height: 200px;
    background:url(/images/sketch-light.png) 0 0 no-repeat;
  }

  #mavens h2, #mavens p {
	margin: 0 0 0 445px;
  }
  ul {list-style-type: none;}
  ul.horizontal {indentation: none; list-style-type: none; clear:right;}
  ul.horizontal li {float:left; padding: 0px 10px 0px 0px; }
  /*ul.horizontal li a {width: auto; padding: 5px 0; }*/

  ul.default {
    list-style-type: none;
    clear:both;
  }

  ul.default li a {
    display:block;
    width:160px;
    border-bottom:1px solid #eee;
    text-decoration:none;
    padding:5px 0;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
  }

  #kicker {
    clear: both;
    width: 860px;
    height: 200px;
    background:url(/images/kicker-light.jpg) 0 0 no-repeat;
    text-indent: -9999px
  }

  #taghdr {
    clear:both; height: 222px;
    background: url(/images/mavenn-building-blocks.png) no-repeat 0 0; 
    padding: 50px 0 0 350px; 
    font-size: 1.25em; line-height: 1.6em; color: #606060;
  }
  .taghdr {
    font-size: 1.25em; line-height: 1.6em; color: #606060;
  }
  </style>
  
</head>
<body class="graylarge">
  <header id="meta" class="">
    <div class="container">
      <div id="logo" class="">
        <a href="/"><img src="/images/mavenn-type-large.png" alt="mavenn logo" title="mavenn"/></a>
        <h1>mavenn</h1>
      </div>
      
      <div style="float: right; text-align: right; clear: right; padding: 5px 0;margin:0 20px">
  <ul id="userinfo">
		<li><a href="http://blog.mavenn.com">read our blog</a></li>
  </ul>
</div>

      
    </div>
  </header>
  <div class="container">
    <aside></aside>
		<section id="left-content" class="">
 		  
			<style type="text/css">
  .fieldWithErrors {padding:0; display:block; background-color: default;}
</style>
<div class="filler2"></div>
<div id="taghdr">
A collective for monitoring, sharing and discovering information of professional and personal value. 
</div>
<div class="filler2"></div>
<div id="mavens">
    <h2 class="georgia">Calling all Mavens</h2><br/>
    <p>You understand people, places, tastes, and trends.<br/>
			Join to connect and share the best information. </p>
</div>		

		</section>
	</div>
  <footer style="display: none">
    <div class="container">
      <a href="mailto:ask@mavenn.com">ask</a>
      <a href="http://blog.mavenn.com">blog</a>
      <a href="/privacy">privacy</a>
      <a href="/terms">terms</a>
    </div>
  </footer>
</body>
</html>