* {
margin:0;
padding:0;
}

body {
text-align:center;
background:#2cf136 url("../images/site/body/bkg.png");
color:#000;
}

body,
table,
textarea,
input,
select {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

img {
border:none;
}

/* ---------------------------------------------------------------------- */
/* text */

a,
a:active {
outline:none;
}

a {
color:#000;
font-weight:bold;
text-decoration:none;
}

h1 { }	

h1 a {
display:block;
width:570px;
height:290px;
margin:20px 0 0 0;
}

h1 a span {
display:none;
}
	
h2 {
font-size:22px;
margin:0 0 25px 25px;
}

h2.nopush {
margin-left:0;
}

h3 {
font-size:20px;
line-height:26px;
margin-bottom:10px;
}

p,ol,ul { margin-bottom:20px; }
ul, ol { margin-left:30px; }
ul { list-style:square; }

h4,
h5,
span.quote {
font-size:16px;
line-height:20px;
}

span.quote {
font-weight:bold;
}

h4,
h5,
.green,
.red {
text-transform:uppercase;
}

span.green {
font-weight:bold;
}

h4 {
margin-bottom:8px;
}

h5 {
margin-bottom:0px;
}

h5,
h5 a,
.green,
span.quote {
color:#2cf136;
}

.red {
color:#f00;
}

a.white,
a.white-bold {
color:#FFF;
}

div.twitter a.white {
font-weight:normal;
text-decoration:underline;
}

div.twitter a.white-bold {
}


/* ---------------------------------------------------------------------- */
/* generic floats */

.fl-left {
float:left;
}

.fl-right {
float:right;
}

.fl-left,
.fl-right {
display:inline;
}

/* ---------------------------------------------------------------------- */
/* layout */

div.container {
width:985px;
}

div.container-inner,
div.nav-search{
width:980px;
}

div.content,
div.nav,
div.search {
background:#FFF;
}

div.header,
div.content,
div.footer {
margin-left:5px;
width:975px;
}

div.header,
div.headerfiller {
height:319px;
}

div.nav-search {
overflow:hidden;
background:url("../images/site/nav/bkg.png") no-repeat;
}

div.container {
margin:0 auto 40px auto;
text-align:left;
overflow:hidden;
background:url("../images/site/header/logo.gif") no-repeat;
background-position:5px 12px;
}

div.side-filler {
display:none;
margin:35px 0 0 0;
height:500px;
width:5px;
font-size:1%;
background:url("../images/site/container/bkg.gif");
}

div.nav {
margin-left:5px;
width:715px;
font-family:Lucida Grande, sans-serif;
font-weight:bold;
font-size:14px;
}

div.search {
width:260px;
}

div.nav,
div.search {
height:110px;
}

div.footer {
overflow:hidden;
}

div.footer div.leadin {
height:62px;
background:#FFF url("../images/site/footer/bkg-top.png") no-repeat;
}

ul.footer-nav {
margin:0;
display:block;
height:160px;
background:#F00 url("../images/site/footer/bkg-bottom.gif") no-repeat;
overflow:hidden;
}

div.footer div.leadin,
ul.footer-nav {
background-position:840px 0;
}

ul.footer-nav ul.link-group {
margin:25px 0 0 30px;
list-style:none;
line-height:18px;
}

ul.footer-nav ul.link-group a,
div.credits a {
text-decoration:none;
}

ul.footer-nav ul.link-group li.title a {
color:#fff;
font-family:Lucida Grande, sans-serif;
font-weight:bold;
font-size:14px;
}

ul.footer-nav ul.link-group li.sub a,
div.credits a {
text-transform:uppercase;
}

ul.footer-nav ul.link-group li.sub a {
color:#000;
}

div.credits,
div.credits a {
color:#FFF;
}

/* ---------------------------------------------------------------------- */
/* content elements */

div.featured {
width:615px;
margin:0 0 0 25px;
}

div.post {
background:url("../images/site/post/bkg.png") bottom repeat-x;
}

div.column1 div.post {
width:560px;
clear:both;
margin:0 0 30px 25px;
}

div.column-wide div.post {
margin:0 25px 30px 25px;
width:925px;
}

div.post,
div.featured {
line-height:15px;
}

div.featured,
div.post-small {
padding:0 0 30px 0;
}

div.post-big {
padding:0 0 10px 0;
}

div.column2 div.post-side {
padding:0 0 30px 0;
}

div.column2 div.post {
padding:0;
}

div.post-summary {
width:440px;
margin-right:20px;
}

div.post-share {
width:100px;
font-size:10px;
}

div.post-share a {
display:block;
font-weight:normal;
height:14px;
background:url("../images/site/post/share.png") no-repeat;
padding:0 0 0 18px;
margin:0 0 5px 0;
}

div.post-share a,
div.post-share a:hover {
color:#999;
text-transform:uppercase;
}

div.post-share a.permalink 	{ background-position:0 -14px; }
div.post-share a.twitter 	{ background-position:0 -28px; }
div.post-share a.facebook 	{ background-position:0 -42px; }

div.post-content {
clear:both;
padding:10px 0 0 0;
}

span.image {
display:block;
background:#000;
}

span.image,
div.sticky-content {
margin:0 0 15px 0;
}

span.image { padding:1px 0; }
span.image img { margin:0 1px; }


/* ---------------------------------------------------------------------- */
/* columns */

div.column1 {
width:640px;
}

div.column2 {
width:322px;
}

div.column-wide {
width:975px;
}

/* ---------------------------------------------------------------------- */
/* boxes */

div.box {
}

div.box-content {
margin:5px 0 0 5px;
/* background:url("../images/site/box/bkg.gif"); */
background:url("../images/site/box/bkg-large.gif");
}

div.box-content div.box-content-inner {
position:relative;
top:-5px;
left:-5px;
color:#000;
}

div.column2 div.box {
margin:0 15px 25px 8px;
}

div.column2 div.box div.box-content div.box-content-inner {
padding:15px;
}

div.box-green div.box-content div.box-content-inner {
background:#2cf136
}

div.box-green h3,
div.box-grey h3,
div.box-red h3 {
color:#FFF;
}

div.box-white div.box-content div.box-content-inner {
background:#FFF;
border:1px solid #000;
}

div.box-black div.box-content div.box-content-inner {
background:#000;
color:#FFF;
}

div.box-black a {
color:#FFF;
text-decoration:underline;
}

div.box-grey div.box-content div.box-content-inner {
background:#999;
}

div.box-red div.box-content div.box-content-inner {
background:#f00;
}

div.featured div.box {
width:295px;
margin-right:10px;
}

div.featured div.box div.box-content div.box-content-inner {
padding:15px;
height:300px;
overflow:hidden;
}

div.headerfiller {
width:405px;
}

div.headerfiller div.box {
width:380px;
}

div.footer div.box {
width:980px;
}

div.footer div.box div.box-content div.box-content-inner {
height:45px;
line-height:45px;
padding:0 25px;
}

/* ---------------------------------------------------------------------- */
/* CHATTER + TWITTER MODULES */

div.chatter,
div.twitter {
position:relative;
overflow:hidden;
}

div.chatter div.chatter-top,
div.twitter div.twitter-bird {
position:absolute;
z-index:20;
}

div.chatter div.chatter-top {
top:5px;
left:15px;
}

div.chatter div.chatter-bottom {
position:relative;
left:249px;
top:-37px;
}

div.chatter div.box {
margin-bottom:10px;
}


div.twitter div.twitter-bird {
left:150px;
}

div.chatter div.box {
padding-top:25px;
}

div.twitter div.box {
padding-top:40px;
}

div.chatter h3 {
margin-top:15px;
}

/* ---------------------------------------------------------------------- */
/* NAV */

div.nav div.subs a {
font-size:12px;
}

ul#nav {
margin:0 0 0 15px;
}

