/*
Theme Name: WebDev -black-
Theme URI: http://mottaweb.com.br/
Description: WebDev -black version-.
Version: 1.0
Author: Quildreen Motta
Author URI: http://mottaweb.com.br/
Tags: black, widgets
*/


*{
	margin: 0;
	padding: 0;
}
body{
    background: #f3f3f3;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: verdana, arial, helvetica, serif;
    font-size: 10pt;
}
img{
	border: 0;
}
.topo{
    width: 100%;
    height: 150px;
    background: url(imgs/topo.jpg) repeat-x top left;
}
.topo .language{
	height: 150px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0%;
}
.topo .language a{
	display: block;
	width: 300px;
	height: 150px;
	background: url(imgs/flags.jpg) no-repeat top left;
	text-decoration: none;	
}
.topo .english a:hover{
	background-position: 0px -150px;
}
.topo .portuguese a{
	background-position: -300px 0px;
}
.topo .portuguese a:hover{
	background-position: -300px -150px ;
}
.menu{
    width: 100%;
    height: 55px;
    background: #999 url(imgs/menu.gif) repeat-x top left;
    text-align: center;
    margin-bottom: 20px;
}
.menu a{
	position: relative;
    line-height: 55px;
    color: #555;
    font-weight: bold;
    font-family: arial, helvetica, verdana, serif;
    text-decoration: none;
    font-size: 14px;
    padding: 19px 10px 15px 10px;
    background: #999 url(imgs/menu.gif) repeat-x top left;
    /*border-right: 1px solid #ddd;
    border-left: 1px solid #ccc;*/
}
.menu a:hover,
.menu a.selected{
	background-color: #666;
    background-position: 0 -61px;
    border-top: 5px solid #009f3c;
    padding-top: 14px;
    color: #eee;
}
.menu a.selected{
    border-top: 5px solid #080;
}
#the_pages{
	position: relative;
	display: block;
    width: 770px;
	max-width: 770px;
	margin: 0 auto;
}
.page{
	width: 770px;
    text-align: center;
}
.page-title{
	display: block;
	margin: 10px 0px 20px 0px;
	font-size: 24pt;
	font-weight: bold;
	color: #555;
	font-family: "Segoe UI", Arial, Helvetica, serif;
	text-align: left;
}
.page-title a:hover{
	color: #555;
}
.side-bar{
    float: right;
    width: 200px;
}
.side-bar .header,
.side-bar .widgettitle{
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
	border-left: 3px solid #393;
	font-size: 16px;
	font-variant: small-caps;
}
#sidebar .widget{
	margin-bottom: 2em;
}
#sidebar .widgettitle{
	display: block;
	margin: 0 0 1em -8px;
	border-bottom: 1px solid #bbb;
	border-top: 2px solid #999;
	background: #ddd;
}
.side-bar .panel{
	border-top: 1px dotted #999;
	border-left: 3px solid #999;
	padding: 10px 0 0 5px;
	text-align: center;
}
#sidebar .panel{
	border-top: 0;
	text-align: left;
}
.side-bar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.side-bar ul li{
	background: none;
	padding: 0;
}
.side-bar .panel a img.wicon{
	padding: 2px 0;
	width: 180px;
	height: 180px;
	border: 1px solid #B0B0B0;
	border-bottom-color: #e0e0e0;
}
.tech{
	width: 182px;
	height: 32px;
	background: url(imgs/bg_tech.png) no-repeat top left;
	margin: 0 auto 10px auto;
	line-height: 32px;
	text-align: center;
}
.tech img{
	margin: 4px 2px;
	width: 24px;
	height: 24px;
	border: 0;
}
.main{
    float: left;
    width: 570px;
    text-align: left;
	overflow: hidden;
	position: relative;
}
.narrow{
	width: 545px !important;
}
.cForm .buttons{
	text-align: right;
}
.cForm p{
	margin: 1.5em 0;
}
.cForm label{
	display: block;
	color: #555;
	font-weight: bold;
}
.cForm{
	width: 500px;
	margin: 0 auto;
	position: relative;
}
.cForm p input,
.cForm p textarea{
	display: block;	
	width: 100%;
}
#vContainer{
	background: #000;
	position: absolute;
	z-index: 1000;
}
.v-container-border{
	background: #fff;
	position: absolute;
	z-index: 2000;
	overflow: hidden;
}
.v-container-border .mmessage{
	margin: 10px;
	background: #fafafa url(imgs/bg_work.gif) no-repeat top left;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #555;
	font-size: 14pt;
	border: 1px solid #ccc;
}
.v-container-border p{
	width: 480px;
	line-height: 50px;
}
.v-container-border .merror{
	color: #842;
}
.v-container-border .mmessage em{
	margin-top: -10px;
	font-size: 10pt;
	font-style: normal;
}
.v-container-border .mclose{
	float: right;
	margin: 10px 10px 0 0;
}
#p_contato .main{
	width: 540px;
	margin-right: 30px;
}
#p_contato .text{
	border-bottom: 1px solid #bbb;
	margin: 0;
} 
#p_contato .text p{
	width: 100%;
}
.cpanel{
	border-left: 4px solid #bbb;
	height: 440px;
	font-style: italic;
	color: #333;
	font-size: 8pt;
	text-align: left;
}
.cpanel a{
	color: #333;
}
.cpanel a:hover{
	text-decoration: none;
}
.cpanel .cheader{
	margin: 50px 0 10px 0;
	margin-left: -4px;
	border-left: 4px solid #787;
	line-height: 40px;
	height: 40px;
	text-align: center;
	color: #565;
	font-weight: bold;
	font-size: 14px;
}
.cpanel p{
	padding: 5px 0;
	margin: 2px 10px;
	border-bottom: 1px solid #bbb;
}
.cpanel strong{
	display: block;
	color: #999;
	margin: 20px 0 2px 0;
	font-size: 10pt;
}

