@CHARSET "UTF-8";

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	font: 12px/ 1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana,
		'DeJavu Sans', 'Liberation Sans', FreeSans, sans-serif;
	color: white;
	background-color: rgb(39, 39, 39);
}

a {
	cursor: pointer;
	text-decoration: none;
	color: white;
}

a:hover {
	color: rgb(220, 238, 63);
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

.grey {
	color: #ccc;
}

.compositionImage {
	margin: 0;
	padding: 0;
}

.compositionImage img {
	margin: 3px;
	border: 1px solid #666;
	cursor: pointer;
}

.compositionImage span {
	display: hidden;
}

.compositionImage span:hover { /*display: block;*/
	
}
/*
.pagination {
	margin: 5px auto;
}
*/
.pagination b,.pagination a {
	padding: 4px;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	vertical-align: middle;
	border: 1px solid silver;
	background-color: #1B1B1B;
    font-weight: normal;
    display: inline-block;
    width: 22px;
    margin: -2px;
    text-align: center;
}

.pagination a {
	color: white;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
	font-size: 28px;
}

h2 {
	/*font-size: 25px;*/
	font-size: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
}

h3 {
	/*font-size: 23px;*/
	font-size: 12px;
}

h4 {
	/*font-size: 21px;*/
	font-size: 8px;
	font-weight:  bold;
}

/*
h5 {
	font-size: 19px;
}

h6 {
	font-size: 17px;
}
*/
/**
compositionbox widget
**/
#w_compositionBoxMain {
	height: 420px;
	background-color: rgb(137, 129, 119);
}

#w_compositionBoxTabs {
	height: 40px;
	display: table;
	width: 100%;
	table-layout: fixed;
}

#w_compositionBoxTabs>li {
	display: table-cell;
	width: 111px;
	position: relative;
	padding: 0px 6px;
}

#w_compositionBoxTabs li a {
	display: block;
	padding: 0px 10px;
}

.w_compositionBoxTab_active,.w_compositionBoxTab_inactive {
	display: inline;
	width: 45px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	margin-left: 9px;
	margin-right: 9px;
	background-color: rgb(238, 168, 64);
}

.w_compositionBoxTab_active {
	font-weight: bolder;
	font-size: 15px;
}

#w_compositionBoxCategories {
	float: right;
	margin: 9px;
	width: 177px;
}

.w_compositionBoxCategories_category_active {
	font-weight: bolder;
}

#w_compositionBoxDetails {
	float: left;
	margin: 9px;
	width: 520px;
	height: 132px;
	background-color: rgb(108, 102, 94);
}

#w_compositionBoxItems {
	font-size: 9px;
	float: left;
	margin: 9px;
	width: 520px;
	height: 183px;
	background-color: rgb(108, 102, 94);
}

.w_compositionBoxItems_items_column {
	width: 33%;
}

.w_compositionBoxItems_items_item {
	width: 173px;
}

.w_compositionBoxItems_items_item_image,#w_compositionBoxDetails_image {
	float: left;
	cursor: pointer;
	clear: left;
}

.w_compositionBoxItems_items_item_info {
	cursor: pointer;
}

.w_compositionBox_pagination {
	float: right;
	font-size: 19px;
}

#w_compositionBoxDetails_container {
	margin: 3px;
}

#w_compositionBoxDetails_image img {
	
}

#w_compositionBoxDetails_text {
	margin-left: 189px; /*img width+margin*/
	font-size: 11px;
}

#w_compositionBoxDetails_text_name {
	font-weight: bolder;
	font-size: 19px;
}

#w_compositionBoxDetails_text_description {
	color: #ccc;
	width: 226px;
	font-size: 11px;
}

#w_compositionBoxDetails_text_stats>* {
	display: inline;
	font-size: 11px;
}

#w_compositionBoxDetails_buttons {
	float: right;
	clear: right;
	font-size: 11px;
	text-align: center;
}

#w_compositionBoxDetails_buttons_open,#w_compositionBoxDetails_buttons_preview
	{
	margin: 5px;
	height: 36px;
	width: 97px;
	cursor: pointer;
}

/**
composition page
**/
#w_compositionMain {
	height: 600px;
	background-color: rgb(137, 129, 119);
}

#w_compositionTabs {
	height: 40px;
	display: table;
	width: 100%;
	table-layout: fixed;
}

#w_compositionTabs>li {
	display: table-cell;
	width: 111px;
	position: relative;
	padding: 0px 6px;
}

#w_compositionTabs li a {
	display: block;
	padding: 0px 10px;
}

.w_compositionTab_active,.w_compositionTab_inactive {
	display: inline;
	width: 45px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	margin-left: 9px;
	margin-right: 9px;
	background-color: rgb(238, 168, 64);
}

