@charset "utf-8";
/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */
/* 	
		CSS for Living2 Drupal Theme 
		by Sebastian Thuer (www.thuer.com.ar) for LivingSpanish (www.livingspanish.com)
		This file defines special styles ONLY for home page
*/

body {
	background: #8e8e8e;
	margin: 10px 0;
	padding: 0;
	font: 82% Arial, Helvetica, sans-serif;
}

/* ---------- Layout main blocks  ---------- */

#wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#header {	
	background: #eebe00 url(img/bg-header.png) 0 0 no-repeat;
	margin: 0;
	height: 78px;
}

#body {
	background:url(img/bg-body2.png) 0 0 repeat-y;
	margin: 0;
	padding: 0 10px;
}

#body-end {
	background: url(img/bg-body-end.png) 0 bottom no-repeat;
	height: 25px;
}

#footer {
	width: 950px;
	color: #eee;
	text-align: right;
}

/* ---------- Body header - This block will be displayed in some pages only ---------- */

#body-header {
	background: #f5f5f2 url(img/bg-body-header.png) left bottom repeat-y;
	width: 100%;
	margin: 0 0 0 1px;
	padding: 20px 20px 0 20px;
	border-bottom: 1px solid #ccc;
}

#body-header .column {
	height: 230px;
	padding: 20px 20px 0 20px;
	border-right: 1px solid #ccc;
}

#body-header #col-1, #body-header #col-2, #body-header #col-3 {
  vertical-align: top;
	padding: 20px 20px 0 20px; /* ie6 hack */
	width: 313px;
}

#body-header h3 {
	padding: 0.1em 0 0.5em 0;
	font: 1.4em Arial, Gadget, sans-serif;
	color: #606060;
	border: 0;
}

#body-header p {
	padding: 0.1em 0 0.5em 0;
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #8a8a8a;
	line-height: 1.6em;
}

#body-header p.more {
	font-size: 0.8em;
	font-weight: bold;
	color: #9E1D17;
	text-decoration: none;
}

#body-header p.more a {
	color: #9E1D17;
	text-decoration: none;
}

#body-header p.more a:hover {
	color: #7C1812;
	text-decoration: underline;
}


/* ---------- Body area: contents & sidebars ---------- */

#content {
		width: 100%;
		margin: 0 0 0 1px;
		padding: 0;
		border: 0px solid #0c0;
}

#main {
	/*padding: 0 1.5em 1.2em 1.5em; */
	padding: 0;
	margin: 0;
	width: 319px/*277px*/;
}

#sidebar-left {
	width: 320px;
	/* padding: 0 10px 10px 10px;  padding in px not ex because IE messes up 100% width tables otherwise 	*/
	padding: 0;
	background: #fff;
	margin-left: 5px;
	border-right: 1px solid #c1c1c1;
}

#sidebar-right {
	width: 328px; /* new /*
	padding: 0x; /* padding in px not ex because IE messes up 100% width tables otherwise */		
	border-left: 1px dotted #c1c1c1;
}

#sidebar-left,
#sidebar-right {
  vertical-align: top;
}

#content #home-content {
	width: 625px;
	margin: 0;
	padding: 0;
	background: #ECE5C8;
	border: 0;
	border-bottom: 1px solid #EDCE52;
}


/* ---------- Home Content Details ---------- */

#content #home-content img {
	margin: 0; padding: 0;	border: 0;
}

#content #home-content table.home-links,
#content #home-content table.home-links tr,
#content #home-content table.home-links td,
#content #home-content table.home-links th {
	border:0
}

#content #home-content table {
	margin: 0; padding: 0;	border: 0;
}

#content #home-content table th {
	margin: 0;
	padding: 5px 10px;
	border: 0;
	vertical-align: top;
	color: #9E1D17;
	text-align: left;	
}

#content #home-content table td {
	padding: 0 10px;
	vertical-align: top;
	font-size: 0.9em;
}

#content #home-content table ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#content #home-content table li {
	margin: 0.4em 0;
	padding: 0;
	list-style-type: none;
}

