/*
Theme Name: AEPLE
Theme URI: http://aeple.pt
Description: Custom theme created for AEPLE / KC Design Lab
Version: 1.0
Author: Kevin Chappell
Author URI: http://kevin.liquidproduction.net
Tags: clean, school, grey, portugal

*/


/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
strong {
	font-weight:bold;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
.entry ol {
	list-style-position:outside;
	list-style:decimal-leading-zero;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html {
	font-size: 62.5%;
	margin:0px;
	padding:0px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	background: #fff;
	color:#000;
}
a, a:visited {
	color:#c32827;
	text-decoration:none;
	outline:0;
}
a img {
	border:none;
}
a:hover {
	color:#c32827;
	text-decoration:underline;
}
a:active {
	color:#dc2c2b;
}
h1, h2, h3, h4 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}
h1 {
	font-size:22px;
	font-weight:bold;
	margin: 10px 0;
	color:#595959;
}
h2 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin: 10px 0;
	color:#595959;
}

.page-template-member-page-php #content-wrap h2 {
	clear:both;
}
h3 {
	font-size:14px;
	font-weight:bold;
	margin: 5px 0;
}
h4 {
	font-weight:bold;
	margin: 5px 0;
	font-size:11px;
}
p {
	font-size: 12px;
	line-height: 18px;
	margin:10px 0px;
}
hr {
	margin:15px 0;
	border:1px solid #ccc;
}
#site_wrap {
	width:932px;
	margin:auto;
}
/* -- HEADER STUFF --*/

#lang_select {
	float:right;
	text-align:right;
	padding-top:15px;
	text-transform:uppercase;
	width:200px;
	height:12px;
	position:relative;
}
#lang_select a {
	color:#000;
	padding:8px 12px;
	border-right:1px solid #e5e5e5;
}
#lang_select a:hover {
	text-decoration:none;
}
#lang_select a:last-child {
	border-right:none;
}
#header {
	height:108px;
	background: url(images/aeple_logo.gif) no-repeat 25px center;
}
#header h1 {
	text-indent:-9999px;
	display:inline;
	width:170px;
	float:left;
}
#header h1 a {
	display:block;
	width:148px;
	height:88px;
	margin-left:20px;
}
#header ul {
	background:url(images/menu_bg.gif) no-repeat center center;
	float:right;
	font-size:11px;
	font-weight:bold;
	height:15px;
	margin-top:16px;
	padding:10px 0;
	text-align:center;
	width:720px;
	position:relative;
}
#header ul a, #header ul a:visited, #header ul a:active {
	border:medium none;
	color:#fff;
	display:inline;
	text-decoration:none;
	padding: 2px 7px 6px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-radius:5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-right-radius:5px;
}
#header ul a:hover {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-radius:5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-right-radius:5px;
	border-bottom:0;
	color:#555;
	text-decoration:none;
	background:#EAEAEA;
	z-index:1000;
	padding:2px 6px 6px;
	border-top:1px solid #a2a2a2;
	border-left:1px solid #a2a2a2;
	border-right:1px solid #a2a2a2;
}
#header ul li {
	display:inline;
	/*float:left;*/
	list-style:none;
	position:relative;
}
/* SECOND LEVEL*/
#header ul ul {
	height:auto;
	position:absolute;
	top:4px;
	left:-8px;
	list-style:none;
	visibility:hidden;
	text-align:left;
	z-index:20;
	background:url(images/drop_menu_bg.png) center bottom no-repeat;
	width:180px;
	border:none;
	padding-bottom:15px;
}
#header ul .page-item-18 ul{
	height:auto;
	position:absolute;
	top:4px;
	left:-8px;
	list-style:none;
	visibility:hidden;
	text-align:left;
	z-index:20;
	background:url(images/drop_menu_bg2.png) center bottom no-repeat;
	width:220px;
	border:none;
	padding-bottom:15px;
}

