html {}
body {
margin:0 0 90px 0;
padding: 0;
background:#FFFFFF url(/static/img/bg.jpg) 50% 100% repeat-x;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #000;
}
html>body {
margin:0;
}
a {
color:#369;
}
h1 {
margin:0;
padding:0;
font-size:16px;
color:#369;
}
h2 {
margin:0;
padding:0;
font-size:14px;
color:#063;
}
label {
display:block;
float:left;
margin:0 10px;
width:100px;
text-align:right;
}
input, textarea {
padding:2px 5px;
clear:right;
font-size:12px;
background:#FFF url(/static/img/shadow.gif) 0 0 repeat-x;
border:#CCC solid 1px;
}
input.button {
margin:3px 0 0 125px;
cursor:pointer;
}
input.button, a.button, button.button {
padding:2px 5px;
font-size:12px;
background:#e5e5e5 url(/static/img/button.gray.gif) 0 0 repeat-x;
border:#CCC solid 1px;
color:#000;
text-decoration:none;
outline:none;
}
input.button:hover, a.button:hover, button.button:hover {
background:#690 url(/static/img/button.green.gif) 0 0 repeat-x;
border:#690 solid 1px;
color:#FFF;
}
a.button-green {
padding:2px 5px;
font-size:12px;
background:#690 url(/static/img/button.green.gif) 0 0 repeat-x;
border:#690 solid 1px;
color:#FFF;
text-decoration:none;
outline:none;
}
/*
a.button-green:hover {
background:#690 url(/static/img/button.green.gif) 0 0 repeat-x;
}
*/
div.page {
width:80%;
min-width:940px;
margin:0 auto;
background-color:#FFF;
text-align:left;
}
html>body div.page {
background-color:transparent;
}
img#logo {
float:left;
}
div.option {
float:right;
background:#690 url(/static/img/option.gif) 0 0 repeat-x;
border-bottom:#CCC solid 2px;
margin:0 10px;
padding:0 5px;
}
div.option ul {
list-style:none;
margin:0 5px;
padding:0;
}
div.option ul li {
float:left;
}
div.option ul li a {
display:block;
padding:4px 5px;
}
div.global-menu {
clear:both;
position:relative;
top:-65px;
width:81%;
height:66px;
background:transparent url(/static/img/bg.grad.green.gif) 0 100% repeat-x;
border-bottom:#CCC solid 2px;
}
div.global-menu ul {
width:81%;
list-style:none;
margin:0 0 0 200px;
padding:0;
}
div.global-menu ul li {
float:left;
}
div.global-menu ul li a {
display:block;
margin:0 3px;
padding:2px 10px 0 10px;
height:20px;
background:#e5e5e5 url(/static/img/button.gray.gif) 0 0 repeat-x;
border:#CCC solid 1px;
border-bottom:none;
color:#000;
text-decoration:none;
font-size:13px;
white-space:nowrap;
}
div.global-menu ul li a:hover, div.global-menu ul li.active a {
background:#690 url(/static/img/button.green.gif) 0 0 repeat-x;
border:#690 solid 1px;
border-bottom:none;
color:#FFF;
}
div.global-menu ul li ul li a, div.global-menu ul li.active ul li a {
background:transparent !important;
border:none !important;
color:#FFF !important;
}
div.global-menu ul li ul li a {
padding:10px 6px;
font-size:12px;
}
div.global-menu ul li ul {
display:none;
}
div.global-menu ul li a:hover ul, div.global-menu ul li:hover ul {
position:absolute;
left:-200px;
height:43px;
display:block;
background:transparent url(/static/img/bg.grad.green.gif) 0 0 repeat-x !important;
border-bottom:#CCC solid 2px;
z-index:100;
}
div.global-menu ul li.active ul {
position:absolute;
left:0;
margin:0;
width:100%;
height:43px;
display:block;
background:transparent url(/static/img/bg.grad.green.gif) 0 100% repeat-x;
border-bottom:#CCC solid 2px;
}
div.global-menu ul li ul li ul {
width:auto !important;
background:#690 !important;
border:none !important;
}
div.global-menu ul li ul li:hover {
background:transparent url(/static/img/arrow.white.bottom.gif) 50% 100% no-repeat !important;
}
div.global-menu ul li ul li ul {
display:none !important;
}
div.global-menu ul li ul li:hover ul {
display:block !important;
margin:0;
background:transparent !important;
}
div.global-menu ul li ul li:hover ul li a {
width:100px !important;
background-color:#88b039 !important;
}
div.global-menu ul li ul li:hover ul li a:hover {
background-image:none;
background-color:#690 !important;
}
div.global-menu ul li ul li ul li {
clear:both;
}
/* Search */
div.search-box {
text-align:right;
position:relative;
top:3px;
margin:0;
padding:0;
width:19%;
height:43px;
float:right;
background:#369 url(/static/img/bg.grad.blue.gif) 0 0 repeat-x;
border-bottom:#CCC solid 2px;
z-index:100;
}
div.search-box form {
margin:12px 0 0 0;
padding:0;
}
div.search-box form input {
margin:0 0 0 15px;
padding:2px 5px;
float:left;
font-size:12px;
background:#FFF url(/static/img/shadow.gif) 0 0 repeat-x;
border:#369 solid 1px;
width:68%;
}
div.search-box form input.button-search {
display:block;
margin:0 4px;
padding:0;
width:19px;
height:19px;
background:transparent url(/static/img/arrow.green.right.gif) 50% 50% no-repeat;
border:none;
cursor:pointer;
}
/* End Search */
div.content-box-mod {
clear:both;
margin-top:-81px;
padding:1px 0 0 0;
}
html>body div.content-box-mod {
margin:0;
position:relative;
top:-81px;
}
div.container {
margin:0;
height:100%;
background-color:#FFF;
border-bottom:#CCC solid 2px;
}
#container-head-after-hide {
	display:none;
	padding:0;
	background-color:#e5e5e5;
	border-bottom:#CCC solid 2px;
	height: 0px;
}
#container-head-after-hide a {
	text-decoration: none;
	cursor: pointer;
}
#container-head-after-hide div {
	float:left;
	width:30%;
	margin:0 10px 10px 10px;
}
#container-head-after-hide div.container {
	width:100%;
	height:auto;
	margin:0;
	padding:10px 10px 0 10px !important;
	background:transparent;
	border:none;
}
#container-head-after-hide div h1 {
	float:left;
}
div#container-head-after-hide a#container-head-show-link {
	clear:both;
	margin:-15px 22px 0 22px;
	padding:2px 2px 0 2px;
}
#container-head-after-hide a.more {
margin:0;
}
.show-box {
margin:0;
padding:10px 10px 0 10px;
background-color:#e5e5e5;
border-bottom:#CCC solid 2px;
height: 135px;
overflow:hidden;
}
.portfolio {
margin:0 10px 0 0;
padding:0;
float:left;
width:200px;
background:#369 url(/static/img/portfolio.bg.gif) 0 50% repeat-x;
}
.portfolio-left {
margin-top:-1px;
background:transparent url(/static/img/portfolio.left.png) 0 50% no-repeat;
}
.portfolio-right {
margin-top:-1px;
height:126px;
padding:0;
background:transparent url(/static/img/portfolio.right.png) 100% 50% no-repeat;
}
.portfolio-right a {
display:block;
margin:1px 1px 1px 15px;
padding:8px 2px 2px 2px;
color:#FFF;
font-size:10px;
border:none;
text-align:center;
text-decoration:none;
}
.portfolio-right img {
border:none;
}
div#container-head div.heads {
margin:0 10px 0px 10px;
float:left;
width:36%;
}
div#container-head a.hide {
margin-top:-17px;
}
div#container-head div.heads p {
margin:10px;
}
div#container-head a.more {
margin:-7px 0 5px 0;
}
div.container {
padding:10px;
}
div.container div.left-col {
position:relative;
top:0;
float:left;
width:230px;
margin:0 10px 0 0;
}
a.hide {
float:right;
margin-top:-5px;
padding:5px;
}
a.more {
float:right;
margin:-7px 2px 0 2px;
}
a.comment-button {
float:right;
margin:0 2px;
padding:6px 7px 0 7px;
height:19px;
background:transparent url(/static/img/comment.blue.gif) 50% 50% no-repeat;
color:#369;
text-decoration:none;
font-size:8px;
}
.content {
padding-left:250px;
}
.content p {
margin:5px;
}
.content h3 {
font-size:14px;
color:#063;
}
.publication {
padding:10px;
clear:right;
}
.publication img, .content img {
margin:10px;
}
.content small {
font-size:10px;
color:#CCC;
}
div.color-box {
background-color:#e5e5e5;
}
small.autor {
float:right;
}
small.tags {
padding-left:5px;
}
/* Footer */
div.footer {
clear:both;
background-color:#e5e5e5;
font-size:10px;
height:100%;
}
html>body div.footer {
width:auto;
}
div.footer div.copy {
width:18%;
min-height:80px;
height:80px;
float:left;
padding:10px 50px 10px 10px;
background:transparent url(/static/img/r.gray.png) 100% 0 no-repeat;
text-align:right;
}
div.footer div.right-col {
padding:1px 10px;
}
/* End Footer */
/* Language */
ul.language {
position:relative;
top:-10px;
right:-100%;
margin:0 0 0 9px;
padding:0;
width:32px;
list-style:none;
border-bottom:#CCC solid 2px;
z-index:1;
}
ul.language li {
display:block;
}
ul.language li a {
display:block;
padding:3px 5px;
background-color:#369;
color:#FFF;
text-decoration:none;
font-size:10px;
}
ul.language li a.active, ul.language li a:hover {
background-color:#e5e5e5;
color:#369;
}
/* End Language */
/* All tags */
div#all-tags {
clear:both;
height:39px;
padding:0 10px 0 0;
background-color:#e5e5e5;
border-bottom:#CCC solid 2px;
overflow:hidden;
}
div#all-tags small {
height:100%;
margin:0 10px 0 0;
padding:10px;
background:#369 url(/static/img/bg.grad.blue.gif) 0 0 repeat-x;
font-size:12px;
color:#FFF;
float:left;
}
#all-tags-p{
height: 23px;
overflow:hidden;
}
div#all-tags p {
margin:3px 30px 0 0;
padding:0;
}
div#all-tags a {
text-decoration:none;
}
div#all-tags a.hide {
 margin-top:-34px;
}
.cloud-tag-size-1 { font-size: 0.8em; }
.cloud-tag-size-2 { font-size: 1em; }
.cloud-tag-size-3 { font-size: 1.2em; }
.cloud-tag-size-4 { font-size: 1.4em; }
.cloud-tag-size-5 { font-size: 1.6em; }

