body { 
  background: #ffffff;
  color: #0d2144;
  font: 12px/28px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
  display: block;
}

a {
  color: #223e6e;
  text-decoration: none;
  overflow: hidden;
}
a:hover {
  color: #223e6e;
  text-decoration: none;
}
a:link,a:hover,a:active,a:visited {
	text-decoration:none;
	white-space:nowrap;
}

p, dl, hr, h1, h2, h3, h4, h5, h6,
ol, ul, pre, table, fieldset, blockquote {
}

h1 { font-size: 96px; color: #223E6E; 	margin: 36px;}
h2 { font-size: 48px; color: #223E6E; 	margin: 36px;}
h3 { font-size: 24px; letter-spacing: -1px;color: #223E6E;}
h4 { font-size: 18px; color: #223E6E;}
h5 { font-size: 16px; color: #223E6E;}
h6 { font-size: 14px; color: #223E6E;}

hr { border: 0 solid #ccc; border-top-width: 1px; clear: both; height: 0; }
ol { list-style: decimal; }
ul { list-style: disc; }

#header {
  height:0px;
  margin-top: 0px;
  text-align: left;
}
#header h1 {
  font-size: 46px;
  margin-left: 48px;
  margin-top: 24px;
}
#header h1 a {
  letter-spacing: -1px;
}
#header h1 a:hover {
  background: none;
  text-decoration: none;
}

#content {
  /*background: #ebf4fb;*/
  background: #fff;
  color: #333333;
  margin-top: 2px;
  min-height: 624px;
  padding: 8px 8px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.25);
}

#selastik-joint {
  font: bold 10px Arial;
  margin-top: 18px;
  margin-bottom: 8px;
  padding-top: 2px;
  border-top: 1px solid #febe1c;
  height:12px;
}
#footer {
  /*
  font: bold 10px Arial;
  margin-top: 18px;
  margin-bottom: 8px;
  padding-top: 2px;
  border-top: 1px solid #febe1c;
  height:2px;*/
}
#footer a {
  color:#333333;
  border-bottom: 1px solid #febe1c;
}
#footer a:hover {
  color: #333333;
  border-bottom: 2px dotted #febe1c;
}
#footer p { 
  margin-top: 4px;
  padding: 0px;
  text-align: center;
}

.alignleft { float: left; }
.alignright { float: right; }

.hide { display: none; }

#welcome, #support {
  display:none;
}
#welcome {
  display:block;
  text-align: center;
  padding: 24px 0 0 24px;
  width: 50%;
}
#welcome-text {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

#fivehundred {
  font-size: 40px;
  margin: 0px;
  color: #223e6e;
  text-align:center;
}
#fourohfour{
  font-size: 40px;
  margin: 32px;
  color: #223e6e;
  text-align: center;
}
#support {
  display:none;
  font-size: 72px;
}
#support a:hover {
  color: #333;
}

#slogan {
  font-size: 34px;
  margin-top: 46px;
}

#login-container {
  display:none;
  width: 39%;
  float: right;
  text-align: right;
}
#login-container a:hover {
  color: #333333;
}
#signin-signup {
  text-align: right;
  width: 100%;
  margin: 4px;
}

#signin-signup-welcome {
  float: left;
  margin-bottom: 24px;
  width: 100%;
}

#left-box, #right-box {
  text-align:center;
}

#left-box {
  float: left;
  width: 40%;
}
#right-box {
  float: right;
  width: 60%;
}
.account-edit {
  height: 550px;
}

#header #left-box {
  float: left;
  text-align:left;
  width: 49%;
  margin:8px;
}

#header #right-box {
  float: right;
  text-align:right;
  width: 49%;
  margin-top: 32px;
}

#devise-links {
  margin:-24px auto;
  width: 70%;
  font-size: 12px;
  text-align:left;
  height:128px;
}

#header #topnav a.logged-in-as {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 12px;
  font-weight: bold;
  padding-left: 1px;
  padding-right: 6px;
}
#header #topnav a.logout {
  border-right: none;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 2px;
}
#header #topnav a.sign-out {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 4px;
}
#header #topnav a.logged-in-as:hover, #header #topnav a.logout:hover, #header #topnav a.sign-out:hover {
  text-decoration:underline;
}

#edit-profile {
  padding: 24px; 
}

#edit-profile-btn {
  padding: 24px; 
}

#cupid-main {
  margin-top: 14px;
  margin-bottom: 28px;
}
#cupid-no-match {
  margin: 12px 38%;
  width: 25%;
}

#error_explanation {
  float:right;
  font-size:12px;
  text-align: left;
  width:95%;
  margin-top:0px;
}
#error_explanation h2 {
  font-size:14px;
  margin:0;
}
#error_explanation ul {
  list-style:none;
}
#error_explanation li {
  list-style:none;
}

#facebook-github-twitter {
  margin: 18px auto;
  width: 44%;
  height: 16px;
}
#facebook-like {
  float:left;
  width: 0%;
}
#github-octocat {
  margin: -8px 0 0 96px;
  position: absolute;
}
#github-octocat img {
  height: 32px;
}
#twitter-tweet {
  float:right;
  width: 40%;
}
#github-octocat a {
  background: #ffffff;
  padding: 0px;
  border:none;
}
#github-octocat a:hover {
  background: #ffffff;
  padding: 0px;
  border:none;
}

#omniauth {
  float: left;
  margin-left: 23%;
  width: 54%;
}
#omniauth-header {
  float: right;
  width: 48%;
}

#text {
  color: #AAAAAA;
  float: left;
  font-size: 24px;
  margin-top: 32px;
  width: auto;
  margin-left: 6%;
}
#text-header {
  color: #223e6e;
  float: left;
  font-size: 16px;
  margin-top: 8px;
  margin-left: 12px;
  margin-right: 12px;
  text-align: center;
  width: auto;
}

#iphone4-holder {
	width: 100%;
	margin: 0 auto;
	-webkit-box-reflect: below -24px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.88, transparent), to(rgba(255, 255, 255, 0.75)));
}

#iphone4-holder img {
	width: 288px;
}

#iphone4-slideshow {
	background: #fff;
  position: absolute;
  left: 76px;
  top: 103px;
	width: 246px;
	height: 367px;
}

#waapsi-about {
	margin-top: 96px;
}

.slideshow-picture img {
	height: 370px;
}

img.picture {
    display: none;
    position: absolute;
}