/*
Theme Name: hannah01
Theme URI: http://www.hannahsutter.com
Description: 2 column
Version: 1.0
Author: 
*/

/*
magenta #A12669 OR B3057D 
TEXT 252525
GREY B0B0B0 OR AEAEAE
*/

/* text 01 - 10,12,22,34
text 02 - 4, 8, 12, 16, 28
*/





/*--GLOBAL--*/
* {
 margin:0;
 padding:0;
}
html, body {
 padding: 0;
 margin: 0;
}
/*--block elements--*/
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
 margin-bottom: 0.25em;
}
/*--other global--*/
ol, ul,li {
 list-style: none;
	}
img {
 border:0;
	}
a img,:link img,:visited img { 
 border: 0; 
	}	/*-- remove borders on img links --*/
:link,:visited { 
 text-decoration:none; 
	} /*--remove underlines on links --*/





/*--IMPOSE SOME BASIC STYLES--*/	
body {
background-color:#EEEBE4;
color:#252525;
}
/*--global type--*/
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select {
	font-family: verdana, "Lucida Grande", "Lucida Sans Unicode", geneva, sans-serif;
	color: #252525;
}
 /*#container,  #wrapper, #sidebar {background-color:#FFFFFF;}*/



/*--USEFUL BITS OF CSS TO APPLY TO ELEMENTS AS REQUIRED--*/	
.clear { clear: both; }
.clearl { clear: left; }
.clearr { clear: right; }
.hide  { display: none; }
.hiddennav {
	position: absolute;
	width:1px;
	left: -9999px;
}

/*-- STRUCTURE --*/
/*--CENTRE CONTENT AND THEN FIX TEXT ALIGN TO LEFT--*/
body {
 text-align: center;
}
#container {
 width: 915px;
 margin: 0 auto;
 
}
/*#wrapper {
 width: 883px;
 margin: 0 auto;
 text-align: left;
}*/

/*--MAIN FLOATS--*/
/*#subone {
 width: 150px;
 float: left;

}*/
#header { height: 158px; text-align:left;}
#contentwrap {
 width: 883px;
 /*float: left;*/
/* margin-left: 16px;*/
 margin: 0 auto;

 text-align: left;
}
#maincontent {
 width: 555px;
 float: left;
  margin-bottom: 31px;	
}
/*#subtwo {
 width: 150px;
 float: right;
}*/
#sidebar {
width: 312px;
float: right;
margin-bottom: 31px;
}

#footer, #mealslink {
 clear: both;
} /* force divs below the divs above */

#logo {height:93px; margin-left: 16px;}
.nav-internal {
background-color:#FFFFFF; 
padding: 10px 28px 10px 23px;
margin-bottom: 31px;
}

/*--INNER FLOATS--*/
/* #footnote {} */
#externalabout { 
width: 218px;
 float: left;}
 #externalinner, #spotlightinner {
 padding: 18px 23px 18px 23px;
 }
#spotlightfeature { 
width: 318px;
 float: right;}
 
#sidebarcolone  {
 width: 145px;
  float: left;

 }
 
 #sidebarcoltwo {
 width: 145px;
  float: right;
 }
 
 
 #mealslink {height: 170px;}
 
 #about {margin-bottom: 10px;}
 
  /*--------------------------------------------
images
---------------------------------------------*/	
body {
	background-image: url(imgs/bgdhsutter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
 /*#about {
	background-image: url(imgs/hannah.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 127px;
	margin-bottom: 10px;
}*/

#about img { padding: 0px; margin:0;}

/*#logo {
	background-image: url(imgs/logoHannah.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}*/
#logo {
	background: transparent url(imgs/logoHannah.png) no-repeat left bottom !important;
	background: url(imgs/logoHannah.gif) no-repeat left bottom;
	}
#divider {
	background-image: url(imgs/line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
}
 /*--------------------------------------------
maincontent
---------------------------------------------*/	
#maincontent .post {
padding: 24px 28px 22px 23px;
margin-bottom: 14px;
background-color:#FFFFFF;
position : relative;
} 

#searchpage #maincontent .post {
padding: 24px 28px 16px 23px;
margin-bottom: 7px;

} 


