/* GLOBAL RULE RESET
/* ----------------------------------------------------- */

@import "reset.css";


/* MAIN DESIGN
/* ----------------------------------------------------- */

body {
	background: #322b27 url(body_top.gif) top repeat-x;
	color: #5e514b;
	font: 12px "Lucida Grande", Verdana, sans-serif;
}

.clear {
	clear: both;
}

/* COLOR DEF HERE */

a:hover, a:hover * {
	color: white !important;
}

#container {
	width: 90%;
	min-width: 800px;
	margin: 40px auto 20px auto;
	position: relative;
}


/* HEADER */

#header {
	margin-bottom: 20px;
	background: #322b27;
	background: #221d1a;
	-webkit-border-radius: 5px;
}

h1 span, .infinise span, .mediatemple span {
	display: none;
}

h1 {
	margin: 0 5px 0 30px;
	width: 78px;
	height: 40px;
	float: left;
}

a:hover h1 {
	opacity: 0.7;
}


/* MENU */

#menu {
	float: left;
	margin: 6px 0 6px 20px;
}

#menu li {
	float: left;
}

#menu li a {
	color: #8b7d76;
	font-weight: bold;
	font-size: 12px;
	display: block;
	padding: 6px 10px 7px 10px;
}

#menu li.active a {
	color: white;
	background: #322b27;	
	text-shadow: 0px 1px 2px black;
	-webkit-border-radius: 5px;
}

#menu span {
	float: right;
	display: block;
	margin: 13px 21px 15px 10px;
}

#menu #uploader {
	margin-left: 5px;
}

#userbox {
	float: right;
	font-size: 11px;
	margin: 13px 35px 13px 0;
}

#userbox a {
	font-weight: bold;
}

/* MESSAGES */

.message {
	background-color: #221d1a;
	padding: 15px 34px;
	margin-bottom: 20px;
	font: bold 14px "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0px 1px 2px black;
	-webkit-border-radius: 5px;
}

.message.warning {
	color: #221d1a;
	text-shadow: none;
	background-color: #ffc71c;
	font-size: 16px;
}

.message.warning a {
	color: #221d1a;
}


/* SUBMENU */

#submenu {
	clear: both;
	padding: 0 21px;
	margin-bottom: -10px;
}

#submenu li {
	float: left;
}

#submenu li a {
	color: #8b7d76;
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 7px 11px 8px 11px;
}

#submenu li.active a {
	color: white;
	background: #221d1a;	
	text-shadow: 0px 1px 2px black;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}


/* FOOTER
/* ----------------------------------------------------- */

#footer {
	text-align: right;
	padding: 26px 28px 0 28px;
	height: 24px;
	font-size: 11px;
}

.infinise {
	display: block;
	float: right;
	width: 92px;
	height: 24px;
	margin: -6px 0 0 10px;
	background: transparent url(infinise.png) left top no-repeat !important;
}

.mediatemple {
	display: block;
	float: right;
	background: transparent url(mediatemple.png) left top no-repeat;
	width: 47px;
	height: 24px;
	margin: -6px -6px 0 10px;
}

.infinise:hover, .mediatemple:hover {
	background-position: left bottom !important;
}

#footer form {
	float: left;
}

#footer input {
	background: 0;
	border: 0;
	color: #8b7d76;
	font: bold 11px "Lucida Grande", Verdana, sans-serif;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#footer input:hover {
	color: white;
}


/* BUTTONS
/* ----------------------------------------------------- */

.button {
	display: block;
	float: right;
	margin: 0 0 0 15px;
	font-weight: bold;
	color: white;
	padding: 4px 12px;
	-webkit-border-radius: 5px;
	background-color: #36302d;
}

.button:hover {
	opacity: 0.5;
}