.btnSubmit{
	background: url(imgs/btn_send.gif) no-repeat top left;
	width: 150px;
	height: 35px;
	border: none;
	cursor: pointer;
	border: none !important;
}
.lang-en .btnSubmit{
	background-image: url(imgs/btn_senden.gif) !important;
}
.btnSubmit:hover,
.buttons input.over{
	background-position: 0 -35px;
}
.wide{
    width: 770px;
}
a.hl{
    text-decoration: none;
}
.highlight-item{
    width: 196px;
    height: 46px;
    background-position: 0px center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    text-align: left;
    border: 2px solid #ccc;
    margin-bottom: 1px;
}
.highlight-item .subtitle{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 190px;
    height: 40px;
    color: #fff;
    font-weight: bold;
    z-index: 2;
}
.highlight-item .shadow{
    position: absolute;
    top: 6px;
    left: 6px;
    width: 190px;
    height: 40px;
    color: #333;
    font-weight: bold;
    z-index: 1;
}
.highlight-description{
    background-color: #000;
    padding: 5px;
    color: #fff;
    position: absolute;
    top: 100px;
    left: 0px;
    height: 100px;
    width: 196px;
    font-weight: bold;
}
.showcase{
    border: 3px solid #ccc;
    background: #fff;
    margin: 0px 35px 10px 35px;
    height: 256px;
	position: relative;
	overflow: hidden;
}
.showcase-frame{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 500px;
	height: 256px;
	cursor: pointer;
}
.showcase-icons{
	position: absolute;
	top: 0px;
	left: 430px;
	width: 64px;
	height: 256px;
	z-index: 1000;
}
.showcase-icon{
	display: block;
	width: 64px;
	height: 64px;
	background-position: 0px 0px;
	text-decoration: none;
}
.showcase-icons a.selected{
	background-position: 0 -64px;
}
.showcase-icon:hover{
	background-position: 0 -64px;
}
.showcase-subtitle{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 490px;
	z-index: 10;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.showcase-shadow{
	position: absolute;
	top: 6px;
	left: 6px;
	width: 490px;
	z-index: 9;
	font-weight: bold;
	color: #000;
	cursor: pointer;
}
.showcase-description{
	position: absolute;
	top: 150px;
	left: 0px;
	width: 480px;
	height: 86px;
	padding: 10px;
	z-index: 5;
	background-color: #000;
	color: #fff;
    font-weight: bold;
	cursor: pointer;
}
.heading{
    background: #999 url(imgs/heading.jpg) no-repeat top left;
    margin: 10px 34px 10px 34px;
    color: #eee;
    font-weight: bold;
    font-size: 14pt;
    text-align: center;
    position: relative;
    width: 502px;
    height: 162px;
}
.heading span{
    display: block;
    padding: 20px 20px 0 20px;
}
.heading strong{
    font-weight: bold;
    color: #fff;
    font-size: 16pt;
}
a.btn-service{
    text-decoration: none;
    position: absolute;
    top: 123px;
    left: 330px;
    background: url(imgs/btn_servico.jpg) no-repeat 0px 0px;
    width: 166px;
    height: 40px;
}
.lang-en a.btn-service{
	background-image: url(imgs/btn_service.jpg) !important;
}
a.btn-service:hover{
    background-position: 0px -40px;
}
.divider{
    border-bottom: 1px dashed #999;
    height: 1px;
    margin: 20px 0 10px 0;
}
.bottom-links{
	float: left;
}
.bottom-links a{
    color: #333;
    text-decoration: none;
}
.bottom-links a:hover{
    border-bottom: 0;
    color: #555;
    border-bottom: 1px solid #999;
}
.contato{
    margin: 10px 0 20px 0;
    background: #ececea;
    border: 2px solid #ccc;
    padding: 10px;
}
.contato .emairu{
	background: url(imgs/pixel_mail.gif) no-repeat center left;
	padding-left: 20px;
}
.contato .skype{
	background: url(imgs/pixel_skype.gif) no-repeat center left;
	padding-left: 20px;
}
.copyright{
    font-size: 8pt;
    font-weight: bold;
    color: #555;
}
ul{
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
}
ul ul{
    margin-left: 16px;
}
ul li,
#sidebar .widget_categories .cat-item,
#sidebar .widget_links li{
    background: url(imgs/list.png) no-repeat 2px center;
    padding: 0 0 0 16px;
	margin: 0;
}
ul ul li,
#sidebar .widget_categories .cat-item .cat-item{
    background-image: url(imgs/sublist.png);
}
ul li.no-bullet{
	background: none;
}
div.more{
    font-size: 8pt;
    margin-left: 20px;
    color: #333;
}
div.text{
    margin-left: 15px;
	text-align: left;
}
div.text p,
.entry p{
	text-align: justify;
	width: 75%;
	color: #555;
	margin: 1.5em 0;
}
.entry p{
	width: auto;
	color: #333;
}
.subheader,
.post-header{
    border-bottom: 1px solid #096;
    color: #063;
    font-weight: bold;
    font-family: "Times New Roman", times, georgia, cursive, serif;
    font-size: 14pt;
    margin-bottom: 10px;
    width: 75%;
}
.post-header{
	width: auto;
	margin: 1em 0;
}
.post-header a{
	color: #063;
	text-decoration: none;
}
.post-header a:hover{
	color: #6b9;
}
.title{
    border-bottom: 1px solid #6b9;
    color: #080;
    font-weight: bold;
    font-size: 16pt;
    margin-bottom: 15px;
    font-variant: small-caps;
}
.title a{
    text-decoration: none;
    color: #080;
}
.title a:hover{
    color: #3b3;
}
ul.mapa a{
    border-bottom: 1px dashed #555;
    color: #333;
    text-decoration: none;
    line-height: 20px;
    padding: 0 10px 0 5px;
}
ul.mapa ul{
    font-size: 8pt;
}
ul.mapa a:hover{
    color: #000;
    border-bottom: 0;
}
ul.menu-list li.item{
    text-align: left;
    background: none;
}
ul.menu-list li.item a{
    display: block;
    border-bottom: 1px solid #99E8A4;
    font-weight: bold;
    color: #555;
    padding-left: 10px;
    line-height: 40px;
    font-size: 14pt;
    text-decoration: none;
    padding-left: 20px;
    border-left: 3px solid #3c6;
	border-bottom: 1px dashed #999;
}
ul.menu-list li.item a:hover{
    color: #000;
    border-left: 3px solid #393;
}
ul.menu-list li.selected a{
    color: #333;
    border-left: 3px solid #393;
}
.found{
    text-align: center;
    font-weight: bold;
    color: #555;
}
.found strong{
    color: #000;
}
.pages{
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    background: #ececea;
    text-align: center;
    padding: 2px 5px;
    font-weight: bold;
}
.pages a{
    text-decoration: none;
    font-weight: normal;
}
.pages a:hover{
    color: #f00;
}
.banner{
    text-align: center;
    margin-bottom: 5px;
}
.banner img{
    width: 570px;
    height: 100px;
    border: 0;
}
.footer{
    text-align: center;
    color: #080;
}
a:hover{
    color: #f00;
}
#bgshadow{
    background: #000;
    position: absolute;
}
.work .description{
    border: 1px dotted #ccc;
    margin: 0 10px 10px 10px;
    padding: 10px;
    background: #f3f3f3;
	text-align: justify;
}
.work .tools{
    float: right;
    width: 150px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}
