/*  
Description: Description: Oneil Edwards
Version: 0.20
Author: Oneil Edwards
*/



/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0 auto;
}
/*h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }*/
fieldset { padding: .5em; }
select option{ padding:0 5px; }
select, option { color:black; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.last{ float:left; padding-left: 10px; width: 190px; }
.right{ float:right; }
.clear{ clear:both; height:1px; margin-bottom: 0px; }
a img{ border:none; outline: none} 

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
  color:#333;
  font-size:15px;
  font-family:Georgia;
  line-height:150%;
  overflow-x: hidden;
}

#wrapper2{
background: #ffffff;
padding-top: 42px;
width: 100%;
}

#wrapper{
background: #ffffff;
width: 100%;
}


#footer{
  border-bottom:4px solid #ECECEC;
padding-top:80px;
width:720px;
}


/* This class sets the width and position for all rows */
.inside{
  text-align: center;
  margin:0 auto;
}

.inside2{
  width:100%;
  margin:0 auto;
}

a{
  color:#ff2b06;
  outline: none;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}


#primary a{
  color:#ff2b06;
  outline: none;
}

#primary a:hover{
  color:#ff2b06;
  outline: none;
}

#secondary a{
  color:#ff2b06;
  outline: none;
  text-decoration:none;
}

#secondary h1 a{
  outline: none;
  text-decoration:none;
}

#secondary h1 a:hover{
  text-decoration:underline;
}

#secondary a:hover{
  color:#14B1F2;
  text-decoration:underline;
}


p{
font-family: trebuchet Ms, sans-serif;
}

#primary p{
font-family: trebuchet Ms, sans-serif;
font-size: 24px;
line-height: 150%;
padding: 20px
}

#footer p{
color:#535353;
font-size: 12px;
line-height: 150%;
}

#footer h3{
color:#535353;
font-family:Arial,sans-serif;
font-size:10px;
font-style:italic;
line-height:115%;
padding-top:10px;
}

#primary h2{
font-family: trebuchet Ms, sans-serif;
font-size: 5em;
font-weight:bold;
line-height:140%;
color:#121212;
padding: 20px 20px 0;
}

h1{
  font-family: Arial,sans-serif;
  text-transform: uppercase;
  color:#121212;
  font-size:30px;
  line-height: 120%;
  font-weight: normal;
  color: #151515;
  padding-bottom: 15px;
}

h2, h3{
  font-family: Arial,sans-serif;
  color:#535353;
  font-weight:normal;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.3px;
}

h2{
  padding-top: 20px;
  }

h3{
  font-family: Georgia,serif;
  text-transform: none;
  font-size: 12px;
  padding-bottom: 15px;
}  

#primary h1{
  font-weight:bold;
  letter-spacing: 0px;
  font-size: 19px;
  line-height: 120%;
  padding: 15px 15px 0;
  padding-bottom: 0px
}

#primary h3{
  font-family: Georgia,serif;
  color:#535353;
  font-weight:normal;
  letter-spacing: 0px;
  font-size: 12px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-top: 2px
}

 span.hed{
  font-family: Arial,Verdana,sans-serif;
  color: #121212;
  font-size: 3.7em;
  font-weight:bold;
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 12px;
  text-transform: uppercase;
  text-align: left;
  line-height: 140%;
  width: 650px;
  float: left;
}

 span.smallhed{
  font-family: Arial,Verdana,sans-serif;
  color: #121212;
  font-size: 4em;
  font-weight:bold;
  padding-top: 40px;
  padding-left: 12px;
  text-transform: uppercase;
  text-align: left;
  line-height: 100%;
  width: 650px;
  float: left;
}

 span.hed_contact{
  font-family: Arial,Verdana,sans-serif;
  color: #121212;
  font-size: 2.7em;
  font-weight:bold;
  padding-top: 10px;
  text-transform: uppercase;
  text-align: left;
  line-height: 120%;
  width: 650px;
  float: left;
}

#third h1{
  font-family: Arial,Verdana,sans-serif;
  font-style: normal;
  font-weight: bold;
  text-shadow: 1px 0 1px #039ddc;
  color: #ffffff;
  padding-top: 30px;
  line-height: 130%;
  text-transform: uppercase;
  font-size: 12px;
}

#imageholderinfo h1{
  color:#121212;