.button.pos, .button.pos:hover * { color: #221d1a !important; }
.button.pos { background-position: left center; }
.button.pos span { background-position: right center; }

.button.neg, .button.neg:hover * { color: #221d1a !important; }
.button.neg { background-position: left bottom; }
.button.neg span { background-position: right bottom; }

.button_row {
	margin: 30px 0 10px 0;
}

.button.left {
	float: left;
	margin: 0 20px 0 0;
}

.button.link, .button.link * {
	background: none;
	font-weight: normal;
	padding-left: 0;
	padding-right: 0;
}

.button.link:hover{
	opacity: 1;
}

.button.link {
	padding: 0;
}

.button_row .head {
	margin: 0;
	position: absolute;
	right: 35px;
	top: 35px;
}

.button_row.dark {
	background-color: #1c1815;
	padding: 10px 35px;
	margin: 15px -35px 0 -35px;
}

.button_row.dark .button {
	margin-top: 7px;
}

.button_row .note {
	display: block;
}

.button_row .note strong {
	color: #8b7d76;
}


/* PAGINATION
/* ----------------------------------------------------- */

.pagination {
	padding: 4px;
	float: right;
	margin-left: 15px;
	border: 2px solid #36302d;
	-webkit-border-radius: 5px;
}

.pagination .pages {
	float: left;
	line-height: 18px;
	margin: 0 3px;
}

.pagination .current {
	color: white;
	font-weight: bold;
}

.pagination .first, .pagination .prev { margin-right: 5px; }
.pagination .next, .pagination .last { margin-left: 5px; }

.pagination .first, .pagination .prev,
.pagination .next, .pagination .last {
	height: 18px;
	width: 18px;
	display: block;
	text-indent: -1000px;
	overflow: hidden;
	float: left;
	background-repeat: no-repeat;
}

.pagination .first:hover, .pagination .prev:hover,
.pagination .next:hover, .pagination .last:hover {
	opacity: 0.5;
}

.pagination .first { background-image: url(pgn_first.png); }
.pagination .prev { background-image: url(pgn_prev.png); }

.pagination .next { background-image: url(pgn_next.png); }
.pagination .last { background-image: url(pgn_last.png); }


/* CONTENT
/* ----------------------------------------------------- */

.content {
	background: #221d1a url(main_end.gif) bottom repeat-x;
	line-height: 22px;
	padding: 25px 35px;
	margin-top: 10px;
	position: relative;
	clear: both;
	-webkit-border-radius: 5px;
}

.content.single {
	background: #221d1a;
}

h2 {
	font: normal 25px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif;
	/* COLOR DEF HERE */
	text-shadow: 0px 1px 2px black;
}

h2 + p {
	margin-top: 10px;
}

h2.sub {
	color: #5e514b;
}

.sep {
	position: absolute;
	height: 100%;
	width: 1px;
	background: #322b27;
	top: 0;
	margin-left: -1px;
	z-index: 100;
}

.sep#sep25, .pos25 { left: 25%; }
.sep#sep33, .pos33 { left: 33%; }
.sep#sep50, .pos50 { left: 50%; }
.sep#sep66, .pos66 { left: 67%; }
.sep#sep75, .pos75 { left: 75%; }

.content p strong {
	color: #8b7d76;
}

.bigrow h4 {
	color: #8b7d76;
	font: 18px "Helvetica Neue", Helvetica, sans-serif;
	border-bottom: 2px solid #332e2b;
	text-shadow: 0px 1px 2px black;
	margin: 0 0 0 -185px;
	border: 0;
	padding: 0;
	float: left;
}

.bigrow {
	border-bottom: 1px solid #322b27;
	border-left: 0;
	border-right: 0;
	margin: 0 -35px;
	padding: 20px 35px 20px 220px;
}

.bigrow.first {
	border-top: 1px solid #322b27;
	margin-top: 25px;
}

.bigrow.odd {
	background: #27211e;
}


/* LIST TABLES
/* ----------------------------------------------------- */

.wide_table {
	margin: 0 -35px;
	padding-bottom: 5px;
	border-bottom: 1px solid #322b27;
}

table.list {
	width: 100%;
	table-layout: fixed;
	margin-top: 25px;
}

table.list th {
	font: bold 14px "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
	/* COLOR DEF HERE */
	text-shadow: 0px 1px 2px black;
	background-color: #27211e;
	padding: 5px 3px 6px 3px !important;
	border: 1px solid #322b27;
	border-left: 0;
	border-right: 0;
}

table.list tr.even { background: #241f1c; }

table.list tr:hover { background-color: #1c1815; }

table.list td a { color: #8b7d76; }

table.list th, table.list td {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 4px 3px;
}

table.list tr.first td {
	border-top: 5px solid #221d1a;
}


table.list .spacer {
	width: 35px;
	padding: 0;
}

table.list .checkbox {
	padding: 0;
	line-height: 0;
	width: 30px;
}

table.list .checkbox input {
	margin: 3px 0 0 10px;
}

table.list .right {
	text-align: right;
}

table.list #sort_ASC a {
	color: white;
	background: transparent url(sort_arrow_asc.png) right 4px no-repeat;
	padding-right: 13px;
}

table.list #sort_DESC a {
	color: white;
	background: transparent url(sort_arrow_desc.png) right 4px no-repeat;
	padding-right: 13px;
}

p.table_msg {
	text-align: center;
	font-size: 14px;
	padding: 20px;
}

table.list em {
	color: #403732;
}


/* PREFS FORMS
/* ----------------------------------------------------- */

.prefs p {
	margin-bottom: 10px;
}

.prefs label {
	float: left;
	display: block;
	width: 15em;
	margin-right: 20px;
}

.prefs span {
	color: #8b7d76;
}

.prefs input {
	width: 200px;
	margin: 0;
}

.prefs input.small {
	width: 50px;
}

.prefs textarea {
	width: 330px;
	height: 60px;
	margin: 0;
	font-size: 13px;
	background-color: #322b27;
	border: 1px solid #1e1a17;
	border-bottom-color: #38302c;
	color: #8b7d76;
	padding: 5px;
}

.prefs textarea:focus {
	background-color: #443a34;
	border-bottom-color: #4a3f39;
	color: white;
}

input.text {
	padding: 2px 3px;
	margin: 0 -1px 0 -1px;
	background-color: #322b27;
	border: 1px solid #1e1a17;
	border-bottom-color: #38302c;
	color: #8b7d76;
}

input.text:focus {
	background-color: #443a34;
	border-bottom-color: #4a3f39;
	color: white;
}

.settings .bigrow, .prefs .bigrow {
	padding: 20px 35px 10px 220px;
}

.settings p.info {
	font-size: 11px;
	margin-top: 20px;
}


/* POPUPS
/* ----------------------------------------------------- */

#popup_space {
	background-image: url(ppp_bg.png);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: none;
}

#popup_box {
	width: 456px;
	position: absolute;
	left: 50%;
	top: 30%;
	margin-left: -228px;
	background: transparent url(ppp_end.png) left bottom no-repeat;
	padding-bottom: 15px;
	line-height: 22px;
}

#popup_box #top {
	height: 15px;
	background: transparent url(ppp_top.png) left top no-repeat;
}

