@charset "utf-8";

body {
    background-color : white;
    color : #333;
    font-family : 'Arial', 'Verdana';
    font-size : 85%;
    min-width : 900px;
    padding : 20px 0 20px 0;
}

div#container {
	width : 98%;
	margin : 0 auto;
}

div#menu {
	font-size : 90%;
	margin-right : 1.5em;
	text-align : right;
}

div#menu ul {
	margin : 0;
	padding : 0;
}

div#menu li {
	display : inline;
	list-style : none;
	margin-left : 0.5em;
}

form#newpage-form {
	display : none;
	margin : 0;
	padding : 0;
}

form#newpage-form.show {
	display : inline;
}

form#newpage-form > div {
	display : inline;
}

div#header {
	padding-bottom : 0.5em;
	padding-left : 8px;
}

div#header-image {
	float : left;
	margin-right : 8px;
}

h1 {
    color : #A4B2D6;
    font-size : 160%;
    font-weight : normal;
    padding : 0 0 0.1em 0;
    margin : 0;
}

h1 a:link, h1 a:hover, h1 a:visited {
    color : #A4B2D6;
    text-decoration : none;
}

#subtitle {
	color : #666;
	font-size : 95%;
}

div#main {
	clear : both;
	float : left;
	width : 73%;
}

div#container.hide div#main {
	float : none;
	width : 100%;
}

div#main div.bar {
	background-color : #5383F5;
    background-image : url('../img/bar-bg.gif');
    background-repeat : repeat-y;
	height : 50px;
	margin : 0 0 20px 0;
	position : relative;
    vertical-align : middle;
}

div#hide-seek {
	cursor : pointer;
	float : right;
	margin : -20px 20px 0 0;
}

div#container.hide #hide-seek {
	margin-right : 0px;
}

h2 {
    color : #eaeefd;
	height : 50px;
    font-family : "Trebuchet MS",sans-serif;
    font-size : 22px;
    font-weight : normal;
    line-height : 50px;
    margin : 0;
    overflow : hidden;
    padding : 0 0 0 20px;
}

h2 {
	z-index : 1;
    white-space : nowrap;
}

div.main-contents-menu {
	font-size : 90%;
    margin : 0.4em 20px 0.3em 0;
	text-align : right;
}

div#main-contents {
    background-color : #F6f6f6;
    background-color : #fff;
    margin : 0 20px 0 0 ;
}

div#container.hide div#main-contents {
	margin : 0;
}



div.half-left, div.half-right {
	float: left;
	width : 50%;
}

div.half-left > div.entry {
	margin-right : 10px;
}


div.entry {
	padding-bottom : 10px;
}

div.entry div.menu {
	display : none;
}

div.entry.logged-in div.menu {
	display : block;
}

div.entry.edit div.view {
	display : none;
}

div.entry div.view div.menu {
	cursor : pointer;
	float : right;
	position : relative;
}

div.entry div.view div.menu img.balloon {
	display : none;
	left : -46px;
	position : absolute;
	top : 20px;
}

div.entry div.view div.menu:hover img.balloon {
	display : block;
}

div.entry div.view div.body-header {
    float : right;
}

div.entry-view-body {
    border : 1px solid #d9d9d9;
    background-color : white;
    font-size : 100%;
    padding : 15px 15px 5px 15px;
}

div.entry.logged-in div.entry-view-body {
	margin-right : 26px;
}

div.entry div.view div.body-footer {
    background-color : #f4f2ef;
	font-size : 90%;
	float : right;
	margin : 0 -5px;
	text-align : right;
}

div.entry div.view div.body-footer span.entry-name a:link,
div.entry div.view div.body-footer span.entry-name a:visited,
div.entry div.view div.body-footer span.entry-name a:hover {
	color : #333;
	text-decoration : underline;
}

div.entry div.view div.body-footer span {
	margin : 0 0.2em;
}

div.entry div.view div.body-footer  div  div  div {
	padding : 0.2em 0.4em;
}

div.entry div.edit {
	display : none;
}

div.entry.edit div.edit {
	display : block;
}

div.entry div.edit div.menu {
    cursor : pointer;
    float : right;
    position : relative;
}

div.entry div.edit div.menu img.balloon {
	display : none;
    position : absolute;
    top : 21px;
    left : -46px;
}

div.entry div.edit div.menu:hover img.balloon {
	display : block;
}

form.entry-edit-form {
    background-color : #f6f6f6;
    border : 1px solid #d9d9d9;
    margin : 0 26px 0 0 ;
    padding : 0;
}

