@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; outline: none;}
html{ height: 100%; }
body { font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #666; background: #fefefe; height: 100%; }

#nonFooter { position: relative; min-height: 100%; }
* html #nonFooter { height: 100%; }
#content { padding-bottom: 40px;}

#footer { position: relative; margin-top: -30px; font: 8pt Verdana, Arial, Helvetica, sans-serif; height: 23px; background: #eee; text-align: center; padding-top: 7px; color: #666; clear: both;}
.clear { clear: both; }
#message {position: absolute; z-index: 100; top:0; margin: auto; background: #FFFFCC; padding: 5px; font: 8pt Verdana, Arial, Helvetica, sans-serif; }

/******************************/
/* HEADER                     */
/******************************/
#header { font: 24pt Verdana, Arial, Helvetica, sans-serif; width: 800px; margin: auto; padding: 20px; }
#header a { text-decoration: none; color: #000; }
#header a b { color: #f90; font-weight: normal; }

/******************************/
/* NAVIGATION                 */
/******************************/
#nav ul { list-style: none; background-color: #666; width: 800px; overflow: auto; padding: 3px; }
#nav li { float: left; text-align: center; }
#nav li a { display: block; margin-right: 10px; min-width: 90px; font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #fff;  padding: 3px;}
#nav li a:hover, #nav li a.this{ background: #f90; color: #666; }

/******************************/
/* STATUS BAR                 */
/******************************/
#header #status { font: 10pt Verdana, Arial, Helvetica, sans-serif; background: #f90;
width: 280px;
height: 14pt; position: absolute; top: 0; margin-left: 505px; padding: 0 10px; }
#header #status a { padding-right: 10px; }
#header #status a:hover { text-decoration: none; color: #fff; }
#header #status a:visited {text-decoration: underline; }

/******************************/
/* OUTSIDE BOX STYLES         */
/******************************/
#main { width: 800px; margin: auto; }
#main p { padding: 4px 0; text-align: justify; }
#main p a { color: #666; }
#main p a:hover { color: #f90; text-decoration: none; }
#main h1 { font: 16pt Verdana, Arial, Helvetica, sans-serif; color: #777; }

/*GENEREAL BOX SETTINGS*/
#main .box { border: 1px solid #ddd; background: #f5f5f5; padding: 5px; margin: 10px 5px; text-align: justify; }
#main .box h1 { font: 14pt Verdana, Arial, Helvetica, sans-serif; color: #777; padding: 14px 0 8px 0; border-bottom: 3px double #f90; }
#main .box h2 { font-size: 10pt; padding: 7px 0; display: block; font-weight: bold; }

/*WIDTHS*/
#main .onethird { width: 30%; }
#main .twothird { width: 63%; }
#main .threethird { width: 99%; clear: both; }
#main .left { float: left; }
#main .right { float: right; }

/*DEFAULT BOX LIST STYLES*/
#main .box ul { list-style: none; text-align: left;}
#main .box li { padding: 7px; }
#main .box a { color: #e80; text-decoration: none; }
#main .box a:hover { color: #000; text-decoration: none; }
#main .box li .info { display: block; padding-top: 2px; font-size: 7pt; }
#main  a.more { display: block; text-align: right; font: 7pt Verdana, Arial, Helvetica, sans-serif; color: #f90; }
#main  a.more:hover { color: #000; }
#main .box ul li ul, #main .box ul.list { list-style: outside; padding-left: 10px;}

/*BOX LIST STYLES FOR THE SMALL LEFT BOXES*/
#main .onethird ul { margin-left: 10px; }
#main .onethird li { padding: 0; }
#main .onethird li a { color: #777; text-decoration: underline; }
#main .onethird li a:hover { color: #000; text-decoration: none; }
#main .onethird li .info { display: block; padding-top: 2px; font-size: 7pt; }