#popup_box #main {
	background: transparent url(ppp_fill.png) left top repeat-y;
	padding: 5px 30px;
}

#popup_box h2 {
	margin-bottom: 10px;
}


/* HOME
/* ----------------------------------------------------- */

.file_stats h2 {
	float: left;
}

.file_stats p {
	float: right;
	height: 30px;
	line-height: 30px;
}

.file_stats strong {
	font: normal 25px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif;
	text-shadow: 0px 1px 2px black;
	float: left;
	margin: 0 5px 0 15px;
}

.file_stats span {
	float: left;
	margin-top: 1px;
}

.file_stats .withborder {
	padding-right: 15px;
	border-right: 1px solid #322b27;
}



.news_panel h3, .recent h3 {
	font: 18px "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0px 1px 2px black;
	margin-bottom: 10px;
}


/* RECENT ACTIVITES */

.recent {
	position: relative;
	margin: 25px 0 -25px 0;
	padding-bottom: 25px;
}

.recent .column {
	float: left;
	width: 25%;
	font-size: 11px;
}

.recent #files {
	width: 50%;
}

.recent li a.cell {
	display: block;
	width: 100%;
	float: left;
	line-height: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #5e514b;
	height: 38px;
	padding-top: 7px;
	margin-top: 5px;
}

.recent li a.cell:hover {
	background: #1c1815;
}

.recent #files li a.cell {
	width: 50%;
}

.recent span.info strong {
	color: #8b7d76;
}

.recent .inset,
.recent span.info strong,
.recent span.info span {
	margin-left: 15px;
}

.recent a.cell:hover span.info span {
	color: #8b7d76 !important;
}

.recent .icon {
	float: left;
	height: 45px;
	width: 45px;
	margin-top: -7px;
	background-repeat: no-repeat;
	background-position: center;
	border-right: 1px solid #29231f;
}

/*.recent a.preview span.info strong,
.recent a.preview span.info span {
	margin-left: 10px;
}*/

.recent .icon.image {
	background-color: #29231f;
}

.recent li.note {
	margin-right: 15px;
}


/* NEWS */

.news_panel {
	position: relative;
	margin: 25px -30px -25px -30px;
}

#rss {
	float: right;
	display: block;
	padding: 3px 9px 4px 9px;
	color: #5e514b;
	margin-top: 2px;
}

.news_panel .news {
	padding-bottom: 30px;
	width: 33%;
	float: left;
}

