html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background: #9dc0fa url("../images/background.png") no-repeat top right; /* The gradient */
	font-size: 62.5%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#container {
	min-height: 100%;
	position: relative;
	background: url("../images/background_clouds.png") no-repeat top center; /* Woohoo slidey clear clouds! */
}

/* Text formatting stuff */
a {
	color: #174bb4;
}
.center {
	text-align: center;
}
h3 {
	color: #174bb4;
	font-size: 2.4em;
	margin: 0;
}
.fit h3, .fit h1 {
	margin: 1em 0 0 0;
}
.col h3 a {
	text-decoration: none;
}
.col h3 a:hover {
	text-decoration: underline;
}
.col p {
	font-size: 1.2em;
	line-height: 2em;
	margin-bottom: 40px;
}

#cloud-text {
	font-size: 1.2em;
	line-height: 2em;
}
h2 {
	color: #828282;
	font-size: 2.4em;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
hr {
	width: 100%;
	background: #828282;
	border: none;
	height: 1px;
	margin: 2px 0;
	clear: both;
}
.highlight {
	color: #27901e;
	font-weight: bold;
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.bold {
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.italic {
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/* Page Formatting Stuff */
#main {
	width: 100%;
	margin-top: 50px;
	text-align: center;
	padding-bottom: 243px;
}
#content_area {
	width: 820px;
	margin: 0 auto;
	text-align: left;
}
.clear {
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
 }
a img {
	border: 0;
}
.centered {
	margin: 0 auto;
}

/* Columns */
.col {
	width: 235px;
	float: left;
	padding: 0 0 0 135px;
	margin: 80px 0 100px 0;
}

/* Index page text below welcome */
#welcome-text {
	font-size: 1.4em;
	line-height: 2.2em;
	margin: -10px 0 0 0;
}

/* Cloud Text Formatting */
#cloud-text.smiley {
	background: url("../images/icon-smiley.png") no-repeat;
}
#cloud-text.guide {
	background: url("../images/icon-guide.png") no-repeat;
}
#cloud-text.rules {
	background: url("../images/icon-rules.png") no-repeat;
}
#cloud-text.truck {
	background: url("../images/icon-truck.png") no-repeat;
}
#cloud-text {
	padding: 0 0 0 110px;
	margin: 25px 0 0 0;
}

/* Status Sun */
#status-open, #status-closed {
	width: 187px;
	height: 195px;
	position: absolute;
	top: 58px;
	right: 0;
}
#status-open {
	background: url("../images/status_open.png") no-repeat;
}
#status-closed {
	background: url("../images/status_closed.png") no-repeat;
}
#status-open p, #status-closed p {
	margin: 115px 0 0 4px;
	color: #ff040e;
	text-align: center;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.2em;
}

/* Runner */
#runner {
	background: url("../images/runner_bg.png") no-repeat;
	height: 61px;
	margin: 0 auto;
	width: 800px;
	padding: 2px 12px;
}
.runner-logo {
	width: 325px;
	height: 61px;
	float: left;
}
#runner ul {
	float: right;
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 1.5em;
}
#runner ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 12px;
}
#runner ul li a {
	color: #000;
	text-decoration: none;
}
#runner ul li a:hover {
	text-decoration: underline;
}
#runner li span img {
	width: 16px;
	height: 16px;
	padding: 0 5px 0 0;
	margin: 0;
	float: left;
}
img.icon_small_support {
	background: url("../images/icon_small-support.png") no-repeat top left;
}
img.icon_small_contact {
	background: url("../images/icon_small-contact.png") no-repeat top left;
}
img.icon_small_sign-in {
	background: url("../images/icon_small-sites.png") no-repeat top left;
}
img.icon_small_blog {
	background: url("../images/icon_small-blog.png") no-repeat top left;
}

/* Footer Styles */
#footer {
	background: url("../images/footer.png") repeat-x bottom;
	width: 100%;
	height: 352px;
	bottom: 0;
	clear: both;
	position: absolute;
	bottom: 0;
}
#footer-text a {
	color: #77ca6d;
}
#footer-text {
	text-align: center;
	color: #77ca6d;
	width: 411px;
	height: 100px;
	background: url("../images/footer_right.png") no-repeat;
	padding-top: 143px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
#footer-text p {
	margin-left: 110px;
}
#footer .links {
	margin: 250px auto 0;
	width: 820px;
	padding: 0;
}
#footer .links li {
	display: inline;
	padding: 0 70px 0 0;
}
#footer .links li img {
	position: relative;
	z-index: 8;
}

/* Index page 2 column back ground images */
#col-1 {
	background: url("../images/icon-features.png") no-repeat;
	margin-right: 20px;
}
#col-2 {
	background: url("../images/icon-get_started.png") no-repeat;
	margin-left: 20px;
}
/* Overview page grid */
.column p.sites {
	background: url("../images/icon_medium-sites.png") no-repeat;
}
.column p.perl {
	background: url("../images/icon_medium-perl.png") no-repeat;
}
.column p.php {
	background: url("../images/icon_medium-php.png") no-repeat;
}
.column p.python {
	background: url("../images/icon_medium-python.png") no-repeat;
}
.column p.ruby {
	background: url("../images/icon_medium-ruby.png") no-repeat;
}
.column p.fort {
	background: url("../images/icon_medium-fort.png") no-repeat;
}
.column p.ruby {
	background: url("../images/icon_medium-ruby.png") no-repeat;
}
.column p.db {
	background: url("../images/icon_medium-db.png") no-repeat;
}
.column p.sites {
	background: url("../images/icon_medium-sites.png") no-repeat;
}
.column p.svn {
	background: url("../images/icon_medium-svn.png") no-repeat;
}
.column p.mail {
	background: url("../images/icon_medium-mail.png") no-repeat;
}
.column p.stats {
	background: url("../images/icon_medium-stats.png") no-repeat;
}
.column p.people {
	background: url("../images/icon_medium-people.png") no-repeat;
}
.column p.gavel {
	background: url("../images/icon_medium-gavel.png") no-repeat;
}
.column p.write {
	background: url("../images/icon_medium-write.png") no-repeat;
}
.column p {
	padding-left:75px;
}
.two_column_grid {
	margin: 90px 0 0 0;
}
.two_column_grid h3 {
	margin-bottom: 25px;
}
.right.column {
	padding: 0 0 0 50px;
}
.left.column {
	padding: 0 50px 0 0;
}
.column {
	width: 350px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.right.column p, .way.left.column p {
	font-size: 1.2em;
	min-height: 48px;
	margin: 15px 0 25px;
	padding-left:75px;
}

/* Experimental button fanciness */
a.button, input.button {
	text-decoration: none;
	color: #174bb4;
}
.button_out_of_column {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	margin: 60px 0 100px 0;
}
.super.button { 
	background-image: url("../images/button-gradient.png") !important; 
	background-repeat: repeat-x !important;
	padding: 4px 14px 6px !important;
	border: 1px solid rgba(0,0,0,.25) !important;
	border-bottom-color: rgba(0,0,0,.35) !important;
	-webkit-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	
}
.large.super.button { 
	background-position: 0 0 !important;
	padding: 6px 25px 8px !important;
	-webkit-border-radius: 18px !important;
	-moz-border-radius: 18px !important;
	font-size: 2em !important;
}
.secondary.button {
	background-color: #fff !important;
}
.secondary.button:hover {
	background-color: #eee !important;
}

/* Lightbox */
#lightbox-medium, #lightbox-small, #lightbox-large {
	margin: 0 auto;
}

/* Large Lightbox */

#lightbox-large {
	width: 564px;
	height: 449px;
	background: url("../images/lightbox-large.png") no-repeat;
	padding: 30px;
}

/* Small Lightbox */
#lightbox-small {
	background: url("../images/lightbox-small.png") no-repeat;
	width: 279px;
	height: 347px;
	padding: 30px;
}
#lightbox-small.longer {
	background: url("../images/lightbox-small-longer.png") no-repeat;
	width: 279px;
	height: 434px;
	padding: 30px;
}
#lightbox-small.shorter {
	background: url("../images/lightbox-small-shorter.png") no-repeat;
	width: 279px;
	height: 241px;
	padding: 30px;
}

/* Small lightbox text formatting */
#lightbox-small h1, .fit h1, #lightbox-large h1 {
	color: #174bb4;
	margin: 0;
	padding: 0;
	font-size: 2.6em;
}
#lightbox-small h2, #lightbox-large h2, #lightbox-medium h2 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
}
#lightbox-small h3, #lightbox-large h3 {
	font-size: 1.8em;
	margin: 4px 0;
	clear: left;
}
#lightbox-small h4, #lightbox-large h4 {
	margin: 3px 0;
	font-weight: normal;
	line-height: .5em;
}
#lightbox-small hr, #lightbox-large hr {
	margin: 12px 0;
}
#lightbox-small input, .fit input, .fit textarea, #lightbox-large input, #lightbox-large textarea {
	font-size: 1.4em;
	padding: 3px;
}
#lightbox-small p, #lightbox-large p {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

/* Medium Lightbox */

#lightbox-medium {
	background: url("../images/lightbox-medium.png") no-repeat;
	width: 531px;
	height: 403px;
	padding: 20px 0;
}

#lightbox-medium p {
	font-size: 1.4em;
	line-height: 2em;
	margin: 10px 0;
}
#lightbox-medium ul#error_list li {
	font-size: 1.2em;
	padding: 3px 0;
}
#lightbox-medium ul {
	padding: 0;	
	list-style: none;
}

/* Framework table */
.table ul.row li {
	float: left;
	list-style: none;
	padding: 20px 20px 7px 20px;
	margin: 0;
	min-height: 35px;
	font-size: 1.8em;
}
.table ul {
	margin: 0;
	padding: 0;
}
.table ul.row li.first-item {
	width: 205px;
}
.table ul.row li.second-item {
	width: 205px;
}
.table ul.row li ul.listy li {
	float: none;
	padding: 0;
}
.table ul.row {
	border-bottom: 1px solid black;
}
.table ul.titles li {
	background: #d0daef;
	padding: 10px 20px;
	min-height: 28px;
}
.table {
	margin: 0 auto;
	width: 490px;
}
img.icon-perl, img.icon-php, img.icon-python, img.icon-ruby {
	width: 49px !important;
	height: 48px !important;
	margin: -13px 25px 0 0;
	float: left;
}
img.icon-perl {
	background: url("../images/icon_medium-perl.png") no-repeat top left;
}
img.icon-php {
	background: url("../images/icon_medium-php.png") no-repeat top left;
}
img.icon-python {
	background: url("../images/icon_medium-python.png") no-repeat top left;
}
img.icon-ruby {
	background: url("../images/icon_medium-ruby.png") no-repeat top left;
}
.table ul.titles li {
	font-size: 2.4em;
	color: #174bb4;
}

.table ul.row ul.listy li {
	font-size: 1em;
}

/* Rules page */
div#one-column {
	font-size: 1.2em;
	line-height: 2em;
}
div#one-column li {
	margin-bottom: 1.5em;
}
div#one-column ol#rules, div#one-column p.first {
	margin-top: 80px;
}

/* Closed Message Formatting */
#lightbox-small div.closed_message p {
	line-height: 1.8em;
	margin-bottom: 2em;
}

/* Member Pages White Box */
#content_area div#top {
	background: url("../images/content_box-top.png") no-repeat;
	width: 824px;
	height: 232px;
}
#content_area div#middle {
	background: url("../images/content_box-middle.png") repeat-y;
	width: 704px;
	min-height: 57px;
}
#content_area div#bottom {
	background: url("../images/content_box-bottom.png") no-repeat;
	width: 824px;
	height: 241px;
}
#middle {
	padding: 0 60px;
}

#page-content {
	float: left;
	margin: -232px 0 -150px 0;
}
.top_spacer {
	margin-top: 80px;
}
.top_spacer-small {
	margin-top: 30px;
}
#page-content .header h1 {
	padding: 32px 0 0 0;
	margin: 0;
	font-size: 5em;
	color: #174bb4;
	font-weight: normal;
	font-variant: small-caps;
}
#page-content .header h1 a {
	text-decoration: none;
}
#page-content .header h2 {
	color: #828282;
	font-size: 2.4em;
	font-weight: normal;
	font-style: italic;
	
	margin: 0;
}
#page-content .header h2 a {
	color: #686f81;
}

