/*
Theme Name: Lake Street Ventures
Theme URI: http://www.markupninjas.com/
Description: A custom theme designed by Command Create and developed by Markup Ninjas.
Version: 1.0
Author: Ken Hanson
Author URI: http://markupninjas.com/
*/
/**********************************************************************************
* Basic Stylesheet ( For Mac: Firefox, Safari PC: Firefox, Opera, Netscape, IE6/7, Safari Beta )
*
* version: 1.0
* author: ken hanson
* email: ken@markupninjas.com
* website: www.markupninjas.com
**********************************************************************************/
/***********************************************************************
* Table of =Contents
* ----------------------------------------------------------------------
* =Normalization (CSS Reset)..................................(Line 37)
* =General....................................................(Line 74)
* =Header.....................................................(Line 86)
* =mainContent................................................(Line 155)
* =featuredProjects...........................................(Line 207)
* =Projects...................................................(Line 218)
* =Brochure...................................................(Line 248)
* =Contact....................................................(Line 254)
*************************************************************************/
/* When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly */
/***********************************
=Normalization
***********************************/
/* 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;}
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
/* Removes list-style from lists */
ol, ul { list-style: none; }
/* 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 styles from tables */
table { border-spacing: 0; border-collapse: collapse;}
/* 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: ''; }
/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a { text-decoration: none; color: #5f7d72;}
a:hover { text-decoration: underline; }
.ir { position: relative; overflow: hidden; zoom: 1.0; display: block;}
.ir em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;}
a em { cursor: pointer; }
/***********************************
=General
***********************************/
body
{
background: #5a504b url(images/crushed/bg_body.png) repeat-y top center;
color: #5a504b;
font: 13px/17px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
.wrapper { width: 987px; margin: 0 auto; padding: 0 0 60px 0;}
/***********************************
=Header
***********************************/
.header { height: 135px; position: relative; }
.logo { width: 176px; height: 87px; position: relative; left: 66px; top: 24px;}
#home .logo em { background: url(images/crushed/ir_logoHome.png); }
#Company .logo em { background: url(images/crushed/ir_logoCompany.png) no-repeat top left; }
#Services .logo em { background: url(images/crushed/ir_logoServices.png) no-repeat top left; }
#projects .logo em { background: url(images/crushed/ir_logoProjects.png) no-repeat top left; }
#contact .logo em { background: url(images/crushed/ir_logoContact.png) no-repeat top left; }
#brochure .logo em { background: url(images/crushed/ir_logoBrochure.png) no-repeat top left; }
.mainNav
{
height: 35px;
line-height: 35px;
padding: 0 0 0 66px;
overflow: hidden;
zoom: 1.0;
text-transform: uppercase;
background: url(images/crushed/bg_mainMenu.png);
font-size: 14px;
}
.mainNav li { float: left; }
.mainNav li a
{
color: white;
position: relative;
display: block;
padding: 0 16px 0 16px;
line-height: 40px;
left: -16px;
float: left;
}
.mainNav li a:hover { text-decoration: none; }
#home .mainNav li a:hover { background: #5f7d71 url(images/crushed/bg_mainMenuItems.png) no-repeat top left;}
#Company .mainNav li a:hover { background: #776c64 url(images/crushed/bg_mainMenuItems.png) no-repeat top left;}
#Services .mainNav li a:hover { background: #784922 url(images/crushed/bg_mainMenuItems.png) no-repeat top left;}
#projects .mainNav li a:hover { background: #681d1a url(images/crushed/bg_mainMenuItems.png) no-repeat top left;}
#brochure .mainNav li a:hover { background: #5c5769 url(images/crushed/bg_mainMenuItems.png) no-repeat top left;}
#contact .mainNav li a:hover { background: #857842 url(images/crushed/bg_mainMenuItems.png) no-repeat top left;}
#home .mainNav li a.home { background: #5f7d71 url(images/crushed/bg_mainMenuItems.png) no-repeat top left;}
#Company .mainNav li a.company { background: #776c64 url(images/crushed/bg_mainMenuItems.png) no-repeat top left; }
#Services .mainNav li a.services { background: #784922 url(images/crushed/bg_mainMenuItems.png) no-repeat top left; }
#projects .mainNav li a.projects { background: #681d1a url(images/crushed/bg_mainMenuItems.png) no-repeat top left; }
#brochure .mainNav li a.brochure { background: #5c5769 url(images/crushed/bg_mainMenuItems.png) no-repeat top left; }
#contact .mainNav li a.contact { background: #857842 url(images/crushed/bg_mainMenuItems.png) no-repeat top left; }
.subMenuWrapper { height: 32px; line-height: 32px; }
.subMenuWrapper a { color: #fffff1; }
#home .subMenuWrapper { background: #5f7d71; }
#Company .subMenuWrapper { background: #776c64; }
#Services .subMenuWrapper { background: #784922; }
#projects .subMenuWrapper { background: #681d1a; }
#brochure .subMenuWrapper { background: #5c5769; }
#contact .subMenuWrapper { background: #857842; }
.subMenu { float: left; }
.subMenu li { float: left; padding-right: 35px;}
#Company .subMenu { padding-left: 140px; }
#Services .subMenu { padding-left: 278px; }
/***********************************
=mainContent
***********************************/
.mainContent { padding: 44px 30px 0; overflow: hidden; zoom: 1.0;}
h2 { padding: 0 0 16px 0; }
h2, h2 a { font-size: 21px; line-height: 23px; font-weight: normal; }
#home h2, #home h2 a { color: #264129; }
#Company h2, #Company h2 a { color: #5a504b; }
#Services h2, #Services h2 a { color: #835a31; }
#projects h2, #projects h2 a, #projects h3 { color: #742e28; }
#brochure h2, #brochure h2 a { color: #6e6b7c; }
#contact h2, #contact h2 a { color: #857842; }
p { padding: 0 0 15px 0; }
.hr { height: 18px; background: url(images/crushed/hr_home.png); margin: 0 0 30px 0; }
.hr hr { display: none; }
.leftMainContent .hr { background: none; border-top: solid 1px #efe9d7; height: 1px; }
/*** LEFT / RIGHT SPLITS ***/
#Company .mainContent, #Services .mainContent, #contact .mainContent { padding-right: 0px; overflow: hidden; zoom: 1.0;}
.leftMainContent { float: left; width: 516px; }
.rightMainContent { margin-left: 553px; }
/*** GRIDS ***/
.imageGrid { float: right; width: 400px; position: relative; top: -44px;}
.imageGrid li { width: 200px; overflow: hidden; zoom: 1.0; height: 150px; position: relative; }
.imageGrid li.right { position: relative; left: 200px; }
.imageGrid li a { width: 200px; overflow: hidden; zoom: 1.0; height: 150px; position: relative; display: block;}
.imageGrid li span, .imageGrid li span.overlay
{
display: none;
padding: 82px 0 100px 22px;
position: absolute;
top: 0px;
left: 0px;
font-size: 12px;
color: white;
z-index: 3;
}
.imageGrid li span.overlay
{
background: black;
/* Opacity Hacks */
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
z-index: 1;
width: 100%;
height: 100%;
padding: 0px;
}
.imageGrid li span strong { display: block; width: 200px; font-size: 14px; font-weight: normal; color: white;}
.imageGrid li:hover span { display: block; }
/***********************************
=featuredProjects
***********************************/
table.projects { margin-left: 0; overflow: hidden; zoom: 1.0; margin-top: -20px;}
.projects tr { border-bottom: solid 1px #ebeadd; }
a.projects { margin-left: 0px; }
.project { width: 292px; float: left; padding-left: 21px; padding-top: 20px;}
.project a img { border: solid 2px #98938b; display: block; margin: 0 0 19px 0;}
.project h3, .project h3 a { text-transform: uppercase; color: #27231e; font-weight: normal; font-size: 12px; line-height: 16px; font-weight: bold;}
.project p { font-size: 12px; line-height: 16px; padding: 0 0 15px 0;}
/***********************************
=Projects
***********************************/
ul.projects {margin-left: -21px;}
#projects .project
{
width: 290px;
padding-right: 19px;
padding-left: 0px;
padding-bottom: 23px;
}
#projects .project img { float: left; margin-right: 15px;}
#projects .project h3 { padding-left: 133px; display: block;}
#projects .project h3 a { text-transform: none; font-size: 12px; line-height: 16px; padding-bottom: 8px; display: block;}
#projects .more { color: #742e28 }
/*** Projects Inner ***/
#projects.projectInner .leftMainContent { width: 584px; padding-right: 36px; border-right: solid 1px #ebeadd;}
#projects.projectInner .rightMainContent { margin-left: 620px; padding-left: 24px; }
.featureImage img { display: block; border: solid 3px #98938b; margin: 0 0 30px 0; }
#projects.projectInner h2 { position: relative; height: 1%;}
#projects.projectInner h2 a.back
{
position: absolute;
right: 0px;
bottom: 0px;
font-weight: normal;
color: black;
font-size: 12px;
}
#projects.projectInner h3 { font-weight: normal; font-size: 16px; line-height: 19px; padding: 0 0 15px 0; position: relative;}
.moreInfo { padding-left: 5px; }
.moreInfo li { padding-left: 20px; background: url(images/icon_download.jpg) no-repeat 0 3px; padding-bottom: 10px; }
.moreInfo li a { color: #28241f; }
/***********************************
=Brochure
***********************************/
#brochure .leftMainContent { width: 317px; }
#brochure .rightMainContent { margin-left: 350px; }
.hardPDFLink {color: black; text-decoration: underline; display: block; padding: 0 0 10px 0;}
/***********************************
=Contact
***********************************/
#contact .leftMainContent { padding-left: 90px; width: 426px;}
#contact p span, #contact p strong { display: block; }
strong { font-weight: bold; }
/***********************************
=Post Content Styling
***********************************/
.leftMainContent ul {list-style: disc; padding-left: 30px;}
.leftMainContent ol {list-style: decimal; padding-left: 30px;}
.leftMainContent strong {font-weight: bold;}
.leftMainContent em {font-style: italic;}
.leftMainContent blockquote {padding: 15px 10px 0px 10px; margin: 5px; background: #efe9d7;}