.news_panel .news h3, .news_panel .news p {
	padding: 0 30px;
}

#news2 {
	width: 34%; 
}


/* PICTURES
/* ----------------------------------------------------- */

.pictures {
	font-size: 11px;
	margin: -10px -35px 25px -35px;
	padding: 10px 0 25px 35px;
	border-bottom: 1px solid #322b27;
}

.public_group_files .pictures {
	border: 0;
	margin-bottom: 0;
}

.pictures .box {
	float: left;
	width: 167px;
	margin: 20px 15px 0 0;
}

.pictures table.preview {
	background-color: #29231f;
	height: 167px;
	width: 167px;
	table-layout: fixed;
	line-height: 0px;
	margin: 0 auto;
}

.pictures table.preview a {
	display: block;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.pictures table.preview.empty {
	background-color: #1c1815;
}

.pictures table.preview td {
	text-align: center;
	vertical-align: middle;
	height: 167px;
	width: 167px;
	overflow: hidden;
}

.pictures table.info {
	table-layout: fixed;
	width: 167px;
	line-height: 18px;
	padding-bottom: 5px;
	margin: 0 auto;
}

.pictures table.info td, .pictures table.info th {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pictures table.info th {
	padding-top: 5px;
}

.pictures table.info th.checkbox {
	padding-left: 5px;
	width: 25px;
}

.pictures table.info a {
	font-weight: bold;
	color: #8b7d76;
}

.pictures table.info td.last {
	padding-bottom: 5px;
}

.pictures table.info:hover {
	background-color: #1c1815;
}

.sort_bar {
	border: 1px solid #322b27;
	border-left: 0;
	border-right: 0;
	background: #27211e;
	padding: 5px 35px 6px 35px !important;
	margin: 25px -35px 10px -35px;
	line-height: 14px;
}

.sort_bar a {
	margin-left: 15px;
	font: bold 14px "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0px 1px 2px black;
}

.sort_bar a#sort_ASC {
	color: white;
	background: transparent url(sort_arrow_asc.png) right 4px no-repeat;
	padding-right: 13px;
}

.sort_bar a#sort_DESC {
	color: white;
	background: transparent url(sort_arrow_desc.png) right 4px no-repeat;
	padding-right: 13px;
}

.pictures em {
	color: #403732;
}

.pictures.flat .info td, .pictures.flat .info th {
	padding-left: 10px;
	padding-right: 10px;
}


/* GROUP LIST
/* ----------------------------------------------------- */

.groups {
	margin: 10px -30px 40px 0;
}

.groups .group_box {
	float: left;
	width: 160px;
	height: 190px;
	overflow: hidden;
	position: relative;
	margin: 20px 30px 0 0;
}

.groups .group_box.protected {
	background: url(group_protected.png) 52px 29px no-repeat;
}

.groups .info {
	table-layout: fixed;
	width: 100%;
	position: absolute;
	left: 0;
	top: 145px;
}

.groups .info td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
}

.groups .info td a {
	font-weight: bold;
	font-size: 13px;
}

.groups .info img {
	padding: 0 3px;
}

.groups .previews_link {
	position: absolute;
	top: 0;
	left: 15px;
	height: 130px;
	width: 130px;
	background-image: url(group.png);
}

.groups .previews {
	height: 110px;
	width: 110px;
	position: absolute;
	left: 30px;
	top: 15px;
}

.groups .previews div {
	float: left;
	height: 45px;
	width: 45px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 10px 10px 0;
}

