/*
Theme Name: Feenstra
Theme URI: http://www.feenstra.ca/
Description: WordPress theme for <a href="http://www.feenstra.ca">Feenstra Architecture</a>
Version: 1.0
Author: Alberto Trujillo Gonzalez
Author URI: http://www.altrugon.com/

	Feenstra v1.0
	 http://www.feenstra.ca

	This theme was designed by Marc Baumgartner and built by Alberto Trujillo Gonzalez.
*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

ul { margin-left: 1em; }

/* Class for clearing floats */
.clear { clear:both; }

/* Clearing with overflow */
.floatbox { overflow:hidden; }

/* .floatbox adjustment for IE */
* html .floatbox { width:100%; }

/* Remove border around linked images */
img {	border: 0; }

/* Remove border around links in FF */
a { outline: none;}


/* =Layout
-----------------------------------------------------------------------------*/
html, body { height: 100%; }

div#page-wrapper {
  width: 1000px;
  margin: 0 auto;
  min-height: 100%;
  background: url(images/bg-vertical-grad.gif) repeat-y left top;
}

div#page {
  margin: 0 35px;
}

div#header {
  height: 95px;
}

div#sidebar {
  width: 200px;
  margin-top: 25px;
}

div#content {
  float: right;
  display: inline;
  width: 600px;
  margin-right: 130px;
}

/* for some weird reason IE6 needs bigger margin right. I hate this browser. */
* html div#content { margin-right: 195px; } 

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

/* reset font size for all elements to standard (16 Pixel) */
html * { font-size: 100.01% }

/* reset monospaced elements to font size 16px in all browsers */
textarea, pre, code, kbd, samp, var, tt {
  font-family: Consolas, "Lucida Console", monospace;     
}

/* base layout gets standard font size 12px */
body {
  font-family: Arial, 'Trebuchet MS', Verdana, Helvetica;
  font-size: 75.00%;
  color: #000;
}

/* --- general text formatting --- */

p { line-height: 1.5em; margin: 0 0 1em 0; }

blockquote, cite,q {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style:italic;
}

blockquote { margin: 0 0 1em 1.6em; color: #666; }

strong,b { font-weight: bold; }
em,i { font-style: italic; }

pre, code, kbd, tt, samp, var { font-size: 100%; }
pre, code { color: #800; }
pre { line-height: 1.5em; margin: 0 0 1em 0; }
kbd, samp, var { color: #666; }
var { font-style: italic; }

acronym, abbr {
  border-bottom: 1px #aaa dotted;
  font-variant: small-caps;
  letter-spacing: .07em;
  cursor: help;
}

/* =Headings
-----------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
  font-weight:normal;
  margin: 0 0 0.25em 0;
}

h1 { font-size: 250% }                        /* 30px */
h2 { font-size: 200% }                        /* 24px */
h3 { font-size: 150% }                        /* 18px */
h4 { font-size: 133.33% }                     /* 16px */   
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67; font-style:italic }   /* 14px */

/* =Links
-----------------------------------------------------------------------------*/
a {
  text-decoration: none;
  color: #CCC;
}

a:hover { color: #000; }


#content a { color: #990000; }

#content a:hover { text-decoration: underline; }

#content .post span.prj-name a { color: #000; }

#content .post span.prj-name a:hover { color: #990000; }


/* =Branding
-----------------------------------------------------------------------------*/
img#logo-header {
  float: left;
  display: inline;
  margin-top: 10px;
}


/* =Header
-----------------------------------------------------------------------------*/
#headerimg { display: inline; float: left; }

#header-list {
  margin-top: 15px; 
  margin-left: 200px;
  position:relative;
  width: 600px;
}

#header-list .ss-list {
  overflow: hidden;
  margin-bottom: 5px;
  width: 600px;
}

#header-list .ss-body-wrap {
   height: 55px;
   position: relative;
   width: 600px;
   overflow: hidden;
}

