/*
Theme Name: hgm
Theme URI: http://heathergm.com
Description: a theme for my site based on Starkers by Elliot Jay Stocks
Version: 2 (WP2.6.2)
Author: heather gardner-madras 
Author URI: http://heathergm.com

*/

@import "style/css/reset.css";
/* @import "style/css/typography.css";
@import "style/css/layout.css";
*/
:focus { 
	outline: none;
	}
/* my new styles */

body {
font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif ;
background: #f4f4ee;
}
.toplinks {
background: #dddbc2;
padding: 4px;
font-size: .8em;
text-align: right;
}
.toplinks .container {
width: 1000px;
margin: 0 auto;
font-size: .78em;
color: #fff;
}

a:link {
color: #0165a4;
text-decoration: none;
}

a:hover {
color: #666;
background:#d8eefc;
text-decoration: none;
}

a:visited {
color: #0272b8;
text-decoration: none;
}

#header {
background: #f0eed5;
padding: 4px;
border-bottom: 1px solid #ccc;
height: 80px;

}

#header .container {
white-space: nowrap;
width: 1000px;
margin: 0 auto;
}
.logohead {
float: left;
}

.logohead img{
margin-top: 8px;

}
div#nav {
float: right;

}

div#nav ul {
font-size: 16px;
text-transform: lowercase;
}

div#nav ul  li {
float: left;
width: 88px;
}

div#nav ul  li a {
display: block;
	height: 83px;
border: 1px solid #f0eed5;
border-bottom: 1px solid #ccc;
	line-height: 120px;
	padding: 0px ;
margin: 0;
	text-align: center;
}

div#nav ul li a:hover
{
	color: #444;
	background-color: #C2DDEE;
	background-image: url(/wp-content/uploads/2008/11/nav_over.gif);
	background-repeat: repeat-y;
	background-position: center top;
	border: 1px solid #fff;
border-bottom:  #ccc;
}

div#nav ul.mainnav li.current_page_item a, div#nav ul.mainnav li.current_page_ancestor
{
	color: #444;
	background-color: #C2DDEE;
	background-image: url(/wp-content/uploads/2008/11/nav_over.gif);
	background-repeat: repeat-y;
	background-position: center top;
	border: 1px solid #fff;
border-bottom:  #ccc;
}



div.mainbody {
padding: 20px;
line-height: 1.5em;
font-size: 12px;
color: #444;
min-height: 500px;
}
div.mainbody .container {
width: 1000px;
margin: 0 auto;
}

div.mainbody p{
margin-bottom: .9em;
}

div.mainbody h2, div.mainbody h2 a{
font-size: 2em;
color: #0165a4;
font-weight: normal;
line-height: normal;
}

div.mainbody h3, div.mainbody h3 a{
font-size: 1.3em;
color: #666;
font-weight: normal;
margin: .4em;
}

div.mainbody h4 {
width: 100%;
background: #f0eed5;
padding: 4px;
font-weight: bold;
font-size: 14px;
}

.maincol {
width: 540px;
float: left;
margin: 0 24px 0 auto;
}


