/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund -
http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to
the original author. */
/* modified 2006 by Thomas Leitner */
/* modified 2007 by Luca Bigliardi */

body {
  background:#8b8b8b;
  color:#303030;
  font:76% Verdana,Tahoma,Arial,sans-serif;
  margin:0;
  padding:0;
  text-align:center;
}

a {
  color:#505050;
  font-weight:bold;
  text-decoration:none;
}

a:hover {
  color:#808080;
  text-decoration:underline;
}

p {
  line-height:1.5em;
  margin:0 0 15px;
}

/*** Main container ***/

#logo {
  position: absolute;
  top: 20px;
  left: 30px;
}

#logo img {
  border-style: none;
}

#container {
  background:#f0f0f0 repeat-x;
  color:#303030;
  margin:0;
  min-width:770px;
  padding:0;
  text-align:left;
  width:100%;
}

/*** Header section ***/

#sitename {
  color:#505050;
  height:92px;
  margin:0 20px 10px;
  text-align:center;
}

#sitename h1,#sitename h2 {
  font-weight:400;
  letter-spacing:-1px;
  margin:0;
  padding:0;
}

#sitename h1 {
  font-size:2.4em;
  padding-top:20px;
}

#sitename h2 {
  font-size:1.6em;
}

/*** Horizontal menu ***/

#mainmenu {
  float:left;
  margin-bottom:25px;
}

#mainmenu ul {
  font-size:16px;
  margin:0;
  padding:0;
}

#mainmenu li {
  float:left;
  height:35px;
  list-style:none;
  margin:0;
  padding:0;
}

#mainmenu a, #mainmenu span {
  border-right:1px solid #b0b0b0;
  color:#606060;
  display:block;
  font-size:0.7em;
  padding:11px 10px 10px;
  text-transform:uppercase;
}

#mainmenu span {
  font-weight: bold;
}

#mainmenu a:hover {
  background:#f0f0f0 top left repeat-x;
  color:#505050;
  text-decoration:none;
}

#mainmenu li.webgen-menu-item-selected a, #mainmenu li.webgen-menu-item-selected span, #mainmenu li.webgen-menu-submenu-inhierarchy a, #mainmenu li.webgen-menu-submenu-inhierarchy span {
  background:#f0f0f0 top left repeat-x;
  color:#505050;
  text-decoration:none;
}

/*** Content wrap ***/

#wrap {
  clear:both;
  font-size:0.9em;
  padding:0;
}

/*** Sidebars ***/

#leftside, #rightside {
  margin:0;
  padding:0 10px 10px;
  width:165px;
}

#leftside {
  float:left;
  margin-right:10px;
}

#rightside {
  float:right;
  margin-left:10px;
}

#leftside h1, #rightside h1 {
  color:#505050;
  font-size:1.6em;
  font-weight:bold;
  letter-spacing:-1px;
  margin: 0 0 12px;
}

#leftside h2, #rightside h2 {
  font-size:1.2em;
  margin: 0 0 20px;
}

#leftside p, #leftside ul.list, #rightside p {
  font-size:0.9em;
  line-height:1.4em;
  margin:0 0 16px 10px;
}

#leftside ul.list {
  margin: 0px;
  padding: 0px;
}

#leftside ul.list li {
  margin:0 0 8px 25px;
  padding: 0px;
}

.linklist {
  list-style:none;
  margin:0 0 16px 10px;
  padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

#leftside .webgen-menu ul {
  margin: 0 0 10px 0px;
  padding: 0px;
  list-style: none;
}

#leftside .webgen-menu a, #leftside .webgen-menu span {
  background:#e8e9ea;
  border:1px solid #b0b0b0;
  color:#606060;
  display:block;
  margin-top:4px;
  padding:2px 4px 2px 4px;
  position:relative;
  width:140px;
}

#leftside .webgen-menu span {
  font-weight: bold;
}

