/*  
Theme Name: Integrum
Theme URI: http://www.integrumtech.com
Description: Integrum custom theme.
Version: 1.0
Author: Forty
Author URI: http://www.fortyagency.com/
*/

/* Colors 
bright red: f5464b
red: 942022
dark red: 7a1316
dark grey: 333333
light blue: b7d3d4
screen blue: e9f2f2
bone: eeebe3
cream: f3e5c3

*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; line-height: 130%; font-size : 100%; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


em {font-style: italic;}


/* Layout
---------------------------------*/

html {
background-color: #333333;
margin: 0 auto;
}

body {
background-image: url(Images/background.jpg);
background-repeat:no-repeat;
background-position:top center;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 130%;
}

strong {
font-weight: bold;
}
#content {
margin: 0 auto;
width: 980px;
background-color: #FFF;
padding-top: 34px;
overflow: hidden;
padding-bottom: 20px;
}

#header {
margin: 0 auto;
width: 980px;
background-image: url(Images/header.gif);
background-repeat:no-repeat;
height: 164px;
position: relative;
}

.lcol {
float: left;
}

.rcol {
width: 240px;
float: left;
margin: 0;
padding: 0;
}

.wide {
width: 438px;
margin: 0 40px 0 34px;
overflow: hidden;
}

#crew-all {
margin: 0;
padding: 0;
}

#footer {
margin: 0 auto;
width: 980px;
}

.wide img {
margin: 20px 0;
}

.post {
margin: 20px 0;
border-bottom: 1px solid #f3e5c3;
padding-bottom: 10px;
overflow: hidden;
}

.post pre {
display: block;
overflow: auto;
background-color: #e9f2f2;
padding: 5px;
border: 1px solid #b7d3d4;
width: 424px;
height: auto;
margin-bottom: 14px;
}
.clearboth {
clear: both;
}

div.star-divider-wide {
border: none;
background: url(Images/star-row-wide.gif) no-repeat top center;
height: 11px;
width: 438px;
margin: 24px 0 22px 0;
clear: both;
}

hr.nodisplay {
display: none;
}

div.star-divider-narrow {
border: none;
background: url(Images/star-row-narrow.gif) no-repeat top center;
height: 11px;
width: 237px;
margin: 24px 0 22px 0;
clear: both;
}

/* Typography
---------------------------------*/

p {
margin-bottom: 14px;
}
ul {
list-style-position: inside;
}

.bold-red {
font-weight: bold;
color: #f5464b;
}

h2 {
font-size: 150%;
color: #942022;
margin-bottom: 10px;
line-height: 100%;
}

.feature {
color: #333333;
font-size: 160%;
line-height: 110%;
}

#footer p.feature {
  font-size: 143%;
  line-height: 115%;
}

.bold {
font-weight: bold;
}

.divider-narrow {
margin: 13px 0 18px 0;
}

h3 {
font-size: 225%;
color: #942022;
line-height:130%;
}

h4 {
font-weight: bold;
}

h5 {
font-weight: bold;
color: #000;
margin-bottom: 10px;
}

a:link, a:visited {
color: #7a1316;
text-decoration: none;
border-bottom: 1px dotted #7a1316;
}

a.no-border:link, a.no-border:visited {border-width: 0;}

a:hover, a:focus {
color: #f5464b;
border: none;
outline: none;
}

.block {
display: block;
float: left;
margin-left: 20px;
}

.date {
text-transform:uppercase;
letter-spacing:1px;
color: #999999;
font-size: 80%;
margin-top: 10px;
}

.post h3 a:link {
border-bottom: none;
}

.wp-caption {
color: #f5464b;
font-size: 90%;
}

blockquote.home p {
  color: #666;
  padding: 7px 30px 7px 30px;
  background: url(Images/quote-right.gif) bottom right no-repeat;
}
	
blockquote.home {
  padding: 0px;
  background: url(Images/quote-left.gif) top left no-repeat;
}

cite.home {
  font-weight: bold;
  color: #666;
  float: right;
  margin-bottom: 20px;
}

blockquote.middle p {
}

cite.middle {
margin-bottom: 20px;
float: right;
font-weight: bold;
}

/* Branding
---------------------------------*/
#branding {
position: absolute;
top: 21px;
left: 24px;
}