.work .tool-header{
    background: #ddd;
    font-weight: bold;
    text-align: center;
    padding: 2px 5px;
    border-bottom: 2px solid #a3a3a3;
    margin-bottom: 5px;
}
.quote-box{
	background: #f9f9f9;
	border: 1px dashed #ccc;
	margin: 10px 50px 10px 0;
	padding: 10px;
	text-indent: 15px;
	text-align: justify;
}
.quote-box p{
	margin: 0 0 5px 0;
}
#tooltip {
    border: 2px solid #555;
    background: #ececea;
    padding: 5px;
    text-align: justify;
    font-size: 8pt;
    font-weight: bold;
    z-index: 10000;
    top: -1000px;
    position: absolute;
}
.work{
	padding: 2px;
	border: 1px solid #999;
	background: #fafafa url(imgs/bg_work.gif) no-repeat center top;
	margin: 0 auto;
	width: 496px;
	margin-bottom: 10px;
}
* html .work{
	width: 500px;
}
.work .icon{
	border: 1px solid #999;
	width: 180px;
	height: 180px;
	float: left;
}
.work .info{
	float: right;
	width: 300px;
	padding: 5px 5px 5px 0;
	margin-bottom: 5px;
}
.work a{
	color: #395;
	text-decoration: none;
	border-bottom: 1px dotted #395;
}
.work a:hover{
	border-bottom: 0;
}
.work .footer{
	text-align: center;
}
.work .done{
	margin-bottom: 20px;
}
.work .done li{
	line-height: 20px;
	height: 20px;
	margin-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	background-position: 0px 3px;
}
.work h3.title{
	color: #359;
	border-bottom: 2px dotted #369;
	font-size: 11pt;
	font-weight: bold;
	margin: 0 10px 10px 0;
	padding: 0;
}
.work-footer{
	text-align: right;
	margin: -40px 40px 10px 0px;
	font-size: 12pt;
	color: #555;
	text-align: right;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
}
.work-footer a{
	padding: 2px 10px;
	border-top: 1px solid #999; 
	color: #555;
	text-decoration: none;
	font-variant: small-caps;
}
.work-footer a:hover{
	color: #000;
	border-top-color: #555;
}
.clear{
	clear: both;
}
#mm_more{
	font-size: 10pt;
	color: #555;
	font-weight: bold;
	font-style: italic;
	position: relative;
	z-index: 5;
	top: -30px;
	padding-top: 10px;
}
#mm_more .info{
	position: absolute;
	visibility: hidden;
	top: 10px;
}

