/*-----------------------------------------------------------------------------
Voces - De La Frontera (Style Sheet)

Version:   1.0
Author:    Blake Bauman
Email:     blake@bytestudios.com

----- Color Glossary -----
Orange - #d55c0f
Yellow - #d29800
Sage - #c8cfb8
Biege - #e4ddc5

-----------------------------------------------------------------------------*/

/* General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
p {
  margin: 10px 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

/* Links
-----------------------------------------------------------------------------*/
a { outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }

	
/* Body
-----------------------------------------------------------------------------*/
body { text-align: center; margin: 0 auto; background: #264b93 url('/o/6226/images/6228/bg.gif') repeat-x top left; }

/* Container
-----------------------------------------------------------------------------*/
#container { width: 800px; margin: 0 auto; padding: 0; text-align: left; background-color: #fafaf8; }

/* Typography
-----------------------------------------------------------------------------*/
body { font: 11px Verdana, Arial, sans-serif; color: #333; }

/* Branding
-----------------------------------------------------------------------------*/
h1 a { float: left; display: block; margin: 23px 10px 0 20px; width: 182px; height: 64px; background: url('/o/6226/images/6228/logo.gif') no-repeat top left; text-indent: -9999px; }

/* Header
-----------------------------------------------------------------------------*/
#header { position: relative; height: 88px; background: #e3dbc0 url('/o/6226/images/6228/bg-header.gif') repeat-x top left }
#header ul { list-style: none; }
#header li { float: left; }

/* Contact navigation */
#header ul#contact-navigation { float: right; clear: right; margin-top: 15px; padding-right: 10px; }
#header ul#contact-navigation li a { color: #333; }

/* Worker navigation */
#header ul#worker-navigation { float: right; clear: right; margin-top: 10px; padding-right: 10px; }
#header ul#worker-navigation li a { color: #333; font-weight: bold; }

/* Primary navigation */
#header ul#primary-navigation { float: right; clear: right; width: auto; margin-top: 35px; padding: 0 10px; background: #d55c0f url('/o/6226/images/6228/bg-navigation.gif') no-repeat top left; }
#header ul#primary-navigation li { display: block; width: auto; margin-right: 1px; }
#header ul#primary-navigation li a { display: block; padding: 6px 6px 7px 6px; color: #fff; font-weight: bold;}
#header ul#primary-navigation li a.active, #header ul#primary-navigation li a:hover { color: #fff; background-color: #d39b0a; font-weight: bold; text-decoration: none; }


/* Secondary navigation */
#secondary-navigation { padding-top: 12px; background-color: #e2d9bd; text-align: right; }
#secondary-navigation ul { list-style: none; padding: 4px 3px 5px 3px; background-color: #636756; border-top: 2px solid #d39b0a; border-bottom: 2px solid #d39b0a; }
#secondary-navigation li { display: inline; }
#secondary-navigation a { font-size: 10px; color: #fff; padding: 5px 8px 5px 8px; }
#secondary-navigation a:hover { background-color: #d39b0a; text-decoration: none; }
#secondary-navigation a.active { font-weight: bold; background-color: #d39b0a; }


/* Headlines
-----------------------------------------------------------------------------*/
#headlines { height: 226px; padding-top: 21px; background: #c8cfb8 url('/o/6226/images/6228/bg-headlines.gif') no-repeat top left }

#pictures { position: relative; float: left; width: 589px; height: 226px; }
#pictures a { position: absolute; top: 175px; left: 20px; padding: 8px 0 8px 20px; font: bold 14px Verdana, Arial, sans-serif; color: #ba0000; background: url('/o/6226/images/6228/pictures-bg-left.gif') no-repeat top left; text-transform: uppercase; }
#pictures a span { padding: 8px 10px 8px 0; background: url('/o/6226/images/6228/pictures-bg-right.gif') no-repeat top right; }
#pictures a:hover { text-decoration: none; }

#current { float: left; width: 190px; margin-left: 10px; padding-top: 50px; }
#current h2 { font-size: 16px; text-align: center; padding-top: 3px; border-top: 1px dotted #555; color: #fff; }
#current h2 span { font-size: 10px; font-weight: normal; color: #333; }
#current h2 span a { color: #000; }
#current dl { margin-bottom: 5px; }
#current dt { padding-top: 5px; } 
#current dt a { color: #d55c0f; font-weight: bold; }
#current dd { padding-bottom: 5px; }

/* Primary Content
-----------------------------------------------------------------------------*/
#primary-content { margin-top: 5px; background: #fafaf8 url('/o/6226/images/6228/bg-primary-content.gif') repeat-y top left; }

/* Primary content left */
#primary-content-l { position: relative; float: left; width: 229px; padding: 10px 0; }
#primary-content-l h3 { clear: both; margin: 10px 15px 0 15px; padding: 3px 10px 3px 20px; background: url('/o/6226/images/6228/arrow-orange.gif') no-repeat 0 50%; font-size: 12px; text-transform: uppercase; }
#primary-content-l p { margin: 5px 15px; }
#primary-content-l a { color: #333; }
#primary-content-l ul { list-style: none; }
#primary-content-l li { margin-bottom: 1px; }
#primary-content-l li a { display: block; height: 13px; padding: 5px 10px 5px 33px; }
#primary-content-l li a:hover, #primary-content-l li a.active { background: url('/o/6226/images/6228/bg-sec-nav-on.gif') no-repeat top left; text-decoration: none; }
#primary-content-l form { margin: 0 15px; }
#primary-content-l input { display: inline; }
#primary-content-l input.field { width: 165px; margin-right: 5px; padding: 3px; font: normal 11px Verdana, Arial, sans-serif; color: #333; border: 1px solid #ccc; }
#primary-content-l h5 { padding: 5px 10px; color: #d55c0f; background: #ced4c0 url('/o/6226/images/6228/bg-h5-right.gif') no-repeat top left; font-size: 12px; text-transform: uppercase; }
#primary-content-l h5.donate { color: #1f437f; margin: 0; padding: 35px 0 5px 10px; background: url('/o/6226/images/6228/donate_graphic.gif') no-repeat top left; }

/* Primary content center */
#primary-content-c { float: left; width: 340px; padding: 10px; }
#primary-content-c h3 { margin-bottom: 10px; padding: 4px 10px; color: #fff; background: #d55c0f url('/o/6226/images/6228/bg-h3-center.gif') no-repeat top left; font-size: 14px; text-transform: uppercase; }
#primary-content-c h4 { color: #d55c0f; font-size: 14px; }
#primary-content-c a { color: #d55c0f; text-decoration: underline; }
#primary-content-c ul { margin-left: 20px; }
#primary-content-c ul li { padding: 2px 0; }
#primary-content-c ul.press_list li { margin-bottom: 10px; }
#primary-content-c img.float-left { float: left; margin: 0 10px 0 2px; }
#primary-content-c img.float-right { float: right; margin: 0 10px 0 2px; }
#primary-content-c table.tbl-float-left { float: left; margin: 0 10px 0 2px; }
#primary-content-c table.tbl-float-right { float: right; margin: 0 10px 0 2px; }
#primary-content-c span.orange-text { color: #d55c0f; }
#primary-content-c span.orange-header { color: #d55c0f; font: bold 14px Verdana, Arial, sans-serif; }
#primary-content-c span { margin-bottom: 30px; }


/* Primary content right */
#primary-content-r { position: relative; float: left; width: 193px; padding: 10px 8px 10px 10px; background-color: transparent; }
#primary-content-r h5 { padding: 5px 10px; color: #d55c0f; background: #ced4c0 url('/o/6226/images/6228/bg-h5-right.gif') no-repeat top left; font-size: 12px; text-transform: uppercase; }
#primary-content-r h5.headline { padding: 27px 10px 4px 10px; background: #fafaf8 url('/o/6226/images/6228/bg-h5-headline.gif') no-repeat top left;  }
#primary-content-r h5.donate { color: #1f437f; margin: 0; padding: 35px 0 5px 10px; background: url('/o/6226/images/6228/donate_graphic.gif') no-repeat top left; }
#primary-content-r p { margin: 10px 5px; }
#primary-content-r a { color: #333; }
#primary-content-r dl { margin: 5px; }
#primary-content-r dt { padding-top: 5px; } 
#primary-content-r dt a { font-weight: bold; }
#primary-content-r dd { padding-bottom: 5px; }

/* Link Buttons
-----------------------------------------------------------------------------*/
a.arrow-btn { display: block; padding: 3px 0 4px 20px; background: url('/o/6226/images/6228/arrow-btn-bg-left.gif') no-repeat top left; }
a:hover.arrow-btn { text-decoration: none; }
a.arrow-btn span { padding: 3px 7px 4px 0; color: #fff; background: #d55c0f url('/o/6226/images/6228/arrow-btn-bg-right.gif') no-repeat top right; }

a.pdf-btn { display: block; font-size: 10px; padding: 4px 0 5px 27px; background: url('/o/6226/images/6228/pdf-btn-bg-left.gif') no-repeat top left; }
a:hover.pdf-btn { text-decoration: none; }
a.pdf-btn span { padding: 4px 7px 5px 0; color: #fff; background: #d55c0f url('/o/6226/images/6228/pdf-btn-bg-right.gif') no-repeat top right; }

/* bucket content left */
.left_bucket { position: relative; float: left; width: 229px; padding: 0px 0; }
.left_bucket h1 { clear: both; margin: 10px 15px 0 15px; padding: 3px 10px 3px 20px; background: url('/o/6226/images/6228/arrow-orange.gif') no-repeat 0 50%; font-size: 12px; text-transform: uppercase; }
.left_bucket p { margin: 5px 15px; }
.left_bucket a { color: #333; }
.left_bucket ul { list-style: none; }
.left_bucket li { margin-bottom: 1px; }
.left_bucket li a { display: block; height: 13px; padding: 5px 10px 5px 33px; }
.left_bucket li a:hover, #primary-content-l li a.active { background: url('/o/6226/images/6228/bg-sec-nav-on.gif') no-repeat top left; text-decoration: none; }
.left_bucket form { margin: 0 15px; }
.left_bucket input { display: inline; }
.left_bucket input.field { width: 165px; margin-right: 5px; padding: 3px; font: normal 11px Verdana, Arial, sans-serif; color: #333; border: 1px solid #ccc; }



/* Footer
-----------------------------------------------------------------------------*/
#footer { padding: 10px; border-top: 9px solid #d29800; background-color: #e4ddc5; }
#footer p { float: left; margin: 0; }
#footer a { color: #333; }
#footer span { float: right; }