#branding h1 {
background-image:url(Images/integrum-logo-tag.gif);
background-repeat: no-repeat;
width: 338px;
height: 129px;
}

#branding h1 a {
display: block;
background-image:url(Images/integrum-logo-tag.gif);
background-repeat: no-repeat;
width: 338px;
height: 129px;
border: none;
}

#branding h1 a span {
  display: none;
}

p#phone-number {
	background: url(Images/phone-number.gif) no-repeat left center;
  color: #f3e5c3;
  display: block;
  font-size: 200%;
  font-weight: bold;
  padding-left: 30px;
	position: absolute;
	text-align: right;
  top: 54px;
	right: 24px;
}

/* Navigation
---------------------------------*/
#nav_main {
position: absolute;
top: 102px;
left: 565px;
width: 400px;
}

ul#nav_features  {
height: 62px;
/*overflow: hidden;*/
margin: 0;
padding:0;
}
ul#nav_features li {
padding:0;
margin:0;
display: inline;
float: left;
}
ul#nav_features li a {
border:0;
background-image: url(Images/navigation.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent:-9999px;
display: block;
}

li#nav_home a, li#nav_crew a {
margin-right:70px;
height: 62px;
display: inline;
text-indent: -9999px;
}

li#nav_propaganda a {
height: 62px;
display: inline;
text-indent: -9999px;
}


li#nav_home a:link, li#nav_home a:visited {
width: 55px;
background-position:0px 0px;
}
li#nav_home a:hover, li#nav_home a:focus {
width: 55px;
background-position:0px -70px;
}
li#nav_crew a:link, li#nav_crew a:visited {
background-position:-69px 0px;
width: 55px;
}
li#nav_crew a:hover, li#nav_crew a:focus {
background-position:-69px -70px;
width: 55px;
}
li#nav_propaganda a:link, li#nav_propaganda a:visited {	
background-position:-139px 0px;
width: 131px;
}
li#nav_propaganda a:hover, li#nav_propaganda a:focus {	
background-position:-139px -70px;
width: 131px;
}

body#home ul#nav_features li#nav_home a {
background-position:0px -70px;
}
body#crew ul#nav_features li#nav_crew a {
background-position:-69px -70px;
}
body#propaganda ul#nav_features li#nav_propaganda a {
background-position:-139px -70px;
}


/* Main Content
---------------------------------*/

#call {
width: 480px;
height: 64px;
margin: 18px 0;
}

#call p {
background-image:url(Images/callout.gif);
background-repeat:no-repeat;
background-position:top -10px;
width: 480px;
height: 64px;
text-indent: -9999px;
}

.h-manifesto {
background-image:url(Images/h-manifesto.gif);
background-repeat:no-repeat;
width: 386px;
height: 24px;
text-indent: -9999px;
margin: 10px 0 12px 0;
}

.manifesto {
list-style-image:url(Images/star-manifesto.gif);
font-size: 120%;
line-height: 140%;
}

.manifesto li {
margin-bottom: 10px;
}

.h-thecrew {
background-image: url(Images/h-thecrew.gif);
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 147px;
color: #444444;
min-height:16px;
}

.h-propaganda {
background-image: url(Images/h-propaganda.gif);
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 185px;
color: #444444;
min-height:16px;
}

/* Crew
----------------------------------*/

ul.crew  {
list-style-type: none;
/*overflow: hidden;*/
margin: 0 0 10px 0;
padding:0;
}
ul.crew li {
width: 72px;
height: 72px;
display: inline;
float: left;
margin: 0 8px 8px 0;
}
ul.crew li a {
width: 72px;
height: 72px;
border: none;
background-repeat: no-repeat;
text-indent:-9999px;
display: block;
text-decoration: none;
}

li.crew a {
height: 72px;
width: 72px;
display: inline;
text-indent: -9999px;
text-decoration: none;
border: none;
}

li.crew a:link, li.crew a:visited {
text-decoration: none;
border: none;
}

li.c-meskill a:link, li.c-meskill a:visited {
background-image: url(Images/crew-meskill.jpg);
background-position: top;
}
li.c-meskill a:hover, li.c-meskill a:focus {
background-position: bottom;
}

li.c-neighbors a:link, li.c-neighbors a:visited {
background-image: url(Images/crew-neighbors.jpg);
background-position: top;
}
li.c-neighbors a:hover, li.c-neighbors a:focus {
background-position: bottom;
}

