/*  
Theme Name: El Creative Skin 2009
Author URI: http://elcreative.com
Version: 1
Author: Derek Weathersbee
Description: El Creative Skin is a two column WordPress theme with plenty of white space ... and it's widget ready.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/

/* global styles */


* {
  margin: 0;
  padding: 0;
}

#post_password, #pwbox-1829 {
margin: 0 0 10px;
}

a img {
border: none!important;
}

a {
text-decoration:none;
}

a, img {
    outline: none;
}

.hide {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

ul.sitemap a, .title a, .categories a, #content-pri h3 a  {
color:#fff !important;
}


#layerAwardAd {
	position:absolute;
	left:0px;
	top:94px;
	width:170px;
	height:140px;
	z-index:4;
}

html {
  width: 100%;
  background: url(images/page-back.png) repeat-y;
  background-color: #53290E;
  height: 100%;
}

html#tall {
  background: url(images/page-back-tall.png) no-repeat top left #53290E;

}

td, th {
text-align:left;padding: 4px 20px 4px 4px;
vertical-align:top;
}

body {
  width: 100%;
 background: url(images/body-back.gif) repeat-x 0 73px;
  color: #AA6668;
  /*font: 62.5% Arial, Helvetica, sans-serif;*/
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
  height: 100%;
}

body#tall {
 background: url(images/body-back-no-foot.gif) repeat-x 0 73px  ;

}

table.awards td {
padding: 20px 0 20px;
vertical-align:top;
text-align:left;
  border-bottom: 1px solid #5E2F10;
font-size: 15px;
line-height: 22px;
}

table.awards h2 {
font-size: 16px !important;
color: #FF3300;
margin:0 !important;
padding:0 !important;
width: 100% !important;
}

p {
margin:0;
  margin-bottom: 14px;
  /*font-size: 1.2em;
  line-height: 1.5em;*/
}

p.archive-title {
margin:0 0 6px;
}

img.alignleft {
float: left !important;
margin: 0 12px 4px 0 !important;
}

img.alignright {
float: right !important;
margin: 0 0 4px 12px !important;
}

p.small {
  font-size: 10px;
}

object, embed {
margin: 0 0 10px;
}



ul.category-narrow {

margin:0;
padding:0;
list-style:none;
position: absolute;
top:0px;
right:0px;
}

ul.category-narrow li {
float: left;
padding: 8px;
margin: 0;
}

ul.category-narrow li a {
display: block;
text-decoration: none;
color: #fff;
}

ul.category-narrow h3 {
font-weight: bold;
margin: 0;
padding: 0;
text-transform: uppercase;
display: inline;

}

#content-pri h2 {
font-weight: normal;
font-family: Century Gothic, Avenir, Arial, sans-serif;
margin: 0 0 6px;
padding:0;
color: #FF3300;
  line-height: 42px;
  height:42px;
  font-size: 30px;
  display: block;
  width: 360px;
}

h3 {
margin: 0 0 12px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
padding:0;
}

h3.bio{
font-size: 16px;

text-transform: capitalize;
}



h4 {
color: #FF3300;
margin: 0 0 12px;
padding:0;
font-weight: normal;
}





#page-container {
 /* width: 997px;*/
  width:100%;
  height: 605px;
  position: relative;
}

#page-container.tall {
height:auto;
}

#page-container-print {
  width: 997px;
  position: relative;
}

#head-container {
  height: 154px;
  position: relative;
  z-index: 3;
}

#head-logo {
  width: 177px;
  /*height: 159px;*/
  height: 122px;
  /* matte = 431f09 */
  position:absolute;
  top:0;
  left: 35px;
  z-index:2;
}
/*
#head-logo h1 {
  width: 220px;
  font: 1px sans-serif;
  height: 154px;
  position: relative;
}

#head-logo h1 span {
	width: 100%;
	background: url(images/logo.gif) no-repeat top right;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
}*/

