/*
THEME NAME: Focus Lighting
DESCRIPTION: A theme for Focus Lighting from Sourcelab & Robert Gordon
VERSION: 1.0
AUTHOR: Sourcelab & Robert Gordon
*/
html, body {
height: 100%;
}
body {
font-size: 90%;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0; padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #6d6f79;
background: #f6f6f7 url(img/fauxCol.jpg) repeat-y;
}
p {
font-size: 93%;
line-height: 140%;
margin-bottom: 8px;
margin-top: 2px;
}
/* The background image for the home page - it is given a body class in home.php */
.home {
background: #4d4f5b url(img/home_fullback.jpg) no-repeat;
}
/* GENERAL FORMATTING */
ul, li { list-style: none; padding: 0; margin:0; font-size: 107%;}
a { text-decoration: none; color: #6687c9; font-weight: bold;}
a:hover{ text-decoration: underline; }
h1 {font-size: 90%;}
h2 {font-size: 100%; font-weight: bold; text-transform: uppercase; color: #4d505a; padding-top:0px; margin-top: 3px; margin-bottom: 0;}
h3 {font-size: 115%; font-weight: bold;}
h4 {font-size: 90%; font-weight: bold;}
h5 {font-size: 85%; font-weight: bold; text-transform: uppercase; margin-bottom: -1px; margin-top:20px;}
h1,h3,h4 {padding: 0; margin:0;}
address {font-size: 130%; font-style: normal; line-height: 150%; padding-bottom: 300px;}
address a {font-size: 80%;font-style: normal;}
img {padding: 0; margin: 0;}
tr, td {padding:0; margin:0; border-collapse: collapse;}
/* Layout */
.wrapper {
width: 1000px;
float: left;
text-align: left;
position: relative;
min-height: 100%;
}
.twoColFixLt #nav {
float: left; /* since this element is floated, a width must be given */
width: 254px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.twoColFixLt #mainContent {
/*margin: 0 0 0 300px; the left margin on this div element creates the column down the left side of the page - no matter how much content the nav div contains,
the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #nav space when the content in #nav ends. */
padding: 52px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
float: right;
width: 685px;}
.twoColFixLt #nav {
float: left;}
/* Layout */
/* Sidebar Navigation */
#nav {width: 100%;}
#nav a{ color: #aeb0b8; font-size:77%; text-transform: uppercase;}
#nav a:hover { color: #6687c9; text-decoration: none;}
#mainnav{
background2: #6d6f79 url(img/topCol_grad.jpg) repeat-y;
padding-top: 34px;
padding-bottom: 9px;
/*margin-top: -40px;*/
width: 100%;
}
#mainnav, #subnav {
width: 100%;
}
#mainnav ul{ padding: 62px 0 0 0; font-size: 130%;}
#mainnav ul li {
padding: 0;
margin: 0;
}
#mainnav li.current_page_item a {color: black;}
#mainnav li.current_page_parent a {color: black;}
#subnav li.current_page_item a {color: black;}
#subnav_container {
padding: 20px 0;
}
#subnav{
min-height: 200px;
height:auto !important;
height:200px;}
#subnav ul{
font-size: 95%;
font-weight: bold;}
.indented {
margin-left: 60px;
}
/* This is the hidden sub menu items, it is advisable not to mess with this */
#aboutnavhidden ul{ font-size: 90%;
font-weight: bold;}
/* Sidebar Navigation */
/* The sidebar address and copyright, you can edit these in sidebar.php */
#sidebar_address{
padding-top: 10px;
margin-top: 5px;
border-top: 2px solid #c2c3c7;
font-size: 75%;
width: 150px;
color: #a0a1a5;
}
/* Sidebar Navigation */
/* Typography */
#projects a {color: #B2B2B2;}
#projects a:hover { color: #6687c9;}
/* Typography */
/* --- Featured -- this is for editing how the featured thumbnails and text appear on the Portfolio sub pages (eg: Retail) */
.featured {
margin: 20px 0 40px 0;
padding: 0;
height: 100%;
float: left;
text-transform: uppercase;
font-size: 76%;
}
.featured li {
float: left;
margin: 0 7px 0 0;
padding: 0;
height:205px;
}
.featured li a {
cursor: pointer;
}
.featured li span {
margin-left: 5px;
}
/* this is the thumbnail size for fetaured thumbnails on Portfolio pages (eg: Retail) the class is added to a LI instead of the IMG so that if you want, you can add overflow:hidden to the LI and give the LI a height
and width otherwise adding a height and width to the img itself will sometimes distort the image if the dimensions are not relative */
.featured img {
border: 5px solid white;
border-bottom: 11px solid white;
width: 201px;
height: 139px;
margin-bottom: 10px;
}
.featured span {
float: left;
width: 138px;
}
/* --- Featured - -- */
/* --- FIRM PAGE STYLE - -- */
.firm {
background: url(/about_background.jpg) no-repeat;
padding-bottom: 440px;
}
.quote {
padding-bottom: 8px;
margin-top:10px;
margin-bottom:20px;
width: 467px;
font-size: 200%;
line-height: 98%;
color: #9caed2;
letter-spacing: -0.037em;
font-weight: lighter;
border-bottom: 5px solid #9caed2;
}
.blueTitle {
margin-top:25px;
margin-bottom:10px;
width: 50%;
font-size: 200%;
color: #9caed2;
letter-spacing: -0.037em;
font-weight: lighter;
border-bottom: 5px solid #9caed2;
}
.spacer{
margin-top: 20px;
}
/* --- end of ABOUT PAGE STYLE - -- */
/* Footer */
#footer_nav {
padding: 20px 0;
margin: 0;
position: relative;
bottom: 0;
}
#footer_nav a{
font-weight: normal;
font-style: normal;
}
#footer_nav ul {
width: 100%;
margin: 0;
margin-top: 50px;
margin-bottom: 0;
}
#footer_nav ul li {
float: left;
border-right: 1px solid #dfe0e2;
padding: 0 25px;
font-size: 75%;
}
/* Footer */
/* Projects Page - displays the list of projects */
#projects ul {
padding: 0;
float: left;
margin: 10px 0 0 0;
text-transform: uppercase;
font-size: 76%;
line-height: 160%;
}
/* Projects Page*/
.logo {
margin-top: 23px;
}
/* Posts - This is where you would edit the attribues for single portfolio entries */
.post {
/* mod: widen a bit the text area */
width: 460px;
float: right;
}
#post_content {
margin: 40px 0;
/* mod: make this area the exact same width as project image */
width: 662px;
}
/* mod: shorten width of tabular data colum, and cheat left alignment (visual) */
#post_content table {
width: 200px;
margin-left: -16px;
line-height: 12px;
}
/*
.entry-content {
font-size: 93%;
line-height: 140%;
}
*/
/* This is the border that is between the entires on the Portfolio pages such as type/location/architect etc - you can change the class in portfolio_single.php */
.port_border {
border-bottom: 1px dotted #bebebe;
}
/* This is where you edit the sub content entires on the Portfolio page such as type/location/architect */
/* tables are for tabular data!! */
#post_content table {
font-size: 80%;
float: left;
}
#post_content td {
padding: 5px 7px 5px 0;
margin: 0;
vertical-align: top;
}
#post_content tr{
padding: 0;
margin: 0;
}
#post_content h4{
text-align: right;
padding: 0;
margin: 0;
vertical-align: top;
}
/* Sub Content - This is where type/location/architect attributes are edited */
#sub_content {
float: left;
width: 275px;
}
#sub_content ul {
margin: 0;
padding: 0;
list-style: none;
}
.type {
width: 85px;
float: left;
}
.sub_entry {
width: 150px;
float: left;
}
#sub_content h3 {
display: inline;
padding-right: 10px;
}
/* Sub Content */
/* Posts */
/* Team -- This is where you edit attributes for everything pertaining to the Team Pages */
/* This is for the team landing page */
.team_single {
margin-bottom: 50px;
float: left;
}
.team_single_p_wrapper {
width: 560px;
}
.team_single p {
margin: 10px 0;
text-align: justify;
}
/* Now that there is only ONE person... not necessary
.team_single img {
margin: 0 10px 10px 0;
padding: 0;
float: left;
}
*/
.team_content {
float: right;
width: 550px;
}
/* this is the thumbnail image for team members you can edit the img size here to keep things consistent or put uncomment overflow:hidden on the LI and give the LI a height and width */
.team img {
margin: 0 10px 0 0;
padding: 0;
float: left;
width: 114px;
height: 166px;
}
.team {
margin: 0;
padding: 0;
}
.team li {
padding: 0;
margin: 0 10px 15px 0;
width: 325px;
float: left;
/*overflow: hidden;*/
}
/* Team */
/* Press - Edit attributes associated with the Press Page */
.press {
margin-bottom: 0px;
}
.press div {
width: 525px;
float: left;
}
.press div p {
margin-top: 5px;
}
.press ul {
visibility: hidden;
height: 10px;
}
.press li {
visibility: hidden;
}
/* AWARDS PAGE STYLE */
#dividingList {
border-bottom: 1px dotted #bebebe;
padding-bottom: 15px;
}
.projectNameLink {
text-transform: uppercase;
font-size: 76%;
}
/* -- Current -- this is where you can style the Current Page -- */
.current {
margin: 20px 0 40px 0;
padding: 0;
height: 100%;
float: left;
text-transform: uppercase;
font-size: 76%;
}
.current li {
float: left;
margin: 0 8px 20px 0;
padding: 0;
}
/* this is the thumbnail size for Current page - the class is added to a LI instead of the IMG so that if you want, you can add overflow:hidden to the LI and give the LI a height
and width otherwise adding a height and width to the img itself will sometimes distort the image if the dimensions are not relative */
.current img{
border: 5px solid white;
border-bottom: 11px solid white;
width: 201px;
height: 139px;
margin-bottom: 10px;
display: block;
}
/* -- current -- */
/* -- portfolio -- this is where you edit the image size for a individual Portfolio image. The image size is constrained for consistancy The class is added to a LI instead of the IMG so that if you want, you can add uncomment overflow:hidden to the LI and give the LI a height
and width otherwise adding a height and width to the img itself will sometimes distort the image if the dimensions are not relative */
.portfolio img {
width: 662px;
height: 446px;
}
.portfolio li {/* overflow: hidden; */}
/* -- portfolio -- */
/* -- fitler -- this is where you edit the attributes for the Filter (search) page */
#filter_container {
margin-bottom: 50px;
}
.filter div {
margin-bottom: 160px;
}
.filter p{
font-size: 90%;
width: 435px;
float: left;
margin-left: 13px;
margin-top: 4px;
}
.filter a{
margin-left: 13px;
}
.filter img {
border: 5px solid white;
border-bottom: 11px solid white;
width: 201px;
height: 139px;
display: block;
}
/* -- filter -- */
/* Contact form -- Override styling for the on the Contact Us Page. Otherwise you can edit minimial.css inside of the plugins/contactforms folder */
.contact .cform label {
color: #6d6f79;
}
.contact .cform textarea:hover {
border: 1px solid #6687c9;
}
.contact .cform input:hover {
border: 1px solid #6687c9;
}
.cform li span{
padding: 0;
margin: 0;
text-align: left;
}
.contact .cform .sendbutton{
margin: 0;}
.contact .cform {
width: 300px;
margin: 0;
color: #6d6f79;
}
/* Contact Form */
/* Misc */
/* Title Box */
/* This is the blue box that appears on every page with he long line */
.titleBox{
padding-bottom: 20px;
margin: 0;
}
.titleBox h1 {
border-top: 1px solid #9caed2;
padding-top: 8px;
margin-bottom: 20px;
}
.highlight {
background-color: #9caed2;
padding: 8px;
color: #fff;
font-size: 90%;
font-weight: bold;
margin: 0;
text-transform: uppercase;
}
span.highlight a {
color: #fff;
}
/* Title Box */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/*clearfix*/
/* used to force a float in the container to extend to its parent's height */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/*clearfix*/
.indent {
margin-left: 40px;}
.hideInitially{
visibility: hidden;}
/* Hides the link on the contact form back to the author */
.linklove {
visibility: hidden;
}
.img-shadow {
float:left;
background: url(img/dropshadow.jpg) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
.floatclear {
display:inline-block;
width:100%;
clear:both;
}
#image_box {
float: left;
padding: 0 10px 10px 0;
}
#image_holder {
float: left;
background: url(/images/dropshadow.jpg) no-repeat bottom right;
}
#image_holder img {
display:block;
position: relative;
padding: 3px;
border:1px solid;
border-color: #ccc #888 #888 #ccc;
background: #FFF;
margin: -6px 6px 6px -6px;
}
.list_item #image_holder {
margin: 4px -4px -4px 4px !important;
/* important above is for firefox -- can't make it look that good in IE */
margin: 0;
}
.list_item #image_holder img {
margin: -4px 4px 4px -4px;
position: static;
}
ul#mainmenu li {
height: 20px;
padding: 0;
}
ul#mainmenu li a {
margin: 0;
}
/* Site Map Page */
.ddsg-wrapper{
font-size: 70%;
}
.ddsg-wrapper ul ul{
margin-top: 10px;
margin-bottom: 15px;
}
.ddsg-wrapper li{
margin: 0 0 8px 0;
padding: 0;
}
.ddsg-wrapper ul li ul{
margin-bottom: 20px;
border-bottom: 1px dotted #bebebe;
}
.ddsg-wrapper ul li ul li ul{
margin-bottom: 20px;
border-bottom: 1px dotted #bebebe;
}
.ddsg-wrapper strong{
text-transform: uppercase;
}