/* End All tags*/
/* Projects */
div.projects {
margin:5px auto;
padding:6px 0;
background:#369 url(/static/img/grad.big.blue.jpg) 0 50% repeat-x;
text-align:center;
color:#FFF;
}
div.projects a {
color:#FFF;
}
div.projects-bord {
margin:0 1px;
padding:10px 0;
border-left:#369 solid 1px;
border-right:#369 solid 1px;
height:100%;
}
/* Nifty */
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
/* End Nifty */
/* End Projects */
/* Add comments */
div#add-comment {
margin:2px 0;
padding:10px;
background:#690 url(/static/img/bg.grad.green.gif) 0 100% repeat-x;
border-bottom:#CCC solid 2px;
color:#FFF;
}
div#add-comment img {
display:block;
}
div#add-comment input#id_captcha {
margin:3px 0 0 120px;
}
.errorlist { color: #b80303; }

/*
div#add-comment input.button {
margin:3px 0 0 125px;
}
*/
/* End Add comments */
/* Comments */
div#comments {
margin:10px 0 2px 0;
padding:0;
border-bottom:#e5e5e5 solid 1px;
}
div#comments h4 {
margin:0;
padding:10px;
background:#369 url(/static/img/bg.grad.blue.gif) 0 0 repeat-x;
color:#FFF;
border-bottom:#CCC solid 2px;
font-size: 1em;
}
div#comments ul {
list-style:none;
margin:0;
padding:0;
}
div#comments ul li.post {
padding:10px;
}
div#comments ul li.row2 {
background-color:#fafafa;
}
/* End Comments */
pre.wiki {
display:block;
overflow:auto;
margin:5px 50px;
padding:10px;
max-height:200px;
background-color:#ffffe5;
border:#CCC dashed 1px;
font-size:11px;
}
.clr {
clear:both;
height:1px;
margin-top:-1px;
}
/* Portfolio list */
/*div.portfolio-list a {
float:left;
margin:5px;
padding:5px;
border:1px solid #e5e5e5;
outline:none;
text-decoration:none;
text-align:center;
}
div.portfolio-list a:hover {
background-color:#fafafa;
}
div.portfolio-list a img {
margin:5px;
border:none;
}*/
/* End Portfolio list */
/* Paginator */
div.paginator-div {
clear:both;
}
span.paginate-pages {
color:#369;
}
/* End Paginator */

/* Languages box on top */
div.language_ontop {
float:right;
background-color:#369;
color:#FFF;
border-bottom:#CCC solid 2px;
margin:0 40px;
font-size:10px;
}
div.language_ontop ul {
list-style:none;
margin:0 0px;
padding:0;
}
div.language_ontop ul li {
float:left;
}
div.language_ontop ul li a {
display:block;
padding:4px 8px;
color:#FFF;
}

div.language_ontop ul li a.active, div.language_ontop ul li a:hover {
background-color:#e5e5e5;
color:#369;
}
/* End Languages box on top */