#main table.memberlist { width: 100%;}
#main table.memberlist {margin-top: 5px; border-top: 1px solid #eee;}
#main table.memberlist a { font: 12pt solid Verdana, Arial, Helvetica, sans-serif; color: #555; text-decoration: none; }
#main table.memberlist a:hover {color: #f90; }
#main table.memberlist .profession { text-transform: lowercase; float: right; color: #FF6600; display: block; background: #eee; width: 100px; text-align: center; border: 1px solid #ddd; padding: 2px; }
#main table.memberlist a.name { text-transform:capitalize; }
#main table.memberlist td { border-top: 1px solid #eee; }
#main table.memberlist td.thumb {border:none;}
#main table.memberlist td.border {border:1px solid #f1f1f1;}
.onethird .name { text-transform: capitalize; }

/*BOX LIST AND VARIOUS STYLES FOR FULL WIDTH BOXES*/
#main .date { float: right; font-size: 7pt; }
#main .threethird li p { display: block; clear: both; }
#main .threethird li.project { border-bottom: 1px solid #f90;}
#main .threethird select.view {float: right; margin-right: 20px;}

/*STYLES FOR RSS FEED*/
#main .box .ItemTitle { font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #000; }
#main .box .FeedDesc { font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #777; }

/*PROFILE PAGE STYLES*/
#main .profile { text-align: left; line-height: 15pt; padding: 10px; }
#main .profile img{ padding: 3px; border: 1px solid #888; margin: 10px auto; display: block; }
#main .profile a { color: #777; }
#main .profile a:hover { color: #f90; }
#main .box .profile a {display: block; margin: 4px; }

/*STYLES FOR TILED IMAGE BOXES*/
#main .tile { text-align: left; }
#main .tile a img { border: none; float: none; padding: 10px; margin: auto; }
#main .tile .name { display: block; font-weight: bold; font-size: 8pt; }
#main .tile .descript { font-size: 7.8pt; text-align: left; }
#main .tile .item {width: 150px; text-align: center; float: left;}
#main .box p.desc { font: 8pt Verdana, Arial, Helvetica, sans-serif; line-height: 14pt; }

/*FORMS*/
#main .box form { padding: 10px; text-align: left; font: 9pt Verdana, Arial, sans-serif; color: #666; width: 100%; }
#main .box form.clean {line-height: 12pt; }
#main .box input {  border: 1px solid #aaa; width: 65%; background: #ddd; margin: 4px; padding: 2px; font: 8pt Verdana, Arial, Helvetica, sans-serif; display: block; }
#main .box ol {margin-left: 40px; }
#main .box input.small {width: 100px; display: inline; margin: 2px; }
#main .box select.small {width: 100px; margin: 2px; }
#main .box input:hover { border: 1px solid #f90; background: #fcfcfc; }
#main .box input:focus { border:1px solid #f90; background: #fcfcfc;}
#main .box input.hidden { display: none; }
#main .box input.button { margin:10px 80px 1px 1px; padding: 1px; color: #fff; background: #f90; border:2px solid #e80; font: 7pt Verdana, Helvetica, sans-serif; width: auto; float: right; }
#main .box input:hover.button { color: #000; border: 2px solid #ddd; background: #ccc; }
textarea { border: 1px solid red; border: 1px solid #aaa; margin: 4px; padding: 2px; background: #eee; margin: 10px; padding: 7px; font: 9pt Verdana, Arial, Helvetica, sans-serif; }
textarea:hover { background: #fff; border: 1px solid #aaa;}
textarea:focus { border:1px solid #f90; background: #fff;}

a.location { padding: 2px; text-decoratioN: none; font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #555; }
a:hover.location { color: #f90; text-decoratioN: underline;}
.location { padding: 5px; }

.avatar { padding: 2px; border: 1px solid #ddd; margin: 3px 6px;}

/*Project List*/
.projlist img {padding: 3px; border: 1px solid #888;}
.projlist img:hover {border: 1px dashed black;}


/*DISCUSSIONS*/
.discussion { border-top: solid 1px #cccccc; padding-bottom: 1em;}