/*
Theme Name: A Casa do Canto Theme
Theme URI: http://acasadocanto.com
Description: Custom theme for A Casa do Canto
Version: 1.0
Author: Hugo Baeta
Author URI: http://hugobaeta.com
*/

@import "assets/css/reset.css";
@import "assets/css/layout.css";

/* @group Basic Styles */
body { font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif;
	background: #302B2C; color: #ccc; margin: 0; }
div.wrap, .wrap { width: 990px; margin:0 auto; overflow: hidden; }
/* @end */

/* @group Typography */
/* PARAGRAPHS */
p {margin:0;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
/* LISTS */
#content-text li ul, #content-text li ol {margin:0 1.5em;}
#content-text ul, #content ol {margin:0 1.5em 1.5em 1.5em;}
#content-text ul {list-style-type:disc;}
#content-text ol {list-style-type:decimal;}
#content-text dl {margin:0 0 1.5em 0;}
#content-text dl dt {font-weight:bold;}
#content-text dd {margin-left:1.5em;}
/* TABLES */
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
/* @end */

/* @group Links */
a:link, a:visited { color: #fff; text-decoration: underline; }
a:hover, a:active { color: #99cc00; text-decoration: none; }
#language_changer a:link, #language_changer a:visited { color: #fff; text-decoration: none; }
#language_changer a:hover, #language_changer a:active { color: #99cc00; text-decoration: underline; }
#footer a:link, #footer a:visited { color: #aaa; text-decoration: none; }
#footer a:hover, #footer a:active { color: #99cc00; text-decoration: none; }
/* @end */

/* @group Supersized jQuery Plugin */
#supersize { position:fixed; margin: 0; top: 0; left: 0; }
#supersize img, #supersize a { height:100%; width:100%; position:absolute; top: 0; left: 0; z-index: 0; margin: 0; padding: 0; }
#supersize .prevslide, #supersize .prevslide img { z-index: 1; }
#supersize .activeslide, #supersize .activeslide img { z-index: 2; }
/* @end */

/* @group Layout */
#body-wrap { width: 530px; margin: 0 auto 0; padding: 60px 0 50px; overflow: hidden; z-index: 10; }
#header { width: 530px; margin: 0; overflow: hidden; background: #050507;  }
#content { width: 530px; padding: 0; margin: 0; background: #050507;  }
#footer { color: #ccc; font-weight: bold; font-size: .9em; overflow: hidden; 
padding: 30px 40px; text-transform: uppercase; background: #050507;  }
/* @end */

/* @group Logo */
#logo { width: 530px; height: 110px; margin: 0; padding: 0; }
#logo h1 { width: 530px; height: 110px; margin: 0;
	background: #050507 url(assets/images/logo.png) no-repeat center center; }
#logo h1 a { width: 530px; height: 110px; margin: 0; text-indent: -9999px; float: left;
	background: #050507 url(assets/images/logo.png) no-repeat center center; }
/* @end */

/* @group Navigation */
#menu {
	margin: 0 5px; float: left; height: 40px; position: relative; }
#menu ul {
	width: 520px; height: 40px; margin: 0; }
#menu ul li {
	padding: 0; margin: 0;
	list-style-type: none;
	float: left; text-indent: -9999px; }
#menu ul li a {
	height: 40px; border: 0; outline: none;
	text-decoration: none; display: block; overflow: hidden; }