.tool-list-panel{
	width: 37%;
	float: left;
}
.tool-list-title{
	font-size: 16pt;
	color: #787;
	margin: 5px;
}
.tool-list-panel ul.tool-list li{
	line-height: 24px;
	height: 24px;
	margin-bottom: 3px;
	border-bottom: 1px solid #aba;
	padding-left: 30px;
}
.bottom .cont{
	width: 75%;
	margin: 5px auto;
}
.copyright{
	float: right;
	font-weight: bold;
	color: #555;
}
.copyright em{
	font-style: italic;
	font-weight: normal;
	color: #999;
}


input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #fba;
	border: 1px solid #f30;
	color : #842;
	font-weight: bold;
}

.ssmail{
	padding-top: 70px;
	text-align: center !important;
	color: #555 !important;
	font-weight: bold;
}
.sfmail{
	padding-top: 70px;
	text-align: center !important;
	color: #842 !important;
	font-weight: bold;
}
#showcase .frame{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
#showcase .frame img.data{
	position: absolute;
	top: 0px;
	left: 0px;
}
#showcase .frame h2.data{
	position: absolute;
	width: 100%;
	top: 5px;
	left: 5px;
	color: #fff;
    font-weight: bold;
	font-family: verdana, arial, helvetica, serif;
	font-size: 12pt;
	z-index: 2;
}
#showcase .frame p.data{
	position: absolute;
	bottom: 0%;
    left: 0%;
    width: 460px;
    height: 50px;
    padding: 10px;
    z-index: 5;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}