li.c-conrey a:link, li.c-conrey a:visited {
background-image: url(Images/crew-conrey.jpg);
background-position: top;
}
li.c-conrey a:hover, li.c-conrey a:focus {
background-position: bottom;
}

li.c-irish a:link, li.c-irish a:visited {
background-image: url(Images/crew-irish.jpg);
background-position: top;
}
li.c-irish a:hover, li.c-irish a:focus {
background-position: bottom;
}

li.c-young a:link, li.c-young a:visited {
background-image: url(Images/crew-young.jpg);
background-position: top;
}
li.c-young a:hover, li.c-young a:focus {
background-position: bottom;
}

li.c-zigich a:link, li.c-zigich a:visited {
background-image: url(Images/crew-zigich.jpg);
background-position: top;
}
li.c-zigich a:hover, li.c-zigich a:focus {
background-position: bottom;
}

li.c-chavez a:link, li.c-chavez a:visited {
background-image: url(Images/crew-chavez.jpg);
background-position: top;
}
li.c-chavez a:hover, li.c-chavez a:focus {
background-position: bottom;
}

li.c-abowerman a:link, li.c-abowerman a:visited {
background-image: url(Images/crew-abowerman.jpg);
background-position: top;
}
li.c-abowerman a:hover, li.c-abowerman a:focus {
background-position: bottom;
}

li.c-swedler a:link, li.c-swedler a:visited {
background-image: url(Images/crew-swedler.jpg);
background-position: top;
}
li.c-swedler a:hover, li.c-swedler a:focus {
background-position: bottom;
}

li.c-barnett a:link, li.c-barnett a:visited {
background-image: url(Images/crew-barnett.jpg);
background-position: top;
}
li.c-barnett a:hover, li.c-barnett a:focus {
background-position: bottom;
}

li.c-benner a:link, li.c-benner a:visited {
background-image: url(Images/crew-benner.jpg);
background-position: top;
}
li.c-benner a:hover, li.c-benner a:focus {
background-position: bottom;
}

li.c-frusetta a:link, li.c-frusetta a:visited {
background-image: url(Images/crew-frusetta.jpg);
background-position: top;
}
li.c-frusetta a:hover, li.c-frusetta a:focus {
background-position: bottom;
}

li.c-smith a:link, li.c-smith a:visited {
background-image: url(Images/crew-smith.jpg);
background-position: top;
}
li.c-smith a:hover, li.c-smith a:focus {
background-position: bottom;
}

li.c-digirolamo a:link, li.c-digirolamo a:visited {
background-image: url(Images/crew-digirolamo.jpg);
background-position: top;
}
li.c-digirolamo a:hover, li.c-digirolamo a:focus {
background-position: bottom;
}

li.c-vandewater a:link, li.c-vandewater a:visited {
background-image: url(Images/crew-vandewater.jpg);
background-position: top;
}
li.c-vandewater a:hover, li.c-vandewater a:focus {
background-position: bottom;
}


#crew-all.jade-meskill ul.crew li.c-meskill a {
background-image: url(Images/crew-meskill.jpg);
background-position: bottom;
}
#crew-all.derek-neighbors ul.crew li.c-neighbors a {
background-image: url(Images/crew-neighbors.jpg);
background-position: bottom;
}
#crew-all.chris-conrey ul.crew li.c-conrey a {
background-image: url(Images/crew-conrey.jpg);
background-position: bottom;
}

#crew-all.clayton-lengel-zigich ul.crew li.c-zigich a {
background-image: url(Images/crew-zigich.jpg);
background-position: bottom;
}

#crew-all.chris-irish ul.crew li.c-irish a {
background-image: url(Images/crew-irish.jpg);
background-position: bottom;
}

#crew-all.byron-bowerman ul.crew li.c-bowerman a {
background-image: url(Images/crew-bowerman.jpg);
background-position: bottom;
}
#crew-all.matthew-chavez ul.crew li.c-chavez a {
background-image: url(Images/crew-chavez.jpg);
background-position: bottom;
}
#crew-all.chris-young ul.crew li.c-young a {
background-image: url(Images/crew-young.jpg);
background-position: bottom;
}

#crew-all.mike-benner ul.crew li.c-benner a {
background-image: url(Images/crew-benner.jpg);
background-position: bottom;
}