.w_compositionTab_active {
	font-weight: bolder;
	font-size: 15px;
}

#w_compositionCategories {
	float: right;
	margin: 9px;
	width: 177px;
}

.w_compositionCategories_category_active {
	font-weight: bolder;
}

#w_compositionDetails {
	float: left;
	margin: 9px;
	width: 520px;
	height: 132px;
	background-color: rgb(108, 102, 94);
}

#w_compositionItems {
	font-size: 9px;
	float: left;
	margin: 9px;
	width: 520px;
	height: 370px;
	background-color: rgb(108, 102, 94);
}

.w_compositionItems_items_column {
	width: 33%;
}

.w_compositionItems_items_item {
	width: 173px;
}

.w_compositionItems_items_item_image,#w_compositionDetails_image {
	float: left;
	cursor: pointer;
	clear: left;
}

.w_compositionItems_items_item_info {
	cursor: pointer;
}

.w_composition_pagination {
	float: right;
	font-size: 19px;
}

#w_compositionDetails_container {
	margin: 3px;
}

#w_compositionDetails_image img {
	
}

#w_compositionDetails_text {
	margin-left: 189px; /*img width+margin*/
	font-size: 11px;
}

#w_compositionDetails_text_name {
	font-weight: bolder;
	font-size: 19px;
}

#w_compositionDetails_text_description {
	color: #ccc;
	width: 226px;
	font-size: 11px;
}

#w_compositionDetails_text_stats>* {
	display: inline;
	font-size: 11px;
}

#w_compositionDetails_buttons {
	float: right;
	clear: right;
	font-size: 11px;
	text-align: center;
}

#w_compositionDetails_buttons_open,#w_compositionDetails_buttons_preview
	{
	margin: 5px;
	height: 36px;
	width: 97px;
	cursor: pointer;
}

/**
nodebox widget
**/
#w_nodeBoxMain {
	background-color: rgb(137, 129, 119);
}

#w_nodeBoxHead {
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	background-color: rgb(129, 211, 94);
}

#w_nodeBoxContent {
	height: 250px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.w_nodeBox_node_container {
	margin: 4px 9px;
}

.w_nodeBox_node {
	background-color: rgb(97, 96, 94);
}

.w_nodeBox_node_zebra {
	background-color: rgb(156, 156, 155);
}

/**
groupbox widget
**/
.groupImage {
	width: 75px;
	margin: 5px;
}

/*
w_groupBoxMain
	w_groupBoxTabs
		.w_groupBoxTab_active
		.w_groupBoxTab_inactive
	w_groupBoxContent
.
		w_groupBoxContent_group
		w_groupBoxContent_group_image
		w_groupBoxContent_group_name
		w_groupBoxContent_group_info
		w_groupBoxContent_group_join
		w_groupBox_pagination
		*/
#w_groupBoxMain {
	background-color: rgb(137, 129, 119);
}

#w_groupBoxTabs {
	height: 40px;
	display: table;
	width: 100%;
	table-layout: fixed;
}

#w_groupBoxTabs>li {
	display: table-cell;
	width: 111px;
	position: relative;
	padding: 0px 6px;
}

#w_groupBoxTabs li a {
	display: block;
	padding: 0px 10px;
}

.w_groupBoxTab_active,.w_groupBoxTab_inactive {
	display: inline;
	width: 45px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	margin-left: 9px;
	margin-right: 9px;
	background-color: rgb(129, 211, 94);
}

.w_groupBoxTab_active {
	font-weight: bolder;
	font-size: 15px;
}

#w_groupBoxContent {
	font-size: 18px;
	margin: 5px;
	background-color: rgb(108, 102, 94);
	width: 728px;
}

.w_groupBoxContent_group_image {
	width: 100px;
}

.group_zebra {
	background-color: rgb(128, 122, 114);
}

.w_groupBox_pagination,.w_groupBox_pagination>* {
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
}

/**
group page
*/
#w_groupMain {
	background-color: rgb(137, 129, 119);
}

#w_groupTabs {
	height: 40px;
	display: table;
	width: 100%;
	table-layout: fixed;
}

#w_groupTabs>li {
	display: table-cell;
	width: 111px;
	position: relative;
	padding: 0px 6px;
}

#w_groupTabs li a {
	display: block;
	padding: 0px 10px;
}

.w_groupTab_active,.w_groupTab_inactive {
	display: inline;
	width: 45px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	margin-left: 9px;
	margin-right: 9px;
	background-color: rgb(219, 237, 63);
}

.w_groupTab_active {
	font-weight: bolder;
	font-size: 15px;
}

#w_groupContent {
	font-size: 18px;
	margin: 5px;
	background-color: rgb(108, 102, 94);
	width: 728px;
}