div.nav ul {
margin:0;
}

div.nav ul li a {
float:left;
display:inline;
height:39px;
line-height:39px;
text-align:center;
color:#FFF;
font-size:14px;
text-decoration:none;
padding:0 18px;
}

div.nav ul li a:hover,
div.nav ul li a.selected {
background:#F00;
}

/*
div.subs {
position:absolute;
display:none;
z-index:1;
top:39px;
}
*/

div.subs {
display:none;
position:relative;
top:-5px;
}

div.subs div.box-content div {
float:left;
display:inline;
}


/*
div.nav div.subs ul li a:hover {
background:#000;
}
*/

div.nav div.box div.box-content {
margin-left:0;
}

div.nav div.box div.box-content div {
height:39px;
}

/* ---------------------------------------------------------------------- */
/* comments */

div.comments {
clear:both;
background:url("../images/site/chatter/top.gif") no-repeat;
background-position:25px 0;
padding:50px 0 0 0;
}

div.comments div.post {
background:url("../images/site/chatter/bottom.gif") no-repeat;
background-position:right bottom;
}

div.comment {
margin-bottom:15px;
}


/* ---------------------------------------------------------------------- */
/* form stuff */

textarea,
input.text {
padding:3px;
}

textarea,
input.text,
input.button {
border:1px solid #666;
}

