body, input, textarea, td {
font-family: Arial;
font-size: 16;
color: #5f5f5f;
}

body {
background: #404040;
margin: 18;
}

img {
border: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td {
padding: 0;
}

input {
font-size: 12;
}

hr {
height: 0;
border: 0;
border-top: 1 solid #454545;
}

pre { /* for debugging */
font-size: 9;
font-family: Monaco;
color: #cccccc;
}

form {
margin: 0;
}

#breadcrumb {
font-size: 18;
margin: 0 0 18 0;
}

#controls {
position: absolute;
top: 0;
right: 0;
margin: 13 18 0 0;
}

#tip, #nav, #view, #time, #size, #search {
float:left;
}

#tip {
margin: 8 8 0 0;
_margin-top: 7;
font-size: 12;
color: #ffffff;
text-align: right;
text-shadow: #111111 2px 2px 3px;
}

#nav, #view, #time, #size, #search {
background-repeat: no-repeat;
background-image: url(i/navbg.gif);
}

#view {
padding: 0 3 0 3;
margin: 0 4 0 0;
}

#time {
padding: 0 1 0 5;
margin: 0 4 0 0;
background-image: url(i/timebg.gif);
}

#size {
padding: 0 3 0 3;
margin: 0 4 0 0;
background-image: url(i/timebg.gif);
}

#search {
padding: 5 7 7 7;
background-image: url(i/searchbg.gif);
}

#search input {
font-size: 10px;
height: 18px;
width: 135px;
border: 0;
background: white url(i/search_bg.gif) repeat-x left top;
padding: 3px;
}
#search .srchimgs { margin-bottom: 1px; }
html>body #search .srchimgs { margin-bottom: 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	html>body #search input { font-size: 12px; width: 160px; } /* 25 more for safari */
	html>body #search .srchimgs { display: none; }
}
s
#main {
width: 430;
float: left;
margin: 0 60 20 0;
}

#sidebar {
float: left;
width: 288;
}

#footer {
clear: both;
color: #494949;
font-size: 9;
margin: 24 0 20 0;
padding: 4 0 0 0;
border-top: 1 solid #454545;
}

#footer .right {
float: right;
}

#footer .left {
float: left;
}

#createlink input {
margin: 0 4 0 0;
}


/*** start rounded corners well ***/
.well {
border: solid 1px #4d4d4d;
background-color: #404040;
}
.well div {
padding: 6;
}
.ct, .cl, .cb {
background-image:url(i/corners.gif);
background-repeat:no-repeat;
display:block;
position:relative;
font-size:0;
line-height:0;
margin:0;
height:4px;
}
.ct {
background-position:100% 0;
width:auto;
top:-1px;
right:-1px;
}
.ct .cl {
background-position:0 -8px;
width:4px;
left:-2px;
}
.cb {
background-position:100% -4px;
clear:both;
width:auto;
bottom:-1px;
right:-1px;
}
.cb .cl {
background-position:0 -12px;
width:4px;
left:-2px;
}
/*** end rounded corners well ***/

.ibox { /* thumb/name container */
text-align: left;
float: left;
margin: 0 5 20 0;
}

.thumb { /* image thumbnails */
margin: 0 6 6 0;
vertical-align: top;
}

.icon { /* folder/file icons */
margin: 0 3 6 0;
width: 21;
height: 21;
vertical-align: top;
}

.pbox { /* the index project wells */
background-color: #3c3c3c;
border: solid 1px #3b3b3b;
border-top: solid 1px #363636;
border-left: solid 1px #363636;
margin-bottom: 6;
}

.pbox .ct, .pbox .cl, .pbox .cb {
background-image:url(i/corners_dk.gif);
}

.pbox div { /* well guts */
padding: 5 8 5 8;
}

.proj {
float: left;
}

.dig { /* recent files */
float: right;
margin: 0 0 1 6;
}

.dig td { /* columns */
font-size: 12;
padding-right: 10;
}

.dig .icon {
margin: 0 2 2 0;
width: 16;
height: 16;
}

.dig a {
display: block;
width: 160;
overflow: hidden;
text-overflow: ellipsis;
}

.dig .date {
width: 50;
}

.dirs { /* dir column table container */
margin-bottom: 10;
}

.col { /* column td */
padding-right: 30;
vertical-align: top;
white-space: nowrap;
}

.row {
padding-bottom: 12;
}

.break { /* used at the end of thumbs */
clear: both;
margin-bottom: 10;
}

.spacer {
margin-bottom: 10;
}

.dim {
filter: alpha(opacity=30);
opacity: 0.30;
}

.r { /* right-aligned */
text-align: right;
}

.title { /* for show everything */
clear: left;
margin: 0 0 10 0;
}

.name { /* thumb view */
font-size: 13;
}

.date { /* list view */
text-align: right;
width: 60;
}

.comment {
color: #cccccc;
margin-top: 4;
}

td .comment {
margin-top: 0;
}

.editButton { /* comment form */
margin: 3 0 5 0;
}

.user { /* for sidebar */
font-size: 13;
}

.userico { /* for sidebar */
float:left;
margin: 0 4 0 0;
}

a { text-shadow: #111111 2px 2px 3px; }
a:link { text-decoration: none; color: #ffffff }
a:visited { text-decoration: none; color: #ffffff }
a:hover { text-decoration: none; color: #EFEF20 }
a:active { color: #C1C11F }