/*
Theme Name: Basic-Fluid
Theme URI: http://www.pitmandesign.com
Description: A clean, simple, fluid, responsive, layout.
Version: 1.0
Author: Dave Pitman, Pitman Design
Author URI: http://www.pitmandesign.com
*/

/*------------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,  ul ul,  ul ul ul,  li,  li li,  li li li,  fieldset,  form,  label,  legend,  table,  caption,  tbody,  tfoot,  thead,  tr,  th,  td {
	margin: 0; padding: 0; border: 0; outline: 0;
	vertical-align: baseline; 
}
ol,  ul {list-style: none;}
blockquote,  q {quotes: none;}
blockquote:before,  blockquote:after,  q:before,  q:after {content: '';	content: none;}
:focus { outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/*  "Micro clearfix" */        
.cf { zoom: 1; }
.cf:before, .cf:after {
    content: "";
    display: table; }
.cf:after { clear: both; }

.center {
    margin:0 auto;
}


/* ---------------------- 
Stylesheet Index
-------------------------

01. LAYOUT
 	1. MAJOR STRUCTURE
 	
02. GLOBAL STYLE
 	1. GENERAL
    2. TYPOGRAPHY
	3. MAJOR ELEMENTS
	
03. NAVIGATION 
	
04. THE POST
	1. GENERAL ITEMS
	2. POST IMAGES
	3. CUSTOM BUTTONS
	
05. COMMENT AREA
	
06. OTHER PAGE ELEMENTS
	1. FORMS/BREADCRUMBS
    2. SINGLE/MULTINAV BARS
	3. WIDGET AREAS

07. TEMPLATE SPECIFIC
	1. HOME.PHP
	2. PAGE.PHP
	3. CATEGORY.PHP
	4. SINGLE.PHP

08. CUSTOM ITEMS - DIVS

	
09. PLUGIN RULES


10. MEDIA QUERY
 


/* *********************************************************************************** */
/* 01. Layout
/* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. MAJOR STRUCTURE
/*---------------------------------------------------------------*/

/*---START UNCOMMENT TO ENABLE STICKY FOOTER
html, body {           /* Part of Sticky Footer 
	height: 100%;
}

body #division-1 { /* Part of Sticky Footer
	height: auto;
	min-height: 100%;
}
#fw-main {
	padding-bottom: 250px; /* Part of Sticky Footer -- All 3 must match
} 

#division-2 {
	height: 250px;         /* Part of Sticky Footer -- All 3 must match
	margin-top: -250px;    /* Part of Sticky Footer -- All 3 must match
}
-----END UNCOMMENT STICKY FOOTER*/

#division-1, #division-2  {
	float:left;
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}

#division-1 {
	background: #ffffff url("images/bg-page.jpg") repeat-x scroll left top;
}
	
.container { /* center the content in the viewport, clear the interior contents with overflow:hidden hack */
	max-width: 960px;
	min-width: 305px; 
	margin: 0 auto;
	padding:0 15px; 
	overflow: hidden
}
    
.column {
    margin: 0px;
    overflow: hidden;
    float: left;
    display: inline; /* ie6 double-margin bug fix */
    padding:0px 0px;
}

#main .column {
	padding: 0 30px;
}

#fw-header {
}

#header {
}

#main {
    margin-top:30px;
}

#fw-subfooter {
    background-color: #272727;
    border-top: 2px solid #3e91c9;
    }
       
#subfooter {    
    padding-top:30px;
    padding-bottom:20px;
    }
        
#fw-footer {
	color: #888;
	font-size: .7em; /* 13px / 16px = .7em */
	border-top: 1px solid #ccc;
    }
    
#footer   {
    padding-top:14px;
	padding-bottom:1em;
    text-align:center;
    }
    
#footer a:hover {
    text-decoration:underline;
}

