/*@import url(https://fonts.googleapis.com/css?family=Cantarell:400,700&v2);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&v2);
@import url(https://fonts.googleapis.com/css?family=Special+Elite&v2);*/

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ddd;
	font-family: 'PT Sans Caption', sans-serif;
}

#main
{
	position: static;
	top: 0px;
	left: 16px;
	margin: 16px 0px 0px 16px;
}



#mainwide
{
	position: static;
	top: 0px;
	left: 16px;
	margin: 16px 0px 0px 16px;
}

#content #main
{
	float: left;
	width: 550px;
	background-color: white;
	padding: 8px 8px 8px 8px;

	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#content #mainwide
{
	float: left;
	width: 950px;
	background-color: white;
	padding: 8px 8px 8px 8px;

	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#content #sidebar
{
	float: left;
	width: 384px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 16px 16px 16px 16px;

	background: #f0f9ff;
	background: -moz-linear-gradient(left, #f0f9ff 0%, #a1dbff 100%);
	background: -webkit-linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);
	background: -o-linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);
	background: linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);

	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#content #leftmenu
{
	float: left;
	margin: 16px 0px 16px 0px;
	padding-left: 0px;
	padding-right: 16px;

	-moz-border-radius: 10px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;

	background-color: #ffe;

	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}

#content #leftmenu h1
{
	margin-left: 16px;
}

#content #leftmenu ul
{
	margin: 0;
	padding-left: 16px;
}

#content #leftmenu ul li
{
	list-style: none;
}

#content #leftmenu ul li a
{
	text-decoration: underline;
	color: black;
}


#top
{
	background: #87e0fd;
	background: -moz-linear-gradient(top, #87e0fd 0%, #05abe0 100%);
	background: -webkit-linear-gradient(top, #87e0fd 0%, #05abe0 100%);
	background: -o-linear-gradient(top, #87e0fd 0%, #05abe0 100%);
	background: linear-gradient(top, #87e0fd 0%, #05abe0 100%);
}

#logo
{
	position: relative;
	left: 8px;
	top: 8px;
	width: 92px;
	height: 92px;
}

#banner
{
	font-size: xx-large;
	position: absolute;
	top: 16px;
	left: 108px;
	width: 400px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
	font-family: 'Cantarell', sans-serif;
}

#slogan
{
	font-size: small;
	position: absolute;
	top: 48px;
	left: 128px;
	width: 400px;
	font-family: 'Cantarell', sans-serif;
}

#menu
{
	background-color: #ffc080;
	position: static;
	width: 100%;
	padding: 0px 0px 0px 64px;

	background: #336699; /* Old browsers */
	background: -o-linear-gradient(top, #05abe0 0%, #336699 100%);
	background: -moz-linear-gradient(top, #05abe0 0%, #336699 100%);
	background: -webkit-linear-gradient(top, #05abe0 0%, #336699 100%);
	background: linear-gradient(top, #05abe0 0%, #336699 100%);
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1);

	font-family: 'Cantarell', sans-serif;
}

#submenu
{
	background-color: #ffc080;
	background: #000;
	padding-left: 64px;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}

#menu a
{
	color: black;
	font-weight: bold;

	padding: 0px 16px 0px 16px;
	text-decoration: none;
	border-top-left-radius: 8px 12px;
	border-top-right-radius: 8px 12px;

	background: -o-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* W3C */
	background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* W3C */
	background: -webkit-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* W3C */
	background: linear-gradient(top, #cccccc 0%, #ffffff 100%); /* W3C */
}

#menu a:visited
{
	text-decoration: none;
}


#menu a:hover
{
	color: white;
	background-color: black;
	background: -o-linear-gradient(top, #888888 0%, #cccccc 100%); /* W3C */
	background: -moz-linear-gradient(top, #888888 0%, #cccccc 100%); /* W3C */
	background: -webkit-linear-gradient(top, #888888 0%, #cccccc 100%); /* W3C */
	background: linear-gradient(top, #888888 0%, #cccccc 100%); /* W3C */
	border-top: 1px solid black;
	padding-top: 4px;
}

#menu a.this
{
	color: black;

	background: #87e0fd; /* Old browsers */
	background: -moz-linear-gradient(top, #87e0fd 0%, #05abe0 100%);
	background: -webkit-linear-gradient(top, #87e0fd 0%, #05abe0 100%);
	background: -o-linear-gradient(top, #87e0fd 0%, #05abe0 100%);
	background: linear-gradient(top, #87e0fd 0%, #05abe0 100%);
	padding-top: 4px;
}

#menu a.this:hover
{
	color: white;
	background-color: black;
}





h1 {
	font-family: 'Cantarell', sans-serif;	
}

h2 {
	font-family: 'Cantarell', sans-serif;	
}

h3 {
	font-family: 'Cantarell', sans-serif;	
}


#content h1
{
	font-size: large;
	text-shadow: 2px 2px 2px rgba(192, 144, 96, 0.5);

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */

	background: #ffc080; /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255, 192, 128, 1.0) 0%, rgba(255, 192, 128, 0.2) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 192, 128, 1.0) 0%, rgba(255, 192, 128, 0.2) 100%);
	background: -o-linear-gradient(left, rgba(255, 192, 128, 1.0) 0%, rgba(255, 192, 128, 0.2) 100%);
	background: linear-gradient(left, rgba(255, 192, 128, 1.0) 0%, rgba(255, 192, 128, 0.2) 100%);

	

	padding-left: 16px;
	padding-right: 16px;
}

#content h2
{
	font-size: medium;
}

#footer
{
	background: #ddd; /* Old browsers */
	background: -webkit-linear-gradient(top, #ddd 0%, #fff 25%, #ddd 100%);
	background: -moz-linear-gradient(top, #ddd 0%, #fff 25%, #ddd 100%);
	background: -o-linear-gradient(top, #ddd 0%, #fff 25%, #ddd 100%);
	background: linear-gradient(top, #ddd 0%, #fff 25%, #ddd 100%);
	clear: both;
	position: relative;
	top: 40px;
	font-size: small;
	color: #000;
}

/* config section */
ul.config
{
	padding-left: 0px;
}

ul.config div.buttons
{
	text-align: right;
}

ul.config li
{
	list-style: none;
	
	background-color: white;
	padding-left: 16px;
	padding-right: 16px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

ul.config li:nth-child(odd)
{
	background-color: #eee;
}

ul.config li div
{
	background: #f0f9ff;
	background: -moz-linear-gradient(left, #f0f9ff 0%, #a1dbff 100%);
	background: -webkit-linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);
	background: -o-linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);
	background: linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);

	padding-left: 16px;
	padding-right: 16px;
	/* margin: 16px 16px 16px 16px; */

	background: #f0f9ff;
	background: -moz-linear-gradient(left, #f0f9ff 0%, #a1dbff 100%);
	background: -webkit-linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);
	background: -o-linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);
	background: linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);

	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
}

ul.config li div.config_desc_hidden
{
	display: none;
}

ul.config li div.config_desc
{
	display: block;
}

table.directive tr th
{
	text-align: left;
	vertical-align: top;
}

table.buglist
{
	width: 100%;
	border-spacing: 0px;
	font-size: small;
}

table.buglist tr th
{
	text-align: left;
	background-color: #ffc080;
	padding-left: 8px;
}

table.buglist tr:nth-child(odd)
{
	background-color: #eee;
}


table.buglist tr td:first-child {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

tr td:last-child {
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

table.buglist tr td
{
	text-align: left;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}

table.buglist tr td a
{
	text-decoration: none;
	color: blue;
}

/* download section */
table.downloads
{
	width: 550px;
}

table.downloads tr th
{
	background-color: #bfffbf;
	color: #000;
	text-shadow: 2px 2px 2px #80ff80;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid black;
}

table.downloads tr.even
{
}

table.downloads tr.odd
{
	background-color: #fed;
}


#sidebar h2.news
{
	color: #0066b3;
	border-top-left-radius: 8px 12px;
	border-bottom-left-radius: 8px 12px;
	background: #ffffee; /* Old browsers */
}

#sidebar em
{
	font-size: small;
}


table.tasks
{
	border-spacing: 0px;
}

th.task-todo { background-color: #ff0000; color: white; }
th.task-wip  { background-color: #ff8000; color: white; }
th.task-done { background-color: #008f00; color: white; }

p.code
{
	background: #f0f9ff;
	background: -moz-linear-gradient(left, #f0f9ff 0%, #a1dbff 100%);
	background: -webkit-linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);
	background: -o-linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);
	background: linear-gradient(left, #f0f9ff 0%,#a1dbff 100%);

	-moz-box-shadow: 5px 5px 5px #ddd;
	-webkit-box-shadow: 5px 5px 5px #ddd;
	box-shadow: 5px 5px 5px #ddd;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	padding: 8px 16px 8px 16px;
}

p.code code
{
	font-family: 'Special Elite', monospace;
	font-size: normal;
}

p.code code span.comment
{
	color: #008;
}

p.code code span.comment span.doxy
{
	font-weight: bold;
}

p.code code span.comment span.doxyp
{
	font-style: italic;
}


p.code code span.key
{
	color: #080;
}

p.code code span.str
{
	color: #800;
}

p.code code span.num
{
	color: #880;
}

p.code code span.ctl
{
	font-weight: bold;
}


#login
{
	position: absolute;
	right: 0px;
	top: 0px;
	border-bottom-left-radius: 12px 12px;
	background-color: #abe005;
	color: black;
	font-size: smaller;
	box-shadow: 4px 4px 4px #54b0ca;
	padding: 4px 4px 4px 4px;
}

#login form table
{
	border: 0px;
}

#login_form {
	display: none;
}

#login_close {
	text-align: right;
	display: none;
}

#login_open a {
	color: #000;
	text-decoration: none;
}

#login_close a {
	color: #000;
	text-decoration: none;
}

div.newsentry
{
	margin-top: 12px;
	padding: 8px;
}

div.newsentry div.newsinfo
{
	font-size: x-small;
	text-align: right;
}

div.newsentry div.newsinfo div.date
{
	font-weight: bold;
}

div.newsentry h2.news
{
	font-size: medium;
	margin: 0px;
	float: left;
}

div.newsentry:nth-child(odd)
{
	background-color: #eee;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

dl.devs dt
{
	margin-top: 12px;
	padding-left: 8px;
}