#showcase .frame a.data{
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #eef;
	z-index: 10;
}
#showcase .frame a.data:hover{
	text-decoration: none;
}
.showcase {
    border: 3px solid #ccc;
    background: #fff;
    height: 256px;
    width: 544px;
    position: relative;
    overflow: hidden;
} .showcase-frame {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 480px;
    height: 256px;
	background-color: #333;
    overflow: hidden;
    cursor: pointer;
} .showcase-icons {
    position: absolute;
    top: 0px;
    left: 480px;
    width: 64px;
    height: 256px;
    overflow: hidden;
    z-index: 1000;
} .showcase-icon {
    display: block;
    width: 64px;
    height: 64px;
    background-position: 0px 0px;
    text-decoration: none;
	border: 0;
} .showcase-icons a.selected {
    background-position: 0 -64px;
} .showcase-icon:hover {
    background-position: 0 -64px;
} .showcase-subtitle {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 470px;
    z-index: 10;
	font-size: 12pt;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
} .showcase-shadow {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 470px;
    z-index: 9;
	font-size: 12pt;
    font-weight: bold;
    color: #000;
    cursor: pointer;
} .showcase-description {
    position: absolute;
	bottom: 0%;
	top: auto;
    left: 0px;
    width: 460px;
    height: 50px;
    padding: 10px;
    z-index: 5;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.showcase-arrow-left{
	position: absolute;
	height: 100%;
	width: 52px;
	background: none;
	text-decoration: none;
	border: 0;
	z-index: 100;
	cursor: pointer;
}
.showcase-arrow-left:hover{
	background: url(imgs/arrow.png) no-repeat left center;
}
.showcase-arrow-right{
	position: absolute;
	height: 100%;
	width: 52px;
	right: 0%;
	background: none;
	text-decoration: none;
	border: 0;
	z-index: 100;
	cursor: pointer;
}
.showcase-arrow-right:hover{
	background: url(imgs/arrow.png) no-repeat -52px center;	
}

/***************
 * SlideShow
 ************/
.slideshow {
    border: 3px solid #ccc;
    background: #fff;
    height: 256px;
    width: 480px;
    position: relative;
    overflow: hidden;
	margin: 0 auto;
}
.slideshow .showcase-icons {
    display: none;
}

.navigation .alignright{
	float: right;
}
.navigation .alignleft{
	float: left;
}
.post{
	padding: 1em 0 2em 0;
	margin: 2em 0 1em 0;
}
.post-meta-header,
.postmetadata{
	border-top: 2px solid #999;
	border-bottom: 1px solid #bbb;
	background: #eee;
	color: #999;
	margin-top: -1em;
	margin-bottom: 1em;
}
.post-meta-header a, .postmetadata a{
	font-weight: bold;
}
.postmetadata{
	margin: 0;
	font-weight: normal;
	font-style: italic;
	padding: 5px;
}
.postmetadata a{
	color: #369;
	text-decoration: none;
}
.postmetadata a:hover{
	color: #039;
	text-decoration: underline;
}
.post-meta-header a{
	color: #555;
	text-decoration: none;
}
.post-meta-header a:hover{
	text-decoration: underline;
	color: #333;
}
.post-meta-header div{
	float: left;
	padding: 5px 0;
	font-size: 10px;
	line-height: 20px;
}
.post-meta-header .date{
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-transform: lowercase;
	font-variant: small-caps;
	margin-right: 10px;
	background: #999;
	border-right: 1px solid #bbb;
	padding: 5px;
}
.post-meta-header .meta-comments{
	float: right;
	background: url(imgs/comments.png) no-repeat left center;
	font-size: 11px;
	font-weight: bolder;
	width: 24px;
	text-align: center;
}
.post-meta-header .meta-comments a{
	color: #fff !important;
	text-shadow: 0px 0px 1px black;
	position: relative;
	top: -2px;
}
.post-meta-header .meta-comments a:hover{
	text-shadow: 0px 0px 2px black;
}
.post-meta-tags{
	margin-top: 1.5em;
	background: url(imgs/tags.png) no-repeat 10px 0px;
	padding-left: 30px;
	font-style: italic;
}

div.code-box .comment{color: #008000; font-style: italic; padding: 0; margin: 0; background: inherit; border: none;}
div.code-box .documentation-keyword{font-weight: bold;}
div.code-box{border: 1px solid #999; font-size: 8pt; font-family: Courier New, monospace; margin: 20px; color: #000}
div.code-box .string{color: #005C00;}
div.code-box .keyword, span.keyword{color: #0000C0; font-weight: bold;}
div.code-box .code-list{margin: 0; background-color: #ddd; padding-left: 50px;}
div.code-box .documentation-identifier{color: #BF409F;}
div.code-box .documentation{color: #3F5FBF; font-style: italic;}
div.code-box .character{color: #800040;}
div.code-box .number, span.number{color: #004080;}
div.code-box .code-line{border-left: 3px solid #33bb99; background-color: #fff; padding-left: 10px;}
div.code-box .code-line-alt{background-color: #f0f0f0; }
div.code-box .compiler-directive{color: #008080;}
div.code-box .error{color: #ff0000; background-color: #E18989;}
div.code-box .operator{color: #7A7A7A;}
div.code-box .code-line-hi{background-color: #ffffee !important;}
div.code-box .code-line-hi-alt{background-color: #f0f0df !important;}
div.code-box .regular-expression{color: #005C00; background-color: #D7F4F4;}
.plain{font-family: "Courier New", monospace; font-size: 10pt;}
div.code-box li.code-line a{
	color: #000;
	text-decoration: none !important;
}
div.code-box li.code-line a:hover{
	text-decoration: none !important;
}
.framed-pic{
	padding: 4px;
	background: #fff;
	border: 2px solid #ddd;
}

ol.commentlist{
	list-style: none;
}
.commentlist li{
	background: none;
	margin: 1em 0;
}
.commentlist .comment-body{
	background: #eee;
	color: #777;
	border-top: 2px solid #999;
	border-bottom: 1px solid #bbb;
}
.commentlist .vcard{
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	font-weight: bold;
	height: 48px;
	line-height: 64px;
}
.commentlist .comment-author-admin .comment-body{
	background: #ddd;
}
.commentlist .comment-author-admin .vcard{
	border-color: #ccc;
}
.commentlist .vcard a{
	color: #555;
	text-decoration: none;
}
.commentlist .vcard a:hover{
	color: #333;
	text-decoration: underline;
}
.commentlist .vcard .avatar{
	float: left;
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
	margin: 10px;
}
.commentlist .comment-meta{
	font-size: 8pt;
	font-style: italic;
	padding-top: 2px;
}
.commentlist .comment-meta a{
	color: #999;
}
.commentlist .comment-meta a:hover{
	color: #333;
	text-decoration: none;
}
.commentlist p{
	clear: both;
	margin: 1.5em 5px;
	text-align: justify;
	color: #333;
}
.commentlist .reply{
	text-align: right;
	margin: 10px 5px 5px 5px;	
}
.commentlist .reply a{
	color: #555;
}
.commentlist .reply a:hover{
	text-decoration: none;
	color: #333;
}
.widget_search form{
	background: url(imgs/search.gif) no-repeat center top !important;
	width: 200px;
	height: 47px;
	position: relative;
}
.widget_search label, .widget_search #searchsubmit{
	display: none;
}
.widget_search input{
	position: absolute;
	top: 15px;
	left: 40px;
	width: 145px;
	background: none;
	border: none;
}
#sidebar .widget_categories li, #sidebar .widget_links li{
	line-height: 24px;
	height: 24px;
	border-bottom: 1px solid #ddd;
}

/* tabbed widget */
.tabbed_widget{
	margin-bottom: 2em;
}
#tabwidget{
	margin-left: -5px;
	line-height: 48px;
	height: 48px;
	border-right: 2px solid #999;
	border-top: 2px solid #999;
	background: #ddd;
	overflow: hidden;
}
#tabwidget .tab-item{
	display: inline;
	float: left;
	line-height: 48px;
	height: 48px;
	overflow: hidden;
	width: 65px;
	min-width: 65px;
}
#tabwidget .first a{
	border-left: none !important;
}
#tabwidget .tab-item a{
	color: #999;
	display: block;
	font-weight: bold;
	font-size: 10px;
	font-variant: small-caps;
	text-transform: lowercase;
	line-height: 20px;
	padding-top: 28px;
	text-align: center;
	background: #ddd no-repeat center 1px;
	text-decoration: none;
	border-left: 1px solid #bbb;
}
#tabwidget .tab-item a:hover,
#tabwidget .selected a{
	border-left: 1px solid #999;
	background-color: #999;
	color: #fff;
}
#tabwidget .rss a{
	background-image: url(imgs/tab_rss.png);
}
#tabwidget .comments a{
	background-image: url(imgs/tab_comments.png);
}
#tabwidget .popular a{
	background-image: url(imgs/tab_popular.png);
}
#tabwidget_container{
	margin-left: -5px;
	clear: both;
	border: 2px solid #999;
	border-top: 1px solid #bbb;
	border-left: none;
	padding: 0 5px;
}
#tab_rss .feed-image{
	float: left;
	margin: 5px 10px 10px 5px;
}
#tab_rss .subscribe-description{
	color: #555;
	font-size: 10px;
	margin: 5px;
	height: 64px;
	padding-top: 10px;
	text-align: justify;
}
#tab_rss a{
	font-weight: bold;
	color: #369;
	text-decoration: none;
}
#tab_rss a:hover{
	color: #036;
	text-decoration: underline;
}
#tab_rss .mail-subscribe{
	clear: both;
	margin: 10px -5px 0 -5px;
	color: #555;
	font-size: 10px;
	border-top: 1px solid #bbb;
	background: #ddd url(imgs/mail.png) no-repeat 10px center;
	padding: 5px 5px 5px 40px;
	text-align: center;
	font-style: italic;
}
#tab_popular .noposts,
#tab_comments .noposts{
	padding: 5px;
	text-align: center;
	font-style: italic;
	font-size: 10px;
	color: #999;
}
#popular_posts,
#last_comments{
	margin: 0 -5px;
}
#popular_posts li a,
#last_comments li a,
#sidebar .widget li a{
	color: #555;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 16px;
	padding: 2px 5px 2px 20px;
	font-size: 10px;
	border-bottom: 1px solid #bbb;
	background: url(imgs/linkd.png) no-repeat 2px center;
}
#popular_posts li a:hover,
#last_comments li a:hover,
#sidebar .widget li a:hover{
	color: #fff;
	background: #999 url(imgs/linkh.png) no-repeat 2px center;
	border-bottom: 1px solid #999;
}
#last_comments li a{
	background-image: url(imgs/comments.png) !important;
	background-position: 2px 2px !important;
	padding-left: 32px;
	font-weight: normal;
	font-style: italic;
}
#last_comments .author{
	font-weight: bold;
}
#last_comments .comment{
	display: block;
	margin-top: 2px;
}
#sidebar .widget li a{
	margin: 0 -5px;
	border-bottom: none;
	display: inline;
	font-size: 1em;
	font-weight: normal;
}
#sidebar .widget li a:hover{
	border-bottom: none;
	color: #080;
	background: url(imgs/linkh.png) no-repeat 2px center;
}
#sidebar .widget li{
	background: none !important;
	height: auto !important;
	border: none;
	padding: 3px 0 !important;
	line-height: auto;
	border-top: 1px solid #bbb;
}
#sidebar .widget ul ul{
	margin-left: 15px;
}
#sidebar .widget_tag_cloud{
	text-align: center;
}
#sidebar .widget_tag_cloud a{
	text-decoration: none;
	vertical-align: middle;
	color: #999;
}
#sidebar .widget_tag_cloud a:hover{
	color: #080;
	text-decoration: underline;
}
#content .subheader{
	width: auto;
}
.section-title{
	font-size: 14pt;
	color: #555;
}
.align-center{
	text-align: center !important;
}