.grid-1 { width:8.3% }
.grid-2 { width:16.6% }
.grid-3 { width:24.5% }
.grid-4 { width:30%; }
.grid-5 { width:42% }
.grid-6 { width:49% }
.grid-7 { width:57% }
.grid-8 { width:65% }
.grid-9 { width:74% }
.grid-10 { width:82% }
.grid-11 { width:90% }
.grid-12 { width:98%; }


.content {
	width:65%;
}

#sidebar-rt-1 {
	width:16em;
	float:right;
    padding:15px 15px 30px 15px;
    background-color:#eeeeee;
    border: 2px solid #f2f2f2;
	border-radius: 10px;
	box-shadow: 2px 2px 10px 1px #5F5F5F;
	width:28%;
	
    }
    

/* *********************************************************************************** */
/* 02. GLOBAL STYLE
/* *********************************************************************************** */ 

/*---------------------------------------------------------------*/
/* 1. GENERAL
/*---------------------------------------------------------------*/    


html, body {
	font-size: 100%;
	line-height: 1.2em;
	color: #575757;
	font-family: 'Federo', arial, sans-serif;
  	font-weight:400;
  	height: 100.1%;
}   

/*---------------------------------------------------------------*/
/* 2. TYPOGRAPHY
/*---------------------------------------------------------------*/

h1 {
	font-weight: bold;
	font-size: 1.5em; /* 24px / 16px = 1.5em */
	color: #3e3e3e;
	margin-bottom: 10px;
}

h1#sitetitle {
	font-size: 1.1em; /* 18px / 16px = 1.1em */
	line-height: 28px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 36px;
	left: 0px;
	width: 175px;
}

h1 a {
	text-decoration: none;
	color: #556fad;
}

h1 a:hover {
	color: #688cd4;
}

h2 {
	font-size: 1.4em; /* 22px / 16px = 1.4em */
	color: #006e97;
    padding-top:2px;
	margin-bottom:10px;
}

h3 {
	font-size: 1em;
	color: #575757;
	padding-top:2px;
  margin-bottom:10px;
}

h3 a, h3 a:visited {
	color: #515151;
}

h4 {
	padding-top:2px;
  font-size: 18px;
  color:#688CD9;
  margin-bottom:6px;
}

h5 {
	font-size: 11px;
	margin-bottom: 5px;
}

h6 {
	font-size: 10px;
	margin-bottom: 4px;
}

body p {
	margin-bottom: 10px;
}

a {
	color: #2076a8;
    text-decoration: none;
}

a:hover {
	color: #688CD9;
    text-decoration: none;
}

p.wp-caption-text {
	color: #636363;
	font-size: 11px;
	font-style: italic;
}

blockquote {
	color: #777777;
	border-left: 3px solid #dddddd;
	margin: 15px 30px 0px 10px;
	padding-left: 20px;
}

 
/*---------------------------------------------------------------*/
/* 3. MAJOR ELEMENTS
/*---------------------------------------------------------------*/

#logo-head {
	display:block;
	float:left;
	width:220px; /*set to image dimensions*/
    margin-top:30px;
    /* Currently using an image instead of text---
    height:40px;
    width:188px;
	color: #3e3e3e;
	font-size: 30px;
    font-family: "trebuchet ms",arial,sans-serif;
    padding-bottom:10px;
    text-decoration:none;
    */
}

/*--Not in use-----
#logo-head span {
    color:#0080FF;
    text-shadow: 0px -1px 0px #515151;
    filter: dropshadow(color=#515151,offX=0,offY=-1);
}
*/

p#tagline {
	font-size: .8em;
	letter-spacing: 1px;
	color: #575757;
    margin:64px 0 0 12px
}

a.rsslink {
	float: right;
	margin-top: 5px;
	margin-right: 24px;
}

a.rsscommentslink {
	float: right;
	margin-top: 5px;
	margin-right: 8px;
}


/* *********************************************************************************** */
/* 03. NAVIGATION
/* *********************************************************************************** */ 
#hormenu {
    float:right;
    margin:54px 0 0 0;
}

ul#nav {
	list-style-type: none;
}

ul#nav li {
	float: left;
    font-variant:small-caps;
}