#head-mast {
  width: 272px;
  background: url(images/address.gif) no-repeat;
  text-indent: -9999px;
  height: 19px;
  position: absolute;
  top: 20px;
  left: 578px;
}

#nav-container {
  height: 22px;
  padding-bottom:3px;
  position: absolute;
  left: 0;
  top: 47px;
  z-index: 1;
  border-top: 2px solid #5f3010;
  border-bottom: 2px solid #5f3010;
  background: #49240c;
  width:100%;
}

#nav-sub {
  position: absolute;
  left: 220px;
  top: 90px;
}

#nav-sub a {
  margin-right: 10px;
  padding-left: 10px;
  background: url(images/nav-arrow.png) no-repeat left center;
  color: #CCC;
  font-weight: bold;
  font-size: 9px;
  text-transform: uppercase;
  text-decoration: none;
}

#nav-sub a:hover {
  color: #FFF;
  text-decoration: none;
}

#head-bread {
  color: #CCC;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  bottom: 10px;
  left: 62px;
  font-size: 11px;
}

#head-bread a {
color: #fff;
text-decoration: none;
}


#head-bread span {
  color: #E3412D;
}



/* ////////////////////////////////////////////// CONTENT //////////////////////////////////////////////*/
/* ////////////////////////////////////////////// CONTENT //////////////////////////////////////////////*/
/* ////////////////////////////////////////////// CONTENT //////////////////////////////////////////////*/

#content-container {
  width: 785px;
  color: #FFF;
  height: 419px;
  position: absolute;
  top: 154px;
  left: 62px;
  z-index: 0;
}

#content-container-tall{
  width: 785px;
  color: #FFF;

 margin-left: 62px;
  z-index: 0;
}


#content-container#tall {
height: auto;
}

#content-container.home {
left: 120px;
width:727px;
}

#content-container.whitepaper-signup {
left:62px;
}

#content-pri.whitepaper-signup {
width:360px;
}

#content-container.whitepaper-signup table {
width:320px;
}



#content-pri.home h3 {
margin:0 0 14px;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#fff;
}



#content-pri.home {
  width: 340px;
  position: absolute;
  left:0;
  top:-8px;
  font-size:15px;
line-height:25px;
}



span.homelinks a {
margin: 0 10px 0 0;
padding:0;
border:none;
float:left;
}



#content-pri {
width: 360px;
height: 338px;
text-align:left;
}

#content-pri#tall{
height:auto;
}



#content-sec {
  position: absolute;
  right: 0px;
  top: -81px;
  width: 371px;
  z-index:6;
  text-align:left;
}


#content-sec.home {
border-right: solid 3px #3d1b01;
height:500px;
background: #53290e;
text-align:left;
}


#content-sec.home h2{
color:#ff3300;
font-weight:normal;
margin:0 0 10px;
padding:0;
font-size:18px;
}


#form-container {
margin:18px 0 0 20px !important;
width:330px;
padding:0;
text-align:left;
}







#newsletter-form {
padding:0;
margin:0;
}

#newsletter-form p, #newsletter-form h2 {
display:block;
}


input {
margin:0;
padding:0;
}

input#email, input#name, input.password {
margin:0 6px 0 0 !important;
padding: 0 0 0 6px !important;
width:120px;
height:22px;
line-height:22px;
border:none;
display:inline;
float:left;
}

.email-submit, .password-submit {
width: 24px;
height:22px;
margin:0;
padding:0;
display:inline;
float:left;
}



content-sec img {
border: none!important;
}




/*//////////////////////// CONTENT Left SIDE ///////////////////////////*/

#content-pri .post {
  border: 1px solid #5E2F10;
  padding: 10px;
  background: url(images/post-back.png) repeat-x center;
  background-attachment: fixed;
  background-color: #391807;
  color: #FFF;
  overflow: auto;
  height: 318px;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-base-color:#562B0F;
  scrollbar-track-color:#5F381E;
  /* scrollbar-darkshadow-color:; */
  scrollbar-face-color:#562B0F;
  /*
  scrollbar-highlight-color:;
  scrollbar-shadow-color:;
  */
}


