/* -- Imports --------------------------------------------------------------- */

@import url('wacko-standard.inc.css');
@import url('typography.inc.css');
@import url('float-box-toc.inc.css');

/* -- Screenlayout ---------------------------------------------------------- */

body
{
    margin:0;
    padding:0;
    font-family:sans-serif;
    font-size:100.1%;
    line-height:1.5;
    color:#000;
    background-color:#eee;
}

div.sitewrapper
{
    color:#333;
    background-color:#fff;
    margin:0 auto;
    padding:2em 2em 2em 2em;
    width:60em; min-width:720px; max-width:90%;
    font-size:0.9em;
    position:relative;
}

div.header
{
}

div.header h1
{
    margin:0 35% 0.25em 0.375em; padding:0;
    font-size:2em;
    font-weight:bold;
    color:#000;
}

div.nav-main
{
    overflow:hidden;
    color:#000;
    background-color:#eee;
    padding:0.5em;
}

div.nav-main ul
{
    float:left;
    width:60%;
    margin:0; padding:0;
    list-style-type:none;
    overflow:hidden;
}

div.nav-main ul li
{
    float:left;
    margin:0;
    padding:0 0.25em;
}

div.nav-main ul li a
{
    display:block;
    padding:0.3em 0.6em;
    color:#000;
    white-space:nowrap;
}

div.nav-main ul li a:link, div.nav-main ul li a:visited
{
    background-color:transparent;
    text-decoration:none;
}

div.nav-main ul li a:focus, div.nav-main ul li a:hover, div.nav-main ul li a:active
{
    background-color:#ddd;
    text-decoration:underline;
}

div.nav-main ul li.active a
{
    background-color:#ccc;
    font-weight:bold;
}

div.nav-main div.search
{
    float:right;
    width:30%;
}

div.nav-main div.search form { font-size:1em; padding:0; margin:0; }

div.nav-main div.search fieldset
{
    border:none;
    background-color:#ccc;
    padding:0.3em; margin:0 0.25em 0 0;
    overflow:hidden;
}

div.nav-main div.search fieldset label
{
    position:absolute; left:-5000em;
}
div.nav-main div.search fieldset input
{
    float:left; width:90%; padding:0.1em 0; border:none;
    vertical-align:middle;
    font-size:1em; line-height:1;
    font-family:sans-serif;
}
div.nav-main div.search fieldset button
{
    padding:0; margin:0; float:right; width:9%;
    border:none; background-color:#ccc; color:#000;
    vertical-align:middle; text-align:center; font-weight:bold;
}

div.nav-breadcrumb { margin:1em 0.777em; padding:0; font-size:0.9em;}
div.nav-breadcrumb p { margin:0; padding:0; }

div.content { padding:0; margin:0 0.777em 2em 0.777em; }

div.footer
{
    font-size:0.9em;
    background-color:#f6f6f6;
    padding:0.777em;
    margin:0;
}

div.footer p { padding:0; margin:0; }

/* -- Information- & tool panel --------------------------------------------- */

div.sitesuffix
{
    border-style:solid none;
    border-width:1px;
    border-color:#ddd;
    margin:2em 0; padding:1.5em 0;
    font-size:0.9em;
}

div.sitesuffix h2 { position:absolute; left:-5000em; }

div.sitesuffix p, div.sitesuffix ul
{
    padding:0; margin:0.5em 0;
}

div.sitesuffix ul { list-style:none; }
div.sitesuffix ul li { display:inline; padding:0; margin:0; }

div.sitesuffix img.contexticon { position:absolute; left:-5000em; }

/* -- User bookmarks -------------------------------------------------------- */

div.bookmarks { padding:0; margin:0 0.777em 2em 0.777em; }
body.js div.bookmarks { padding:0; margin:0; }

div.bookmarks ol.normal
{
    margin:0;
    overflow:hidden;
    font-size:0.9em;
}
body.js div.bookmarks ol.normal { position:absolute; left:-5000em; }

div.bookmarks ol.normal li
{
    float:left;
    margin:0 0.5em 0 1.6em;
}

div.bookmarks h1 { font-size:0.9em; font-weight:bold; }
body.js div.bookmarks h1 { position:absolute; left:-5000em; }

#backend div.bookmarks ol.dropdown {
	position:fixed;
	width:auto;
	top:24px;
	left:0;
	margin:0;
	font-size:0.9em;
	padding:1em 1em 1em 3em;
	background-color:#fff;
	border:solid 1px #333;
	max-height:70%;
	overflow:auto;
}

/* -- Backend --------------------------------------------------------------- */

#backend .sitewrapper {
	margin-top:25px;
}

#backendrow {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:#000;
	height:25px;
	z-index:2;
}

#backend .backendbutton {
	display:block;
	height:16px;
	width:16px;
	position:fixed;
	top:4px;
	z-index:1000;
	cursor:pointer;
	overflow:hidden;
}

#backend #system_bookmarks { left:5px; background:url(./../icons/star.png); }

#backend #page_diff span.backendbutton { right:400px; background:url(./../icons/page_diff.png); }
#backend #page_link span.backendbutton { right:380px; background:url(./../icons/page_link.png); }
#backend #page_attach span.backendbutton { right:360px; background:url(./../icons/page_attach.png); }

#backend #page_edit span.backendbutton { right:310px; background:url(./../icons/page_edit.png); }
#backend #page_rename span.backendbutton { right:290px; background:url(./../icons/page_copy.png); }
#backend #page_settings span.backendbutton { right:270px; background:url(./../icons/page_gear.png); }
#backend #page_acls span.backendbutton { right:250px; background:url(./../icons/page_key.png); }

#backend #page_remove span.backendbutton { right:200px; background:url(./../icons/page_delete.png); }

#backend #page_bookmarkon span.backendbutton { right:150px; background:url(./../icons/link_add.png); }
#backend #page_bookmarkoff span.backendbutton { right:150px; background:url(./../icons/link_delete.png); }
#backend #page_watch span.backendbutton { right:130px; background:url(./../icons/transmit_add.png); }
#backend #page_unwatch span.backendbutton { right:130px; background:url(./../icons/transmit_delete.png); }
#backend #page_print span.backendbutton { right:110px; background:url(./../icons/printer.png); }

#backend #user_page span.backendbutton { right:60px; background:url(./../icons/vcard.png); }
#backend #user_preferences span.backendbutton { right:40px; background:url(./../icons/cog.png); }

#backend #system_logout span.backendbutton { right:0px; background:url(./../icons/bullet_red.png); }


/* -- ETC ------------------------------------------------------------------- */

/* hidden but accessible */
.onlyAural { position:absolute; left:-5000em; }

/* Round corners
   Problems: * does not work on every browser
             * it may look ugly on Firefox2
   Just comment it our, if you do not want/need it.
   */
div.nav-main
{
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
}

div.nav-main ul li a,
div.nav-main div.search fieldset,
div.floatbox div.inner h1,
div.floatbox div.inner h2
{
    border-radius:0.3em;
    -moz-border-radius:0.3em;
    -webkit-border-radius:0.3em;
}

div.nav-main div.search fieldset input
{
    border-radius:0.1em;
    -moz-border-radius:0.1em;
    -webkit-border-radius:0.1em;
}

div.footer,
div.floatbox div.inner
{
    border-radius:0.333em;
    -moz-border-radius:0.333em;
    -webkit-border-radius:0.333em;
}