ul#nav li a {
    background: transparent url('') no-repeat scroll top right;
    display: block;
    height: 32px;
    margin-right: 2px;
    margin-left: 0px;
    padding-right: 15px;
    text-decoration: none;
    color: #3e91c9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

ul#nav li a span {
    background: transparent url('') no-repeat;
    display:block;
    line-height: 31px;
    padding: 0px 0px 0px 15px;
}

ul#nav li a:hover {
	background: transparent url('images/nav/nav-btn-sprite.gif') no-repeat scroll top right;
    background-position:right -55px;
    text-decoration: none;
    color: #3e91c9;
    }
    
ul#nav li a:hover span {
    background: transparent url('images/nav/nav-btn-sprite.gif') no-repeat;
    background-position:0px -55px;
    }
     

ul#nav li.current-menu-item a{
	background: transparent url('images/nav/nav-btn-sprite.gif') no-repeat scroll top right;
    text-decoration: none;
    color: #3e91c9;
    }
    
ul#nav li.current-menu-item a span {
    background: transparent url('images/nav/nav-btn-sprite.gif') no-repeat;
    }
    

/* *********************************************************************************** */
/* 04. THE POST
/* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. GENERAL POST ITEMS
/*---------------------------------------------------------------*/
.post {
	margin-bottom: 5px;
	padding-bottom: 7px;
    padding-top:0px;
    }

.post-headline {
	color: #006e97;
}

.post-headline a, .post-headline a:visited, .post-headline a:hover {
    text-decoration:none;
    color: #006e97; 
}

.post-headline h2 {
	color: #006e97;
}


.post-byline {
	color: #8f8f8f;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.post-bodycopy a {
	color: #688CD9;
}
.post-bodycopy a:hover {
	color: #2076a8;
}
    
.post-footer {
	color: #8f8f8f;
	font-size: 12px;
	letter-spacing: 1px;
}

.post ol {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

.post ul, .post-bodycopy ul{
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.post ul ul {
	list-style-position: outside;
	list-style-type: circle;
	margin-top: 2px;
	margin-bottom: 3px;
	margin-left: 25px;
}

.post ul ul ul {
	list-style-position: outside;
	list-style-type: square;
	margin-top: 2px;
	margin-bottom: 3px;
	margin-left: 25px;
}

.post ul li {
	margin-bottom: 2px;
}

.post table {
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}

.post table caption {
	color: #707070;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 4px;
}

.post table th {
	color: #ffffff;
	font-weight: normal;
	padding: 6px 8px 6px 9px;
	background: #5e5e5e;
}

.post table td {
	border-right: 1px solid #dbdbdb;
	padding: 5px 8px;
}

.post table tr.even td {
	background: #e3e3e3;
}


/*---------------------------------------------------------------*/
/* 2. POST IMAGES
/*---------------------------------------------------------------*/
.alignleft {	float:left; }
.alignright { float: right }
.aligncenter,  div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,  div.alignleft {
	/* display:inline; set in html element*/
	margin-top: 10px;
    margin-left: 7px;
    margin-right: 30px;
    /* box shadow not supported in IE7, IE8
    border:solid 1px #6A6A6A;
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px;
    -webkit-background-clip: padding-box;
    border-radius: 0px;
    -moz-box-shadow: 5px 5px 13px -2px #4E4E4E; 
    -webkit-box-shadow: 5px 5px 13px -2px #4E4E4E;
    box-shadow: 5px 5px 13px -2px #4E4E4E;
    */
    }

img.alignright,  div.alignright {
	/* display:inline; */
	margin: 8px 0px 5px 10px;
}

img.postthumb {
	margin-top: 0px;
	margin-right: 15px;
}

/* thumbnail container/frame---------------*/
 
.img-bg-150x150 {
    background:transparent url("images/img-bg-150x150.png") no-repeat;
    width:163px;
    height:185px;
    float:left;
    clear:left; 
    margin-right:30px;
}


/* *********************************************************************************** */
/* 05. COMMENT AREA
/* *********************************************************************************** */
ul.commentlist {
	margin-left: 0px;
	padding-left: 0px;
}

img.avatar {
	float: left;
	border: 3px solid #dddddd;
	margin-right: 10px;
	margin-bottom: 5px;
}

span.comment-author-name {
	font-size: 15px;
}

ul.commentlist {
	margin-left: 0px;
	padding-left: 0px;
}

img.avatar {
	float: left;
	border: 3px solid #dddddd;
	margin-right: 10px;
	margin-bottom: 5px;
}

span.comment-author-name {
	font-size: 15px;
}



/* *********************************************************************************** */
/* 06. OTHER PAGE ELEMENTS
/* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. FORMS / BREADCRUMBS
/*---------------------------------------------------------------*/
#breadcrumbs1 {
	clear: both;
    display:none;
}

#searchform {
    display:none;
    }