/*--imageroll--*/
#imageRoll { padding: 0px 0px 10px 8px;}
#imageRoll img{ width:96px; }
#imageRoll li {display: inline;}
#imageRoll a {display: inline; padding: 0px 0px 0px 4px; margin: 0; } /*--padding-left:10px; padding-right: 0px;--*/
#imageRoll h2 {padding: 0px 0px 9px 4px;}
 

.date { position : absolute; top : 10px; right : 0; width : 200px; padding : 24px 23px 0px 0px; } /* this needs .post to have relative position*/
.date p {text-align:right; color: #AEAEAE;}
 
/*--images in posts--*/
.entry img.aligncenter, .entry img.alignnone {margin: 0 auto 14px auto; float:none; display: block; text-align: center;}
.entry img.alignleft {margin: 0 18px 6px 0; float:left; display: inline;}
.entry img.alignright {margin: 0 2px 6px 18px; float:right; display: inline;}

/*-- share icons --*/
.sharing li {list-style:none; }
.sharing ul {margin: 3px 0 0 0; padding: 0 0 0 0;}
.sharing ul li {margin: 0 0 0 0; padding: 0 1px 0 0;}
.sharing li, #sharing img {display: inline;}
.sharing {margin: 0;}



/*--------------------------------------------
TYPOGRAPHY FOR THIS SITE
---------------------------------------------*/	

#header p { padding-left: 39px; font-size: 12px; }


#maincontent p, .post li, .entry blockquote, .entry form, .entry label, .entry ul, .entry ol, .entry dl, .entry fieldset, .entry address   {font-size: 12px; line-height:2.17em;}


.entry ul, .entry ol, .entry dl {
margin-bottom: 7px;
margin-top: 0px;
	padding:0;
	list-style: none;
}

.entry ul li, .entry ol li, .entry dl li {
	margin: 0 0 0 2px;
	background: url(imgs/bulletdefault.gif) no-repeat left 0.9em;
	padding-left: 14px;	
	padding-top: 0px;
} 

/*--
#maincontent blockquote, #maincontent form, #maincontent label, #maincontent ul, #maincontent ol, #maincontent dl, #maincontent fieldset, #maincontent address   {font-size: 12px; line-height:2.17em;}
styles if applied to maincontent will affect share icons--*/



.entry blockquote{
	border-left:1px solid #AEAEAE;
	padding:0 0px 0 14px;
	margin-left: 32px; margin-right: 12px;
	/*margin-left:20px; 	margin-right: 12px;*/
	}




#maincontent p {margin-bottom:0.91em;}
.metainfo  {text-transform:lowercase;}
.metainfo a {margin-right: 24px;}
#externalabout p { line-height: 1.42em; color: #B2B2B2;}


#sidebar {font-size:11px;}
#sidebar h2  {font-size:11px;} /* stops layout breaking if images dont load */
#about p { font-size: 12px; line-height:1.46em;}

.linkmodule {line-height: 1.09em;}
.linkmodule p {line-height: 1.27em; color: #B2B2B2;}
#linkswrapper li {margin-bottom: 0.27em;}




/*--Headings--*/
/*#maincontent h1{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 28px;
	line-height: 1.04em;
	color: #183394;
	text-align: right;
	margin-bottom: 6px;
	padding-top: 12px;
	font-weight: normal;
	text-transform: lowercase;
}

#maincontent h1.toptitle{
padding-top: 0px;
	

}*/


.entry h1, .entry h3, #commentssection h3, #commentform h3 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal; }
.entry h3, #commentssection h3, #commentform h3 { font-size: 22px;}
.entry h4, #commentssection h4, #commentform h4 { font-size: 16px; font-weight: bold;}
.entry h5, #commentssection h5, #commentform h5 { font-size: 12px; font-weight: bold;}
.entry h6, #commentssection h6, #commentform h6 { font-size: 10px; font-weight: bold;}

#maincontent h1.pagetitle {font-size: 12px;
	line-height: 1.2em;
	font-weight: normal;
	padding: 12px 28px 12px 23px;
margin-bottom: 14px;
background-color:#FFFFFF;
	}
	
#maincontent h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 1.2em;
	font-weight: normal;
	margin-bottom: 0px;

} 
.nav-internal {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	}
	

