/**************************************/
/*           Generic Stuff            */
/**************************************/

/* Normal spacing */
div.tinyspacing {
	height: 2px;
}

div.smallspacing {
	height: 4px;
}

div.bigspacing {
	height: 8px;
}

/* Images */
img {
	vertical-align: top;
	border: 0;
}

/* Links */
a, a:visited {
	color: #4272c4;
}

a:hover, a:active {
	color: #2e497a;
}

a.userlink, a.userlink:visited {
	text-decoration: none;
	color: #4da560;
}

a.userlink:hover, a.userlink:active {
	text-decoration: underline;
	color: #008e1e;
}

hr {
	margin: 16px 0px;
	color: #bac9d3;
	background-color: #bac9d3;
	height: 1px;
	border: 0;
}


/**************************************/
/*         Page Layout Stuff          */
/**************************************/

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 0.8em;
}

/* Page Containers */
#border {
	min-width: 750px;
	max-width: 1024px;
	margin: 0 auto;
}

#page {
	margin: 0px;
	position: relative;
}

/* Header */
#header {
	/*border: 4px solid #000000;
	border-bottom: 0;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;*/
}

#headerbg {
	padding: 0;
	border: 4px solid #000;
	border-bottom: 1px solid #000000;
	background: #000000 url(images/logo.png) center top;
	height: 160px;
	overflow: hidden;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

#headerlink {
	width: 100%;
	height: 160px;
	display: block;
}

/* User bar */
#userbar {
	height: 32px;
	line-height: 32px;
	padding: 0 8px;
	background: url(images/black_bar.png) #000000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #ffffff;
}

/* Table containing all that stuff */
#mainlayout {
	width: 100%;
	border-left: 1px solid #888c8f;
	border-right: 1px solid #888c8f;
	background: #d6dde5;
}

/* Breadcrumb navigation bar */
#breadcrumbbar {
	padding: 6px 4px 4px 4px;
}

#breadcrumbbar img {
	vertical-align: top;
}

/* Sidebar */
#sidebar {
	width: 180px;
	padding: 8px;
	padding-top: 0;
}

/* Fix so that <br> doesn't show in GUI browsers */
/* without it, the sidebar links don't wrap in w3m */
#sidebar br {
	display: none;
}

/* Sidebar Boxes */
.sideboxheader {
	height: 22px;
	line-height: 22px;
	padding: 0 8px;
	background: url("images/sidebox_header.png");
	font-size: 0.85em;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

.sidebox, .sideform {
	background: #ffffff;
	padding: 4px 5px 6px 6px;
	margin-bottom: 8px;
	border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

/* Navigation Links */
.sidebox a, .sideform a {
	text-decoration: none;
	display: block;
	font-size: 0.85em;
	height: 16px;
	line-height: 16px;
	padding: 1px 4px 1px 4px;
}

.sidebox a:hover, .sideform a:hover {
	background: #e6ebf2;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.sidebox a:hover span, .sideform a:hover span {
	text-decoration: underline;
}

.sidebox hr, .sideform hr {
	margin: 4px 0px;
}

.sidebox .subheader, .sideform .subheader {
	font-weight: bold;
	font-size: 0.85em;
}

/* Sidebar Forms */
.sideform {
	padding: 6px 8px 8px 8px;
}

.sideform label {
	font-size: 0.85em;
}

.sideform input.textbox {
	font-size: 0.85em;
	margin: 2px 0px;
}


/* Main content area */
#content {
	padding: 8px;
	background: #ffffff;
	border: 1px solid #888c8f;
	border-right: 0;
	border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

/* Footer */
#footer {
	text-align: center;
	padding: 8px;
	border: 1px solid #888c8f;
	border-top: 0;
	background: #d6dde5;
	font-size: 0.8em;
	border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}


/**************************************/
/*            Form Fields             */
/**************************************/

input.textbox, input.button, textarea {
	padding: 2px 3px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 0.85em;
	border: 1px solid #888c8f;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input.button {
	cursor: pointer;
	background: #c9d6e5;
	font-size: 0.85em;
	padding: 0px 5px;
}

input.button:hover {
	background: #d9e7f7;
}

textarea {
	padding: 3px;
}

span.sublabel {
	display: block;
	font-size: 0.85em;
	color: #777;
}



/**************************************/
/*          Standard Tables           */
/**************************************/

.boxtable {
	border: 1px solid #aeb4ba;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 100%;
}

/* Header row */
.boxtable .header td {
	background: url(images/catheader.png) #c0c6cd;
	height: 24px;
	padding: 0px 4px;
}

/* Subheader row */
.boxtable .subheader td {
	background: url(images/subheader.png) #d2d9e1;
	height: 21px;
	padding: 0px;
	font-size: 0.85em;
	text-align: center;
}

/* Individual rows */
.boxtable .row1 td, .boxtable .row2 td {
	padding: 4px;
}

.boxtable .row1 td {
	background-color: #ebf2fb;
}

.boxtable .row2 td {
	background-color: #e4ebf4;
}

/* Separator in between rows */
.boxtable .separatorthick {
	height: 1px;
	background: #dfe7ef;
}

.boxtable .separator {
	height: 1px;
	background: url(images/dotted.png) #aeb4ba;
}

.boxtable .separatorhuge {
	height: 1px;
	background: #aeb4ba;
}

/**************************************/
/*           Page Specific            */
/**************************************/

/* Featured Stuff */
#home_updates {
	border-right: 0px;
}

#home_updates tr td {
	border-right: 1px solid #aeb4ba;
}

#home_updates .smallinfo {
	font-size: 0.8em;
}

/* Memberlist */
#memberlist td {
	text-align: center;
}

#memberlist td.username, #memberlist tr.header td {
	text-align: left;
}

/* Sortable Lists */
.sortbutton, .sortbutton_selected {
	padding: 1px 5px;
	background: #f5f5f5;
	border: 1px solid #dddddd;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.sortbutton_selected {
	border: 1px solid #cccccc;
	background: #e2e2e2;
}

/* Submission Screenshots */
#screenshots img {
	margin: 4px;
	border: 2px solid #aeb4ba;
	background: #fff;
}

.indented {
	padding-left: 12px;
}