#searchform form input.searchfield {
	border: 1px solid #d6d6d6;
	padding: 4px;
	width: 187px;
}

#searchform form input.searchbutton {
	color: #8a8a8a;
	overflow: hidden;
	border: 1px solid #d1d1d1;
	margin-left: 5px;
	padding: 4px 8px 4px 7px;
	background: #ebebeb;
}


/*---------------------------------------------------------------*/
/* 2. SINGLE / MULTIVAV BARS
/*---------------------------------------------------------------*/
#multinav, #multinav2, #singlenav, #singlenav2 {
	font-size:.8em;
	padding-top: 5px;
	padding-bottom: 10px;
}

#multinav, #multinav2, .multinav .older {
	float: left;
}

.newer {
	float: left;
	padding-left: 30px;
    }

.older {
	float: left;
}


/*---------------------------------------------------------------*/
/* 3. WIDGET AREAS
/*---------------------------------------------------------------*/

.widget, .widget a, .widget ul li a {
     color:#aaa;
	 text-decoration:none;
	 margin-bottom: 10px;
     }
	 
.widget a:hover, .widget ul li a:hover {
     color:#688CD9;
	 text-decoration:none;
     }
	 
.widget ul li a:before {
    font-size:smaller;
    content:'>>  '; 
    }
	  
.widget h3 {
	color: #575757;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
}
#sidebar-rt-1 .widget h3 {
	text-decoration: underline;
}

#sidebar-rt-1 .widget_categoryposts h3 {
	text-decoration: none;
}



.widget ul li {
}

.widget ul li li {
	background: transparent url("images/round-gray.gif") no-repeat scroll 3px 7px;
}

.widget ul li li a {
    color: #ededed;
	padding-left: 10px;
}

.widget-3 h3 {
	color: #ccc;
	font-weight: normal;
	font-size: 1em;
	letter-spacing: 2px;
	margin-top: 0px;
	padding-bottom: 6px;
}
.widget-3 {
	width:24%;
	min-height:9em;
	padding-left:8%;
	font-size:.9em;
    border:solid yellow 0px;
}

.widget-3b {
	 
}

 
     
/* *********************************************************************************** */
/* 07. TEMPLATE SPECIFIC
/* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1.  HOME.PHP
/*---------------------------------------------------------------*/
.home #main {
margin-top:-10px;
}

#slider-background {
	max-width:750px;
    height:320px;
    margin-top:38px;
	margin-bottom:-22px;
    padding-top:18px;
    padding-left: 10px;
    background: transparent url("images/bg-slide.png") no-repeat scroll ;
    border:0px solid green;
}
.home #subfooter {    
    background: #272727 url('images/rays.png') no-repeat scroll top center;
}

#home-banner{
	display:none;
}


/*---------------------------------------------------------------*/
/* 2.  PAGE.PHP
/*---------------------------------------------------------------*/
.page .post-headline {
	display:inline;
	margin-bottom:1em;
}

.page .post-headline h2 a {  
}

.page .post-headline h2 a:hover {
    text-decoration:none;
}



