/*  

Description: The theme for LaTriguera
Site: http://www.latriguera.com
Version: 2.0
Author: Roger Knight
Author URI: http://attractmore.co.uk

*/
body					{margin: 0; padding: 0; background-color: #F5AFF3; 	color: white; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: large;}
#wrapper				{background-color: #BBDD99; color: #663399; margin: 0 40px; padding: 1px 10px 10px 10px;}
/*--------------------------------------------------------------------
				HEADER
-------------------------------------------------------------------*/				
#header					{color: #663399; padding-left: 0px;}
#header h1				{padding-left: 20px; }
#header img				{border:none;}
#tagline				{font-weight: bold; background-color: #bbdd99;  color: #663399; font-style: italic; margin: 0; width: 350px; font-size: 120%; padding:0 0 10px 40px;}
.language				{float:left; margin: 3px 12px 0 0;}
#dateCrumb				{float: right;}
#header-bottom			{border-top: 1px solid #256290; border-bottom: 1px solid #256290; line-height:1.4; height:1.5em;}
/*--------------------------------------------------------------------
				MAIN and CONTENT
-------------------------------------------------------------------*/				
#main					{width: 100%; margin-top: 10px;}
#main2					{margin-top: 0px; background:url(images/leftbg.gif) repeat-y bottom left;}
#content				{margin: 0 5px 0 235px; border: 1px solid #256290; background-color: #FBDDFA; color: #330099; padding: 0 0.5em;}
#content h2				{color: #256290; font-size: 120%; font-weight: bold;}
#content ul				{list-style-type: none;}
#content ul li			{margin:0 0 6px 0;}
#content img.centre		{margin:6px auto; display:block; background-color: #fff; border: 1px solid #a9a9a9; padding: 4px;}
#content #show			{width:448px; height:336; margin:20px auto; border:1px solid #a9a9a9; padding:4px; background-color:#fff;}


/*-----------------------------------------------------------------
			NAV
----------------------------------------------------------------*/			
#nav					{float: left; width: 228px; border-top: 1px solid #256290; border-left: 1px solid #256290; background-color: #bbdd99; color: black; margin: 0;}
#nav ul					{list-style-type: none; padding: 0; margin: 3px; font-size:90%; font-weight:bold;}
#nav a					{display: block; padding:5px 0 5px 5px;}
#nav li					{padding:0; border:thin solid #663399; border-left:none; border-right:none; margin: .5em 0 0.5em 0; background-color: #f5aff3; color: white; text-decoration: none;}
#nav a:link,
#nav a:visited			{text-decoration: none;	color: #663399;}
#nav ul li a:hover,
#nav ul li a:focus		{background-color:#BBDD99;}

body#home #nav a.home,
body#inicio #nav a.inicio,
body#house #nav a.house,
body#casa #nav a.casa,
body#accommodation #nav a.accommodation,
body#alojamiento #nav a.alojamiento,
body#comments #nav a.comments,
body#comentarios #nav a.comentarios,
body#cazorlaspain #nav a.cazorlaspain,
body#cazorlaandalucia #nav a.cazorlaandalucia,
body#activities #nav a.activities,
body#actividades #nav a.actividades,
body#weather #nav a.weather,
body#clima #nav a.clima,
body#travel #nav a.travel,
body#comollegar #nav a.comollegar,
body#contact #nav a.contact,
body#contactar #nav a.contactar,
body#links #nav a.links,
body#enlaces #nav a.enlaces	{background-color:#BBDD99; cursor:default;}

/*---------------------------------------------------------------
			FOOTER
---------------------------------------------------------------*/			
#footer					{width: 100%; border: 1px solid #256290; border-left:none; border-right:none; margin-top: 10px; clear: both; height:1.5em;}
#footer p				{font-size: 80%; color: #256290; margin:0; padding:0.3em; }
/*---------------------------------------------------------------
			MISC
---------------------------------------------------------------*/			
#clearone				{clear: both; height: 1px;}
.smalltextcentre		{font-size:75%; text-align:center;}
.floatLeft				{float: left;}
.floatRight				{float: right;}
blockquote				{margin:12px 0 0 0; padding:0 16px 0px 24px;  background:transparent url(images/quote.gif) no-repeat left top; font-style:italic; text-align:justify;}
.authorname				{padding:0 0 0 24px; font-size: 85%; font-weight: bold; text-align: left;}
/*------------------------------------------------------------
				IMAGE CONTROL
-------------------------------------------------------------*/
.img-wrapper			{background-image: url(images/shadow.gif); background-repeat: no-repeat;  background-position: right bottom; margin: 0 0 6px 0; padding: 0; float:left;}
.img-wrapper-R			{background-image: url(images/shadow.gif); background-repeat: no-repeat; 	background-position: right bottom; margin: 12px 0 0 12px; padding: 0; float:right;}
.img-wrapper img,
.img-wrapper-R img		{background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; display:block; margin: 0; position: relative; float:none; left: -5px; top: -5px;}
/*----------------------------------------------------------------
		FORM
-----------------------------------------------------------------*/
form#enquiryform			{margin: 0 10px 5px 0px; width:450px;}

fieldset					{padding:0px 0 0 10px; margin:0px; width: 98%; 	border:0;}

label						{display:block; padding:8px 0 0 0; font-size:90%;}
input						{width:300px;}
select						{width:200px;}

textarea.address			{width:200px; height:100px;}
textarea.msg				{width:300px; height:200px;}

input:focus, 
textarea:focus,
select:focus,
button:focus,
input:hover,
select:hover,
button:hover,
textarea:hover				{background-color:#bbdd99;}

.required					{font-size:80%; color:#cc0000;}
.advice						{font-size:80%;}
button						{width:8em; padding:0.2em 0; margin:12px 1em 0.5em 0;}