/* main styles
www.mpgilbert.com
----------------- */

body {
	background: #e3e3e3 url('/images/bg_gradients.gif') repeat-y 50% 0;
	margin: 0;
	padding: 0;
	border: 0;
	color: #666;
	text-align: center;
	font: 100% "Lucida Grande", Verdana, Arial, sans-serif;
}

/* structure
-------------------- */

#wrapper {
	background-color: #fff;
	width: 720px;
	text-align: left;
	margin: 0 auto;
}

#content {
	text-align: left;
	font-size: 0.75em;
	line-height: 1.6em;
	margin: 0 19px 0 178px;
	padding: 0 0 11px 15px;
	border-left: 1px solid #e8e8e8;
}

body.wide #content {
	margin: 0 19px;
	border-left: 0;
	padding-left: 0;
}

#content ul {
	list-style: none;
	margin: 0 0 1em 0;
	padding-left: 8px;
}

#content ul li {
	margin: 0;
	padding: 0 0 5px 8px;
	background: url('/images/bullet_square.gif') no-repeat 0 6px;
}

#sidebar {
	padding-top: 69px;
	padding-left: 10px;
	float: left;
	text-align: left;
	font-size: 0.7em;
	line-height: 1.2em;
	width: 158px;
	background: url('/images/chevrons.gif') no-repeat top;
}

#sidebar h4 {
	font-size: 1.1em;
	margin-bottom: .5em;
}

#sidebar ul {
	border-top: 1px solid #e8e8e8;
	margin: 0 0 1.5em 0 !important;
	padding: 0;
}

#sidebar ul li {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #e8e8e8;
}

#sidebar ul li a {
	display: block;
	padding: .25em 0;
}

#sidebar p {
	margin-bottom: 1.5em !important;
}

#header {
	padding: 0 0 25px 0;
	margin: 0;
}

#hdr01, #hdr02, #hdr03, #hdr04, #hdr05, #hdr06, #hdr07, #hdr08 {
	clear: both;
	margin: 0;
	width: 720px;
	height: 53px;
}

#hdr01 {background: url('/images/hdr01.jpg') no-repeat top;}
#hdr02 {background: url('/images/hdr02.jpg') no-repeat top;}
#hdr03 {background: url('/images/hdr03.jpg') no-repeat top;}
#hdr04 {background: url('/images/hdr04.jpg') no-repeat top;}
#hdr05 {background: url('/images/hdr05.jpg') no-repeat top;}
#hdr06 {background: url('/images/hdr06.jpg') no-repeat top;}
#hdr07 {background: url('/images/hdr07.jpg') no-repeat top;}
#hdr08 {background: url('/images/hdr08.jpg') no-repeat top;}

#iconprint {
	float: right;
	height: 15px;
}

#iconprint img {vertical-align: text-top;}

#imghome {
	width: 100%;
	height: 196px;
	margin: 0;
	padding: 0;
	background: url('/images/hm_collage.jpg') no-repeat top right;
}

#content #sitemap {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

#content #sitemap li {
	margin: 0;
	padding: 0 0 .5em 8px;
	background-image: none;
}

#content #sitemap ul li {padding: 0 0 0 8px;}

#content #sitemap ul {
	margin: 0;
	padding: 0;
}

#content #sitemap a {font-weight: bold;}

#content #sitemap ul a {font-weight: normal;}

/* navmain
-------------------- */

#navmain {
	color: #ccc;
	font-size: .7em;
	font-weight: bold;
	text-transform : uppercase;
	padding: 24px 9px 15px 0;
	max-width: 450px;
	text-align: right;
	float: right;
}

#navmain ul, #navmain li {
	display: inline;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#navmain a:link, #navmain a:visited {
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 0;
	text-decoration: none;
	color: #999;
}

#navmain a:link.selected, #navmain a:visited.selected, #navmain a:hover {
	border-top: 3px solid #f7941d;
	padding-top: 2px;
	background: transparent;
	color: #f7941d;
}

#navmain a:hover {color: #f7941d;}

/* sidebar
-------------------- */