font-family:Arial,Verdana,sans-serif;
font-size:13px;
font-style:normal;
letter-spacing:0.3px;
line-height:105%;
padding-bottom:6px;
padding-top:0;
text-shadow:none;
text-transform:uppercase;
}

#secondary h2{
  color:#121212;
font-family:Arial,Verdana,sans-serif;
font-size:0.85em;
font-weight:bold;
line-height:100%;
padding-left:5px;
padding-top:4px;
text-transform:uppercase;
}

#secondary h3{
  color:#454545;
  font-family: trebuchet Ms,sans-serif;
  font-size:0.75em;
  font-weight:normal;
  line-height:115%;
  opacity:0.5;
  padding-left:5px;
  text-transform:none;
  }

#imageholderinfo h3{
  font-family: trebuchet Ms,sans-serif;
  padding-bottom: 0px;
  padding-top: 10px;
  font-size: 11px;
}

 span.about{
  font-family: Arial,Verdana,sans-serif;
  float: left;
  width: inherit;
  color: #878787;
  font-size: 12px;
  margin-bottom: 20px;
  text-align: left;
  padding-left: 9px;
  margin-top: -8px;
  line-height: 120%;
}

#secondary h4{
  font-family: Arial,Verdana,sans-serif;
  font-style: normal;
  color: #ececec;
  padding-top: 5px;
  line-height: 90%;
  font-size: 0.8em;
  font-weight: normal;
}

#primary .secondary h4{
  font-family: Georgia,serif;
  color: #222;
  font-size: 13px;
  line-height: 130%;
  padding-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding-left: 10px;
  padding-top: 10px
}


#primary .secondary h1{
  font-family: Georgia,serif;
  color: #333;
  font-size: 12px;
  line-height: 140%;
  padding-bottom: 5px;
  padding-top: 0px;
  padding-left: 10px
}

#more h4{
  font-family: Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding-top: 20px;
  padding-left: 10px
}

h4{
  font-size:16px;
  font-weight:normal;
  line-height: 150%;
  font-style: italic;
  padding: 15px;
  padding-top: 1.5em
}

.primary p{
  line-height:135%;
  font-size: 1.36em;
  color:#999999;
  margin:0;
  margin-top:18px;
  margin-bottom:30px;
}


#primary .intro p{
  line-height:150%;
  font-size: 1.25em;
  padding-bottom: 20px;
}

.content p{
  line-height:140%;
  font-size: .89em;
  margin-right: 12px;
  padding-bottom: 20px;
  color:#7b7b7b;
  margin-top:16px;
}


pre{
  width:100%;
  padding:1em 0;
  overflow:auto;
  border-top:1px dotted #333;
  border-bottom:1px dotted #333;
}

table{
  float: left;
  border-spacing:2px;
  border: 1px solid #ccc;
  padding: 20px
}
table th, table td{ padding:0.3em}
table th{
  background:#CCC;
  color:#000;
  text-align:left;
}
table td{
  background:#fff;
  font-family: Arial, sans-serif;
  font-size: 13px;
}
table caption{
  text-align:left;
  color:Ivory;
  margin-bottom:-1em;
  margin-top:1em;
}

input{
background-color: #eee
}


/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#top_bar{
	background-color: #000000;
	height: 34px;
	}

#header{
	height: 34px;
	}


/*-----------------------------------------------------------------------------------------------
  Nav
-----------------------------------------------------------------------------------------------*/
#nav{
  height:34px;
  width: 1024px;
}

#logo{
float: left;
position: absolute;
top:8px;
}


#menus							{ top: -34px; position:relative; float:right;}
a									{ text-decoration: none; }
ul									{ list-style: none; }

.box								{padding: 0px; margin: 0; }

#catNav								{ overflow: hidden; margin:0; }
#catNav li							{ display: inline; float: left; }
#catNav li a						{ display: block; height: 34px; text-indent: -9999px;
	                                  background: url(images/all_nav.gif);
	 								  border: none; padding: 0; }
