/*  
Theme Name: Sapphire
Theme URI: http://www.michaelmartine.com/
Description: A professional WordPress template for business blogs of all kinds
Version: 1.0
Author: Michael Martine
Author URI: http://www.michaelmartine.com/


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Tweak this CSS howsoever you will.


	Under the GPL, I have the right to sell this WordPress theme to you. Once the theme is yours, you 
	have the same rights that I had. 


	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.


	CSS SECTIONS IN ORDER:
	Sidebar, Posts, Headings, Images, Forms, Comments, Content Area, Footer

	Colors:	dark: 716558
			light: 988279



*/



/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


body {

font-size:62.5%;
font-family:Helvetica, Arial, Sans-Serif;
font-style:normal;
color:#000;
text-align:center;
background-color:#FFFFFF;
background-image:url(images/bg.gif);
margin:0;
padding:0;

}



#page {
text-align:left;
width:802px;
background-image:none;
margin:0 auto;
padding:0;

}



#header {
height:110px;
width:802px;
margin:0 auto;
padding:0;

}



#content {

font-size:12px;
line-height:15px;
overflow:hidden;
background-color:#FFF;

}




#sidebar h2 {
font-size:11px;
line-height:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
color:#fff;
margin:15px 0 10px;
padding:0;
text-transform:none;
}



#sidebar {

margin-left:682px;
width:135px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
line-height:15px;
color:#988279;
text-transform:uppercase;
font-weight: bold;
padding-bottom:10px;

}


.textwidget, widget widget_text, textwidget a, widget widget_text a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
line-height:15px;
color:#988279;
text-transform:uppercase;
font-weight: bold;
letter-spacing:.1em;
}



.page_item a:hover {
text-decoration:underline;

}



.page item current_page_item {
color:#000;

}



.navigation {

display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px;

}



#sidebar ul,#sidebar ul ol {
margin:0;
padding:0;

}





.ul li, li, ul ul {

list-style-type:none;
list-style-image:none;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;

}


#archives-3 {
	margin-top:-12px;
}


#sidebar ul li {

list-style-type:none;
list-style-image:none;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

}



#sidebar ul p,#sidebar ul select {

margin:5px 0 8px;

}



#sidebar ul ul,#sidebar ul ol {

margin:5px 0 0 10px;

}



#sidebar ul ul ul,#sidebar ul ol {

margin:0 0 0 10px;

}



ol li,#sidebar ul ol li {

list-style:decimal outside;

}



#sidebar ul ul li,#sidebar ul ol li {

margin:3px 0 0;

padding:0;

}



.postmetadata {

clear:both;
font-size:11px;z

}



.widecolumn .postmetadata {

font-size:11px;

margin:30px 0;

}



.entry p a:visited {
color:#999;
}

.entry p a:hover {
color:#F00;
}



.entry p,.entrytext, .entrytext p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
text-align:left;
padding-bottom:12px;
color:#716558;
}

.entry a {
text-decoration: underline;
}




.widecolumn .entry p {

font-size:1.3em;

}



.narrowcolumn .entry,.widecolumn .entry {

line-height:1.4em;

}



.widecolumn {

line-height:1.6em;
width:600px;
overflow:hidden;
margin:5px 0 0 150px;
padding:10px 0 20px;

}



small {

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:13px;
color:#C7C2B8;
}

.small {

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
color:#C7C2B8;
}

.narrowcolumn {

float:left;

width:600px;

overflow:hidden;

margin:0;

padding:25px 28px 20px 28px;

}



.post {

margin:0 0 40px;

}



.sticky h2 {

padding-bottom:5px;

border-bottom:3px double #CECECE;

}



.widecolumn .post {

margin:0;

}



/*.narrowcolumn .postmetadata {
padding:5px;

}*/



html>body .entry ul {

margin-left:0;

list-style:none;

text-indent:-10px;

padding:0 0 0 10px;

}



html>body .entry li {

margin:7px 0 8px 10px;

}



.entry ol {

margin:0;

padding:0 0 0 35px;

}



.entry ol li {

margin:0;

padding:0;

}



.postmetadata ul,.postmetadata li {

display:inline;

list-style-type:none;

list-style-image:none;

}



h1,h2,h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;

}



h1 {

font-size:3em;
text-align:left;
padding-top:0;
font-weight:normal;
margin:0;

}



.description {

font-size:1.7em;
text-align:center;
text-indent: -9999px;

}



h2 {
font-size:15px;
line-height:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
color:#716558;
margin:10px 0 0;

}



h2.pagetitle {
font-size:15px;
line-height:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
color:#716558;
margin-top:10px;

}



h3 {

font-size:1.3em;
margin: 0;
padding:0;

}