/*--sidebar titles--*/

.blogroll, .latestposts, .categories, .contact, .archive {height: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	} 
.blogroll {background-image: url(imgs/titleblogroll.gif);}

.latestposts {background-image: url(imgs/titlelatest.gif);}

.categories {background-image: url(imgs/titlecategories.gif);}

.contact { background-image: url(imgs/titlecontact.gif);}
.archive { background-image: url(imgs/titlearchive.gif);}





 





#tagcloud {line-height: 28px;} 
#tagcloud ul li {display: inline;}





/*--------------------------------------------
sidebar
---------------------------------------------*/	
 .module {
 padding: 24px 18px 31px 18px;
 margin-bottom: 24px;
 background-color:#FFFFFF;
 }
 
 
#latest {
 padding: 18px 18px 19px 18px;
 margin-bottom: 24px;
 background-color:#FFFFFF;
 }
 
 .linkmodule { 
background-color:#FFFFFF;
margin-bottom: 21px;
padding: 18px 18px 18px 18px;
}


#latest li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8D8D8;
	line-height: 12px;
	
	padding-top: 6px;
	padding-bottom: 6px;
}

#latest h2, .linkmodule h2 {text-indent:-9999px;}

/*--------------------------------------------
links
---------------------------------------------*/	
/*--default --*/
a:link,
a:visited {
 text-decoration:none;
 color:#B3057D;
 border:0;
	}
a:hover,
a:active {
 text-decoration:underline;
	color:#B3057D;
	border:0;
	background:none;
	}
	
	
/*--custom --*/	
.metainfo a:link,
.metainfo a:visited {
 text-decoration:none;
 color:#AEAEAE;
 border:0;
	}
.metainfo a:hover,
.metainfo a:active {
 text-decoration:none;
	color:#B3057D;
	border:0;
	background:none;
	}
	
	

#tagcloud a:link,
#tagcloud a:visited {
 text-decoration:none;
 color:#AEAEAE;
 border:0;
	}
#tagcloud a:hover,
#tagcloud a:active {
 text-decoration:none;
	color:#B3057D;
	border:0;
	background:none;
	}
	
	
	
	
	
	
/*--internal links--*/

.nav-internal a:link,
.nav-internal a:visited
 {
 text-decoration:none;
 padding-right: 29px;
	}	
	
.nav-internal a:hover,
.nav-internal a:active,
.nav-internal a:focus
 {
 text-decoration: underline;
} 
 
 
a:link .navarticlelink,
a:visited .navarticlelink  {
 text-decoration:none;
 color:#AEAEAE;
 border:0;
 font-size: 12px; 
 font-family: verdana, "Lucida Grande", "Lucida Sans Unicode", geneva, sans-serif;
	}
a:hover  .navarticlelink,
a:active  .navarticlelink  {
 text-decoration:none;
	color:#B3057D;
	border:0;
	background:none;
	font-size: 12px; 
	font-family: verdana, "Lucida Grande", "Lucida Sans Unicode", geneva, sans-serif;
	}	
 
#rss {	display:block;

	padding-top: 11px;
	padding-bottom: 0px;
	height: 34px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
	margin-bottom: 15px;
	} 
 
 
 /*-- image links --*/
/*#mealslink {
background:transparent url(imgs/glmenubg.png) no-repeat;
}*/

#mealslink { 
	background: transparent url(imgs/glmenubg.png) no-repeat top left !important;
	background: transparent url(imgs/glmenubg.gif) no-repeat top left;
	}
	
/*--image behind links--*/
ul#glmenu {
	position:relative;
	top:37px;
	left:0px;
	width:87px;
	height:80px;
	float:left;
	}
ul#glmenu li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#glmenu li a {
	border:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	background:transparent url(imgs/glmenu.gif) no-repeat;
	} 
 
 
 
 
li#breakfast a, 
li#lunch a,
li#dinner a,
li#snacks a  {
	width:87px;
	height:20px;
	 } 
	 
li#breakfast a:link, li#breakfast a:visited {	
	background-position: 0px 0px;
	} 
li#lunch a:link, li#lunch a:visited {	
	background-position: 0px -20px;
	}
li#dinner a:link, li#dinner a:visited {	
	background-position: 0px -40px;
	}
