/**
 * Tableless Layout for default template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author moraes <moraes@tipos.com.br>
 */

html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}
body, a {
    font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    line-height: 15pt;
    color: #222;
}
body {
    background: #ffffcc;
}
					    
#dokuheader {
    width: 760px;
    height: 200px;
    margin: 30px auto 0 auto;
    background: url('images/duckHeader.jpg');
}

div.dokuwiki {
    width: 740px;
    margin: 0 auto 0 auto;
    border: solid 2px #000000;
    border-top: none;
    background: #cc9900;
}

/* -------------- top row --------------- */

div.stylehead {
    background: #cc9900;
    border-bottom: solid 1px #000000;
}

//div.header {
//    border-bottom: solid 1px #ccc;
//}


div.pagename {
    width: 100%;
    text-align: right;
}

div.pagename a {
    font-size: 28pt;
    line-height: 35pt;
    vertical-align: text-top;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    margin-right: 10px;
}

//.header {
//	height:35px;
//	padding:3px 0 2px 2px;
//}
//
//.pagename {
//	height:25px;
//	float:left;
//	font-size:200%;
//	font-weight:bolder;
//	color:#DEE7EC;
//	text-align:left;
//	vertical-align:middle;
//	padding:1px 0 0 1px;
//}
//
//.pagename a:link, .pagename a:visited {
//  color:#436976;
//  text-decoration:none;
//}
//
//.pagename a:hover, .pagename a:active {
//  color:#FF9933;
//}
//
//.logo {
//	float:right;
//	font-size:220%;
//	font-weight:bolder;
//	text-align:right;
//	vertical-align:middle;
//}
//
//.logo a:link, .logo a:visited, .logo a:hover, .logo a:active {
//	color:#dee7ec;
//	text-decoration:none;
//	font-variant:small-caps;
//	letter-spacing:2pt;
//}

/* ---------------  top and bottom bar ---------------- */
.bar {
    height: 30px;
    border-top: solid 1px #000000;
    //padding: 2px;
    padding: 0px 10px 0px 10px;
    margin: 0;
    clear: both;
}

.bar-left {
    float: left;
    height: 28px;
    width: 50%;
    text-align: left;
    padding-top: 2px;
}

.bar-right {
    float: right;
    height: 28px;
    width: 50%;
    text-align: right;
    padding-top: 2px;
}

//#button input {
//    height: 25px;
//    border: 0px;
//    background: #eee;
//}

//#bar_bottom {
//  margin-bottom:3px;
//}

div.stylefoot {
    background: #cc9900;
    border-top: solid 1px #000000;
    text-align: center;
}


/* ------------- buttons ----------------------- */

div.promotion {
    text-align: center;
    padding: 10px 0 30px 0;
}

/* ------------- File Metadata ----------------------- */

div.meta {
  clear: both;
  margin-top: 0.5em;
  color:#436976;
  font-size:70%;
}

div.meta div.user {
  float:left;
}

div.meta div.doc{
  text-align:right;
}

/* ---------------  Media Selection  ----------------- */

div.uploadform {
  margin-top: 0.5em;
  border-top: 1px solid #8cacbb;
}

.mediaselect-left {
  float:left;
  padding: 0.5em;
/*  height:230px;
  overflow:auto;*/
}

.mediaselect-right {
  float:right;
  border-left: 1px solid #8cacbb;
  padding: 0.5em;
  width: 50%;
  max-width: 50%;
/*  width:350px;
  height:230px;
  overflow:auto;*/
}