#crew-all.beau-frusetta ul.crew li.c-frusetta a {
background-image: url(Images/crew-frusetta.jpg);
background-position: bottom;
}

#crew-all.ben-smith ul.crew li.c-smith a {
background-image: url(Images/crew-smith.jpg);
background-position: bottom;
}

#crew-all.roy-van-de-water ul.crew li.c-vandewater a {
background-image: url(Images/crew-vandewater.jpg);
background-position: bottom;
}

#crew-all.tony-digirolamo ul.crew li.c-digirolamo a {
background-image: url(Images/crew-digirolamo.jpg);
background-position: bottom;
}


/* Supplementary Content
---------------------------------*/
#content_supp {
width: 160px;
float: right;
margin-right: 30px;
display: inline;
}

#content_supp h3 {
background-color: #b7d3d4;
padding: 10px 0 8px 10px;
color: #FFF;
font-size: 150%;
font-weight: bold;
line-height: 100%;
margin: 0;
}

.sidebar {
padding: 10px;
background-color: #e9f2f2;
margin-bottom: 10px;
}

.highlight {
background-color: #eeebe3;
margin-bottom: 10px;
padding-bottom: 5px;
}

.highlight p {
color: #333;
font-weight: bold;
font-size: 90%;
margin-bottom: 5px;
padding: 0 10px;
}

.highlight h4 {
background-color: #e1ddcf;
color: #333;
font-size: 125%;
margin-bottom: 5px;
padding: 10px 0 8px 10px;
}

.highlight a:link, .highlight a:visited {
color: #7A1316;
border-color: #7A1316;
}

.highlight a:hover, .highlight a:focus {
color: #F5464B;
border: none;
}

.highlight p img {margin-top: 4px;}

.highlight ol {background: url(Images/sponsor-tag-official.png) 0 bottom no-repeat; margin: 0; padding: 5px 10px 20px;}
.highlight ol li {border-bottom: solid 1px #ccc; list-style: none; margin-bottom: 7px; padding: 0 60px 7px 0; position: relative;}
.highlight ol li span.when {color: #333; font-size: 0.85em; margin-top: 0; position: absolute; right: 0; top: 0;}
.highlight ol li span.sponsor {background: url(Images/sponsor-tag.png) 0 0 no-repeat; display: block; height: 20px; width: 20px; left: -25px; position: absolute; top: 0; text-indent: -8000px;}

.rcol ol {margin-bottom: 14px;}
.rcol ol li {list-style: none; margin-bottom: 4px;}

.rule-white {
border: none;
background-color: #FFF;
color: #FFF;
height: 2px;
margin: 20px 0;
}
/* Footer
---------------------------------*/
#footer {
overflow: hidden;
padding: 0 0 15px 0;
margin-bottom: 100px;
}

.fat {
background-image:url(Images/footer-bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#eeebe3;
overflow: hidden;
}

.h-start {
background-image:url(Images/h-start.gif);
background-repeat: no-repeat;
width: 381px;
height: 25px;
text-indent: -9999px;
margin-bottom: 10px;
}

.footer-wide {
width: 625px;
float: left;
margin-top: 30px;
}

.phone-img {
float: left;
margin: 30px 20px 0 20px;
 }

.footer-narrow {
width: 186px;
float: right;
position: relative;
}

.star-vert {
vertical-align:top;
margin-top: 10px;
}

.icon {
margin-left: 25px;
}

#site_info {
clear: both;
margin: 0 20px 10px 20px;
width: 940px;
}

.nospace {
margin: 0;
}
.copyright {
font-weight: normal;
display: block;
float: left;
}

.designer {
float:right;
}
.designer a:link, .designer a:visited {
color: #666666;
}

/* Search
---------------------------------*/
#search-rss {
height: 28px;
width: 415px;
position: absolute;
top: 14px;
right: 20px;
}

#searchform {
float: left;
margin-right: 30px;
}



#searchfield {
width: 250px;
height: 20px;
border: 2px solid #7a1316;
margin: 0 3px 0 0;
background-color:#eeebe3;
}

#searchsubmit {
background-image:url(Images/search-button.gif);
background-repeat: no-repeat;
width: 64px;
height: 23px;
border: none;

} 

.rss {
}
.rss a:link, .rss a:visited {
border: none;
color: #f3e5c3;
}

.rss a:hover, .rss a:focus {
color: #f5464b;
}