#content-pri .post-tall {
  border: 1px solid #5E2F10;
  padding: 20px;
  background: url(images/post-back.png) repeat-x center;
  background-attachment: fixed;
  background-color: #391807;
  color: #FFF;
}



#content-pri.wide {
width: 770px;
}

#content-pri.wide .post {
	/*width: 750px;*/
	overflow: scroll;
}


/* ////////////////////////////////////////////// BUTTONS//////////////////////////////////////////////*/
/* ////////////////////////////////////////////// CONTENT //////////////////////////////////////////////*/
/* ////////////////////////////////////////////// BUTTONS //////////////////////////////////////////////*/



#content-pri.wide div.categories {
position: absolute;
top:0;
left:350px;
width: 440px;
margin:-20px 0 0!important;
padding: 0!important;
z-index:10;
}


#content-pri div.categories a {
float:left;
display: block;
width: 120px;
text-align: center;
margin-left: 20px;
height: 40px;
line-height: 40px;
background: #562b0f;
font-weight: bold;
text-decoration: none;
text-transform:uppercase;
}

#content-pri ul{
 
  padding: 0;
  margin: 0 0 14px 15px;
  }

#content-pri ul li {

  margin: 0 0 4px;
}


 #content-pri ul.sitemap {
 list-style: none;
 }
 
#content-pri ul.sitemap li {
margin: 0 0 8px;
padding:0;
font-weight: bold;
text-transform: upppercase;

}

#content-pri ul.sitemap ul {
list-style: disc;
list-style-position: outside;
margin: 0 0 8px;
padding:0;
font-weight: normal;
text-transform: none;
}

#content-pri ul.sitemap ul li {
margin:0 0 0 14px;
padding:0;
}




#content-pri a:hover {
  color: #fff;
}

#content-pri a {
  color: #E3412D;
}





ul.portfolio {
margin: 0 0 20px 0px !important;
padding:0;
list-style: none;
overflow: hidden;

}

ul.portfolio li {
float: left;
display: block;
background: #4B1700;
text-align: center;
margin: 0 20px 20px 0 !important;
  background: url(images/post-back.png) repeat-x center;
  border: 1px solid #5E2F10;
}

ul.portfolio li:hover {
border: solid 1px #fff;
}

ul.portfolio a {
color: #fff;
text-decoration: none;
display: block;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}

ul.portfolio a .list-title{
color: #fff;
text-decoration: none;
display: block;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
padding: 4px 0 4px;
}

ul.portfolio a.list-title:hover {

}




div.testimonial p {
margin: 0 0 8px !important;
padding:0!important;
}

.testimonial-author {
color: #FF3300;
}

div.tween {
margin: 0 0 16px;
border-bottom: 1px solid #5E2F10;
}










ul.whitepapers-list {
padding:0 !important;
margin:0!important;
overflow:hidden;
list-style:none;
}

ul.whitepapers-list li {
display: block;
border-bottom: 1px solid #5E2F10;
margin:0 0 25px 0;
padding: 0 0 15px 0px; /* image is 60, so this gives a 20px border */
overflow:hidden;
}

ul.whitepapers-list .type {
float:right;
width:650px;
}

ul.whitepapers-list a {
display:block;
color:#fff;
}

#whitepaper-login {
position:absolute;
top: 14px;
right:8px;
}

p.callout, div.callout, blockquote.callout {
background: #5E2F10;
padding:10px;
margin: 0 0 20px;
display:block;
}

#white-paper-in p.callout#out, #white-paper-out p.callout#in {
display:none;
visibility:hidden;
}



/* ////////////////////////////////////////////// CONTENT //////////////////////////////////////////////*/
/* ////////////////////////////////////////////// CONTENT //////////////////////////////////////////////*/
/* ////////////////////////////////////////////// CONTENT //////////////////////////////////////////////*/

/* ///////////////////////////////////// SECTION HEADERS ///////////////////////////////////*/