/* BACKGROUND PT */
#menu ul#nav-pt li a { background: transparent url(assets/images/menumatrix_pt.png) no-repeat; }
/* DIMENSIONS PT */
ul#nav-pt li#menu-acasa a 		{ width: 65px; }
ul#nav-pt li#menu-acidade a 	{ width: 87px; }
ul#nav-pt li#menu-ailha a 		{ width: 64px; }
ul#nav-pt li#menu-info a 		{ width: 197px; }
ul#nav-pt li#menu-contactos a 	{ width: 107px; }
/* STATES PT */
ul#nav-pt li#menu-acasa a:link, ul#nav-pt li#menu-acasa a:visited 			{background-position: 0px 0px; }
ul#nav-pt li#menu-acasa a:hover, ul#nav-pt li#menu-acasa a:focus 			{background-position: 0px -40px; }
ul#nav-pt li#menu-acidade a:link, ul#nav-pt li#menu-acidade a:visited 		{background-position: -65px 0px; }
ul#nav-pt li#menu-acidade a:hover, ul#nav-pt li#menu-acidade a:focus 		{background-position: -65px -40px;}
ul#nav-pt li#menu-ailha a:link, ul#nav-pt li#menu-ailha a:visited 			{background-position: -152px 0px;}
ul#nav-pt li#menu-ailha a:hover, ul#nav-pt li#menu-ailha a:focus 			{background-position: -152px -40px;}
ul#nav-pt li#menu-info a:link, ul#nav-pt li#menu-info a:visited 			{background-position: -216px 0px;}
ul#nav-pt li#menu-info a:hover, ul#nav-pt li#menu-info a:focus 				{background-position: -216px -40px;}
ul#nav-pt li#menu-contactos a:link, ul#nav-pt li#menu-contactos a:visited 	{background-position: -413px 0px;}
ul#nav-pt li#menu-contactos a:hover, ul#nav-pt li#menu-contactos a:focus 	{background-position: -413px -40px;}
/* ACTIVE PT */
body#body-acasa ul#nav-pt li#menu-acasa a 				{background-position: 0px -80px;}
body#body-acidade ul#nav-pt li#menu-acidade a 			{background-position: -65px -80px;}
body#body-ailha ul#nav-pt li#menu-ailha a 				{background-position: -152px -80px;}
body#body-info ul#nav-pt li#menu-info a 				{background-position: -216px -80px;}
body#body-contactos ul#nav-pt li#menu-contactos a 		{background-position: -413px -80px;}
/* BACKGROUND EN */
#menu ul#nav-en li a { background: transparent url(assets/images/menumatrix_en.png) no-repeat; }
/* DIMENSIONS EN */
ul#nav-en li#menu-acasa a 		{ width: 105px; }
ul#nav-en li#menu-acidade a 	{ width: 88px; }
ul#nav-en li#menu-ailha a 		{ width: 108px; }
ul#nav-en li#menu-info a 		{ width: 120px; }
ul#nav-en li#menu-contactos a 	{ width: 99px; }
/* STATES EN */
ul#nav-en li#menu-acasa a:link, ul#nav-en li#menu-acasa a:visited 			{background-position: 0px 0px; }
ul#nav-en li#menu-acasa a:hover, ul#nav-en li#menu-acasa a:focus 			{background-position: 0px -40px; }
ul#nav-en li#menu-acidade a:link, ul#nav-en li#menu-acidade a:visited 		{background-position: -105px 0px; }
ul#nav-en li#menu-acidade a:hover, ul#nav-en li#menu-acidade a:focus 		{background-position: -105px -40px;}
ul#nav-en li#menu-ailha a:link, ul#nav-en li#menu-ailha a:visited 			{background-position: -193px 0px;}
ul#nav-en li#menu-ailha a:hover, ul#nav-en li#menu-ailha a:focus 			{background-position: -193px -40px;}
ul#nav-en li#menu-info a:link, ul#nav-en li#menu-info a:visited 			{background-position: -301px 0px;}
ul#nav-en li#menu-info a:hover, ul#nav-en li#menu-info a:focus 				{background-position: -301px -40px;}
ul#nav-en li#menu-contactos a:link, ul#nav-en li#menu-contactos a:visited 	{background-position: -421px 0px;}
ul#nav-en li#menu-contactos a:hover, ul#nav-en li#menu-contactos a:focus 	{background-position: -421px -40px;}
/* ACTIVE EN */
body#body-acasa ul#nav-en li#menu-acasa a 				{background-position: 0px -80px;}
body#body-acidade ul#nav-en li#menu-acidade a 			{background-position: -105px -80px;}
body#body-ailha ul#nav-en li#menu-ailha a 				{background-position: -193px -80px;}
body#body-info ul#nav-en li#menu-info a 				{background-position: -301px -80px;}
body#body-contactos ul#nav-en li#menu-contactos a 		{background-position: -421px -80px;}

/*LANGUAGE*/
#language_changer { width: 530px; overflow: hidden; }
#language_changer ul { margin: 0; overflow: hidden; float: right; }
#language_changer ul li { list-style-type: none; display: inline; margin: 0 5px 5px; float: left;
	font-family: Helvetica, Arial, sans-serif; }
#language_changer ul li.active a { color: #ccc; }
/* @end */

/* @group Content Text */
#content-text { padding: 40px; font-size: 1.7em; line-height: 1.5em; font-style: italic; }
body#body-info #content-text, body#body-contactos #content-text { padding: 40px 40px 10px; }
body#body-info #content-text p { margin: 0 0 1.5em 0; }
/* @end */

/* @group Content Imgs */
#content-imgs { width: 530px; overflow: hidden; }
#content-imgs ul { margin: 0 0 0 5px; }
#content-imgs ul li { float: left; margin: 0 5px 0 0; }
/* @end */

/* @group Contact Form */
div.wpcf7 { overflow: hidden; }
div.wpcf7 ol { margin: 0 !important; }
div.wpcf7 ol li { list-style: none; margin: 0; }
div.wpcf7 label { width: auto; }
div.wpcf7 input.inputfield, div.wpcf7 textarea.inputfield { width: 290px; padding: 5px; font-size: 1.2em; }
/* @end */


/* @group Footer */
#footer strong { color: #aaa; }
#footer ul li#copy-webdesign { margin: 10px 0 0; } 
/* @end */

