/*
Skin name: El Centro De Amistad
Version: 1.4
Author: SZ Creative Solutions, LLC
Author uri: http://www.sz-solutions.com
Description: Custom Theme for ECDA
*/


/* Project: Elcentro 2009
*  Copyright 2009 All Rights Reserved.
*  Structure of this document:
* 1) GLOBAL 2) LAYOUT 3) STYLES 4) NAVIGATION 

/* ***GLOBAL*** */

/*Initialize the browser's CSS Except for table structure*/
@import url(reset.css);

body {background: #116887 url(images/bak.gif) repeat-x; font: 11px Georgia, "Times New Roman", Times, serif; color: #7f7b65 }

strong {font-weight: bold }
	
h1 {font-size:18px; color: #d68903 }

h2 {font-size:18px; color: #d68903 }

h3 {font-size:16px; color: #d68903 }

h4 {font-size:14px; color: #d68903 }

h5 {font-size:13px; color: #d68903 }

a:link, a:visited {color: #d68903; font-weight: bold; text-decoration: none }

a:hover, a:active {color: #96630b; font-weight: bold; text-decoration: underline }

/* ***END GLOBAL*** */



/* ***LAYOUT*** */

#container, #header, #content, #navi, #contents-bottom, #footer {margin: 0 auto }

#container {background: url(images/bg.jpg) no-repeat center top; width: 990px; min-height: 1000px; position: relative }

#top-bar-container {position: absolute; top: 0; z-index:10; height:38px; width: 100%; background: url(images/bak-globalbar-shadow.gif) repeat-x }

#top-bar {width: 900px; margin: 0 auto; background: url(images/bak-topbar.jpg) no-repeat 0 0; height:36px }

#top-bar ul {padding: 0 0 0 15px }

#top-bar ul li {float: left; padding: 0 18px 0 0; background: url(images/globalnav-divider.gif) no-repeat right 0 }

#top-bar ul li.end {background: none }

#header {height: 286px; position:relative; width: 900px }

#header #identity {float:left }

#header hr {clear: both; display: none }

#header h2 {background: url(images/site-title.gif) no-repeat; width: 475px; height: 55px; text-indent: -9999px; margin: 28px 0 5px 25px }

#logo {text-indent: -9999px; margin: 40px 0 0 0 }

#logo a {display: block; outline: none; width: 270px; height: 92px }

img.call2action {margin: 0 0 0 23px }

#flash-container {position:relative; height:286px; width: 402px; float: right; margin: 0 -20px 0 0 }

#flash-container img {position:absolute; op:0; left:0; z-index:8; opacity:0.0 }

#flash-container img.active {z-index:10; opacity:1.0 }

#flash-container img.last-active {z-index:9 }

#content {background: url(images/bak-content.png) repeat-y; width: 898px; padding: 0 15px 0 15px }

#content-shadow {background: url(images/bak-content-shadow.gif) repeat-x; width: 875px; padding: 27px 10px 0 13px }

#navi {position: absolute; top: 0; width: 912px; height: 36px; border: 1px solid red }

#site-functions {display: inline; float: right; margin: 8px 0 0 0 }

#site-functions select, #site-functions #s {border: none; background: transparent; color: #145289; font-size: 11px }

#site-functions #submit-search {margin: -6px 6px 0}

#site-functions #s {width: 113px; padding: 1px 0 0 0 }

#site-functions select {height: 19px; margin: 0 24px 0 0; width: 127px; background: #efefe6 url(../image/bak-select.gif) repeat-x }

#left-col {float: left; width: 644px; background: transparent url(images/bak-post-top.gif) no-repeat scroll 0 250px }

#intro {float: left; padding-bottom: 20px; margin-top: 5px; width: 638px }

#video-container {float: left; width:273px }

#video-box {float: left; width: 248px; height: 183px; background: url(images/bg_video.gif) top left no-repeat; padding: 11px; margin-top: 2px  }

#headings-container {float: right; width: 354px }

#headings-tab {padding-left: 8px }

.programs-divider {background: url(images/programs-divider.gif) no-repeat; height: 1px; line-height: 1px }

#headings {width: 310px; height: 180px; padding: 18px 20px 10px 23px; background: url(images/bg_headings.jpg) no-repeat left bottom }

div.headings-item {padding: 6px 0 }

div.headings-item2 {border: none; padding: 6px 0 0 0 }

#right-col {float: right; width: 215px; padding-right: 6px }

* html body #right-col {padding:0 }


#articles {background: url(images/bak-post.gif) repeat-y }

.post {padding: 0 30px 0 40px }

.top-post {background: url(images/bak-post-top.gif) no-repeat; padding-top: 15px }

#contents-bottom {width: 928px }

#footer {width: 900px; padding: 10px 0 50px 0; color: #faf1bb }

#copyright {float: left }

#footer-link {float: right }
#footer-link ul li {display: inline; padding-left: 23px }
#footer-link ul li a:link, #footer-link ul li a:visited, #footer-link ul li a:hover, #footer-link ul li a:active {font-weight: normal; color: #faf1bb }

#right-col a:link, #right-col a:visited, #right-col a:hover, #right-col a:active {font-weight: normal }

#submit-newsletter {margin: 0 -8px 0 0; position: relative }

#right-col select {position: relative }

.content-facts, .content-stories {display: none }
/* ***END LAYOUT*** */




/* ***STYLES*** */
.recover {clear: both }

#articles .date, .post .date {font-weight: bold; padding: 8px 0 1px 0 }

span.title {font-size:18px; color: #7f7b65 }

#headings-tab span.fade {color: #beb99d }

div.headings-item, div.headings-item2 {background: url(images/arrow3.gif) left center no-repeat; padding-left: 25px }

#headings-tab .tab-divider {margin: 0 15px; background: url(images/tab-divider.gif) no-repeat; width:1px; height: 2em }

.entry_header h2 {border-bottom: 1px dotted #7f7b65; padding: 8px 0 8px 23px; background: url(images/arrow3.gif) left center no-repeat; margin-left: -20px }
#articles p {padding: 1px 0 5px 0; line-height: 1.5em }
#articles p.readmore {text-align: right; padding-bottom: 15px }

#right-col h2 {color: #7f7b66; font-size:16px; border-bottom: 1px solid #ccc8b0; padding-bottom: 5px; font-weight: bold } 

#newsletter-signup {text-align: right; padding-bottom: 15px }
#newsletter-signup form {padding: 10px 0 }
.form-item {background-color: #fff; border: 1px solid #d7d5c8; margin: 0 0 5px 5px; padding: 2px 5px 0 5px; width:148px; color: #7f7b66; height:18px; position:relative; }

#category-archive {padding-left: 12px }

* html body #category-archive {padding: 0 }

#category-archive ul {padding-bottom: 20px }
#category-archive ul li {border-bottom: 1px dotted #ccc8b0; padding: 5px 0 5px 20px; background: url(images/arrow2.gif) left center no-repeat }
#category-archive ul li.last {border: none }
#category-archive ul li a:link {color: #d68903 }

.photo-of-month {background: url(images/bak-photo-of-month.jpg) no-repeat; width: 196px; height: 164px; padding: 11px 25px 20px 11px; margin: 6px 0 0 -3px }

p.arrow {background: url(images/arrow2.gif) left center no-repeat; padding-left: 15px }

#right-col #pages ul li {background-image: none; padding:5px 0 5px 10px }

#right-col #pages ul {margin-left: 8px }

.entry_categories, .bookmark_me {text-align: right}
/* ***END STYLES*** */




/* *** NAVIGATION *** */
#top-bar li a:link, #top-bar li a:visited {color: #faf1bb; font-weight: normal; line-height: 36px; font-size: 13px }

#top-bar li a:hover, #top-bar li a:active {color: #fb7506; font-weight: normal; text-decoration: none }

.headings-item a:link, .headings-item a:visited {font-weight: normal; font-size:18px; color: #d68903 }

a.tab-on:link, a.tab-on:visited {color:#7F7B65; font-size:18px; font-weight: normal }
a.tab-off:link, a.tab-off:visited {color:#BEB99D; font-size:18px; font-weight: normal }

#container a {position: relative }

/* ***END NAVIGATION*** */

/* semiologic */
#am div {display: none }
blockquote{background: none }
div.entry, div.post_list  {background:transparent url(images/bak-post.gif) repeat-y; padding:0 30px 15px 40px; margin: 0 }
.entry_content {line-height:1.5em;}
.entry_content p {padding:1px 0 5px;}
.entry .entry_header {/*background:transparent url(images/bak-post-top.gif) no-repeat;*/ padding-top:15px;}
li#pages {padding-left:12px }
#right-col li.widget {margin-bottom: 15px }

.entry_content h2{margin: 12px 0 8px }
.entry_content p{margin: 5px }
/* End semiologic */