#catNav li a#list-one-button		{ background-position: 0px 0px; width: 69px;}
#menus #catNav li.activeCatButton a#list-one-button { background-position: 0px -34px; }
#catNav li a#list-one-button:hover { background-position: 0px -68px; }
#catNav a#list-two-button			{ background-position: -69px 0px; width: 81px;}
#menus #catNav li.activeCatButton a#list-two-button { background-position: -69px -34px;}	
#catNav li a#list-two-button:hover { background-position: -69px -68px; }	
#catNav a#list-three-button			{ background-position: -150px 0px; width: 82px; }
#menus #catNav li.activeCatButton a#list-three-button { background-position: -150px -34px; }
#catNav li a#list-three-button:hover { background-position: -150px -68px; }
#catNav a#bottom-button			{ background-position: 0 -384px; width: 120px; margin-left: 197px; height: 70px; }
#catNav li a#bottom-button:hover { background-position: -120px -384px; }

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/


#primary{
  width: 1024px;
  color:#333;
}

#primary_article{
  width: 1024px;
  color:#333;
}


#primary .primary{
  float:right;
  text-align: left;
  width:620px;
}

#primary .storyholder{
  margin-top:50px;
  padding-bottom:6px;
  padding-top:6px;
  text-align:left;
  width:720px;
}

#primary_article .storyholder{
  margin-top:50px;
  padding-bottom:6px;
  padding-top:6px;
  text-align:left;
  width:720px;
}

.story2{background-color: #ffffff;
  border-top: 1px solid #f5f5f5;
  margin: 4px 10px 15px; 
}


.story3{background-color: #ffffff;
    -moz-border-radius:5px 5px 5px 5px;
  border-radius: 5px;
  -webkit-border-bottom-left-radius: 5px 5px;
  -webkit-border-bottom-right-radius: 5px 5px;
  -webkit-border-top-left-radius: 5px 5px;
  -webkit-border-top-right-radius: 5px 5px;
  -moz-box-shadow: 1px 4px 6px #e3e3e3;
  -webkit-box-shadow: 1px 4px 6px #e3e3e3;
  box-shadow: 1px 4px 6px #e3e3e3;
  border-top: 1px solid #f5f5f5;
  margin: 4px 10px; 
  padding: 20px;
  font-family: trebuchet Ms, sans-serif;
}

.hed{
 background: transparent url(images/all_nav.gif) no-repeat scroll -10px -110px; 
 height: 55px;
}


#primary .leftcol {float:right; 
  width:300px;
  border-right: 10px solid #fff}


#primary .leftmaincol {float:left; 
width:300px;
}


#primary .secondary{
  float:left;
  font-family: Verdana,sans-serif;
  font-size:11px;
  text-align: left;
  width:270px;
  padding-bottom: 5px;
  display:inline;
}


.secondary .featured p{
  border-bottom:1px solid #333333;
  border-top: 1px solid #333333;
  padding:0.5em 0 0.6em 0;
  line-height:1.5em;
  margin:1em 0 0 0;
}
.secondary .featured dl{
  margin:0 0;
  border-bottom:1px solid #333333;
  padding:0.5em 0 0.6em 0;
}

.secondary p{
  padding-left: 10px;
  color: #333;
  line-height: 130%;
  font-family: Arial, sans-serif;
  font-size: 12px;
  padding-right: 15px
}

.secondary p.caption{
  padding-left: 10px;
  line-height: 130%;
  font-style: italic;
  color: #666666;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 11px;
  padding-right: 15px
}

.secondary dt{
  display:inline;
  margin:0;
  padding:0;
  color:#AAA;
}
.secondary dd{
  display:inline;
  margin:0;
  padding:0;
}
.secondary dd a{ color:#808080; }
.secondary dd a:hover{ color:#fa8d0d; }

.single-post h1, .single-post h2{ 
  margin-top:0;
  margin-bottom:0.75em;
 }

/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/


#secondary{
  padding-top: 10px;
  width: 720px;
  color:#666;
}

#third{
  padding-top: 10px;
  width: 800px;
  color:#666;
}

#secondary .secondary{
  float:right;
  text-align: left;
  width:620px;
}


#secondary .thumbholder{
  -webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
  border: 5px solid #eee;
  background-color: #eee;
  text-align: left;
  float: left; 
  width:200px;
  margin: 15px 15px 20px;
  padding-bottom:38px;
  height: 169px;
}

#secondary .thumbholderlight{
    -webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
  border: 5px solid #eee;
  background-color: #eee;
  text-align: left;
  float: left;
  width:200px;
  margin: 15px;
  height: 169px;
}

#secondary .thumbholder:hover{
  -moz-box-shadow: 2px 4px 4px #bbb;
  -webkit-box-shadow: 2px 4px 4px #bbb;
  box-shadow: 2px 4px 4px #bbb;
    border: 5px solid #4ac1f1;
  background-color: #4ac1f1;
  opacity: 1;
    }
  
