/*Style Sheet Information  *****************************************************

Coalition of Christian Cowboys, Inc.
CoalitionofChristianCowboys.com
Date: 2009.01.12
Created by: Shane Richard
wrichard [at] rootgrid.com

This is my transparency settings:
  filter:alpha(opacity=50);
  opacity:0.5;
  -moz-opacity:0.5;

*/

/* SEMANTICS ******************************************************************/

a {
  background:transparent;
}

a:link.non-ul,
a:visited.non-ul,
a:hover.non-ul,
a:active.non-ul {
  color:#;
  text-decoration:none;
}
a:link {
  color:#ffff00;
  text-decoration:none;
}
a:visited {
  color:#ffff00;
  text-decoration:none;
}
a:hover {
  color:#ffc300;
  text-decoration:none;
}
a:active {
  color:#ffa500;
  text-decoration:none;
}
.wrapper-table {
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
}
.wrapper2 {
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
}
.wrapper-top-left{
  background:url("http://coalitionofchristiancowboys.org/src/images/western_star_corner.png");
  background-repeat:no-repeat;
  width:37px;
  height:37px;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:transparent;
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  
}
.wrapper-top-right{
  background:url("http://coalitionofchristiancowboys.org/src/images/western_star_corner.png");
  background-repeat:no-repeat;
  width:37px;
  height:37px;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:transparent;
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  
}

  .wrapper-top {
  background:url("http://coalitionofchristiancowboys.org/src/images/barback_color.png");
  width:806px;
  height:37px;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
   border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:transparent;
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  
  
  }
    .wrapper-left {
  background:url("http://coalitionofchristiancowboys.org/src/images/barback90.png");
  width:37px;
  height:100%;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
   border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:transparent;
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  
  }
    .wrapper-right {
  background:url("http://coalitionofchristiancowboys.org/src/images/barback90R.png");
  width:37px;
  height:100%;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
   border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:transparent;
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  
  }
  .wrapper-middle {
  width:800px;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:transparent;
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  
  }
    .wrapper-bottom{
  background:url("http://coalitionofchristiancowboys.org/src/images/barback_color.png");
  width:806px;
  height:37px;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:transparent;
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  
}
    .wrapper-bottom-left{
  background-repeat:no-repeat;
  width:37px;
  height:37px;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:transparent;
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  
}
    .wrapper-bottom-right{
  background-repeat:no-repeat;
  width:37px;
  height:37px;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:transparent;
  padding-top:0px; 
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  
}
body {
  background:url("http://coalitionofchristiancowboys.org/src/images/ccc_logo_black_bottom.png");
  background-color:#b09776;
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:center center;
  color:#000000;
  font:0.8em verdana,helvetica,arial;
  padding-right:0px;
  padding-left:0px;
  padding-top:0px;
  padding-bottom:0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom:0px;
  padding-left:0px;
  padding-right:0px;
}
h1 {
  font-size:125%;
}
h2 {
  font-size:100%;
  padding-left:10px;
  color:#ffc300;
  background-color:#000000;
}
h3 {
  font-size:100%;
  margin:0px;
}
img {
  border:0;
}
td {
  color:#000000;
}
table {
  border:0px;
}
p {
  margin-top:5px;
}
select {
  color:#000000;
  font-size:.9em;
}

div.center {
display:block;
margin-left:auto;
margin-right:auto;
}

.special-event {
text-align:center;
margin:auto;
padding:5px;
}