form.entry-edit-form > div.wrapper {
	border : 1px solid white;
	border-width : 1px 0 0 1px;
}

form.entry-edit-form .status {
	font-size : 90%;
}

form.entry-edit-form div.edit-menu {
	padding : 4px 5px 3px 4px;
}

form.entry-edit-form div.edit-menu input, form.entry-edit-form div.edit-menu select {
    height : 1.6em;
	margin : 0;
}

form.entry-edit-form div.edit-menu select[name=doctype] {
	float : right;
}

form.entry-edit-form div.textarea-container {
	margin : 2px 6px 0 3px;
	padding : 0;
}

form.entry-edit-form textarea.text, textarea#measure {
	border : 1px solid #d9d9d9;
	font-family : monospace;
	font-size : 14px;
	margin : 0 -4px 0 0px;
	overflow-y : scroll;
	width : 100%;
}

textarea#measure {
	top : -100px;
	height : 6px;
	position : absolute;
	width : 50%;
}

form.entry-edit-form textarea.text:focus {
	border-color : #ccc;
}

div.entry-edit-form-footer {
	float : right;
	height : 0px;
	position : relative;
	width : 0px;
}

div.entry-edit-form-footer > div {
	left : -44px;
	position : absolute;
	top : -30px;
}

div#main-contents-footer {
	height : 5px;
	margin-top : -5px;
}

div#main-contents-menu a:link, div#entries-menu a:hover, div#entries-menu a:visited {
    padding : 2px 5px;
}


div#sub {
	float : left;
	width : 26.9%;
}

div#container.hide div#sub {
	display : none;
}

div#sub div.bar {
    background-color : #5383F5;
    background-image : url('../img/bar-line.gif');
    background-repeat: no-repeat;
    height : 50px;
    margin : 0;
}

div#search {
	padding : 10px 10px 0 0;
	text-align : right;
}

div#search input {
    background : transparent url("../img/search.gif") top left no-repeat;
	border-width : 0px;
	font-size : 15px;
	height : 17px;
	line-height : 15px;
	padding : 7px 28px 6px 8px;
	width : 167px;
}

div#index {
    background-color : #F6F7FF;
	border : 1px solid #5383F5;
	border-top-width : 0;
	padding : 6px 10px;
}


div#index a:link, div#index a:hover, div#index a:visited {
    color : #80A1E9;
}


div#index-header {
	text-align : right;
}

img#folding {
    cursor : pointer;
}

ul#index-body {
	list-style : none;
	margin : 0;
	overflow-x : auto;
	padding : 0.4em 0;
}

ul#index-body li {
	display : block;
    float : left;
	font-size : 100%;
	line-height : 140%;
	margin : 0.3em 0.25em 0.3em 0;
}

ul#index-body.unfolding li {
	float : none;
}

ul#index-body li.active {
    background-color : #EAEEFD;
}

ul#index-body li.goto {
	background-color : #5383f5;
}

ul#index-body li.goto a:link, ul#index-body li.goto a:visited, ul#index-body li.goto a:hover {
	color : #fff;
    text-decoration : none;
}

ul#index-body .tl-corner {
    background-image : url('../img/index-top-left.gif');
}

ul#index-body .tr-corner {
    background-image : url('../img/index-top-right.gif');
}

ul#index-body .bl-corner {
    background-image : url('../img/index-bottom-left.gif');
}

ul#index-body .br-corner {
    background-image : url('../img/index-bottom-right.gif');
}

ul#index-body li.active div.body, ul#index-body li.goto div.body {	
    padding : 0 0.2em;
}


ul#index-body a {
	margin : 0 0.1em;
	white-space : nowrap;
}

ul#index-body a.combination {
	font-size : 70%;
    text-decoration : none;
}

ul#index-body a.combination:hover {
    text-decoration : underline;
}

div#index-footer {
	clear : left;
	font-size : 90%;
	text-align : right;
}

div#keybind-help {
	background-color : #333;
	bottom : 0px;
	color : white; 
	display : none;
	position : fixed;
	right : 0px;
	width : 100%;
}

div#keybind-help dl {
	margin : 0;
	padding : 10px;
}

div#keybind-help dt {
	float : left;
	margin : 0;
	padding : 0px 8px 8px 8px;
}

div#keybind-help dd {
	float : left;
	font-size : 95%;
	margin : 0;
	padding : 0px 20px 8px 0px;
}

div#footer {
    clear : both;
    color : #999;
    padding : 2em 0 ;
}

ul#footer-menu {
	text-align : center;
}

ul#footer-menu li {
    list-style : none;
    font-size : 90%;
}