#sidebar ul {margin: 3px 0 1em 0;}

#sidebar li {
	display: block;
	margin: 0;
	padding: 0 10px 3px 0;
	list-style: none;
	background: url('/images/icon_raquo.gif') no-repeat center right;
}

#sidebar li.selected {background: url('/images/icon_raquo_slct.gif') no-repeat center right;}

#sidebar a:link, #sidebar a:visited {text-decoration: none;}

#sidebar a:hover, #sidebar a:active {text-decoration: underline;}

/* footer
-------------------- */

#footer {
	clear: both;
	margin: 0;
	padding: 0 19px 10px 0;
	text-align: right;
	color: #999;
	font-size: .6em;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #999;
}

#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #666;
}

/* thumbnails
-------------------- */

.thumbs {
	float: left;
	text-align: center;
	padding: 0 15px 10px 0;
	margin: 0;
}

.thumbs img {
	padding: 4px;
	border: 1px solid #ccc;
}

/* websites
-------------------- */

#content .siteimg {
	float: left;
	text-align: center;
	padding-right: 15px;
	padding-bottom: 5px;
}

#content .sitetxt {
	float: right;
	width: 390px;
}

#content .sitetxt ul {
	list-style: none;
	margin: 0 0 1em 0;
	padding-left: 0;
}

#content .sitetxt li {
	display: block;
	margin: 0;
	padding: 3px;
	background-image: none;
}

#content .sitetxt li.zebra {
	background-color: #eee;
	color: #666;
}

/* viewer
-------------------- */

#viewer {
	text-align: center;
	font-size: 0.7em;
	line-height: 1.3em;
	margin: 0;
}

#viewer .bigphoto {
	padding: 6px;
	border: 1px solid #ccc;
}

#viewer a:link, #viewer a:visited {color: #666;}

/* forms
-------------------- */

.frmInline {display : inline;}

input, select {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 11px; 
	color: #666;
	vertical-align: middle;
}

.frmText {
	background: #fff; 
	border: 1px solid #ccc;
	width: 300px; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 11px; 
	color: #666;
}

.frmTextShort {
	background: #fff; 
	border: 1px solid #ccc;
	width: 150px; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 11px; 
	color: #666;
}

/* blog search form */
.searchform {
	margin: 0;
	padding: 0;
	text-align: right;
}

.formfield {
	background: #fff; 
	border: 1px solid #ccc;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 11px; 
	color: #666;
	padding: 2px 4px;
}

.frmTextarea, textarea {
	background: #fff; 
	border: 1px solid #ccc;
	width: 300px; 
	height: 125px; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 11px; 
	color: #666;
	overflow: auto;
}

.frmButton, .formbutton {
	background: #eee;
	border: 1px solid #ccc;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-weight: bold;
	font-size: .8em;
	text-transform : uppercase;
	color: #f7941d;
	vertical-align: top;
	padding: 2px 4px;
}

.formbutton {margin-top: 3px;}

#searchform .formbutton {
	vertical-align: middle;
	margin-top: 1px;
}

#sidebar .frmTextShort {
	padding: 2px 4px;
}

.frmText:hover, .frmText:focus, .frmTextarea:hover, .frmTextarea:focus {
	border: 1px solid #010197;
	background-color: #F8F8F8;
	color: #333;
}

/* common
-------------------- */

h1 {
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -9999px;
}

h1 a:link, h1 a:visited {
	float: left;
	width: 253px;
	height: 53px;
	background: url('/images/logo_mpgilbert.gif') no-repeat top;
	margin: 0 0 0 18px;
	padding: 0;
	border: 0;
	text-decoration: none;
}

h2 {
	margin: 0 0 11px 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #f7941d;
}

h3 {
	margin: 0 0 11px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #f7941d;
}

h4 {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}

table {
	margin: 0;
	padding-bottom: 1em;
}

th, td {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #666;
	padding: 3px;
}

th {
	border-top: 1px dashed #ccc;
	background-color: #e7e7e7;
}