/* Member Pages Tab Navigation Styles */
#navigation {
	width: 816px;
	margin-left: -57px;
	margin-right: -60px;
	padding: 0;
	clear: both;
	position: relative;
	top: 14px;
	left: 0;
	height: 28px;
	font-size: 1.2em;
	border-bottom: 1px solid #a9abae;
}
#navigation li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
}
/* Drop Down Shit */
#navigation ul.dropdown {
	margin: 0 60px !important; /* Spacing on edges of group of tabs */
	height: 29px;
}
ul.dropdown li:hover {
	position: relative;
}
ul.dropdown div.subnav {
	clear: both;
	visibility: hidden;
	position: absolute;
	top: 100%;
	border-left: 1px solid #a8adb4;
	border-right: 1px solid #a8adb4;
	border-bottom: 1px solid #a8adb4;
	background: #e7ecf1;
	opacity:.97;
	margin: 0 0 0 1px;
	padding: 2px 5px;
	min-width: 200px;
}
div.subnav ul li.blank a {
	background: none !important;
}
div.subnav ul li {
	float: left;
	clear: left;
	line-height: 1.8em;
	width: 100%;
}
div.subnav ul li.divider {
	border-bottom: 1px dashed #a8adb4;
}
div.subnav ul li:hover {
	background: url("../images/white_trans-70.png");
}
ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}
ul.dropdown li:hover > div.subnav {
	visibility: visible;
}

/* end drop down shit */
#navigation li a {
	color: black;
	text-decoration: none;
}
#navigation li a:hover {
	text-decoration: underline;
}
#navigation li.current {
	background-color: #edf0f5;
}
#navigation li.current, #navigation li.inactive:hover {
	background-image: url("../images/tab-current-left.png");
	background-repeat: no-repeat;
	background-position: top left;
	height: 29px;
	padding: 0;
}
#navigation li.inactive {
	background: url("../images/tab-left.png") no-repeat top left;
	height: 29px;
	padding: 0;
}
#navigation li.current a, #navigation li.inactive:hover a {
	background: url("../images/tab-current-right.png") no-repeat top right;
	display: block;
	height: 29px;
}
#navigation li a {
	background: url("../images/tab-right.png") no-repeat top right;
	display: block;
}
#navigation li.current span, #navigation li:hover span {
	background: url("../images/tab-current-middle.png") repeat-x top;
}

#navigation li span {
	background: url("../images/tab-middle.png") repeat-x top;
	display: block;
	height: 21px;
	margin: 0 5px 0 5px; /* spacing provided so side images appear */
	padding: 8px 12px 0 12px; /* Spacing around tab text */
}
#navigation li span img {
	width: 16px;
	height: 16px;
	padding: 0 5px 0 0;
	margin: -2px 0 0 0;
	float: left;
}
#header li span img {
	width: 16px;
	height: 16px;
	padding: 0 5px 0 0;
	margin: 0;
	float: left;
}

#navigation li span img.icon_home {
	background: url("../images/icon_small-home.png") no-repeat top left;
}
#navigation li span img.icon-cp {
	background: url("../images/icon_small-cp.png") no-repeat top left;
}
#navigation li span img.icon_directory {
	background: url("../images/icon_small-directory.png") no-repeat top left;
}
#navigation li span img.icon_admin {
	background: url("../images/icon_small-admin.png") no-repeat top left;
}
img.icon_support {
	background: url("../images/icon_small-support.png") no-repeat top left;
}
img.icon_small_blog {
	background: url("../images/icon_small-blog.png") no-repeat top left;
}
img.icon_small_signout {
	background: url("../images/icon_small-signout.png") no-repeat top left;
}
img.icon_small_contact {
	background: url("../images/icon_small-contact.png") no-repeat top left;
}
img.icon_small_sign-in {
	background: url("../images/icon_small-sites.png") no-repeat top left;
}

/* Member Page Tool Grid */
.box_col {
	width: 325px;
	float: left;
	margin: 0 0 0 0;
}
#tools div.spacer {
	width: 50px;
	height: 1px;
	float: left;
}
.tool {
	padding: 0 0 0 85px;
	min-height: 64px;
}
#tools {
	padding: 60px 0;
}
#tools hr.dashed, #narrow-column hr.dashed {
	background: none;
	border-bottom: 1px dashed #c0c0c0;
	margin: 24px 0;
}
hr.dashed {
	border-bottom: 1px dashed #c0c0c0;
	background: none;
	margin: 12px 0;
}
#tools h4, #tools p {
	margin: 0;
	padding: 0;
	text-wrap: suppress;
}
#tools p {
	font-size: 1.2em;
	color: #4d4d4d;
}
#tools h1 {
	margin: 1em 0;
	font-size: 2.4em;
	font-weight: normal;
}
#tools h4 {
	font-size: 1.8em;
	font-weight: normal;
}
#tools h4 span {
	font-size: .5em;
	color: #767676;
}
span.data, span.data a {
	font-size: .75em;
	color: #767676;
	text-decoration: none;
}
span.data a:hover {
	text-decoration: underline;
	color: #174bb4;
}

