/*
Theme Name: Psicologia 10
Theme URI: http://www.psicologia10.com.br/
Description: A fantastic theme for Flavio Pereira's Psychology Website - Curitiba - Brazil.
Version: 1.0
Author: GN10
Author URI: http://www.gn10.com.br
Tags: red, yellow, fixed width, two columns
*/

/* Basics */
body {
	font: 13px "Helvetica Neue", Helvetica-Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #222;
}

img, a img {border: none;}

a, a img {outline: none;}

a {text-decoration: none; color: #03437C;}

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

p.more-link a {background: url(images/icon-more.gif) no-repeat right bottom; padding-right: 16px; color: #31a236;}

address {font-style: normal; margin: 0; padding:0;}

blockquote {
	font: 19px Georgia, "Times New Roman", Times, serif;
	color: #666;
	line-height: 25px;
	margin: 12px 8px;
	padding: 0 0 0 35px;
	background: url(images/blockquote.gif) no-repeat left top;
}

h1, h2, h3, h4, h5, h6 {margin: 5px; padding: 0px;}

h1 {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -1px;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #31a236;
}
	
h3 {
	font-size: 20px;
	font-weight: bold;
}
	
h4 {
	font-size: 18px;
	font-weight: bold;
}

h5 {
	font-size: 16px;
	font-weight: bold;
}

h6 {
	font-size: 14px;
	font-weight: bold;
}

form {margin: 0; padding: 0;}

input, select {margin: 2px 0;}

label {margin: 5px 3px;}

table {border-collapse: collapse; border-color: #777;}

input[type='text'], textarea, select {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	background: #fff;
	border: 1px solid #ccc;
	color: #888;
	padding: 4px 2px;
	margin: 0px;
}
input[type='text']:hover, textarea:hover {background: #FFFBEF; border-color: #FFD324; cursor: text;}
input[type='text']:focus, textarea:focus {background: #ffC; border-color: #FFD324; color: #0d0d0d;}
input[type='checkbox'], input[type='radio'] {margin-top: 5px;}

textarea#Mensagem {margin-bottom: 7px; width: 350px; height: 125px;}

/* Globals */
.left {float: left;}
.right {float: right;} 
.center {text-align: center;}

.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.aligncenter, img.aligncenter {margin: 5px auto;}

.tright {text-align: right;}
.tleft {text-align: left;}

.five {margin: 5px;}
.rfive {margin-right: 5px;}
.lfive {margin-left: 5px;}

.clear {clear: both;}
.hidden {display: none;}
.pcinco {padding: 0 8px;}

.orange {color: #F60;}
	.orange a {color: #F60;}
	.orange a:hover {color: #F60;}
.red {color: #C00;}
.light-blue {color: #3385b9;}
.tdborder {border-bottom: 1px solid #EBEBEB;}

.talk {font-size: 14px; margin-left: 10px;}

.inputs {width: 165px;}

/* Structure */
#page-wrap {
	width: 952px;
	margin: 0 auto;
	background: #FFF url(images/bkg-page-wrap.gif) repeat-y top left;
}

#page-last-wrap {
	width: 952px;
	height: 10px;
	background: url(images/bkg-page-last-wrap.gif) no-repeat bottom left;
}

#page {width: 940px; margin: 0 auto;}

#content {margin: 10px 0;}

/* Header / Menu */
#header {
	height: 194px;
	background: url(images/bkg-head.jpg) no-repeat top left;
	position: relative;
	margin-bottom: 10px;
}
	#header h1,
	#header .missao {width: 280px; margin: 0; padding: 0; position: absolute; text-align: center;}
	#header h1 {top: 15px; left: 150px; height: 70px;}
	#header .missao {top: 90px; left: 150px; font-size: 13px; font-weight: bold; color: #03437c;} 
	#header .missao span {font-size: 17px; font-style: italic;} 
	#header .missao span a {color: #c00;} 

.fale, .phne, .emai, .emsn, .esky, .pval, .pduv, .marcar {position: absolute; font-size: 15px; font-weight: bold; font-style: italic; }
.phne, .emai, .emsn, .pval, .pduv {left: 680px; color: #333;}
.pval {top: 10px;}
.emai {top: 35px;}
.emsn {top: 55px;}
.esky {top: 55px; left: 835px; color: #333;}
.phne {top: 80px;}
.pduv {top: 105px;}
.marcar {top: 10px; left: 660px;}


#top-menu {
	background: url(images/bkg-menu.png) repeat-x top left;
	bottom: 24px;
	right: 0px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 23px;
	width: 920px;
	padding: 7px 0 0 20px;
	color: #fff;
}
#top-menu a {color: #fff; margin: 0px 5px;}
#bar-icons {bottom: 0px; right: 0px; position: absolute; height: 30px;}

#lop-menu {position: absolute; bottom: 0px; left: 0px; padding: 5px 0 0 20px; height: 18px; width: 920px; background: #ECECEC;}
#lop-menu a {color: #444; margin: 0 5px;}

.chatrel {position: relative; width: 670px; height: 170px;}
.chat {position: absolute; top: 100px; right: 110px; width: 125px; height: 50px; z-index: 2;}
.chat-link {position: absolute; top: 80px; right: 90px; width: 145px; height: 70px; z-index: 3;}
.chat-link a {width: 145px; height: 70px; z-index: 3; text-indent: -9999em; display: block;}

.xatrel {position: relative; width: 130px; height: 50px;}
.xat, .xat-link {position: absolute; top: 0px; left: 0px; width: 130px; height: 50px;}
.xat {z-index: 2;} .xat-link {z-index: 3;}
.xat-link a {width: 130px; height: 50px; text-indent: -9999em; display: block; z-index: 3;}

/* Banners: Home */
#welcome {
	width: 230px;
	height: 255px; 
	float: left;
}

#banners {
	width: 700px;
	height: 275px;
	float: left;
	color: #060; 
	background-color: #FFF;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#tab, .ui-tabs-panel {height: 245px;}

#tab {position: relative;}

.ui-tabs-panel {}

#slides {width: 500px; right: 0px; top: 10px; position: absolute;}

.ui-tabs-hide {display: none;}
	
.ui-tabs-nav {
	width: 190px;
	margin: 0; 
	padding: 0;
	position: absolute;
	top: 0px;
	left: 5px;
	list-style-type: none;
}

	ul.ui-tabs-nav li {
		border-bottom: 1px solid #ccc;
		font-size: 12px;
		font-weight: bold;
		line-height: 20px;
		margin: 0;
		padding: 0px 5px;
	}

	ul.ui-tabs-nav li a:link, ul.ui-tabs-nav li a:visited, ul.ui-tabs-nav li a:active {
		color: #31A236;
		text-decoration: none;
	}

	ul.ui-tabs-nav li.ui-tabs-selected {background-color: #03437C; color: #FFF;}

	ul.ui-tabs-nav li.ui-tabs-selected a {background-color: #03437C; color: #FFF;}


/* Gray Box */
.gray-box {
	background-color: #f0f0f0;
	padding: 8px 0;
}
	.gray-box h3, #gray-box h4 {font-family: "Trebuchet MS", "Lucida Sans", Verdana, Arial; margin: 3px 2px; padding: 0;}
	.gray-box p {margin: 2px; padding: 0;}

.gray-boxy {width: 440px;}
.gray-border {border-left: 1px solid #c0c0c0;}
.gray-pub {width: 470px;}

.imgm {float: left;}


/* Side */
#side {
	width: 250px;
	float: left;
	font-size: 15px;
	background: #f9f9f9 url(images/bkg-side.gif) no-repeat top right;
}
	#side h4 {margin-left: 10px; color: #31A236;}
	#side a {color: #03437C;} /*#31A236*/
	#side ul {margin: 0; padding: 0; list-style-type: none; width: 220px;}
	#side ul li {
		margin: 4px 0 4px 10px;
		padding: 0 0 4px 0;
		border-bottom: 1px solid #E1E1E1;
	}
	#side ul li ul {
		margin: 0;
		padding: 0;
	}
	#side ul li ul li{
	 	font-size: 13px;
	 	font-weight: bold;
		margin: 6px;
		padding: 0;
		border: 0;
	}
	#side ul li ul li a {
		background: url(images/bkg-menu-side.gif) no-repeat top left;
		padding-left: 15px
	}



/* Wrapper */
.wrapper {
	width: 680px;
	float: right;
	margin: 0;
	padding: 0 0 10px 0;
}

.post-wrap {
	padding: 0;
	margin: 7px;
	clear: both;
}

.post-wrap .post {
	width: 290px;
	margin: 0;
	padding-right: 15px;
	float: left;
}
	.post-home {height: 200px;}
	.post-search {height: 260px;}
	.post-wrap .post h2, .h2-post-single {
		font-weight: bold;
		letter-spacing: -1px;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #ebebeb;
	}
	.post-wrap .post h2 {font-size: 23px;}
	.post-wrap .post h2 a {color: #31a236;}
	
	.h2-post-single {font-size: 30px;}
	
	.post-head p {
		margin: 0;
		padding: 2px;
		line-height: 14px;
	}
	.entry {padding-top:2px;}
	.entry h4 {font-size: 16px; color: #77a235; border-bottom: 1px solid #77a235;}
	.entry p {margin: 5px 10px 10px 10px; padding: 0; line-height: 21px;}
	.entry ul, .entry ol	{
		margin: 6px 5px 6px 40px;
		padding: 0;
		line-height: 18px;
	}
		.entry ul li, .entry ol li {margin: 3px 0; padding: 0;}
		.entry ul li ul, .entry ol li ul {margin: 0 0 0 20px; padding: 0;}
		.entry ul li ul li, .entry ol li ul li {margin: 3px 0; padding: 0;}

.archives-padding {margin-left: 8px; min-height: 450px;}

.new-posts {margin-right: 20px;}
.new-posts .post {border-bottom: 1px solid #ddd;}
.new-posts .post-date {font-size: 13px; font-style: italic; padding-bottom: 3px;}
.new-posts a {color: #31a236;}
.new-posts h3 {font-size: 22px; font-weight: bold;}
.new-posts .more-link {text-align: right;}
.post-img {float: left; padding: 5px 10px; height: 120px;}


/* Entry / More Options */
.more-boxe {		
	padding: 10px;
	margin: 10px;
	background: #f9f9f9;
	border: 5px solid #e8e8e8;
}
	.more-boxe .email, .more-boxe .print, .more-boxe .feed, .more-boxe .share, .more-boxe .tags {
		padding: 4px 0 3px 22px;
		display: block;
	}
	.more-boxe .email {background: url(images/icon-mail.gif) no-repeat left center;}
	.more-boxe .print {background: url(images/icon-print.gif) no-repeat left center;}
	.more-boxe .feed {background: url(images/icon-feed.gif) no-repeat left center;}
	.more-boxe .share {background: url(images/icon-share.gif) no-repeat left center;}
	.more-boxe .tags {background: url(images/icon-tag.gif) no-repeat left center;}

/* Contact Form */
#Contato {width: 560px; margin: 5px auto; padding: 10px; background: #f9f9f9; border: 1px solid #CCC;}
#Contato label {margin: 0; font: 11px Arial, Helvetica, sans-serif;}
#Contato select option {margin: 0 2px;}
#Contato select optgroup {font-style: normal; margin: 4px 2px; border-bottom: 1px solid #999;}
#Contato .dads {margin: 2px 8px;}
#Contato .dados {width: 260px; margin: 2px 8px;}
#Contato .cons {width: 170px; margin: 2px 8px;}
#Contato .enviar {margin: 2px 8px;}

/* Footer */
#footer {
	font-size: 12px;
	color: #333;
	width: 940px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background: url(images/bkg-footer.png) no-repeat top left;
	border-top: 5px solid #31a236;	
}

#footer p {margin: 5px 10px; padding: 0;}

#footer a {color: #03437c;}

#footer-box {
	font-size: 14px;
	line-height: 22px;
	height: 40px;
	margin: 10px 0 10px 80px;
}

#footer-box div.address {
	width: 340px;
	float: left;
}	

#footer-box div.fone {
	width: 175px;
	float: left;
}	

#footer-box div.hora {
	width: 175px;
	float: left;
}

#footer-box div.msn {
	width: 220px;
	float: left;
}	

#footer-box span.gn10 a {
	margin: 7px 0 0 0;
	float: right;
	width: 100px;
	height: 30px;
	text-indent: -999em;
}
#pos-footer {width: 940px; margin: 0 auto; padding: 10px 0; text-align: center;}
#pos-footer ul {list-style-type: none; margin: 0; padding: 0;}
#pos-footer ul li {display: inline; margin-right: 10px;}

/* Comments */
ul.commentlist li {padding: 10px; list-style-type: none; border: 3px solid #e8e8e8; margin: 10px;}

ul.commentlist li.alt {background: url(images/hash.gif) repeat; border: #fff 5px solid;}

ul.commentlist li p {margin-top: 0;}

cite.comment-author {font-size: 17px; font-style: normal; letter-spacing:-1px; color:#C00; }

#author, #email, #url, #comment {font-family: Georgia, serif; font-size: 13px; color: #444;}

#commentform .comment-data {width: 200px;}

.comment-data p {margin: 0; padding: 0;}

#commentform #comment {width: 350px; height: 100px;}

.count {font: 36px Georgia, "Times New Roman", Times, serif; float: right; color: #888;} 

/* Plugin: jQuery Lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img {border: none;}

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box {
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;} 
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em;}

/* Plugin: jQuery Carousel */
.infiniteCarousel {width: 930px; height: 150px; position: relative; margin: 5px;}
.infiniteCarousel .wrapper {
	width: 875px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	height: 150px;
	margin-left: 25px;
	position: absolute;
	top: 0;
}

.infiniteCarousel .wrapper ul {
	width: 9999px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
}
.infiniteCarousel ul li {
	display:block;
	float:left;
	padding: 5px 0;
	height: 85px;
	width: 220px;
	text-align: center;
}
.infiniteCarousel ul li a img {display:block;}
.infiniteCarousel .arrow {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 110px;
	width: 25px;
	background: url(images/arrow.png) no-repeat 0 0;
	text-indent: -999px;
	position: absolute;
	bottom: 10px;
	cursor: pointer;
}
.infiniteCarousel .forward {background-position: -75px 0px; right: 0px;}
.infiniteCarousel .forward:hover {background-position: -50px 0px;}
.infiniteCarousel .back {background-position: 0px 0px; left: 0;}
.infiniteCarousel .back:hover {background-position: -25px 0px;}

#foto {
	padding: 5px;
	background: #E9E9E9;
	font-weight:bold; 
	font-size:14px;
}