/* CLASSES ********************************************************************/
/* general alignment classes **************************************************/
.alignleft {
  text-align:left;
}
.alignright {
  text-align:right;
}
.aligncenter {
  text-align:center;
}
.aligntop {
  vertical-align:top;
}
.floatright {
  float:right;
}
.floatleft {
  float:left;
}
.clearboth {
  clear:both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* general formatting classes **************************************************/
.b {
  font-weight:bold;
}
.ext-link {
  background-color: transparent;
  background: url(./images/external.png) right center no-repeat;
  background-attachment: scroll;
  padding-right: 13px;
}
.strike {
  text-decoration: line-through;
}
/* Blocks *********************************************************************/
.block-featured-left {
  width:150px;
  filter:alpha(opacity=70);
  opacity:0.7;
  -moz-opacity:0.7;
  background:#544f34;
  border-left:1px solid #000000;
  color:#000000;
}
/* Footer *********************************************************************/
.footer {
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  background:#4c4730;
  border-top:0px solid #000000;
  border-right:1px solid #000000;
  border-left:1px solid #000000;
  border-bottom:1px solid #000000;
  color:#000000;
  font-size:0.85em;
  padding-bottom:10px;
  padding-top:10px;
  padding-left:4px;
  padding-right:4px;
  vertical-align:middle;
  text-align:center;
}
.footer a:link {
  background:transparent;
  color:#FFFFFF;
  text-decoration:none;
}
.footer a:visited {
  background:transparent;
  color:#FFFFFF;
  text-decoration:none;
}
.footer a:hover {
  background:transparent;
  color:#008000;
  text-decoration:none;
}
.footer a:active {
  background:transparent;
  color:#FFFFFF;
  text-decoration:none;
}
.footer-divider-top {
  background:transparent;
  border-top:1px solid #191919;
  padding-top:0px;
  color:#000000;
}
/* Header *********************************************************************/
.header-image {
  height:100%;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  vertical-align:bottom;
  }
.header{
  height:150px;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  background-color:#4e483b;
  border-top:1px solid #000000;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  border-bottom:0px solid #000000;
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  
  }

  .header-navigation-containerL {
  background:url("http://coalitionofchristiancowboys.org/src/images/barback.png");
  width:15px;
  height:100%;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
   border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:#b09776;
  }
.header-navigation-container {
  background:url("http://coalitionofchristiancowboys.org/src/images/barback.png");
  width:100%;
  height:15px;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
   border-bottom:0px solid #000000;
  border-left:0px solid #000000;
  border-right:0px solid #000000;
  border-top:0px solid #000000;
  background-color:#b09776;
}
/* Story **********************************************************************/
.story {
  /* the frame around all elements of one story */
  background:transparent;
  color:#000000;
}
.story h1 {
  /* the title of a story */
  background:transparent;
  color:#000000;
  font-weight:bold;
  padding-left:1px;
}
.story-body {
  /* this is the actual content of the story */
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  color:#d2c7b9;
  width:100%;
}
.story-featured {
  /* the frame around all elements of a featured story */
  background:transparent;
  color:#000000;
}
.story-featured h1 {
  /* the title of a featured story */
  background:transparent;
  color:#000000;
  font-weight:bold;
  font-size:1.4em;
  padding-left:1px;
}
.story-icons {
  /* print & mail icons in a storybox */
  float:right;
  padding-top:10px;
}
.story-icons a {
  margin-left:5px;
}
.story-container {
  /* frame around all stories & centerblocks*/
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  background:#7e7154;
  padding-top: 0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  vertical-align:top;
  border-top:0px solid #000000;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  border-bottom:0px solid #000000;
  width:650px;
}
.story-footer {
  /* the bottom of the story with edit-links etc */
  padding-top:3px;
  padding-left:3px;
  padding-right:3px;
  padding-bottom:3px;
  text-align:center;
  color:#bfb191;
  clear:both;
}
.story-footer p {
  padding:0px;
  margin:0px;
}
.story-information {
  /* the author, views and date of a story */
  padding:3px;
  font-size:0.85em;
  background:transparent;
  color:#99a85f;
}
.story-information p {
  padding:0px;
  margin:0px;
}
/* Menu **********************************************************************/
td.menu-item {
 width:150px;
 font-family:Arial,Verdana,Helvetica;
 background:#7e7154;
 font-size:0.85em;
 color:#c0c0c0;
 text-decoration: none;
 font-weight: bold;
 padding: 10px 0px 10px 0px;
 height: 15px;
 border-top:0px solid #000000;
 border-left:0px solid #000000;
 border-right:0px solid #000000;
 border-bottom::1px solid #000000;
}
td.menu-item:hover{
 background-color: #99996f;
 color: #FFFFFF;
 text-decoration: none;
 border-top:0px solid #000000;
 border-left:0px solid #000000;
 border-right:0px solid #000000;
 border-bottom::1px solid #000000;
} 

/*Special***********************************************************************/
table.cowboy_letter {
 width:600px;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
}
td.cowboy_letter1 {
 width:50px;
 font-family:Arial,Verdana,Helvetica;
 font-size:14pt;
 font-weight:bold;
 text-decoration:none;
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
 color:#ff0000;
 text-align:center;
 vertical-align:top;
 border-top:0px solid #615740;
 border-left:0px solid #615740;
 border-right:1px solid #615740;
 border-bottom:1px solid #615740;
 }
 
 td.cowboy_letter2 {
 width:500px;
 font-family:Arial,Verdana,Helvetica;
 font-size:10pt;
 font-weight:bold;
 text-decoration:none;
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
 color:#880000;
 text-align:center;
 vertical-align:top;
 border-top:0px solid #615740;
 border-left:0px solid #615740;
 border-right:0px solid #615740;
 border-bottom:1px solid #615740;
 }
 table.general-table {
 border-top:1px solid #615740;
 border-left:1px solid #615740;
 border-right:1px solid #615740;
 border-bottom:1px solid #615740;
 }
 table.event-list {
 width:600px;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
}
th.event-list {
 width:50px;
 background-color:#5a503c;
 font-family:Arial,Verdana,Helvetica;
 font-size:14pt;
 font-weight:bold;
 text-decoration:none;
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
 color:#000000;
 text-align:left;
 vertical-align:top;
 border-top:0px solid #615740;
 border-left:0px solid #615740;
 border-right:1px solid #615740;
 border-bottom:1px solid #615740;
 }
td.event-month {
 width:50px;
 font-family:Arial,Verdana,Helvetica;
 font-size:12pt;
 font-weight:bold;
 text-decoration:none;
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
 color:#000000;
 text-align:left;
 vertical-align:top;
 border-top:0px solid #615740;
 border-left:0px solid #615740;
 border-right:1px solid #615740;
 border-bottom:1px solid #615740;
 }
 td.event-item {
 width:550px;
 font-family:Arial,Verdana,Helvetica;
 font-size:10pt;
 font-weight:normal;
 text-decoration:none;
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
 color:#000000;
 text-align:left;
 vertical-align:top;
 border-top:0px solid #615740;
 border-left:0px solid #615740;
 border-right:1px solid #615740;
 border-bottom:1px solid #615740;
 }
 img.bio {
 background-color:#3c3628;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
 }
 img.gallery {
 background-color:#3c3628;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
 padding-top:5px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
 }
 /* Lightbox settings */
 #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("http://coalitionofchristiancowboys.org/src/images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("http://coalitionofchristiancowboys.org/src/images/nextlabel.gif") right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }