/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 14, ../../../.rvm/gems/ruby-1.9.2-p0/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* line 17, ../../../.rvm/gems/ruby-1.9.2-p0/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
  line-height: 1;
  color: black;
  background: white;
}

/* line 19, ../../../.rvm/gems/ruby-1.9.2-p0/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 21, ../../../.rvm/gems/ruby-1.9.2-p0/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

/* line 23, ../../../.rvm/gems/ruby-1.9.2-p0/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 25, ../../../.rvm/gems/ruby-1.9.2-p0/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: "" "";
}
/* line 96, ../../../.rvm/gems/ruby-1.9.2-p0/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
}

/* line 27, ../../../.rvm/gems/ruby-1.9.2-p0/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 33, ../src/screen.scss */
body {
  font-size: 20px;
  background-color: #4f5759;
  background: img("/images/gearlogo2.1_cropped.png") fixed center;
  color: rgba(242, 242, 242, 0.7);
  font-family: 'Orbitron', serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.139em;
  word-spacing: 0.085em;
  line-height: 1.06;
}

/* line 41, ../src/screen.scss */
h1, h2, h3, h4, h5, h6 {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  padding-top: 20px;
}

/* line 52, ../src/screen.scss */
img#corner_logo {
  position: fixed;
  z-index: 3;
  top: -173px;
  left: -114px;
}

/* line 61, ../src/screen.scss */
img#corner_logo_glow {
  display: none;
  position: fixed;
  z-index: 4;
  top: -173px;
  left: -114px;
}

/* line 73, ../src/screen.scss */
div#header {
  width: 100%;
  z-index: 2;
  background-color: #4f5759;
  min-height: 60px;
  position: fixed;
  top: 0px;
  -moz-box-shadow: 0px 5px 5px 5px #7D746B;
  -webkit-box-shadow: 0px 5px 5px 5px #7D746B;
  box-shadow: 0px 5px 5px 5px #7D746B;
  border-bottom-color: #dfc9b4;
  border-bottom-style: groove;
  border-bottom-size: 5px;
}

/* line 93, ../src/screen.scss */
span.header_logo {
  float: left;
  overflow: visible;
  text-decoration: none;
  padding-left: 10px;
  padding-top: 15px;
  vertical-align: top;
}

/* line 111, ../src/screen.scss */
ul.main_menu {
  float: right;
  margin-right: 20px;
  padding-top: 15px;
  vertical-align: top;
  z-index: 5;
}
/* line 117, ../src/screen.scss */
ul.main_menu li {
  display: inline;
  text-align: right;
}
/* line 123, ../src/screen.scss */
ul.main_menu li a {
  font-size: 30px;
  color: white;
  text-decoration: none;
  text-shadow: 4px 4px 4px rgba(55, 48, 42, 0.7);
  font-style: regular;
}
/* line 132, ../src/screen.scss */
ul.main_menu li a:hover {
  font-size: 40px;
  border-top: rgba(55, 48, 42, 0.7);
  border-top-width: 4px;
  border-style: solid;
  font-style: bold;
  color: white;
  text-shadow: 4px 8px 30px rgba(55, 48, 42, 0.7);
  text-decoration: none;
}
/* line 146, ../src/screen.scss */
ul.main_menu li a:visited {
  font-style: italic;
  text-shadow: 4px 8px 4px rgba(55, 48, 42, 0.7);
}
/* line 153, ../src/screen.scss */
ul.main_menu li:before {
  content: '|';
}

/* line 157, ../src/screen.scss */
ul.main_menu:after {
  content: '|';
}

/* line 161, ../src/screen.scss */
#logo {
  background-color: rgba(242, 146, 29, 0.25);
  z-index: 0;
  padding-top: 100px;
  width: 100%;
  margin: auto;
  position: static;
}
/* line 171, ../src/screen.scss */
#logo h1 {
  padding-left: 0px;
  padding-right: 0px;
  text-align: right;
  text-indent: -20px;
  padding-top: 20px;
  color: #212626;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  text-shadow: 4px 4px 4px #bbb;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0.163em;
  line-height: 1.19;
}

/* line 197, ../src/screen.scss */
#main_wrapper {
  border-top-style: groove;
  border-top-color: black;
  border-top-width: 3px;
}

/* line 205, ../src/screen.scss */
#main {
  width: 70%;
  position: static;
  padding-left: 450px;
  background-color: #4f5759;
  font-size: 20px;
  text-shadow: 4px 5px 4px black;
  text-shadow: 4px 4px 4px rgba(55, 48, 42, 0.7);
}
/* line 227, ../src/screen.scss */
#main p {
  font-size: 30px;
  margin-left: 10px;
  margin-top: 20px;
  padding-top: 85px;
}