/*---------------------------------------------------------------*/
/* 3.  CATEGORY.PHP
/*---------------------------------------------------------------*/
.category .post {
    float:left;
    padding-top: 35px;
    border-bottom: 3px solid #f5f5f5;
    }

.category .post-headline {
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 60px;
    font-size: 26px;
    color:#006E97;
}

.category-projects .post-headline h2 a {
	display: none;
    }
    

    
/*---------------------------------------------------------------*/
/* 4.  SINGLE.PHP
/*---------------------------------------------------------------*/
.single .post-bodycopy h3 {
    display:none; 
    }


.single #main {
    min-height:200px;
 }

.single .post {
    border-bottom: 2px solid #f5f5f5;
    margin-bottom:5px;
    }



/* *********************************************************************************** */
/* 08. CUSTOM DIVS (Specified on site, or in template)
/* *********************************************************************************** */
#services, #contact {
    height:231px;    
    padding-left:32%;  /*Used to move page or post content on an individual basis */
    padding-top:10px;
    background: url("images/services-bg.png")  no-repeat;
	background-position:35% 0;
    margin-left:2%;
   }

#contact {
    background: url("images/contact-bg.png") no-repeat;
	background-position:35% 0;
   }
   
   
      
/*---------------------------------------------------------------*/
/*  CSS IMAGE ROLLOVER EXAMPLE
/*---------------------------------------------------------------*/
.code-background {
	height:300px;
	width:92%;
	background-color:#eee;
	border:2px solid #f2f2f2;
	border-radius:10px;
	box-shadow:2px 2px 10px 1px #5F5F5F;
	padding:20px 15px 15px 15px;
	}
#twitter {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url(/images/img-sprite.png) 0 0;	
	}
#twitter:hover {
	background-position: 0 -100px;
	}
#vimeo {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url(/images/img-sprite.png) 0 -200px;	
	}
#vimeo:hover {
	background-position: 0 -300px;
	}
#fb {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url(/images/img-sprite.png) 0 -400px;	
	}
	
#fb:hover {
	background-position: 0 -500px;
	}
	
#rss {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url(/images/img-sprite.png) 0 -600px;	
	}
	
#rss:hover {
	background-position: 0 -700px;
	}
        
		
/* *********************************************************************************** */
/* 09. PLUGIN STYLE RULES
/* *********************************************************************************** */
#wpscst_reply_editor_table,
.nicEdit-main,
.widefat {
	width: 100% ! important;
}
#wpscst_reply {
	display:inline;
	width:100% ! important;
	margin:0 auto 0 auto;
	rows: 5;
	cols: 30;
}


/* *********************************************************************************** */
/* 10. MEDIA QUIERY
/* *********************************************************************************** */
@media all and (max-width:795px) {

html, body {
	font-size: 1.2em;
}

ul#nav li a	{
	font-size: 1.0em;
}

#logo-head {
    margin-top:0px;
}
p#tagline {
    display:none;
}
#hormenu {
    float:left;
	clear:left;
    margin:-2px 0 0 0;
}
ul#nav li a {
    padding-right: 12px;
}

ul#nav li a span {
    padding: 0px 0px 0px 12px;
}
#slider-background {
	display:none;
}
#home-banner{
	display:block;
	max-width:100%;
	margin-top:38px;	
}  
#services, #contact {
	  background-position:left top; 
	  }  
.content {
	width:95%;
}

#sidebar-rt-1 {
	width:88%;
	float:left;
	clear:left;
}
.grid-3, .grid-9, { 
	width:100%;
}
}

@media all and (max-width:500px) {
#subfooter, .home #subfooter {    
    background-image: none;
	padding:1em 0;
    }		 
.widget-3 {
	width:95%;
	float:left;
	clear:left;
	margin-top:1.5em;
	padding-left:7%;
}
#services, #contact {
	height:100%;
    padding-bottom:1.5em;    
    padding-left:7%;
    padding-top:10px;
    background-image:none;
    margin-left:1%;
   }
h3 .img-bg-150x150 {
	display:block;
	float:left;
	clear:left;
}

}