.sidebar
{
	width: 375px;
	float: right;
	margin: 0 auto;
	
	padding: 12px;
	background-image: url(http://heathergm.com/wp-content/uploads/2008/12/rt_fade.gif);
	background-repeat: repeat-y;
	background-position: left;
}

div.sidebar ul li.flexipages_widget  {
font-size: 1.1em;
padding-bottom: 14px;
margin-bottom: 10px;
border-bottom: 2px dotted #dddbc2;
}

div.sidebar ul li.flexipages_widget  ul li.page_item {
margin-left: 8px;
font-size: .9em;
}

div.sidebar h2.widgettitle {
font-size: 14px;
color: #666;
margin-bottom: 6px;
}

div.sidebar ul li.flexipages_widget  ul li.current_page_item a {
color: #333;
}

div.sidebar ul li.flexipages_widget  ul li.current_page_item  ul li.page_item a {
color: #0165a4;
}


div.footer {
background: #005082;
margin: 0;
width: 100%;
}

div.footer .container {
width: 1000px;
margin: 0 auto;
padding: 4% 0 10% 0;
color: #fff;
text-align: center;
font-size: .8em;

}
div.footer a {
color: #fff;
}


br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

/* home style */
.homecontainer {
width: 1000px;
margin-top: 1px;
}
 

h3 span.seeall a {
font-size: 10px;
color: #0165a4;
text-align: right;

}

.feature1, .feature2, .feature3 {
float: left;
	line-height: normal;
font-size: 11px;
text-align: center;
margin: 0 12px 12px;
width: 304px;
height: 190px;
}

.sidefeature1, .sidefeature2, .sidefeature3 {
line-height: normal;
font-size: 11px;
text-align: center;
margin: 0 12px 12px;
width: 304px;
height: 190px;
}

.sidefeature1 p, .sidefeature2 p, .sidefeature3 p {
text-align: left;
width: 280px;
margin-left: 14px;
}

.feature1 img, .feature2 img, .feature3 img,
.sidefeature1 img, .sidefeature2 img, .sidefeature3 img
 {
text-align: center;
margin: 18px auto 0;
}

.feature1 a:hover, .feature2 a:hover, .feature3 a:hover,
.sidefeature1  a:hover, .sidefeature2 a:hover, .sidefeature3 a:hover

{
background: none;
}

.feature1, .sidefeature1
{
	background-image: url(http://heathergm.com/wp-content/uploads/2008/11/homebox_green.gif);
	background-repeat: no-repeat;

}

.feature2, .sidefeature2
{
	background-image: url(http://heathergm.com/wp-content/uploads/2008/11/homebox_blue.gif);
	background-repeat: no-repeat;

}

.feature3, .sidefeature3
{
	background-image: url(http://heathergm.com/wp-content/uploads/2008/11/homebox_yellow.gif);
	background-repeat: no-repeat;

}

.feature2 a,  .feature3 a,.feature1 a{
font-size: 10px;
font-weight: bold;
}




div.homenews h2 a{
font-size: 12px;
display: block;
margin: 6px 0 0;

}
div.homenews h3 {
border-bottom: 2px dotted #dedcc5;
font-size: 1.6em;
margin:0;
padding-bottom: 4px;
}

div.homenews {
font-size: .8em;
line-height: 1.25em;
color: #555;
width: 385px;
float: left;
}

div.homenews .excerpt {
border-bottom: 2px dotted #dedcc5;
}

div.homenews p {
margin-top: 4px;
}




div.maincol div.post {
margin: 0 0 14px 0;

}

div.postlist div.excerpt, div.postlist div.post {
border-bottom: 2px dotted #dedcc5;
}
div.postlist h2 {

font-size: .75em;
margin-top: 4px;
}

div.postlist h3 a{
color: #0165a4;
margin: 0;
padding: 0;
}

div.maincol div.postlist  div.post h3 {
margin:  8px 0;
padding: 0;

}

div.entrymeta, .date, p.feedlink  {
color: #a6a26a;
font-size: 11px;
font-family: verdana;
}

div.entrymeta a 
 {
color: #666;
}

h3#comments, h3#respond {
font-size: 1.6em;
background: #f0eed5;
padding: 8px;
margin:  12px 0;

}

div.commentarea {
text-align: left;
}



div.commentarea li
{
padding: 12px;
border-bottom: 2px dotted #dedcc5;
border-top: 2px dotted #dedcc5;
font-family: verdana;
font-size: .9em;
background: #eef5fa;
margin-bottom: 8px;
}



div.commentarea li.alt
{
background: #fefefe;
}

div.commentarea #commentform {
background: #f0eed5;
padding: 8px;
}

form#commentform textarea {
width: 500px;

}

div.commentarea #commentform input {
display: block;
margin: 4px;
}

li.linkcat h2 {
font-size: 1.4em;
background: #f0eed5;
padding: 6px;
margin:  12px 0;
}

ul.xoxo li {
line-height: 20px;
margin-left: 12px;
}

ul#postTabs_ul_10, ul#postTabs_ul_8, ul#postTabs_ul_2, ul#postTabs_ul_68 {

background: #f4f4ee;
}

ul.postTabs li a{
font-size: 1.4em;
}
div.postTabs_divs {
background: #fefefe;
padding: 8px;
margin: 8px;
}

div.postTabs_divs br{
height: 1px;
display: block;
}

/* list styles*/

div.mainbody  ul ul li:before {
	content: "\00BB \0020  ";
color: #a6a26a;
font-size: 16px;
	}

div.sidebar ul ul ul li:before {
	content: "\00BB \0020  ";
color: #a6a26a;
font-size: 12px;

	}

div.sidebar ul ul li:before, div.sidebar ul li:before {
	content: "";
	}
div.textwidget, li#ax-sidebar, li.widget_execphp  {
font-size: .9em;
line-height: 1.35em;
padding-left: 12px;
}

div.quote {
  background: transparent url(/wp-content/uploads/2008/11/quote_start.gif) left top no-repeat;

color: #555;
margin-bottom: 12px;
}

div.speaker {

font-weight: bold;

}

div.quote div {
 padding: 0 48px;
  background: transparent url(/wp-content/uploads/2008/11/quote_end.gif) bottom right no-repeat;
}