tr.zebra {background-color: #f1f1f1;}

p {margin: 0 0 1em 0;}

a:link, a:visited {
	text-decoration: underline;
	color: #010197;
}

a:hover, a:active {
	text-decoration: underline;
	color: #333;
}

dl {margin: 0px 0 1em 0;}

dt {padding-bottom: 5px;}

dd {
	margin: 0;
	padding: 0 0 1em 15px;
}

blockquote {
	border-left: 3px solid #ccc;
	margin: 0 1.5em 1em 1.5em;
	padding: 5px;
	background: #eee;
}

blockquote p {margin: .5em;}

.dotline {
	/* background: url('/images/dotline.gif') no-repeat left; */
	margin: 15px auto;
	padding: 0;
	border-top: 1px solid #e8e8e8;
}

.skip {
	display: block;
	text-indent: -9999px;
	position: absolute;
	overflow: hidden; /* bug fix for IE 7 */
}

.imgright {
	float: right;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 0 0 10px 10px;
}

.imgright-noframe {
	float: right;
	margin: 0 0 10px 10px;
}

.imgleft {
	float: left;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 0 10px 10px 0;
}

.imgcenter {
	border: 1px solid #ccc;
	padding: 4px;
	margin: 10px 0;
}

#bentline {
	clear: both;
	margin: 0;
	padding: 25px 0 0 0;
	height: 14px;
	background: url('/images/ftr_line.gif') no-repeat bottom;
}

.callout {
	background-color: #eaeaea;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding: 3px;
}

.linktop {padding-bottom: 1.5em;}

.linktop a:link, .linktop a:visited {
	font-size: .9em;
	text-decoration: none;
}

.linktop a:hover, .linktop a:active {
	text-decoration: underline;
	color: #666;
}

.clear {clear: both;}

acronym, abbr {
	border-bottom: 1px dashed #666;
	cursor: help;
}

b {font-weight: bold;}
i {font-style: italic;}
u {border-bottom: 1px solid #666;}

.strike {text-decoration: line-through;}

/* floats and pads
-------------------- */

.floatleft {float: left;}
.floatright {float: right;}

.padleft5 {padding-left: 5px;}
.padright5 {padding-right: 5px;}
.padtop5 {padding-top: 5px;}
.padbottom5 {padding-bottom: 5px;}

.padleft10 {padding-left: 10px;}
.padright10 {padding-right: 10px;}
.padtop10 {padding-top: 10px;}
.padbottom10 {padding-bottom: 10px;}

/* blog
-------------------- */

#blogitem h2 {
	margin: 0 0 11px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #f7941d;
}

#blogitem h2 a:link, #blogitem h2 a:visited {
	color: #f7941d;
	text-decoration: none;
}

#blogitem h2 a:hover, #blogitem h2 a:active {
	text-decoration: underline;
	color: #010197;
}

h3.comment {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #666;
}

.commentinfo, .commentbody {margin: 11px 0;}

.entry p {margin: 1.2em 0;}

.postmetadata {margin-top: 1em;}

.searchform {margin: 3px 0 11px 0;}

.leftbox {
	float: left;
	padding: 0 10px 10px 0;
}

.rightbox {
	float: right;
	padding: 0 0 10px 10px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* wordpress
----------------------- */

.post {
	margin: 0 0 1em 0;
}

.storycontent {
	margin: 0 0 1em 0;
}

.storytitle {
	margin: 0 0 11px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #f7941d;
}

.post h2 {
	font-weight: bold;
}

.storytitle a:link, .storytitle a:visited, 
.post h2 a:link, .post h2 a:visited {
	color: #f7941d;
	text-decoration: none;
}

.storytitle a:hover, .storytitle a:active, 
.post h2 a:hover, .post h2 a:active {
	text-decoration: underline;
	color: #010197;
}

/* flickr
-------------------- */

#flickr {
	text-align: right;
	margin: 3px 0 1em 0;
}

#flickr img {
 	width: 75px;
 	height: 75px;
 	padding: 3px;
	border: 1px solid #ccc;
 }

#flickr a {
	margin: 0 0 5px 0;
 	display: block;
	background-color: transparent;
	color: #ccc;
}