#leftside .webgen-menu a:hover, #leftside .webgen-menu li.webgen-menu-item-selected > a, #leftside .webgen-menu li.webgen-menu-item-selected > span, #leftside .webgen-menu li.webgen-menu-submenu-inhierarchy > a, #leftside .webgen-menu li.webgen-menu-submenu-inhierarchy > span {
  background:#f8f9fa;
  border:1px solid #909090;
  color:#303030;
  text-decoration:none;
}

#leftside .webgen-menu ul ul {
  margin-left: 8px;
}

/*** Content ***/

#navbar {
  height: 15px;
  margin-bottom: 5px;
  padding: 2px;
}

.rightbox {
  float: right;
  padding-left: 10px;
}

.leftbox {
  float: left;
  padding-right: 10px;
}


.content {
  background-color:#fafcff;
  border:1px solid #909090;
  color:#2a2a2a;
  padding:15px 20px 5px;
}

.content {margin:0 200px;}

.content h1, .content h2, .content h3 {
  background-color:inherit;
  color:#606060;
  font-size: 2.0em;
  font-weight:bold;
  letter-spacing:-1px;
  margin: 15px 0 10px;
  padding:0;
}

.content h2 {
  font-size:1.8em;
  letter-spacing: 0px;
  margin-bottom:10px;
}

.content h3 {
  font-size:1.6em;
  letter-spacing: 0px;
  margin-left: 20px;
  margin-bottom:10px;
}

.content p {
  margin-left: 30px;
}

#inpage-menu {
  padding: 3px;
  margin-left: 0px;
  margin-top: -15px;
  margin-right: -20px;
  float: right;
  border-left: 1px solid #909090;
  border-bottom: 1px solid #909090;
  max-width: 250px;
  background-color: inherit;
}

/*** Footer ***/

#footer {
  background:#8b8b8b top left repeat-x;
  clear:both;
  color:#d0d0d0;
  font-size:0.9em;
  font-weight:normal;
  margin:0;
  padding:20px 0;
  text-align:center;
  width:100%;
}

#footer a {
  color:#d0d0d0;
  font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
  background:#fafbfc;
  border:1px solid #b0b0b0;
  margin:0 0 10px 10px;
  padding:5px;
}

.clearingdiv {
  clear:both;
  height:30px;
  width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
  font-size:1.1em;
  font-weight:bold;
  letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/*** End of file ***/


/*** General style ***/
/*********************/

.content ul {
  padding-left: 20px;
}

.content ul p {
  margin-bottom: 0px;
}

.content li {
  padding: 3px 0px;
}

/*** Other Styless ***/
/*******************************/

table.plugin-info {
  margin: 10px 0px;
  padding: 0px;
}

table.plugin-info th {
  text-align: left;
  width: 10em;
}

.param {
  margin-bottom: 5px;
}

.param-name {
  color: red;
}

.param-default-value {
  color: blue;
}

.param-description {
}

table.examples {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  margin-bottom: 10px;
}

table.examples th, table.examples td {
  border: 1px solid black;
  padding: 5px;
}

table.resources {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
}

table.resources th, table.resources td {
  border: 1px solid black;
  padding: 5px;
}

.plugin-ref {
}

.param-ref {
}

.menu-example-horiz li {
  margin-left: 2px;
  margin-right: 2px;
  border: 1px solid #333;
  padding: 1px;
  background-color: #ddd;
}

.menu-example-horiz ul {
  margin-bottom: 15px;
}

.menu-example-horiz .webgen-menu-item-selected a, .menu-example-horiz .webgen-menu-submenu-inhierarchy a, .menu-example-horiz .webgen-menu-item-selected span, .menu-example-horiz .webgen-menu-submenu-inhierarchy span {
  background-color: #880000;
  color: white;
}




table.metainfo {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  margin-bottom: 10px;
}

table.metainfo th, table.metainfo td {
  border: 1px solid black;
  padding: 2px;
}

pre {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.2em;
  background: #ccc;
  border: 1px solid #aaa;
}