.w_groupContent_group_image {
	width: 100px;
}

.group_zebra {
	background-color: rgb(128, 122, 114);
}

.w_group_pagination,.w_group_pagination>* {
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
}

.w_group_composition_listItem {
	float: left;
}

/**
menu
**/ /*** Nav bar styles ***/
ul.w_menu li>a {
	display: block;
}

ul.w_menu,.w_menu ul { /*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	z-index: 999;
	font-size: 20px;
}

ul.w_menu {
	display: table;
	width: 100%;
	table-layout: fixed;
}

ul.w_menu>li {
	display: table-cell;
	position: relative;
	padding: 2px 6px;
	font-size: 24px;
}

ul.w_menu li>ul { /*Make the sub list items invisible*/
	display: none;
	position: absolute;
	/*
	max-width: 40ex;
	*/
	margin-left: -6px;
	margin-top: 2px;
}

ul.w_menu li:hover>ul { /*When hovered, make them appear*/
	display: block;
}

.w_menu ul li a {
	/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/
ul.w_menu,.w_menu ul,.w_menu ul li a {
	background-color: rgb(39, 39, 39);
}

ul.w_menu li:hover,.w_menu ul li a:hover {
	background-color: rgb(75, 75, 75);
}

ul.w_menu li:active,.w_menu ul li a:active {
	background-color: rgb(39, 39, 39);
}

ul.w_menu,.w_menu ul {
	
}

.w_menu a {
	text-decoration: none;
}

/**
	node page
	**/
.w_node_name {
	color: rgb(100, 100, 100);
	font-size: 10px;
	
}

.w_node_private {
	color: rgb(160, 100, 100) !important;
}

/**
user page
**/
.w_user_nick {
	color: orange;
	font-size: 20px;
	margin-right: 10px;
}

.w_user_ratio {
	color: rgb(100, 100, 100);
	font-weight: bold;
	font-size: 26px;
}

.w_user_ratio_txt {
	color: rgb(100, 100, 100);
	font-weight: normal;
	font-size: 14px;
}

.w_user_nick:hover {
	color: rgb(220, 238, 63);
}

.w_user_details_listItem {
	display: inline;
	float: left;
}

.w_user_details_pagination {
	
}

/**
preview page
**/
#w_previewStandaloneDetails {
	
}

#w_previewStandaloneDetails_text_user {
	font-size: 15px;
	margin-bottom: 8px;
	border-bottom: 1px solid orange;
}
#w_previewStandaloneDetails_text_description {
	color: orange;
}

.w_preview_compositionList {
	float: left;
}
.w_preview_compositionList {
	width: 180px;
	height: 155px;
}
.w_preview_comps {
	margin-left: 63px;
}
/**
my page
	**/
.w_my_list {
	float: left;
}

.w_my_listItem {
	float: left;
	width: 180px;
	height: 180px;
	margin: 0 10px;
}

.w_my_node_node_info {
	float: left;
	width: 180px;
	margin: 0 10px;
}

.w_my_listItem_author {
	margin: 0 5px;
	font-size: 14px;
}

.w_my_listMore {
	font-size: 13px;
	float: right;
}

/**
comment widget @gergo
**/
ol.w_commentList {
	width: 500px;
}

ol.w_commentList li {
	margin: 4px;
	margin-bottom: 8px;
	padding: 5px;
}

ol.w_commentList h2 {
	font-size: 13px;
	margin-left: -2px;
	border-bottom: 1px solid gray;
}

ol.w_commentList li blockquote {
	background-color: #353535;
	padding: 7px;
	margin: 4px;
	color: #E2E2E2;
	border-left: 2px solid gray;
}

ol.w_commentList li blockquote p {
	clear: left;
	padding: 3px;
}

ol.w_commentList li blockquote ul li {
	float: left;
	padding: 2px;
	margin: 0;
	margin-right: 5px;
}

div.w_comment_form h3 {
	margin-top: 22px;
	font-size: 16px;
}

div.w_comment_form textarea {
	background-color: #1B1B1B;
	color: #E4E4E4;
	width: 500px;
	height: 150px;
	border: 1px solid gray;
}

/**
codeeditor
**/
#editor_compile_pane {
	background: rgb(66, 66, 66);
	overflow-y: auto;
	height: 100px;
}

#compile_pane_close {
	float: right;
	font-size: 18px;
}


.divider { margin-top: 20px; margin-bottom: 10px; border-color: #ffa500; }

.multi-column-3 {
	-moz-column-count: 3;
	-moz-column-gap: 1em;
	-webkit-column-count: 3;
	-webkit-column-gap: 1em;
}

.w_file_listItem {
	float: left;
	margin-bottom:10px;
	margin-top:10px;
	width:255px;
}