/*  

Description: The theme for Developing Writing Skills in Spanish
Site: http://www.?.co.uk
Version: 1.0
Author: Roger Knight
Author URI: http://attractmore.co.uk

*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, 
dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, label, fieldset, 
input, p, blockquote, 
th, td						{margin:0; padding:0;}

table						{border-collapse:collapse; border-spacing:0;}

fieldset, img				{border:0; }

address, caption, cite, code, 
dfn, em, strong, th, var	{font-style:normal; font-weight:normal;}

ol, ul, li					{list-style:none;}

caption, th					{text-align:left;}

h1, h2, h3, h4, h5, h6		{font-size:100%;}

a							{text-decoration:none; outline:none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong						{font-weight:bold;}

em							{font-style:italic;}

/* a { position:relative } /* Gets links displaying over a PNG background */

a img 						{border:none; } /* Gets rid of IE blue borders */
.clear 						{clear:both;}
/*.external					{background: url(../images/externalLink.gif) no-repeat top right; padding: 0 10px 0 0; display:inline-block;}
*/
img.alignleft,
div.alignleft				{float:left; margin:6px 12px 0 0;}
img.alignright,
div.alignright				{float:right; margin:3px 0 12px 12px}
img.aligncenter,
div.aligncenter				{text-align:center; margin:12px auto 0 auto;display:block;}


/*-----------------------------------------------------
		BODY AND CONTAINER
--------------------------------------------------------*/
body						{margin:0; padding:0; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.4em;}

#container					{margin: 0 auto; width:960px; background:#fff; padding:0 24px; overflow:hidden;}

/*-----------------------------------------------------
		HEADER
--------------------------------------------------------*/
#header						{height:140px; background:url(../images/header-bg1.jpg) left no-repeat; color:#ffffff }
#header h1					{padding:18px 0 12px 12px; overflow:hidden; font-size: 47px; float:left;}
#header h1 a				{color:#ffffff; cursor:pointer; line-height:50px; letter-spacing:2px;}
#header h1 a span			{letter-spacing:4px;}
#header ul					{float:right; list-style-type:none; font-size:24px; margin-top:22px;}
#header li					{font-weight:bold; padding:3px 18px 3px 0;}
/*-----------------------------------------------------
		CONTENT
------------------------------------------------------*/
#content					{margin:0; padding:0; }
#content h2					{padding:16px 12px; font-size:1.7em; text-transform:uppercase;}
#content h3					{padding:6px 12px 18px 12px; font-size:1.3em;}
#content h4					{padding:6px 12px;}
#content p					{padding:0 12px 16px 12px; text-align:justify;}
#content ul					{padding:0 0 12px 16px; list-style-type: disc;}
#content ul li				{margin:6px 0 6px 12px; list-style-type:disc;}
#content ul ul				{padding:0 0 12px 0; list-style-type:none;}
#content ul ul li			{margin:6px 0; list-style-type:none;}
#content ul ul ul			{padding:3px 0 3px 12px; list-style-type:none;}
#content ul ul ul li		{margin:0; list-style-type:none;}

#content a					{text-decoration:none; color:#932E3C; border-bottom:#742856 1px solid;}
#content a:hover,
#content a:active			{color:#f3c016; border-bottom:#f3c016 1px solid; background-color:#932E3C;}
a[href$=".pdf"]				{background:url(../images/pdflink.gif) no-repeat right top; padding-right: 20px;}
#content a[href^="http:"] 	{background:url(../images/externalLink.gif) no-repeat right top; padding-right: 10px;}
#content a[href^="http:"]:hover {background-color:#932E3C;}
#content a.noref			{background:none; padding-right:0; border-bottom:none; text-decoration:none;}
a[href^="http://www.basols.es"],
a[href^="http://basols.es"]
							{background:none; padding-right:0;}
