/* @override 
	http://216.at/groupme/style.css
	http://localhost:3000/homepage/style.css
	http://groupme.com/homepage/style.css
*/

/* GENERAL STYLES */

.clear{
  display: block !important;
  clear: both !important;
}

body{
  font-family: "Helvetica Nueue", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility !important;
  color: #123a41;
}

a{
  color: #146e3f;
}

a:hover{
  text-decoration: none;
}

a:active{
  color: #105833;
}

input.button{
  cursor: pointer;
  font-size: 0.97em;
  padding: 0.5em 0.8em;
  margin: 0 0 0 0.8em;
  background: #eee;
  border: 1px solid #a7abb5;
  text-shadow: 0px 1px 0px #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(187,192,202)),
      color-stop(1, rgb(238,239,241))
  );
  background:
  -moz-linear-gradient(
      center bottom,
      rgb(187,192,202) 0%,
      rgb(238,239,241) 100%
  );
}

input.button:hover{
  border-color: #979ba5;
  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(177,182,192)),
      color-stop(1, rgb(228,229,231))
  );
  background:
  -moz-linear-gradient(
      center bottom,
      rgb(187,192,202) 0%,
      rgb(238,239,241) 100%
  );
}

input.button:active{
  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(1, rgb(187,192,202)),
      color-stop(0, rgb(238,239,241))
  );
  background:
  -moz-linear-gradient(
      center bottom,
      rgb(187,192,202) 100%,
      rgb(238,239,241) 0%
  );
}

.pound{
  background: #f9f6d4;
  padding: 0.2em;
}

/* LAYOUT */

#header, #content{
  padding: 0 1em;
}

#header .content, #content .content, #footer{
  width: 43em;
  margin: 0 auto;
}

/* HEADER */

#warning{
  background-color: #fff57e;
  font-family: "Gill Sans", "Gill Sans MT", GillSans, Calibri, "Trebuchet MS", sans-serif;
  text-align: center;
  font-weight: bold;
  height: 2.3em;
  line-height: 2.3em;
}

#header{
  background: #d5d3ba url(img/header-bg.jpg) repeat-x 0 bottom;
  height: 24em;
}

body.subpage #header{
  height: 8em;
}

#header .content{
  background: url(img/venn-bg.png) no-repeat top left;
  height: 24em;
}

body.subpage #header .content {
  height: 8.6em;
  background-position: center left;
}

#header .content #text{
  float: left;
  width: 19.6em;
}

body.subpage #header .content #text{
  width: 11.5em;
}

#header .content #text h1{
  text-indent: -9999px;
  background: url(img/logo.png) no-repeat bottom center;
  display: block;
  width: 100%;
  height: 8.7em;
  margin: 2.4em 0 0 0;
}

body.subpage #header .content #text h1{
  margin: 3em 0 0 0 !important;
  height: 2.9em !important;
  width: 11.5em !important;
  background: url(img/subpage-logo.png) no-repeat top left;
}

#header .content #text h1 a{
  display: block;
  height: 100%;
}

#header .content #text p#tagline{
  font-size: 1.3em;
  color: #146e3f;
  font-family: "Gill Sans", "Gill Sans MT", GillSans, Calibri, "Trebuchet MS", sans-serif;
  font-weight: lighter;
  margin-top: 1em;
  line-height: 1.2em;
}

#header .content #text p{
  text-shadow: 0px 1px 0px #fff;
  font-size: 0.95em;
  line-height: 1.3em;
  text-align: right;
  padding-right: 1.2em;
  margin-top: 0.6em;
  color: #123a41;
}

#header .content #menu{
  height: 2em;
  margin: 4.2em 0 0 0;
  float: right;
  display: block !important;
}

#header .content #menu a{
  color: #123a41;
  text-decoration: none;
  margin: 0 1em 0 0;
}

#header .content #menu a.current{
  font-weight: bold;
}

#header .content #phones{
  background: url(img/phones.png) bottom center no-repeat;
  height: 26.7em;
  width: 23.3em;
  float: right;
}

#header .content #phones span{
  margin: 2.5em 0 1.4em 0;
  display: block !important;
  text-align: center;
  font-family: "Gill Sans", "Gill Sans MT", GillSans, Calibri, "Trebuchet MS", sans-serif;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 0px #727059;
  text-transform: uppercase;
  font-size: 0.9em;
}

#header .content #phones #graphic{
  display: block;
  width: 9.6em;
  height: 14.4em;
  margin: 4.95em 0 0 7em;
  background: url(img/iphonescreen.png) center center no-repeat;
}

/* CONTENT */

#content{
  margin-top: -12px;
  padding-top: 12px;
  background: url(img/triangle.gif) repeat-x 0 top;
}

#content .content{
  background: #fff;
  padding-top: 50px;
}

#content .content p{
  line-height: 1.3em;
  margin: 0 0 1.5em 0;
}

#content .content h3#error, #content .content h3#message{
  text-align: center;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 1.2em;
  color: #146e3f;
  margin: 1em 5em 1.4em;
  padding: 0.5em 0.7em;
  background: #f9f6d8;
  text-shadow: 0px 1px 0px #r;
  border-radius: 5px;
}

#content .content h3#error{
  color: #b51a1a;
}