#content #home-content table li a {
	color: #333;
	text-decoration: none;
}

#content #home-content table li a:hover {
	color: #9E1D17;
	text-decoration: underline;
}


/* ---------- Dynamic Content for Home Page ---------- */
/*
.home-content h2.title {
		margin: 0.5em 0 0.2em 0;
		font-size: 1.4em;
}

.home-content h2.title a {
	color: #9E1D17;
	text-decoration: none;
}

.home-content h2.title a:hover {
	color: #7C1812;
	text-decoration: underline;
} */

.home-content .submitted {
	font-size: 0.8em;
	color: #666;
}	

/* ---------- The Main Section Details ---------- */

#sidebar-left  h4.title,
#main h4.title {
	background: #DEDEDE url(img/bg-title-arrow.png) 5px 4px no-repeat;
	margin: 0;
	padding: 3px 5px 1px 20px;
	color: #787878;
	font-size: 0.87em;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
}

.home-content  h3 {
	padding: 1.2em 1.5em;
}

.home-content  p {
	margin: 2em 0;
	color: #2a2a20;
	line-height: 1.4em;
}

.home-content  .breadcrumb {	
	padding: 2px 0;
	font-size: 0.8em;
	color: #666;
	border-bottom: 1px dotted #D2D2D2;
}


/* --- Breadcrumb --- */
#main .breadcrumb a {text-decoration: none; color: #9a9a9a;}
#main .breadcrumb a:hover {text-decoration: underline;}


/* ---------- Sidebar Right ---------- */

#sidebar-right .content {
	padding: 10px; /* padding in px not ex because IE messes up 100% width tables otherwise */
	font-size: 0.9em;
}

#sidebar-right h2.title { /* pre-title, section or block title */
	background: #DEDEDE url(img/bg-title-arrow.png) 5px 4px no-repeat;
	padding: 3px 5px 1px 20px;
	color: #787878;
	font-size: 0.87em;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
}

#sidebar-right h3 { /* pre-title or section */
	margin: 0.5em 0 0.8em 0;
	color: #981516;
	font-size: 1.1em;
}

#sidebar-right p { 
	margin: 1.4em;
	padding: 0;
	color: #444;
	line-height: 1.4em;
	font-size: 0.95em;
}

/* Views stye for home page */

#sidebar-left .block-views {
	padding: 0 10px 10px 10px; /* padding in px not ex because IE messes up 100% width tables otherwise */		
	margin-left: 5px;
}

#main .block-views  {
	padding: 0 10px 10px 10px/*1.5em 1.2em 1.5em*/;
	margin: 0;
}

#sidebar-right {
	width: 328px; /* new /
	padding: 0x; /* padding in px not ex because IE messes up 100% width tables otherwise */		
	border-left: 1px dotted #c1c1c1;
}

.views-field-title { /* titles */
		margin: 1em 0;
		padding: 0;
		font-size: 1.3em;
		font-weight: bold;
		color: #9E1D17;
		border-bottom: 0px solid #9E1D17;
}

.views-field-title a {text-decoration: none;}
.views-field-title a:hover {text-decoration: underline;}

#sidebar-right  .views-field-teaser  {
	border-bottom: 1px solid #ccc;
}


.views-field-view-node-1 .field-content,
.views-field-view-node .field-content { /* more link */
	font-size: 0.8em;
}


/* ---------- Footer ---------- */

#footer h2.title {
	display:none;
}

#footer .content {
	clear: both;
	font-size: 0.87em;
	letter-spacing: 1px;
}

#footer a {
	color: #ddd;
	text-decoration: none;
}

#footer a:hover {
	color: #9E1D17;
}

#footer ul.menu {
	float: right;
	margin: 0.5em 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	}
	
#footer li {
	float: left;
	text-align: right;	
	margin: 0;
	padding: 0 5px;
	list-style-type: none;
	list-style-image: none;	
	border-left: 1px solid #ccc;
	}