#secondary .thumbholderlight:hover{
  -moz-box-shadow: 2px 4px 4px #bbb;
  -webkit-box-shadow: 2px 4px 4px #bbb;
  box-shadow: 2px 4px 4px #bbb;
  border: 5px solid #4ac1f1;
  background-color: #4ac1f1;
  }  

#secondary .thumbholder:visited{
  background: url("images/stopper.png") no-repeat scroll 0 0 transparent;
  color: #333;
  opacity: 0.5;
  }


.blockdesc{
 width:180px;
 padding-top: 8px;
 height: 180px;
 }


.blockother{
  float:left;
  width: 201px;
}

#imageholderinfo{
  text-align: left;
  float: left;
  width: 140px;
  line-height: 130%;
  font-family: Arial;
  padding-top: 20px;
  font-size: 13px;
  margin-bottom: 20px;
  }
  
  #imageholder{
  float: right;
  }



/*-----------------------------------------------------------------------------------------------
  Featured Items
-----------------------------------------------------------------------------------------------*/


#featured{
  border-top:1px solid #ccc;
  padding-top:25px;
  width: 920px
}


#featured .block{
  margin-bottom:50px;
}



}
/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/


#footer .inside{
    margin-top:20px;
  margin-bottom: 80px;
  background-color: #111111;
  width: 100%;
  height: 240px;
}

#footer .inside .trailer{
 text-align: left;
 width: 670px;
}


#footer .inside .trailer .left{
 height:20px;
 width:200px;
 padding-right:30px;
 margin-left:0;
 }
 
#footer .inside .trailer .third{
 height:20px;
 width:200px;
 margin-left:0;
 } 


#footer p.copyright{ float:left; }
#footer p.attributes{ float:right; }
#footer p.attributes a{
  padding:0 0 0 1em;
  text-decoration:none;
  color:#525252;
}
#footer p.attributes a:hover{
  color:Ivory;
}

.static {
  display: inline;
  margin-bottom: 15px;
}


.display {
  display: inline;
  background: url(images/more.png) 0 0 no-repeat;
  padding: 10px 10px 55px;
  margin-bottom: 60px;
  float: left;
}

.displaynone {
  display: inline;
  background: url(images/nomore.png) 0 0 no-repeat;
  padding: 10px 10px 55px;
  margin-bottom: 60px;
  float: left;
}

.display:hover {
  display: inline;
  background: url(images/more_hov.png) 0 0 no-repeat;
  margin-bottom: 60px;
}

.displayinfo {
  display: inline;
  background: url(images/info.png) 0 0 no-repeat;
  margin-bottom: 60px;
  width: 315px;
  padding: 10px 10px 55px;
}

.displayinfo:hover {
  display: inline;
  margin-bottom: 60px;
  background: url(images/info_hov.png) 0 0 no-repeat;
}

.back {
  display: inline;
  background: url(images/back.png) 0 0 no-repeat;
  padding: 10px 10px 55px;
  margin-top: 20px;
  float: left;
  width: 315px;
}

.back:hover {
  display: inline;
  background: url(images/back_hov.png) 0 0 no-repeat;
}

.hidden {
  display: inline;
  -moz-box-shadow: 1px 4px 6px #e3e3e3;
  -webkit-box-shadow: 1px 4px 6px #e3e3e3;
  box-shadow: 1px 4px 6px #e3e3e3;
  border-top: 1px solid #f5f5f5;
  padding: 15px;
  margin-top: 10px;
  margin-bottom: 15px;
}

#more {
  display: inline;
  padding-top: 5px;
  margin-left: 20px;
  float: left;
}

.alignleft {
  display: inline;
  float: left;
}

.specials {
 margin-left: -9px;
 z-index:0;
}

.crop {
 background-color: #ececec;
 padding: 5px;
 display: block;
 }

.alignright {
  float: right;
}

.icons {
  display: inline;
  float: left;
  margin-right: 9px;
  padding-top: 20px;
}

.heds {
  display: inline;
  float: left;
  margin-right: 900px;
  padding-top: 20px;
}


#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: url("images/dash2.png") repeat scroll 0 0 transparent; 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(images/prevlabel.png) left 30% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.png) right 30% 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; }





