html { height: 100%; margin-bottom: 1px; }
body {padding:0;margin:0;font-size:62.5%; cursor:default;}
h1, h2, h3, h4, h5, h6, p {font-style:normal;font-weight:normal;font-size:100%;line-height:100%;}
ul, ol, ul li, ol li {margin:0;padding:0;list-style:none;list-style-type:none;}
form, fieldset {display:inline;padding:0;margin:0;border-width:0;}
b {
font-weight:bold;
}
a img {
border-width:0;
}
.clear {
clear:both;overflow:hidden;width:0;height:0;
}
.space{
height:50px;
}
.col {
float:left;
}
#mainContent{background:none; height:auto; min-height:inherit;}
#head {
background-color:#292929;
text-align:center;
}
#head-content {
width:921px;
margin:auto;
text-align:left;
padding:5px 15px;
}
#head-content .logo {
float:left;
margin:9px 7px 7px 0;
}
#mastnav {
float:right;
margin-top:8px;
text-align:right;
}
#blurb {
float:left;
margin-top:3px;
height:30px;
padding-right:4px;
background:transparent url(/images/blurb_cap.png) no-repeat right top;
}
#blurb-content {
padding:5px 3px 12px 8px;
background:transparent url(/images/blurb_bg.png) no-repeat left top;
font:normal 12px/12px Helvetica,Arial,sans-serif;
color:#FFF;
}
#mastnav ul li {
float:left;
margin-right:19px;
margin-top:5px;
}
#mastnav li {
font:bold 1.1em/1.1em Geneva,Verdana,sans-serif;
}
#mastnav li a {
color:#A1A1A1;
text-decoration:none;
}
#mastnav li a:hover, #mastnav li.selected {
color:#ECECEC;
}
#mastnav li.selected {
background:transparent url(/images/mastnav_arrow.gif) no-repeat center bottom;
}
#searchquery {
float:left;
margin-left:6px;
background:url(/images/searchquery_bg.gif) no-repeat top left;
}
#searchquery-content {
background:url(/images/searchquery_cap.gif) no-repeat top right;
padding:1px;
}
#searchquery input {
float:left;
}
#query {
width:128px;
padding:4px 5px 0 5px;
margin:0;
height:18px;
overflow:hidden;
font:normal 1.2em Verdana,Geneva,sans-serif;
color:#8C8C8C;
border-width:0;
background-color:transparent;
}
#query:focus {
color:#737373;
background-color:#EAEAEA;
}
#hangingmast {
background:url(/images/mast_shadow.png) repeat-x;
text-align:center;
height:1.3em;
}
#hangingmast-content {
width:927px;
text-align:left;
margin:0 auto;
}
.togglecustomization {
float:right;
padding:3px 3px 4px 4px;
background-color:#525252;
font:bold 1em/1em Helvetica,Arial,sans-serif;
letter-spacing:-.04em;
color:#FFF;
text-decoration:none;
}
#page {
cursor:default;
}
#body {
text-align:center;
}
#body-content
{
position:relative;
width:967px;
text-align:left;
margin:26px auto 0 auto;
}
#ad
{
width:336px;
margin:0 auto;
text-align:center;
padding:12px;
letter-spacing:0.1em;
color:#999;
text-transform:uppercase;
font:normal 1em Helvetica,Arial,sans-serif;
}
#searchresults {
background:transparent url(/images/search_bg.png) no-repeat bottom left;
width:314px;
top:70px;
right:44px;
position:absolute;
display:none;
}
#searchresults-content {
margin:0 6px;
border-top:solid 1px #323232;
}
#searchresults-content .title {
background-color:#898989;
color:#FFF;
font:bold .9em Verdana,Geneva,sans-serif;
padding:8px 0 6px 14px;
text-transform:uppercase;
}
#searchresults ul {
margin-top:8px;
margin-bottom:12px;
}
#searchresults ul li {
display:block;
padding:3px 12px 3px 18px;
margin:2px 0;
}
#searchresults ul li:hover {
background-color:#FCFCFC;
}
#searchresults ul li a {
text-decoration:none;
font:bold 1.2em Helvetica,Arial,sans-serif;
letter-spacing:0.2em;
color:#505050;
}
#searchresults ul a img {
float:left;
border:solid 1px #353535;
margin-right:15px;
width:40px;
height:40px;
}
#searchresults ul a .name {
font:bold 1em Helvetica,Arial,sans-serif;
letter-spacing:normal;
color:#00C1C8;
}
#searchresults ul a .meta {
font:normal .85em Helvetica,Arial,sans-serif;
letter-spacing:normal;
}
#search-viewall, #search-noresults {
display:block;
margin:20px 0 13px 0;
padding-right:10px;
text-align:right;
}
#search-noresults {
margin-top:0;
padding:50px 10px 0 0;
background:#4F4F4F;
}
#foot {
clear:both;
background-color:#292929;
text-align:center;
}
#foot-content {
background:url(/images/footer_logo.gif) no-repeat 52px 33px;
width:943px;
text-align:left;
margin:0 auto;
padding:88px 12px 12px 12px;
}
#foot ul {
float:left;
margin-left:92px;
margin-bottom:22px;
padding-top:32px;
width:130px;
}
#foot ul:first-child {
margin-left:40px;
}
#foot li {
padding-left:12px;
}
#foot li a {
font:normal 1em/1.3em Helvetica,Arial,sans-serif;
color:#FFF;
text-decoration:none;
}
#foot li a:hover {
color:#00DFE7;
}
#foot-users {
background:url(/images/footer_users.gif) no-repeat top left;
}
#foot-community {
background:url(/images/footer_community.gif) no-repeat top left;
}
#foot-competition {
background:url(/images/footer_competition.gif) no-repeat top left;
}
#foot-us {
background:url(/images/footer_us.gif) no-repeat top left;
}
#foot-bottom {
clear:both;
border-top:solid 3px #393939;
padding:12px;
}
#foot-bottom span {
margin-right:2em;
font:normal 1em Helvetica,Arial,sans-serif;
color:#D8D8D8;
}
#foot-bottom a {
color:#FFF;
text-decoration:none;
font-weight:bold;
}
#foot-bottom a:hover{
color:#00DFE7;
}
.form {padding:10px;}
.form label {display:block;font:bold 1em Verdana,Geneva,sans-serif;color:#555;margin-top:8px;margin-right:5px;}
.form table label {display:inline;}
.form input, .form textarea {font:normal 1.2em Verdana,Geneva,sans-serif;color:#666;padding:2px;margin-top:4px;display:block;}
.form input.text, .form textarea {border:solid 2px #CCC;background:#FFF;}
.form input.focus {border:solid 2px #00D1D8;}
.form input.button {
color:#FFF;
background:#00D1D8;
border-width:0;
font-size:1.2em;
font-weight:bold;
padding:2px;
}
.feedback {
display:block;
margin:1em 0;
font:bold 1.2em/1.5em Verdana,Geneva,sans-serif;
color:#993300;
}
.paging .content {float:right;}
.paging .content a, .paging .content span {display:block;float:left;padding:2px 3px;background:#EEE;color:#888;font:bold 1.2em Tahoma,Geneva,sans-serif;border:solid 2px #EEE;margin:2px;text-decoration:none;}
.paging .content a:hover, .paging .content span.selected {background:#FFF;color:#292929;border:solid 2px #00D1D9;}
.popup {position:absolute;left:242px;top:200px;width:482px;display:none;}
.popup .header {background:transparent url(/images/popuphead_bg.png) no-repeat left top;padding:5px;}
.popup .header a {display:block;width:16px;height:16px;float:right;}
.popup .header .title {font:bold 1.6em Helvetica,Arial,sans-serif;color:#FFF;margin:10px;}
.popup .content {clear:both;background:transparent url(/images/popupcontent_bg.png) no-repeat left bottom;padding:9px;}
#aboutheader {padding-bottom:9px;}
#aboutheader a, #aboutheader span {display:block;width:315px;background:#292929;text-decoration:none;}
#aboutheader a .content, #aboutheader span .content {margin:24px 23px 32px 24px;}
#helplink, #aboutus {margin-left:11px;}
#aboutheader h2 {font:bold 2.4em Helvetica,Arial,sans-serif;color:#FFF;letter-spacing:-.05em;margin-bottom:.3em;background:none;}
#aboutheader h3 {font:bold 1.6em Helvetica,Arial,sans-serif;color:#9B9B9B;background:none;}
#aboutheader a:hover {background:#00D1D9;}
#aboutheader a:hover h3 {color:#292929;}
#aboutbody {padding-top:18px;background:#FFF;}
.col h6 {
color:#6B7973;
font:bold 1.6em Helvetica,Arial,sans-serif;
margin-bottom:0.2em;
}
#col-large {
margin-left:23px;
width:600px;
clear:left;
float:left;
}
#col-small {
float:right;
clear:right;
margin-left:23px;
width:300px;
}
h2 {
display:inline;
background:#00DFE7;
color:#FFF;
letter-spacing:-.05em;
padding:2px 5px 2px 4px;
font:bold 4em Helvetica,Arial,sans-serif;
}
#col-large p {
font:bold 1.6em/1.2em Helvetica,Arial,sans-serif;
letter-spacing:-.05em;
color:#515151;
width:380px;
margin:1em 0;
}
.headlined {
background:#EAEAEA;
margin:2em 50px 2em 0;
clear:left;
padding:0 0.5em;
}
.headlined h3 {
letter-spacing:-.05em;
color:#999999;
font:bold 2em/1.2em Helvetica,Arial,sans-serif;
float:left;
width:162px;
margin:0.8em 0;
margin-right:22px;
}
#col-large .headlined p {
float:left;
margin-left:0;
width:310px;
}
em {
margin-left:5px;
font-weight:bold;
color:#9b9b9b;
}
.groupactions {
float:right;
margin:8px 0 0 20px;
color:#FFF;
background-color:#00DFE7;
padding:2px 5px 2px 4px;
font:bold 1.2em Helvetica,Arial,sans-serif;
text-decoration:none;
}
.groupinfo {
color:#505050;
width:220px;
padding-top:5px;
font:normal 1em/1em Helvetica,Arial,sans-serif;
border-top:solid 3px #E0E0E0;
margin-bottom:1.5em;
}
.groupinfo img {
display:block;
float:left;
margin-right:7px;
}
.groupinfo h6 {
color:#6B7973;
font:bold 1.6em Helvetica,Arial,sans-serif;
margin-bottom:0.2em;
}
.groupactivity {
margin-bottom:5em;
clear:both;
margin-top:2em;
}
.groupactivity li {
clear:left;
display:block;
margin-bottom:1em;
}
.groupactivity li.video {
margin-bottom:25px;
}
.groupactivity li.video a {
text-decoration:none;
}
.groupactivity li h4 {
font:normal 1.4em Helvetica,Arial,sans-serif;
color:#00C0C7;
}
.groupactivity li.video p {
font:normal 1em/1.4em Helvetica,Arial,sans-serif;
color:#606060;
}
.groupactivity li.video img {
float:left;
padding:21px 27px;
margin-right:16px;
margin-bottom:10px;
border:solid 3px #303132;
}
.groupactivity li.video a:hover img {
border:solid 3px #00DFE7;
}
.groupactivity li.video embed {
width:337px;
height:271px;
margin-bottom:10px;
}
.groupactivity li.video object {
width:337px;
height:271px;
margin-bottom:10px;
}
.groupactivity li.video .collapsed a {
float:right;
font:bold 1.2em Tahoma,Geneva,sans-serif;
color:#AAAAAA;
padding:2px;
}
.groupactivity li.video .collapsed a:hover {
background:#EAEAEA;
}
.groupactivity li.video .collapsed h4 {
display:inline;
font-size:1.2em;
font-weight:bold;
}
.groupactivity li.note {
background:url(/images/icon_quote.gif) no-repeat left .3em;
}
.groupactivity li.note h5 {
display:inline;
}
.groupactivity li.note a {
margin-left:18px;
color:#00C1C8;
font:bold 1.2em Helvetica,Arial,sans-serif;
text-decoration:none;
}
.groupactivity li.note p {
font:normal 1.2em Helvetica,Arial,sans-serif;
line-height:120%;
color:#606060;
}
.groupactivity li.note a.more {
margin-left:5px;
padding:0;
font:bold .9em Helvetica,Arial,sans-serif;
}
.groupactivity li.video a.close {
font-size:2em;
}
.groupactivity li.note a:hover {
text-decoration:underline;
}
.groupactivity li.note span {
margin-left:1em;
color:#505050;
font:normal 1em Helvetica,Arial,sans-serif;
}
/* Archive styles */
.archive{position:relative; padding:0; margin:0;}
.hr{background:#e9e8e9; height:1px; display:block; clear:both; margin:10px 0 10px 0;}
.archive a{color:#00dfe7; text-decoration:none;} .archive a:hover{color:#00d1d9; text-decoration:underline;}
.archive .author{color: #616161; font:11px Georgia, "Times New Roman", Times, serif; font-style:italic; position:relative; left:5px;}
.archive .date{position:absolute; top:0; right:0;}