/*
Theme Name: Luke Pants

[Table Of Contents] 

	0- Reset & Layout
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body 						{ font-family:Georgia, "Times New Roman", Times, serif; vertical-align: top; color: #898989; background:#080808 url(../images/bg-body.png) repeat-x 0 0; font-size:.875em; line-height:1.7em;}
.clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
hr {margin:0; padding:0; background:#000; color:#000; height:1px; border:none;}
p, ul, dl {padding-bottom:1.5em;}
#logo, #ribbons {behavior: url(iepngfix.htc);}

	
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

a			{	color: #cc2711; text-decoration:none;}
a:hover 					{	color: #cc2711; text-decoration:underline; }
a:visited					{	color: #cc2711; }



/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 							{	font: bold 3em Georgia, "Times New Roman", Times, serif; font-weight:normal;  padding-bottom:.2em; } 
h2 							{	font: bold 2em Georgia, "Times New Roman", Times, serif; color:#b7b7b7; font-weight:normal;}
h3 							{	font: bold 1em Georgia, "Times New Roman", Times, serif; color:#898989; font-size:1.429em; font-weight:normal;}
h4 							{	font: bold .875em Georgia, "Times New Roman", Times, serif;}
h5 							{	font: bold .75em Georgia, "Times New Roman", Times, serif; }


/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#masthead {min-height:156px;height:auto !important;height:156px; background: url(../images/bg-masthead.jpg) repeat-x 0 0; position:relative; padding:175px 0 0 235px;}
#logo {position:absolute; left:215px; top:106px; padding-bottom:.2em;}
#ribbons {position:absolute; right:0; top:0;}
#masthead p {font-size:1.286em; color:#6e6e6e;}
#masthead em {color:#c2c2c2; font-style:normal;}
#masthead h1 {padding-bottom:0;}
	
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav {width:712px; padding: 17px 0 17px 248px;}
#nav:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
#nav li {float:left; font-size:1.286em; margin:0 45px 0 0;}
#nav a {color:#898989;}
#nav a:hover, #nav a.selected {color:#cc2711; border-bottom:4px solid #cc2711; text-decoration:none;}

/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#allcontent {width:960px; margin:0 auto; padding:0 0 20px 0;}
#allcontent:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }

.creditBox {background:#222; float:left; width:445px; padding:10px; margin:0 30px 30px 0;}
.creditBox:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
.creditBox.alt {margin-right:0;}
.creditBox img {float:left;}
.creditBox .creditTxt {float:left; width:220px; padding:0 0 0 30px;}
.creditBox h3 {font-style:italic; padding:0 0 25px 0;}
.creditBox p {padding:0 0 40px 0;}


/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*
SIFR DON'T TOUCH
*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    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 .home h2  {visibility: hidden; font-size:30px;line-height:.1em; margin:0; }
}

		
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/