#header li li {
	background:transparent none repeat scroll 0 0;
	display:block;
	border:none;
	height:22px;
	padding-left:5px;
}
#header li li a {
	padding:6px 2px;
	width:85%;
	margin:auto;
	border:none;
}
#header li li a:hover {
	padding:6px 2px;
	width:85%;
	margin:auto;
	border:none;
}
/* SECOND LEVEL LINKS*/
#header ul ul a, #header ul ul a:visited, #header ul ul a:active {
	color:#777;
	padding:0;
	border:none;
	display:block;
}
#header ul ul a:hover {
	color:#444;
	background:none;
	padding:0;
}
/* make the second level visible when hover on first level list OR link */
#header ul li:hover ul, #header ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#header ul :hover ul ul {
	visibility:hidden;
}
.page_item {
	padding:0;
	border-left:1px solid #D2D2D2;
}
.page-item-4, .page-item-155  {
	border-left:none;
}
#content {
	border:1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	padding-bottom:15px;
}
.description {
	padding:5px 20px;
	color:#aaa;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	width:400px;
	text-transform:uppercase;
}
.banner {
	margin-bottom:15px;
	background:#fff url(images/portuguese_banner.jpg) no-repeat center center;
	height:130px;
	border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}
.home .banner {
	background:#000 url(images/home_ban_bg.jpg) no-repeat right center;
	padding:0;
	height:212px;
}
.home_ban_info {
	color:#F7C414;
	font-weight:bold;
	letter-spacing:0.02em;
	width:180px;
	padding:15px 0 15px 20px;
}
.home_ban_info p {
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.02em;
	line-height:1.2em;
}
.home_ban_info h2 {
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	margin-top:5px;
}
.home_ban_info a {
	color:#ff1a00;
	border:1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:2px 8px;
}
#content-wrap {
	float:right;
	width:664px;
	margin: 0 18px;
}
#home-post {
	float:right;
	width:402px;
}
.homeh2 {
	color:#C32827;
	letter-spacing:0.05em;
	text-align:center;
	font-size:22px;
	width:250px;
}
.post ul li {
	list-style-image:url(images/list-image.gif);
	margin-left:20px;
	font-size:12px;
	line-height:22px;
}
.page-title {
	color:#C32827;
	letter-spacing:0.05em;
	font-size:22px;
}
.post p {
	padding:5px 0;
	line-height:22px;
}
.search .post {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc;}
#sidebar {
	float:left;
	width:203px;
	display:inline;
	margin-left:20px;
	border-right:1px solid #999;
	padding-right:5px;
}
#sidebar h4 {
	font-family:Arial Narrow Bold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#sidebar h3 {
	font-family:Arial Narrow Bold, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.sb_block #wpsb_email {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	background:#fff;
	padding:2px 4px;
	color:#aaa;
	border:1px solid #aaa;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	letter-spacing:.02em;
	height:14px;
	margin-right:8px;
	width:120px;
}
#wpsb_email {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	background:#fff;
	padding:2px 4px;
	color:#aaa;
	border:1px solid #aaa;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	letter-spacing:.02em;
	height:14px;
	margin-right:8px;
	width:220px;
}
.email_label {
	float:left;
	margin-right:10px;
}
.sb_block .email_label {
	display:none;
}
.wpsb_form_btn {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	background:#000;
	padding:2px 4px;
	color:#fff;
	border:1px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	letter-spacing:.02em;
	cursor:pointer;
}
.sb_block {
	margin:10px 0;
}
.cur_news_wrap {
	margin:10px 0;
}
.cur_news_wrap p {
	color:#666;
	font-size:11px;
	line-height:1.4em;
	margin:0;
}
.newsletter_form {
	background:#eaeaea;
	padding:6px;
}
.newsletter_form div {
	margin:0;
}
.h2black {
	font-weight:bold;
	color:#000;
	font-size:20px;
	margin-right:20px;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	clear:left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* End Images */


/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius:3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */





#footer {
	text-align:right;
	color:#999;
	font-size:11px;
	padding:5px 0;
}
#footer a{

	color:#999;

}

#contact_left ul {
float:left;
margin:0 20px 10px;
max-width:300px;
}
.page-id-10 ul h2 {
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}
.page-id-10 .post ul li {
	font-size:10px;
	line-height:16px;
}
#progs_table {
	border:1px solid #aaa;
	border-collapse:collapse;
}
#progs_table thead {
	background:#b2b2b2;
	text-transform:uppercase;
	color:#fff;
}
#progs_table td {
	border:1px solid #aaa;
	padding:5px 3px;
	text-align:center;
	vertical-align:middle;
}
#progs_table tbody tr {
	cursor:pointer;
}
#progs_table thead th {
	border-right:1px solid #fff;
	text-align:center;
	padding:2px 6px;
	vertical-align:middle;
}
#contact_left{float:left;
	width:377px;}
.contact_text {
	width:227px;
	border:1px solid #cfcfcf;
	height:18px;
	margin-bottom:8px;
	color: #595959;
	padding:2px 0 0 2px;
}
.contact_textarea {
	width:300px;
	color: #595959;
	border:1px solid #cfcfcf;
	margin-bottom:8px;
	height:106px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	padding:2px 0 0 2px;
}

.page-template-contact-page-php .post{clear:both; border-bottom:1px solid #ccc;}

fieldset {
	border:1px solid #ccc;
	padding:15px;
	margin-top:10px;
}
legend {
	color:#595959;
	font-size:12px;
	padding:0 5px;
}
/*        Contact Form Stying            */
#contactform {
margin-top:15px;
}
#contactform input, #contactform select {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
}
#contactform select {
	height:22px;
}
#contactform br {
	clear:both;
}
#contactform label {
	float:left;
	width:73px;
	padding-top:3px;
	text-transform:uppercase;
}
#y_cap_img {
	float:left;
	margin-right:8px;
}
#y_cap {
	float:left;
	border:1px solid #CFCFCF;
	height:18px;
	width:140px;
	padding:2px 0 0 2px;
}
#y_name {
}
#y_email {
}
#y_subject {
}
.y_subject {
	width:300px;
}
#y_send {
	float:left;
	margin-left:10px;
}
.clear {
	clear:both;
}
/* Begin Slideshow */	
#slideshow {
	float:right;
	position:relative;
	height:212px;
	width:709px;
}
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow img.active {
	z-index:10;
	opacity:1.0;
}
#slideshow img.last-active {
	z-index:9;
}
/* END Slideshow */

#subscribe_radios {
	display:block;
}
#gramatica, #vocabulary, #comp_escrita, #vocab_summary, #gram_summary, #email_sent, #server_fail, #invalid_email, #invalid_name, #invalid_captcha, #submitResults {
	display:none;
}
#gramatica ol li,#vocabulary ol li, #comp_escrita ol li{
	list-style:none;
	font-size:18px;
line-height:1.6em;
}

#grams li, #vocabs li, #comps li{
	margin-bottom:30px;
	margin-left:30px;
	display:none;
}
#grams li span, #vocabs li span , #comps li span{
	color:#C32827;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
}
#grams li li, #vocabs li li, #comps li li {
	display:inline;
}
#progress_bar {
	position:relative;
	height:16px;
	background:#fff url(images/prog_bar_border.gif) no-repeat center center;
	padding: 1px 0 1px 4px;
	width:664px;
}
.right_answer {
	background:#4fc327 url('images/prog_bar_good.gif') repeat-x center center;
	border:none medium;
	margin:0;
	width:0;
	padding:8px 0;
	float:left;
}
.wrong_answer {
	background:#C32827 url('images/prog_bar_bad.gif') repeat-x center center;
	border:none medium;
	margin:0;
	width:0;
	padding:8px 0;
	float:left;
}
#assessmentform {
	clear:both;
}
#goodans, #badans, #cur_score, #gram_goodans, #vocab_goodans, #comp_goodans, #gram_badans, #vocab_badans, #comp_badans, #total_score {
	border:none;
	background:none;
	width:40px;
}
#goodans, #gram_goodans, #vocab_goodans, #comp_goodans {
	color:#4fc327;
	font-size:14px;
	padding:5px;
}
#badans, #gram_badans, #vocab_badans, #comp_badans {
	color:#C32827;
	font-size:14px;
	padding:5px;
}
#cur_score {
	color:#000;
	font-size:14px;
	padding:5px;
}
#goodans, #badans, #cur_score, #total_score {
	margin: 0 15px 0 5px;
}
#total_prog{display:none;}
#portWorldwrap {
	margin:15px 0;
	border-top:1px solid #ccc;
	position:relative;
}
#timor_map {
	left:578px;
	position:absolute;
	top:231px;
}
#port_map {
	left:275px;
	position:absolute;
	top:103px;
}
#stp_map {
	left:307px;
	position:absolute;
	top:202px;
}
#brasil_map {
	left:123px;
	position:absolute;
	top:209px;
}
#cabo_map {
	left:243px;
	position:absolute;
	top:173px;
}
#ginnea_map {
	left:255px;
	position:absolute;
	top:178px;
}
#angola_map {
	left:319px;
	position:absolute;
	top:227px;
}
#moz_map {
	left:360px;
	position:absolute;
	top:239px;
}
#brasil_map, #ginnea_map, #port_map, #moz_map, #timor_map, #stp_map, #angola_map, #cabo_map{opacity:0;}
#brasil_map-tip, #ginnea_map-tip, #port_map-tip, #moz_map-tip, #timor_map-tip, #stp_map-tip, #angola_map-tip, #cabo_map-tip{display:none;}


/*  The Search Form  */
#searchForm{float:right;margin:12px;}
.search_input{background:url(images/search_input.gif) no-repeat center center; padding:2px 2px 2px 4px;width:176px;height:18px;border:none;}
.search_submit{margin-left:5px;float:right;background:url(images/search_btn.gif) no-repeat center center;text-align:center;width:42px;height:22px;border:none;color:#fff;cursor:pointer;padding:0 0 2px;font-size:11px;letter-spacing:1px;}

#contact_left h3{color:#C32827;}





/*  Tooltips  */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip div {
	margin: 0;
}
#tooltip h3 {
	color:#C32827;
	margin:0;
	font-weight:bold;
}
.hide-tip {
	display:none;
}
#tooltip.prog_tips {
	border: none;
	width: 170px;
	padding:5px 15px 15px 15px;
	height: 100px;
	opacity: 0.8;
	font-size:10px;
	background: url('images/prog_hover.png') no-repeat center center;
	overflow:hidden;
}
#arsl-tip, #falm-tip, #lcial-tip, #lox-tip, #lport-tip, #lsee-tip, #pinl-tip {
	display:none;
}
#tooltip.prog_tips li {
	margin:5px 0;
}

#contact_right{width:274px;float:right;background:url(images/contact_mapwrap_btm_box.gif) no-repeat bottom center;padding-bottom:4px;margin-top:50px;}
.contact_map_btm{background:url(images/contact_map_btm_box.gif) no-repeat top center;padding:10px;color:#fff;margin-top:10px;line-height:1.5em;}

#tooltip.contact_tips {
	border: none;
	padding-top:6px;
	background: url('images/contact-tip-top.png') no-repeat top center;
	width:206px;
}

.contact_tips ul{background:url('images/contact-tip_ul-bg.png') repeat-y center center;padding:5px 10px;}

#funchal-tip, #lisbon-tip, #faro-tip, #aveiro-tip, #viseu-tip, #porto-tip{display:none;}

.world-tip-wrap{background:url('images/world-tip_ul-bg.png') repeat-y bottom center;padding:10px;}

.world-tip-wrap p{margin:5px 0;}
	
	
#tooltip.world_tips {
	border: none;
	padding-top:6px;
	background: url('images/world-tip-top.png') no-repeat top center;
	width:500px;
}

.t_highlight{background:#bde06a;}

.page-template-sitemap-php #content-wrap ul {margin:15px 25px;font-size:14px;}
.page-template-sitemap-php #content-wrap li {margin:10px 0;border-left:none;}


.mem_wrap{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc;clear:both;}



.page-template-member-page-php #contactform{width:377px;float:left;}

#contactsuccess{width:377px;float:left;display:none;}
#contactsuccess h2{color:#4FC327;}
.member_contact {width:265px;float:left;background:url(images/member_contact_top.gif) no-repeat top center;margin:15px 0 0 20px;padding:3px 0;}

.member_contact ul {width:265px;background:url(images/member_contact_mdl.gif) repeat-y top center;padding:0 0 3px;}

.member_contact li {line-height:1.8em;
padding:0 10px;text-align:left;margin-left:2px;}


.member_contact h3 {color:#C32827;}

.page-template-member-page-php .post {border-bottom:1px solid #ccc;}

.page-template-member_summary-php .post, .page-template-member_summary_pt-php .post {border-bottom:1px solid #ccc;margin:10px 0;padding:10px 0;}

.page-template-member_summary-php .post:last-child, .page-template-member_summary_pt-php .post:last-child {border-bottom:none;}

.post-title a {color:#595959;}

a.view_programs{background:transparent url(images/view_progs_btn.gif) no-repeat scroll center center;
color:#FFFFFF;
padding:2px 14px;
text-align:center;}

a.home_view_programs{background:transparent url(images/home_view_progs.gif) no-repeat scroll center center;
padding:2px 10px;
text-align:center;}