h1,h1 a,h1 a:hover,h1 a:visited,.description {

text-decoration:none;
font-weight:normal;
color:white;

}



h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
font-size:15px;
line-height:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
color:#716558;

}



h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {

text-decoration:none;

}



h3.comments {

margin:40px auto 20px;

padding:0;

}



p img {

margin:0;

padding:0;

}



img.centered,img.aligncenter {

display:block;

margin-left:auto;

margin-right:auto;

}



img.alignright {

display:inline;

margin:0 0 2px 7px;

padding:4px;

}



img.alignleft {

display:inline;
margin:0 7px 2px 0;
padding:4px 4px 12px 0;

}



.alignright {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
font-weight:bold;
color:#716558;
}




.alignleft {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
font-weight:bold;
color:#716558;
}



#searchform {

text-align:left;

margin:20px 0;

cursor: auto;

padding: 0;

}



#sidebar #searchform #s {

width:115px;
text-align:left;
margin-bottom:5px;
border: 1px solid #666;
cursor: auto;
padding: 2px;

}





#sidebar #searchsubmit {

padding:1px;

}



.entry form {

text-align:center;

}



select {

width:120px;

}



#commentform input {

width:170px;

margin:5px 5px 1px 0;

padding:2px;

}



#commentform textarea {

width:100%;

border:1px solid #c2c2c2;

padding:2px;

}



#commentform #submit {

float:right;

margin:0;

}



.thread-alt {

border:1px solid #cecece;

margin:0;

padding:10px;

}



.commentlist {
text-align:justify;
padding:0;
color:#716558;

}



.commentlist li {
list-style:none;
font-weight:bold;
margin:15px 0 3px;
padding:5px 0 3px 10px;

}



.commentlist li .avatar {
float:right;
border:1px solid #eee;
padding:2px;

}



.commentlist p {
font-weight:normal;
line-height:1.5em;
text-transform:none;
margin:10px 5px 10px 0;

}



#commentform p {
font-family:Helvetica, Arial, Sans-Serif;
margin:5px 0;
color:#716558;
}



.nocomments {
text-align:center;
margin:0;
padding:0;
color:#716558;

}



.commentmetadata {

display:block;
font-weight:normal;
margin:0;

}



.commentlist li,#commentform input,#commentform textarea {

font:Helvetica, Arial, Sans-Serif;

}



.commentlist cite,.commentlist cite a {

font-weight:bold;

font-style:normal;

font-size:1.1em;

}







code {

font:1.1em 'Courier New', Courier, Fixed;

}



acronym,abbr,span.caps {

font-size:.9em;

letter-spacing:.07em;

cursor:help;

}



a {

color:inherit;
text-decoration:none;

}



a:hover, h2 a:hover,h3 a:hover {
color:#F00;
text-decoration:underline;
}

p a:hover {
color:#F00;
}



#headerimg {
height:110px;
width:656px;
margin:0;
padding:0;
float: left;
}



acronym,abbr {

border-bottom:1px dashed #999;

}



blockquote {

padding-left:20px;

border:3px double #cecece;

font-style:italic;

margin:15px 30px 0 10px;

}



blockquote cite {

display:block;

margin:5px 0 0;

}



.center {

text-align:center;

}



hr {

display:none;

}



a img {

border:none;

}



#footer {
background-image:none;
color:#988279;
width:802px;
clear:both;
margin:0 auto;

}



* html #footer {

padding:0 0 0 1px;

}



#footer p {

text-align:left;
color:#988279;
margin:0;
padding:20px 0;

}



#footer a {

color:#FFF;

}



.aligncenter,div.aligncenter {

display:block;

margin-left:auto;

margin-right:auto;

}



.wp-caption,.wp-caption p {

border:1px solid #ddd;

text-align:center;

background-color:#f3f3f3;

padding-top:4px;

-moz-border-radius:3px;

-khtml-border-radius:3px;

-webkit-border-radius:3px;

border-radius:3px;

margin:10px;

}



.wp-caption img {

border:0 none;

margin:0;

padding:0;

}



.wp-caption p.wp-caption-text {

font-size:11px;

line-height:17px;

margin:0;

padding:0 4px 5px;

}


.largebody {
	font-size:12px;
	line-height:17px;
	color:#716558;
}





/* BADGE */

.badge-popup {
margin-top: 20px;
margin-left:20px;
padding: 0;
width: 23px;
position: relative;
float:left;
}
 
div.badge-popup em {
background: url(images/hazen-projects-badge-pop-up.gif) no-repeat;
width: 124px;
height: 28px;
position: absolute;
top: -6px;
left: -140px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}
 
#badge-icon {
width: 15px;
height: 18px;
background: url(images/badge-flavor.gif) no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
overflow: hidden;
}

#gallery-1 img {
border: 0;
}