/* RESET */
h1, h2, h3, h4, h5, ul, ol, img, button { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; font: inherit; vertical-align: baseline; }
ol, ul	{ list-style: none; }
table	{ border-collapse: collapse; border-spacing: 0; }
input[type=submit], input[type=text], input[type=password], textarea	{ -webkit-appearance: none; }

/* CLEAR */
.clearFix:after { visibility: hidden; display: block; font-size: 0px; line-height: 0px; content: " "; clear: both; height: 0px; width: 0px;}
.clearFix 		{ display: inline-block; }
* html .clearFix { height: 1%; overflow: visible; }
.clearFix 		{ display: block; }
.clear 			{ clear:both; }

/* BASE */
html,body	{ height: 100%; padding: 0px; margin: 0px; }
body { color: #000000; background-color: #FFFFFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
body, input, textarea { font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a, .link 	{ color: #1880C9; cursor: pointer; text-decoration: none; }
a:hover, .link:hover	{ text-decoration: underline; }

h1			{ font-size: 48px; font-family: 'Oswald', sans-serif; font-weight: normal; }
h1.logoMatch	{ font-family: 'Kaushan Script', cursive; font-weight: bold; }
h2 			{ font-size: 24px; font-weight: normal; }
h3 			{ font-size: 19px; font-weight:bold; }
h4 			{ font-size: 14px; font-weight:bold; }
h5 			{ font-weight:bold; }
p 			{ font-size:16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  line-height:20px; margin:0px 0px 0px 0px; }

noscript	{ text-align: center; display: block; background-color: #FFFFFF; color: #FF0000; font-weight: bold; padding: 5px 0px; }

/* FONTS */
@font-face { font-family: 'Kaushan Script'; src: url(/styles/fonts/Kaushan.ttf); }
@font-face { font-family: 'Droid Serif'; src: url(/styles/fonts/Droid.ttf); }
@font-face { font-family: 'Oswald'; src: url(/styles/fonts/Oswald.ttf); }

/* CLASSES */
#site	{ min-height: 100%; position: relative; }
#site.freeze	{ position: fixed; left: 0px; right: 0px; }
#cover	{ display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #2B2825; filter: alpha(opacity=65); background-color: rgba(43, 40, 37, 0.65); z-index: 900; }

.transitionFast { transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; -o-transition: all .25s linear; }
.transitionMed	{ transition: all .5s linear; -moz-transition: all .5s linear; -webkit-transition: all .5s linear; -o-transition: all .5s linear; }
.transitionSlow { transition: all 1s linear; -moz-transition: all 1s linear; -webkit-transition: all 1s linear; -o-transition: all 1s linear; }
.transformFast	{ -webkit-transition: -webkit-transform .25s ease-in; -moz-transition: -moz-transform .25s ease-in; -o-transition: -o-transform .25s ease-in; transition: transform .25s ease-in; }
.transformMed	{ -webkit-transition: -webkit-transform .5s ease-in; -moz-transition: -moz-transform .5s ease-in; -o-transition: -o-transform .5s ease-in; transition: transform .5s ease-in; }
.transformSlow	{ -webkit-transition: -webkit-transform 1s ease-in; -moz-transition: -moz-transform 1s ease-in; -o-transition: -o-transform 1s ease-in; transition: transform 1s ease-in; }
.transformExtraSlow	{ -webkit-transition: -webkit-transform 2s ease-in; -moz-transition: -moz-transform 2s ease-in; -o-transition: -o-transform 2s ease-in; transition: transform 2s ease-in; }

.overflowlimit	{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.errormsg, .error	{ padding: 5px; background-color: #FFFFFF; color: #FF6600; font-weight: bold; border: 1px solid #FF6600; text-align: center; }
.error.popup	{ position: fixed; top: 100px; left: 50%; width: 400px; margin-left: -200px; z-index: 1500; }
.form	{ background-color: #FCFCFC; }
.form input	{ outline: none; margin: 0px; border: 0px; }
.form input[type=text], .form input[type=password], input[type=email]	{ padding: 6px 0px; }
.form .holder	{ position: relative; }
.form .field	{ float: left; padding: 0px 6px; border: 1px solid #E7E7E7; border-radius: 3px; margin-top: 20px; background-color: #FFFFFF; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.08); position: relative; }
.form .field.disabled	{ border: none; background-color: transparent; box-shadow: none; }
.form .field input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

.form .field input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
} 
.form .field label	{ position: absolute; top: -14px; left: 6px; color: #939393; font-size: 12px; }
.form .field input,.form .field textarea	{ background-color: transparent; width: 100%; }
.form .field textarea	{ border: none; outline: none; resize: none; padding: 8px 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.form .field .error	{ position: absolute; top: 0px; left: 0px; right: 0px; line-height: 20px; height: auto; overflow: visible; -webkit-animation: error-floatUp 1s linear; -webkit-transform: translate3d(0px,-50px,0px); -moz-animation: error-floatUp 1s linear; -moz-transform: translate3d(0px,-50px,0px); animation: error-floatUp 1s linear; transform: translate3d(0px,-50px,0px);}

.button	{ -webkit-font-smoothing: antialiased; text-transform: uppercase; border-radius: 5px; float: left; padding: 0px 5px; height: 48px; line-height: 48px; text-align: center; cursor: pointer; box-shadow: 0px 1px 3px #666666; font-size: 14px; }
.button:hover	{ box-shadow: none; }
.red	{ color: #FFFFFF;
  background: #c64242;
  background-image: -webkit-linear-gradient(top, #c64242, #a72e2e);
  background-image: -moz-linear-gradient(top, #c64242, #a72e2e);
  background-image: -ms-linear-gradient(top, #c64242, #a72e2e);
  background-image: -o-linear-gradient(top, #c64242, #a72e2e);
  background-image: linear-gradient(to bottom, #c64242, #a72e2e);
		}
.red:hover	{ background: #a72e2e; }

#home	{ max-width: 624px; background-color: #FCFCFC; margin: 0px auto; border: 1px solid #E7E7E7; border-width: 0px 1px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.58); }
#home h1	{ text-align: center; margin-bottom: 20px; }
#home .inner	{ padding: 0px 4px; }
#home .people, #home .aliases	{ width: 320px; margin: 0px auto; }
#home .people label.header	{ color: #939393; font-size: 12px; float: left; display: block; }
#home .people label.name	{ width: 96px; padding-left: 5px; }
#home .people label.points	{ width: 53px; }
#home .people .person	{ background: transparent; border: 1px solid #E7E7E7; border-width: 1px 0px; height: 25px; line-height: 25px; }
#home .people .person .name	{ width: 100px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#home .people .person .points	{ width: 60px; float: left; }
#home .people .person .update, #home .people .person .remove	{ width: 80px; float: left; text-align: center; font-size: 12px; }
#home .people .person .remove .confirm	{ display: none; background-color: #FF0000; color: #FFFFFF; border-radius: 3px; width: 50px; margin: 2px auto; line-height: 20px; text-decoration: none; }
#home .people .person .remove.confirm .text	{ display: none; }
#home .people .person .remove.confirm .confirm	{ display: block; }
#home .aliases	{ margin-bottom: 20px; margin-top: 20px; }
#home .aliases .header	{ float: left; margin-bottom: 5px; }
#home .aliases .header.from, #home .aliases .header.to	{ width: 135px; font-size: 12px; color: #939393; }
#home .aliases .alias	{ margin-bottom: 10px; border-bottom: 1px solid #E7E7E7; }
#home .aliases .alias .new_name, #home .aliases .alias .org_name	{ float: left; width: 97px; margin-right: 5px; }
#home .aliases .alias .convert	{ float: left; margin-right: 5px; width: 30px; text-align: center; }
#home .aliases .alias .remove	{ float: left; width: 80px; text-align: center; font-size: 12px; }
#home .anon	{ width: 312px; margin: 0px auto 20px auto; }
#home .anon h1	{ text-align: left; }
#home .anon input[type=submit]	{ float: none; width: 100%; margin-top: 10px; }
#home .anon .field	{ float: none; }

#log_out, #locked	{ float: right; text-align: center; width: 100px; line-height: 25px; }
#locked	{ width: 180px; }
#locked.disabled	{ color: #AAAAAA; }
#alias_form	{ display: none; width: 300px; padding: 10px; margin: 100px auto 0px auto; position: relative; }
#alias_form .field	{ float: none; }
#alias_form input[type=submit]	{ float: none; margin-top: 10px; width: 100%; }
#alias_form .close	{ cursor: pointer; position: absolute; top: 0px; right: 0px; text-align: center; color: #C4C4C4; width: 50px; line-height: 50px; font-size: 18px; }

#help	{ max-width: 604px; padding: 0px 10px; background-color: #FCFCFC; margin: 0px auto; border: 1px solid #E7E7E7; border-width: 0px 1px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.58); }
#help p { padding-top:5px; padding-bottom: 5px; }

#help_tips ul	{ margin-left: 20px; margin-bottom: 30px; }
#help_tips ul li	{ list-style-type: disc; margin-bottom: 3px; }
#help_tips .say { font-size: 12px; font-style: italic; height: 20px; line-height: 20px; }

@media screen and (max-width: 440px){
	#home h1	{ font-size: 36px; }
}