#header-list .ss-body {
  list-style-type: none;
  width: 100%; /* width = number of children * (child.width + child.margin + child.paddin + child.border) */
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#header-list .ss-page {
  list-style: none; 
  width: 80px; 
  height: 60px; 
  float: left; 
  margin: 0;
  padding-right: 7px; 
  text-align: center; 
  border: 0;
}

#header-list .slider-bar-wrap {
  clear: left; 
  padding: 0 10px 0 0; 
  margin: 0 auto; 
  height: 10px;
  border: 1px solid #CCC;
  width: 562px;
}

#header-list .slider-bar {
  position: relative;
}

#header-list .ui-slider-handle {
  height: 8px;
  position: absolute;
  width: 8px;
  z-index: 2;
  background: #F6F6F6;
  border: 1px solid #CCCCCC;
  outline-style: none;
}

* html #header-list .ui-slider-handle {
  font-size: 5px;
}

#header-list .ss-nav .prev:hover,
#header-list .ss-nav .next:hover { cursor: pointer; }

#header-list .ss-nav {
  position: relative;
}

#header-list .ss-nav .prev,
#header-list .ss-nav .next {
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  background: url(images/nav_left_02.gif) no-repeat left top;
  position: absolute;
  top: 0px;
}

* html #header-list .ss-nav .prev { left: -13px }

#header-list .ss-nav .next {
  right: 0px;
  background: url(images/nav_right_02.gif) no-repeat left top;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#sidebar ul {
  list-style: none;
  margin-left: 0;
}

#sidebar ul li { margin-bottom: 10px; }

#sidebar ul li a {
  padding-left: 19px;
  font-weight: bold;
  background: url(images/menu-bullet.gif) no-repeat;
}

#sidebar ul li.current_page_item a {
  color: #000;
  background: url(images/menu-bullet-selected.gif) no-repeat;
}


/* =Sub Nav
-----------------------------------------------------------------------------*/

.main-slideshow .ss-nav {
  border-top: 1px solid #CCC;
  margin-top: 24px;
  position: relative;
}

.main-slideshow .ss-nav .prev,
.main-slideshow .ss-nav .next {
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background: url(images/nav_left_01.gif) no-repeat left top;
  position: absolute;
  left: -24px;
  top: -1px;
}

.main-slideshow .ss-nav .next {
  left: 600px;
  background: url(images/nav_right_01.gif) no-repeat left top;
}

.main-slideshow .ss-nav .prev:hover,
.main-slideshow .ss-nav .next:hover {
  cursor: pointer;
}


/* =Main Content
-----------------------------------------------------------------------------*/
h2.title { font-size: 1.6em; }

h2.title span {
  display: block;
  border-bottom: 1px solid #CCC;
}

.projects-list .post { margin: 15px 0; }

.projects-list .post span.prj-name { font-weight: bold; }

.projects-list .post span.prj-status,
.projects-list .post span.prj-cost {
  color: #CCC;
}

.single-project .postmetadata {
  display: none;
  margin-top: 20px;
}

.main-slideshow .ss-list {
  background-color: white;
  height: 369px;
  width: 600px;
  margin: 0 auto;
}

.main-slideshow .ss-page {
  width: 600px;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =SerialScroll jquery plugin
-----------------------------------------------------------------------------*/
/* -- 
  Some general style for jquery.serialScroll plugin.
  This plugin can be found in our front page
-- */
div.slideshow div.ss-list { overflow: hidden; }

div.slideshow ul.ss-body {
  margin: 0;
  width: 5000px;
  list-style: none;
}

div.slideshow li.ss-page {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow: hidden;
  border: 0;
}
  

/* =cForms II
-----------------------------------------------------------------------------*/

form.cform { width: 100%; }

form.cform fieldset {
  border: none;
  background-color: #F6F6F6;
}

form.cform p.cf-sb { text-align: center; }

form.cform textarea, form.cform input { width: 365px; }

p.linklove { display: none; }