.download{
	border: 2px solid #eee;
	border-top: 4px solid #ddd;
	padding: 25px 10px 25px 80px;
	background: #fafafa url(imgs/download.png) no-repeat 19px center;
}
.download a{
	font-weight: bold;
}
.download-info{
	text-align: right;
	font-size: 10px;
	color: #555;
	margin: -20px 10px 20px 0;
}
.work .info .portags{
	font-size: 10px;
	line-height: 16px;
	margin: 5px 0 20px 0;
}
.social_bookmark{
	border-top: 1px solid #ddd;
	margin: 1.5em 0 10px 0;
	padding: 5px;
}
.social_bookmark em{
	font-weight: bold;
	color: #555;
	margin: 5px 0 -5px 0;
	display: block;
}
.skype_button{
	vertical-align: middle;
}

/** comments */
#commentform p{
	margin: 0 0 40px 0;
	clear: both;
	position: relative;
}
#commentform small{
	color: #777;
}
#commentform label{
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	margin: 10px 0 25px 0;
	width: 480px;
	max-width: 480px;
}
#commentform input{
	margin: 20px 0 10px 0;
	position: absolute;
	height: 20px;
	line-height: 20px;
	display: block;
}
#comment{
	margin-top: -30px;
}

#commentform input, #commentform textarea{
    color: #555; 
    border: solid 1px #69b;  
    outline: 0;
	padding: 3px 5px;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    background: #fff url('imgs/inputbg.gif') left top repeat-x;  
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
}
#commentform textarea{
	width: 480px;
	max-width: 480px;
}
#commentform input:hover, #commentform textarea:hover,  
#commentform input:focus, #commentform textarea:focus{
	color: #222;
    border-color: #369;   
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}
#commentform input#submit{
	cursor: pointer;
	margin: -30px 0 0 0;
	position: static;
    width: auto;
	height: auto;
    padding: 9px 15px;  
    background: #086;
    border: 0;
    font-size: 14px;
    color: #eee;
	font-weight: bold;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
	border-radius: 5px;
}
#commentform input#submit:hover{
	background: #396;
	color: #fff; 
}