/* Member Page Icons */
.mail {
	background: url("../images/icon-mail.png") no-repeat;
}
.cp {
	background: url("../images/icon-cp.png") no-repeat;
}
.directory {
	background: url("../images/icon-directory.png") no-repeat;
}
.support {
	background: url("../images/icon-support.png") no-repeat;
}
.blog {
	background: url("../images/icon-blog.png") no-repeat;
}
.profile {
	background: url("../images/icon-profile.png") no-repeat;
}
.profile_edit {
	background: url("../images/icon-profile_edit.png") no-repeat;
}
.skill_search {
	background: url("../images/icon-skill_search.png") no-repeat;
}
.info_search {
	background: url("../images/icon-info_search.png") no-repeat;
}
.admin {
	background: url("../images/icon-admin.png") no-repeat;
}
.db {
	background: url("../images/icon-database.png") no-repeat;
}
.users {
	background: url("../images/icon-users.png") no-repeat;
}
.mail_templates {
	background: url("../images/icon-mail_templates.png") no-repeat;
}
.mail_groups {
	background: url("../images/icon-mail_groups.png") no-repeat;
}
.closed {
	background: url("../images/icon-closed.png") no-repeat;
}
.questions {
	background: url("../images/icon-questions.png") no-repeat;
}
.sites {
	background: url("../images/icon-sites.png") no-repeat;
}
.status {
	background: url("../images/icon-status.png") no-repeat;
}
.sites_settings {
	background: url("../images/icon-sites_settings.png") no-repeat;
}

/* Member Page Close Account Link */
div#close {
	padding: 43px 0 0 0;
	font-size: 1.4em;
	clear: both;
}
div#close p {
	float: right;
}
div#close a {
	color: #5a5a5a;
}

/* Browse Arrows */

.next {
 width: 24px;
 height: 24px;
 float: right;
 margin: 10px 0;
 }
.previous {
 width: 24px;
 height: 24px;
 float:left;
 margin: 10px 0;
 }
 
.page-links {
	text-align: center;
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.25em;
	margin: 10px 0
}
.page-links a {
	text-decoration: none;
	font-size: 85%;
	margin: 3px;
	color: #174bb4;
}
.page-links a:hover {
	text-decoration: underline;
}

/* Member Area Styles */

div.fit.top.bottom {
	margin-top: 40px;
}

div.fit table td, div.fit p, div.fit li {
	font-size: 1.2em;
	line-height: 1.9em;
}

div.fit table th {
	font-size: 1.4em;
}
div.fit p label {
	line-height: 2em;
}
div.request_question_response, div.request_comments {
	border: 1px solid #c0c0c0;
	padding: 0 10px;
	margin: 5px 0;
	width: 680px;
	overflow: hidden;
}
div.fit table {
	border: 1px solid #c0c0c0;
}
div.fit table th {
	background: #edf3fd;
}
div.request_question_response p {
	font-size: 1.4em;
	line-height: 2em;
}
div.request_question_response:nth-child(odd), div.request_comments:nth-child(odd), div.fit table tr:nth-child(odd) {
	background: #dbe8fc;
}
div.request_question_response:nth-child(even), div.request_comments:nth-child(even), div.fit table tr:nth-child(even) {
	background: #e6eefc;
}

div.fit p.small {
	font-size: 1em;
	line-height: 1.2em;
}
div.fit table.small td {
	font-size: 1em;
}

#error {
	background: white url("../images/icon_medium-alert.png") no-repeat top center;
	border: 5px solid #fd7d00;
}
#error h1, #sent h1 {
	font-size: 1.4em;
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: black;
}
#sent {
	background: white url("../images/icon_medium-sent.png") no-repeat top center;
	border: 5px solid #62b565;

}
#error, #sent {
	margin: 0 auto 50px;
	padding: 50px 10px 10px;
	width: 700px;
}

/* Spam Control */
#moosehockey {
	visibility: hidden;  
	display: none;  
}