span.dottedline {
display: block;
width: 375px;
height: 12px;
border-top: 2px dotted #dedcc5;
}

a.morelink:before {
content: "\00BB \0020  ";
color: #0165a4; important!
}

a.morelink b {
color: #0165a4; important!
}


#searchform input {

border: 1px solid #f0eed5;
background: #f4f4ee;
font-size: 10px;
padding: 2px;
}

#searchform input.find {
width: 120px;

}
#searchform input#searchsubmit:active,#searchform input#searchsubmit:hover  {
background: #f0eed5;

}

#searchform input#searchsubmit {
font-family: verdana;
 background: #f4f4ee;
padding: 1px;
border: 1px solid #fff;
font-weight: bold;
color: #666;
}


.brand img {
border: 1px solid #dddbc2;
margin: 12px 20%;

}

div.sidefeature3 div.sidesign {
width: 280px;
margin: 12px;

}

div.sidesign h4{
background: none;
color: #005082;
font-weight: normal;
font-size: 14px;
padding: 12px 0 0;
margin: 0 0 4px 0;

}

div.sidesign input{
font-family: verdana;
 background: #f4f4ee;
padding: 1px;
border: 1px solid #fff;
color: #666;
font-size: 11px;
margin: 6px 3px  0 0;
}

div.sidesign input#MERGE1, div.sidesign input#MERGE2, div.sidesign input#MERGE0 {
width: 140px;
display: block;
 background: #fff;
padding: 1px;
border: 1px solid #f4f4ee;
margin: 2px 0 4px 0;
}

div.sidesign div.signupform {
float: left;
margin-right: 12px;
}

div.sidesign  label, div.sidesign  label strong{
font-weight: normal;
font-family: verdana;
font-size: 10px;
}

div.sidesign label em {
color: #005082;
margin: 0;
padding: 0;
}


div.sidesign  div.description {
font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif ;
margin-top: 4px;

}

/* newsletter form */
div#post-126  input#MERGE1, div#post-126 input#MERGE2, div#post-126 input#MERGE0 {
width: 240px;
display: block;
 background: #fff;
padding:3px;
border: 1px solid #eee;
margin: 0 0 2px 0;
font-weight: normal;
}

div#post-126  input{
font-family: verdana;
font-weight: bold;
 background: #f0eed5;
padding: 4px;
border: solid  #ccc;
border-width: 1px 2px 2px 1px;
color: #666;
font-size: 11px;
margin: 14px 3px  0 0;
}

div#post-126  input:hover, div#post-126  input:active{
background:#d8eefc;
border-color: #aaa;
color:  #005082;
}


div#post-126 input#EMAILTYPE_HTML, div#post-126 input#EMAILTYPE_TEXT {
margin: 4px 6px  0;
}

/* archive and cat sidebars */
h2.widgettitle  {
margin-top: 12px;
}

div.sidebar select  {
color: #555;
font-family: verdana;
font-size: 11px;
border: 1px solid #ccc;

}

div.sidebar select:hover{
color:  #005082;
font-family: verdana;
font-size: 11px;
border: 1px solid #fff;
background:#d8eefc;
}



/* links page tweaks */
li.linkcat{
width: 250px; 
float: left;
min-height: 600px;
margin-right: 12px;
}


div.maincol div.speaker {
font-size: .8em;
line-height: 1.3em;
float: right;

}


div.maincol span.dottedline {
width: 100%;
clear: both;
}


ul.tagcloud {

width:88%;
padding: 6px;
display: block;
margin-left: 12px;
}

ul.tagcloud a {

padding: 2px;
}

div.sidebar h2.tagtitle {
font-size: 14px;
color: #666;
margin: 0px 12px;
}



div.mytabs {
background-color: #C2DDEE;
width: 560px;
}



dt.gallery-icon  a img {
background: #fff;
padding: 2px;
border: 4px solid #fff;

}

dt.gallery-icon  a:hover img{
background: #fff;
padding: 2px;
border: 4px solid #d8eefc;

}
li#ax-sidebar  h2.widgettitle {
display: none;
}

 div.searchresults  {
font-size: .96em;

}

 div.searchresults  h3 a{
font-size: 12px;
margin: 4px 0  0 0 ;
padding: 0;
line-height: 18px;
}


 div.searchresults  p{
line-height: normal;
margin: 2px 0 0 12px;
}

dd.gallery-caption {
font-size: 10px;
text-align: left;
}
#lightbox-infoHeader {
text-align: left;
}


div.maincol blockquote {
padding: 6px 14px;
font-family: georgia;
background: #fff;
}

div.maincol
li.answer1 {
display: none;
}


.wpcf7-form .quiz-96 input {
width: 2em;
}