#content .content h2{
  text-align: center;
  font-size: 2.6em;
  font-weight: normal;
  margin: 0 0 0.5em 0;
}

#content .content p.welcome{
  text-align: center;
  padding: 0 5em;
}

#content .content form#welcome label{
  display: block;
  line-height: 1.3em;
  margin: 0 auto 1.5em auto;
  width: 28em;
  text-align: center;
}

#content .content form#welcome input.textinput{
  font-size: 1.2em;
  width: 10.7em;
  padding: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  text-align: center;
}

#content .content form#welcome input.button{
  margin: 0 auto !important;
  display: block;
}

#content .content .column, #content .content .column2{
  font-size: 0.92em;
  line-height: 1.4em;
  width: 14.6em;
  float: left;
  margin: 0 1.4em 0 0;
}

body.welcome #content .content .column, #content .content .column2{
  width: 22.1em;
  margin: 0 2.2em 0 0;
}

#content .content .column.last, #content .content .column2.last{
  margin: 0 !important;
}

#content .content .column p, #content .content .column2 p{
  margin: 0 0 1.5em 0;
}

#content .content ol{
  list-style: decimal;
}

#content .content ul{
  list-style: circle;
}

#content .content ul, #content .content ol{
  margin: 0 0 1.5em 1.2em;
}

#content .content ul li, #content .content ol li{
  margin: 0 0 0.5em 0;
}

#content .content h3{
  margin: 0 0 1.6em 0;
}

#content .content h3.fancy{
  border-bottom: 1px solid #cdcaac;
  border-top: 1px solid #cdcaac;
  color: #a4a18d;
  display: block !important;
  height: 0.5em;
  line-height: 0.5em;
  margin: 0 0 1.6em 0;
  font-size: 1em;
  text-align: center;
}

#content .content h3.fancy span{
  text-align: center;
  height: 1em;
  padding: 0.6em .6em;
  background: #fff;
  font-size: 1em;
  font-family: "Gill Sans", "Gill Sans MT", GillSans, Calibri, "Trebuchet MS", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

#content .content ul.biglinks{
  line-height: 1.3em;
  margin: 0 0 1.5em 0;
  list-style: none;
}

#content .content ul.biglinks li a{
  display: block;
  font-size: 1.2em;
  background: #e8e7d9;
  padding: 0.7em 1em;
  border-radius: 5px;
}

#content .content ul.biglinks li a:hover{
	
}

#content .content ul.biglinks li a:active{
  background: #d9d8c8;
}

#content .content p.question{
  font-style: italic;
  margin-bottom: 0.2em;
  font-weight: bold;
}

#content .content #login{
  margin: 1em auto 2em auto;
  width: 38.8em;
}

#content .content #login span{
  font-weight: bold;
  margin: 0 1em 0 0;
}

#content .content #login strong{
  font-weight: normal;
}

#content .content #login form{
  display: inline;
}

#content .content #login .phonenumber{
  font-size: 1.2em;
  width: 10.7em;
  padding: 5px;
  text-align: center;
}

#content .content #login p{
  font-size: 0.8em;
  text-align: center;
  font-style: italic;
  margin: 0.9em 0 0 0;
}

#content .content #features h2{
  border-bottom: 1px solid #cdcaac;
  border-top: 1px solid #cdcaac;
  color: #a4a18d;
  display: block !important;
  height: 0.5em;
  margin: 0 0 1.6em 0;
  font-size: 1em;
}

#content .content #features h2 span{
  display: block !important;
  margin: -0.3em auto 0 auto;
  text-align: center;
  width: 7em;
  height: 2em;
  background: #fff;
  font-size: 1.3em;
  font-family: "Gill Sans", "Gill Sans MT", GillSans, Calibri, "Trebuchet MS", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

#content .content #features .feature{
  width: 13.4em;
  float: left;
  margin: 0 1.3em 0 0;
  text-align: center;
}

#content .content #features .last{
  margin: 0 !important;
}

#content .content #features .feature img{
  margin: 0 0 0.5em 0;
}

#content .content #features .feature h4{
  font-family: "Gill Sans", "Gill Sans MT", GillSans, Calibri, "Trebuchet MS", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8em;
  margin-bottom: 0.6em;
}

#content .content #features .feature p{
  font-size: 0.8em;
  padding: 0 1.6em;
  line-height: 1.4em;
}

#content .content .teammember{
  background: #e8e7d9;
  padding: 1em;
  border-radius: 0.4em;
}

#content .content .teammember.column2{
  width: 20.4em !important;
}

#content .content .teammember.column{
  width: 12.7em !important;
}

#content .content .teammember img{
  float: left;
  margin: 0 1em 0 0;
  border: 1px solid #D5D4C2;
  padding: 1px;
  background: #e8e7d9;
}

#content .content .teammember p{
  margin: 0 0 0.5em 0;
}


/* FOOTER */

#footer{
  font-size: 0.8em;
  padding-top: 2em;
  margin-top: 1em;
  margin-bottom: 4em;
  text-align: center;
  padding: 0 1.4em;
  width: 53.7em !important;
  clear: both;
}

body.subpage #footer{
  text-align: left;
}

body.welcome #footer{
  text-align: center !important;
}

#footer a{
  margin: 0 0 0 1em;
}