input.button {
background:#666;
color:#fff;
font-size:14px;
padding:2px 10px;
}

div.error,
div.message {
padding:10px;
margin:0 0 30px 0;
}

div.error {
background:#fcc;
border:1px solid #f99;
}

div.message {
background:#eee;
border:1px solid #ccc;
}

/* ---------------------------------------------------------------------- */
/* SEARCH */


div.search div.box-content { margin-left:0; }
div.search div.box-content div { left:0; }

div.search div.box {
position:relative;
top:43px;
left:0;
width:260px; 
}

div.search div.box-content div.box-content-inner {
height:40px;
}

div.search div.box-content div.box-content-inner input {
margin:10px 0 10px 10px;
border:1px solid #000;
padding:2px;
}

div.search div.box-content div.box-content-inner input.text {
width:150px;
}

div.search div.box-content span.submit-button-fake,
div.search div.box-content div.box-content-inner input.submit-button {
background:#000;
color:#fff;
}

div.search div.box-content span.submit-button-fake {
position:absolute;
right:0;
display:none;
margin:0;
height:40px;
line-height:40px;
padding:0 20px;
cursor:pointer;
cursor:hand;
}

/* ---------------------------------------------------------------------- */
/* profile */

table.profile {
margin:0 0 20px 0;
}

table.profile td {
vertical-align:top;
padding:3px 0;
}

table.profile td.label {
width:100px;
}

div.profile-img {
width:202px;
height:202px;
background:#ccc;
}

div.profile-img div {
width:200px;
height:200px;
line-height:200px;
text-align:center;
color:#999;
background:#eee;
margin:1px;
}

div.profile-files {
clear:both;
border-top:1px solid #999;
padding-top:15px;
}

table.file_list {
width:100%;
border-left:1px solid #999;
border-bottom:1px solid #999;
margin-bottom:30px;
}

table.file_list td,
table.file_list th {
border-right:1px solid #999;
border-top:1px solid #999;
padding:5px;
}

table.file_list th {
background:#ddd;
}

/* ---------------------------------------------------------------------- */
/* Register */

div.register {
width:290px;
padding:0 0px 40px 0;
text-align:right;
}

div.register img {
float:right;
margin:5px 0 5px 10px;
}

div.register h2 {
margin-bottom:7px;
}

/* ---------------------------------------------------------------------- */
/* debug */

div.debug {
background:#CCC;
padding:20px;
}