/*
#footer-ext {
background:url(images/footer-bg.gif) bottom repeat-x;
  position: absolute;
  bottom: 0;
  width:100%;
    z-index: 5;
}*/



#foot-container {
  line-height: 32px;
  letter-spacing: -1px;
left:47px;
  height: 32px;
  width:797px;
  position: absolute;
  bottom: 0;
  font-size: 10px;
  display:block;
}

#follow-us {
float:right;
height:32px;

  color: #AD551E;
  text-transform: uppercase;
letter-spacing:none;
}

#follow-us a {
text-decoration:none;
  color: #AD551E;
  margin:0!important;
  padding:0!important;
}

#follow-us img {

  border:none;
  margin:5px 0 0 6px!important;
  padding:0!important;
  z-index:2;
}

#follow-us img.facebook {
  margin:5px 0 0 -2px!important;
  z-index:1;
}

#foot-container-2 {
  line-height: 32px;
  letter-spacing: -1px;
padding-left:47px;
text-align:left;
  height: 32px;
  font-size: 10px;
  position:relative;
  display:block;
  margin-top: 12px;
  background: url(images/footer-bg.gif) top left repeat-x;
}

#foot-container a, #foot-container-2 a {
  margin: 0 6px;
  color: #AD551E;
  text-transform: uppercase;
  text-decoration: none;
}

#foot-container a:hover, #foot-container-2 a:hover {
  color: #FFF;
  text-decoration: none;
}









#sidebar-single {
  position: absolute;
  left: 455px;
top:0px;
}













div.post-title {
display: block;
text-align: center;
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
}




ul.streaming-videos {

margin: 0 0 20px 40px;
padding:0;
list-style: none;
overflow: hidden;
}

ul.streaming-videos li {
float: left;
display: block;
background: #4B1700;
text-align: center;
margin: 0 20px 20px 0 !important;
  background: url(images/post-back.png) repeat-x center;
  border: 1px solid #5E2F10;
  font-weight: bold;
font-size: 10px;
text-transform: uppercase;
padding:0 !important;
}


ul.streaming-videos li:hover {
border: solid 1px #fff;
}

ul.streaming-videos object {
margin: 0;
padding:0;
}





/*had to add 17 to all heights because of the titles */


/*////////////////////////// ELCRATIVE CHANGES /////////////////////////*/



/*Espanol Specific
#page-espanol #content-pri {
  margin-left: 20px;
  width: 360px;
  height: 338px;
}



#page-extranet #textField {
	height: 17px;
	width: 140px;
	border: 1px solid #7A3510;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 1px;
}
#page-extranet #page-container #content-container #content-pri .post #form1 input {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	height: 21px;
	color: #462009;
}
#page-extranet #page-container #content-container #content-pri .post p {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#page-extranet td {
font-size: 13px;
}
#page-extranet h1 {
	font-family: Arial, Verdana;
	font-size: 13px;
	color: #FFFFFF;
}

select.combo 
{
	height: 17px;
	width: 140px;
	border: 1px solid #7A3510;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	margin: 1px;
	background-color :#53290E;
}*/


span.post-time {
font-weight: bold;
text-transform:uppercase;
font-size: 10px;
}








/*///////////////////////////////////// SIRF /////////////////////// */





/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0 0 -8px;;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active #content-pri h2 {
    font-family: Verdana;
    visibility: hidden;
	line-height: 1em;
	margin: 0 0 12px;
	
	
  }


}









.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: none;
width: 371pxpx; /*width of featured content slider*/
height: 350px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0;
width: 371px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}


body.tv, body.radio {
text-align:center;
background: url(images/body-back-no-foot.gif) repeat-x 0 73px  
}

#tv.tv2, #radio {
width: 320px;
margin:0 auto;

}

#tv.tv2 h3, #radio h3 {
color: #fff;
font-size: 14px;
line-height: 34px;
padding: 20px 0;
margin: 0 0 20px;
}

p.next-post a {
color: #fff;
}