/* line 240, ../src/screen.scss */
div#main {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  border-size-top: 30px;
}

/* line 248, ../src/screen.scss */
#open_1 {
  font-size: 50px;
}

/* line 251, ../src/screen.scss */
#open_2 {
  font-size: 35px;
}

/* line 257, ../src/screen.scss */
#open_3 {
  font-family: 'Ubuntu', serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.203em;
  word-spacing: 0.065em;
  line-height: 1.24;
}

/* line 270, ../src/screen.scss */
#sticky_panel {
  border-width: 73px 59px 343px 38px;
  -moz-border-image: url(/img/note.png) 147 77 202 98 repeat;
  -webkit-border-image: url(img/note.png) 147 77 202 98 repeat;
  -o-border-image: url(img/note.png) 147 77 202 98 repeat;
  border-image: url(img/note.png) 147 77 202 98 repeat;
}

/* line 278, ../src/screen.scss */
ul#profiles {
  clear: both;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
  margin-left: 200px;
  float: center;
  display: inline-block;
  position: static;
}

/* line 298, ../src/screen.scss */
li.home_profile {
  padding-top: 10px;
  vertical-align: top;
  min-height: 500px;
  padding-left: 55px;
  width: 350px;
  display: inline-block;
  text-align: center;
  position: relative;
}
/* line 314, ../src/screen.scss */
li.home_profile .home_profile_name {
  font-size: 50px;
}
/* line 318, ../src/screen.scss */
li.home_profile .home_profile_blurb {
  font-family: 'Ubuntu', serif;
  font-style: normal;
  font-weight: 400;
  color: rgba(242, 242, 242, 0.7);
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.203em;
  word-spacing: 0.065em;
  line-height: 1.24;
  text-align: left;
  margin-top: 20px;
  margin-left: 40px;
}

/* line 338, ../src/screen.scss */
#logo_inner {
  width: 50%;
  padding-left: 350px;
}

/* line 344, ../src/screen.scss */
#logo_title {
  font-size: 20px;
  text-align: center;
  padding-right: 500px;
}
/* line 348, ../src/screen.scss */
#logo_title .char1 {
  display: inline-block;
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
/* line 356, ../src/screen.scss */
#logo_title .char1:hover {
  display: inline-block;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 363, ../src/screen.scss */
#logo_title .char2 {
  display: inline-block;
  padding-left: 20px;
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
/* line 370, ../src/screen.scss */
#logo_title .char2:hover {
  display: inline-block;
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
/* line 378, ../src/screen.scss */
#logo_title .char3 {
  display: inline-block;
  padding-left: 20px;
}
/* line 383, ../src/screen.scss */
#logo_title .char3:hover {
  display: inline-block;
  padding-left: 20px;
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
/* line 391, ../src/screen.scss */
#logo_title .char4 {
  display: inline-block;
  padding-left: 20px;
}
/* line 396, ../src/screen.scss */
#logo_title .char4:hover {
  display: inline-block;
  padding-left: 20px;
  -moz-transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
/* line 404, ../src/screen.scss */
#logo_title .char5 {
  display: inline-block;
  padding-left: 20px;
}
/* line 408, ../src/screen.scss */
#logo_title .char5:hover {
  display: inline-block;
  padding-left: 20px;
}
/* line 413, ../src/screen.scss */
#logo_title .char6 {
  display: inline-block;
  padding-left: 20px;
}
/* line 417, ../src/screen.scss */
#logo_title .char6:hover {
  -moz-transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
/* line 423, ../src/screen.scss */
#logo_title .char7 {
  display: inline-block;
  padding-left: 20px;
}
/* line 427, ../src/screen.scss */
#logo_title .char7:hover {
  color: red;
  font-size: 60px;
}
/* line 432, ../src/screen.scss */
#logo_title .char8 {
  display: inline-block;
  padding-left: 20px;
}
/* line 440, ../src/screen.scss */
#logo_title .char9 {
  display: inline-block;
  padding-left: 20px;
}
/* line 444, ../src/screen.scss */
#logo_title .char9:hover {
  -moz-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
/* line 450, ../src/screen.scss */
#logo_title .char10 {
  display: inline-block;
  padding-left: 20px;
}
/* line 457, ../src/screen.scss */
#logo_title .char11 {
  display: inline-block;
  padding-left: 20px;
}
/* line 461, ../src/screen.scss */
#logo_title .char11:hover {
  font-size: 30;
}
/* line 466, ../src/screen.scss */
#logo_title .char12 {
  display: inline-block;
  padding-left: 20px;
}
/* line 470, ../src/screen.scss */
#logo_title .char12:hover {
  -moz-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}

/* line 483, ../src/screen.scss */
.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}