li#snacks a:link, li#snacks a:visited {	
	background-position: 0px -60px;
	}
	
 	
	
li#breakfast a:hover, li#breakfast a:focus,li#breakfast a.current,li#breakfast a.current:visited {
	background-position:-350px 0px;
	 }	
	 
li#lunch a:hover, li#lunch a:focus,li#lunch a.current,li#lunch a.current:visited {
	background-position:-350px -20px;
	 }	
li#dinner a:hover, li#dinner a:focus,li#dinner a.current,li#dinner a.current:visited {
	background-position:-350px -40px;
	 }	
li#snacks a:hover, li#snacks a:focus,li#snacks a.current,li#snacks a.current:visited {
	background-position:-350px -60px;
	 }	
	 
 
 
 
 
 
 
 
 
 /*--------------------------------------------
SEARCH BOX
---------------------------------------------*/	
#searchsidebar {
	display:block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8D8D8;
	padding-top: 11px;
	padding-bottom: 0px;
	height: 34px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
	
}



#searchform #searchsite {
	width: 70%;
	height: 20px;
	background-color:#FFFFFF;
	padding: 0px 0 0 0;
	margin: 0px 0px 0 0px;
	}

	
#searchform input {
  float: left;

	}
#searchform {  margin: 0 0 0 0px;}
 
 
 
  /*--------------------------------------------
COMMENTS
---------------------------------------------*/	
#commentssection h3, #commentform h3 { color: #AEAEAE;}
ol.commentlist li {
	background: #fff;
	margin-bottom:0px;
	padding:24px 28px 22px 23px;
	/*overflow: hidden;*/
	}

ol.commentlist li.alt {background: #fff;}	
#commentMeta { font-size: 12px; line-height:2.17em; margin-bottom: 0.91em}
.vcardauthor, .vcardauthor a {font-weight: bold;}

.commentbase {
	background:url(imgs/comments-quote.gif) no-repeat 23px top;
	height: 36px;
	margin-bottom:14px;
	}
	
	
	
/*--form--*/
#commentbox{
	margin:5px 5px 0 0;
	}

#author, #email, #url, #commentbox {
	background: #fff;
	/*font-family: Arial, Helvetica, sans-serif;*/
	margin:5px 5px 0 0;
	border: none; 
	width:60%;
	padding:2px;
	border: 1px solid #A12669;
	}
	
/*#commentform #submit{
	background: #FFFFFF;
	color:#A12669;
	padding: 6px;
	margin-bottom: 12px;
	border: 1px solid  #A12669;
	font-weight: bold;
	}*/	
	
#commentform #submit {
font-size: 12px;
}	

#commentbox{
	width:80%;
	margin-bottom: 12px;
	}
	
#commentformarea {padding: 24px 28px 22px 23px;
	margin-bottom: 14px;
	background-color:#FFFFFF;
	}	

/*#submit{
	margin:5px 5px 0 0;
	border: none;
	text-align:left;
	font-weight:bold;
	color:#006EAB;
	}	*/
	
 
 
 
 /*--featured post plugin--*/



.featuredpost {margin-top: 0px; padding-top: 0px;}
.featuredpost h2,  .featuredpost h3 {display: none; height: 1px;}
.featuredpost p {
	background-image: url(imgs/quote99.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 0px;
	padding-right: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	}


.featuredpost a:link, .featuredpost a:visited, .featuredpost a:hover, .featuredpost a:active{
	font-size: 12px;
	margin-top: 0px;
	padding-top: 0px;
	}
#spotlightinner img {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	}
	
#externalabout, #spotlightfeature {background-color: #FFFFFF;}	

 /*--kgarchives plugin--*/

.kgarchives {margin-top: 24px;}
.kgarchives h5 {margin-top: 8px;}



/*--background checks--*/
/*#container {background-color:#00FF00;}
#contentwrap {background-color:#00FFFF;}
#sidebar {background-color:#993333;}
#sidebarcolone {background-color:#dd0000;}
body {background-color:#FFCC99;}*/
/*#maincontent {background-color:#99FF00;}*/
/*-- #mealslink {background-color:#993399;} --*/


#articletitle {margin-right: 130px;}