.language					{float:right; padding:6px 0 0 12px;}
/*.videocontainer				{overflow:auto;}	
#content p.video			{float:left;}
#content p.videocaption		{padding-top:100px;}
#content a.article			{padding-right:22px; background:url(../images/article.gif) no-repeat right center;}
#content a.interview		{padding-right:22px; background:url(../images/interview.gif) no-repeat right center;}
#content a.others			{padding-right:22px; background:url(../images/info.png) no-repeat right center;}
*/#content a.language			{text-decoration:none; border:none;}
#content a.language:hover	{background:none; border:none;}	

#activities .language,
#teachersguide .language,
#weblinks .language,
#activitydetail .language	{display:none;}

#inicio .spanish,
#home .english,
#feedback .english,
#gracias .spanish			{opacity:0.4;  -moz-opacity: 0.4; -khtml-opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40);}

/*#content blockquote	p		{background: url(../images/quote-left.png) 0 0 no-repeat; padding-left:18px; font-style:italic; margin:0 36px;}
#content blockquote p .end	{padding:0 18px 0 0; background:url(../images/quote-right.png) 4px 0 no-repeat;}
*/		

#content blockquote p 		{background-color:#eee; padding:6px 36px; border-left:5px solid #777; margin:0 36px 12px 36px; text-align:justify;}			
#content cite				{font-size:90%; display:block; text-align:right; font-weight:bold;}

.booktitle					{font-weight:bold; font-style:italic;}

#purchaseoptions			{clear:both; float:right; width:204px; margin-left:12px;}
#purchaseoptions p			{padding:0; margin:0; text-align:center; font-weight:bold;}
#purchaseoptions ul			{list-style-type:none; clear:both; padding-left:1px;}
#purchaseoptions ul li		{list-style-type:none; display:inline; padding:0; margin:0; line-height:0;}
#content #purchaseoptions a	{border:none; text-decoration:none; background:none; padding-right:0;}
#content #purchaseoptions ul a:hover	{border-bottom:1px solid #000; position: relative; top: 1px;}
.addthis_button_preferred_1	{margin-left:28px;}
/*----------------------------------------------------
		NAV
----------------------------------------------------*/
#nav						{padding: 0; margin:0; background-color:#932E3C; height:37px; clear:both;}
#nav ul						{text-align:center; padding-top:7px;}
#nav ul li					{display:inline; }
#nav ul li a				{text-decoration:none; padding:9px 18px; letter-spacing:1px; margin-right:0px; font-weight:bold; outline: none; color: #ffffff; text-transform:uppercase; }
#nav ul li a:hover			{color:#f3c016; padding-top:12px; padding-bottom:12px;}

body#home #nav a.home,
body#inicio #nav a.home,
body#activities #nav a.activities,
body#activitydetail #nav a.activities,
body#teachersguide #nav a.teachersguide,
body#weblinks #nav a.weblinks,
body#feedback #nav a.feedback	{ color:#f3c016; cursor:default;}
			
/*----------------------------------------------
		FOOTER
-------------------------------------------------*/
#footer						{clear:both; background-color:#932E3C; color:#ffffff; }
#footer p 					{display:inline;}
#footer ul					{margin: 0;	padding:12px 0; text-align: center; font-size:0.8em;}
#footer ul li				{list-style-image: none; list-style-type: none; margin: 0; padding: 0 8px; display: inline;}
#footer a,
#footer a:visited			{color:#f3c016; text-decoration: none; border-bottom: 1px solid #f3c016; }
#footer a:hover,
#footer a:focus,
#footer a:active			{color:#ffffff; border-bottom:#ffffff 1px solid;}

/*----------------------------------------------------------------
		FORM
-----------------------------------------------------------------*/
#feedbackform				{margin: 0 10px 5px 0; width:700px; padding-left:16px;}

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

label						{display:block; padding:8px 0 0 0; font-size:90%;}
input						{width:300px; height:24px; float:left;}

#feedbacktext			{width:400px; height:100px; float:left;}

input:focus, textarea:focus {background-color:#f3c016;}

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

/*----------------------------------------------------------------
		TABLES	
-----------------------------------------------------------------*/
.chapterlist			{width:100%;}
.chapterlist td	p			{margin:6px 0;}