.groups .previews div.full { background-color: #29231f; }
.groups .previews div.empty { background-color: #1c1815; }



/* STATISTICS
/* ----------------------------------------------------- */

.statistics .statlist p {
	line-height: 25px;
}




/* ADMIN
/* ----------------------------------------------------- */

.admin_stats {
	margin: 20px 0 -25px 0;
	position: relative;
}

.admin_stats p {
	width: 14%;
	float: left;
	text-align: center;
	padding: 10px 0 30px 0;
	border: 5px solid #221d1a;
	border-top: 0;
	border-bottom: 0;
	margin: 0 -5px;
}

.admin_stats .first {
	width: 15%;
	margin-left: 0;
	border-left: 0;
}

/*.admin_stats .second {
	width: 17%;
}*/

.admin_stats .secondlast {
	width: 15%;
}

.admin_stats .last {
	margin-right: 0;
	border-right: 0;
}

.admin_stats strong {
	display: block;
	color: #8b7d76;
	font: 30px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif;
	text-shadow: 0px 1px 2px black;
}

.admin_stats em {
	color: #5e514b;
	font: 20px "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
}

/* PREFERENCES */

.admin_prefs p {
	margin: 10px 0;
}

.admin_prefs label {
	float: left;
	display: block;
	width: 30%;
	text-align: right;
	margin: 2px 10px 0 0;
}

.admin_prefs .text {
	font-size: 13px;
	width: 50%;
	margin: 0;
}

.admin_prefs textarea {
	font-size: 13px;
	width: 50%;
	height: 100px;
	margin: 0;
}

/* NEWS */

.admin_news {
	margin-top: 20px;
	background-color: #1c1815;
	padding: 10px;
}

.admin_news h3 {
	font: bold 14px "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0px 1px 2px black;
	background-color: #29231f;
	padding: 5px 10px 6px 10px !important;
	margin: -10px -10px 10px -10px;
}

.admin_news .edit {
	color: #8b7d76;
	padding-left: 10px;
}

.admin_news h3 em {
	background-color: #5e514b;
	color: #1c1815;
	display: block;
	float: left;
	padding: 5px 10px 6px 10px;
	margin: -5px 10px 0 -10px;
	text-shadow: none;
}

.admin_news pre {
	white-space: normal;
	font: 13px Consolas, Monaco, monospace;
	color: #8b7d76;
	line-height: 18px;
}

.admin_news.clear h3 a {
	color: #8b7d76;
}

.admin_news.full h3 {
	font-size: 16px;
	padding: 10px 15px 11px 15px !important;
}

.admin_news.full p {
	border-top: 5px solid #221d1a;
	padding: 3px 15px 4px 15px;
	margin: 10px -10px -10px -10px;
}

 .admin_news.full pre {
	border-top: 5px solid #221d1a;
	padding: 10px 15px 11px 15px;
	margin: -10px -10px -10px -10px;
	background-color: #29231f;
}

 .admin_news.full h3 em {
	background-color: #5e514b;
	color: #1c1815;
	display: block;
	float: left;
	padding: 10px 15px 11px 15px;
	margin: -10px 15px 0 -15px;
	text-shadow: none;
}

.admin_news.full label {
	float: left;
	width: 5em;
	text-align: right;
	margin-right: 20px;
}


/* VIEW SWITCHER
/* ----------------------------------------------------- */

#view_switcher {
	position: absolute;
	right: 35px;
	top: 35px;
}

#view_switcher a {
	float: right;
	display: block;
	height: 30px;
	width: 40px;
	text-indent: -1000px;
	overflow: hidden;
	background-position: top left;
}

#view_switcher .active { background-position: top right; }
#view_switcher a:hover { background-position: bottom left; }
#view_switcher a.active:hover { background-position: bottom right; }

#view_switcher #files { background-image: url(view_files.png); }
#view_switcher #pics { background-image: url(view_pics.png); }


/* GROUPS
/* ----------------------------------------------------- */

.group_selector {
	float: left;
	height: 30px;
	overflow: hidden;
}

.group_selector .dropdown {
	float: left;
	background: transparent url(group_selector.png) left top no-repeat;
	padding: 4px 10px 4px 35px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.group_selector input {
	width: 100px;
}

.group_selector .button {
	margin-left: 0;
	float: left;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

ul.bbcode {
	list-style: square;
	margin: 10px 0 0 15px;
}

.bbcode code {
	white-space: normal;
	font: 13px Consolas, Monaco, monospace;
}

.bbcode em { font-style: italic; }
.bbcode strong { color: #8b7d76; }
#popup_space strong { color: #8b7d76; }

.group_head {
	 padding: 15px 35px;
}

.group_head a {
	background: transparent url(back_arrow.png) left center no-repeat;
	padding-left: 18px;
	font-weight: bold;
}

.passwordform .bigrow {
	padding: 30px 35px;
}

.passwordform .bigrow input {
	width: 390px;
	padding: 5px;
	font-size: 20px;
	margin: 15px 0 5px 0;
}

.passwordform p {
	width: 400px;
	margin: 0 auto;
}


/* TOOLS
/* ----------------------------------------------------- */

.content.tools {
	line-height: 22px;
}

.tools p {
	margin-top: 15px;
}

.tools .image_box {
	float: right;
	margin: 10px 0 0 15px;
}

.tools .image_box img {
	display: block;
	margin-bottom: 10px;
}

.tools p.link {
	font: bold 15px "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0px 1px 2px black;
	margin: 20px 0 5px 0;
}