/*  
Theme Name: Abstractia
Theme URI: http://robgoodlatte.com
Description: Theme with a focus on typography and colors.
Version: 1.0
Author: Rob Goodlatte
Author URI: http://robgoodlatte.com

	Abstractia v1.0
	http://robgoodlatte.com

	This theme was designed and built by Rob Goodlatte,
	whose blog you will find at http://robgoodlatte.com/

	Thanks to the developers of the Kubrick theme - the codebase 
	was used in development of this template.
	
	The CSS, XHTML and design is released under Creative Commons
	Attribution 2.5 License.  Please keep the attribution link in
	the theme.
	See http://creativecommons.org/licenses/by/2.5/
	

*/


/* ---------------------------------------------
Publix 4 Pennies Screen Stylesheet
author: Jason Beaird
version:  2009.04
----------------------------------------------- */

html, body {margin: 0; padding: 0; text-align: center;}
body {background: #1f1f1f url(images/main_bg.gif) top left repeat-x; font:normal 12px/18px Arial, Helvetica, sans-serif;}

a {color: #5c6c3e;}
a:hover {color: #906353;}

h1,h2,h3, h4 {margin: 0; padding: 0; font-family:Georgia, serif; font-weight:normal;}
h1 {color: #663a2e; font-size:24px; line-height:30px;}
	.postheader h1 a {text-decoration: none; color: #663a2e;}
	.postheader h1 a:hover {text-decoration:underline;}
h2 {color:#2E3346; font-size:20px; line-height:28px;}
	h2.homehdr {display:block; clear:left; font-size:16px; line-height:18px; margin:0; padding:25px 0 0 30px; color:#663a2e; font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;}
h3 {color:#404036; font-size:18px; line-height:24px;}
h4 {font-weight:bold; font-size:14px; line-height:22px;}

blockquote {background: #f9f8ef; border: 1px solid #efeedd; padding: 10px 20px; margin-left: 15px;}
blockquote blockquote {border: none; border-left: 2px solid #8f8e83; margin-left: 8px; padding: 0 10px;}

fieldset {margin:0; padding:0; border:none; display:inline;}

/* Layout
----------------------------------------------- */

#shame {margin:10px auto; padding: 10px 18px; background: #ffdfdf; border:1px solid #600; color:#300; width: 840px; text-align: left;}
#shame strong {color:#600;}
#shame a, #shame a:hover {color:#600;}

#wrapper {width: 880px; text-align: left; margin:0 auto;}

#header, #navigation_bar, #content, #blog, #footer {width: 880px; display: block; position: relative; float: left;}

#footer {margin: 6px 0 0 0; padding-bottom:40px; color: #775; font-size: 11px; clear: both; background: #1f1f1f url(images/footerbg.gif) top left repeat-x; border-top: 1px solid #3c3c33;}

.footer_mod {display: block; width: 520px; float: left; margin: 0 50px 0 0px; float: left;}

#f2 {width: 130px; margin: 0;}
.footer_mod a {color: #775;}

#blog {min-height: 400px; padding-bottom: 14px; float: left; background: url(images/sidebar_bg.gif) top left repeat-y;}

#content {margin: 6px 0 0 0; background: #ffffff url(images/content_bg.gif) top left repeat-x; z-index:100;}

#header {height:85px; background: #191f29 url('images/p4pheader-wide.jpg') top left no-repeat;}

#blogtitle {position: absolute; top: 15px; left: 18px;}
#blogtitle a {display:block; font-size:1px; text-indent:-9999px; background:none; height:65px; width:500px; outline:none;}
#tagline {position:absolute; top:31px; right:25px; font-family:georgia, "Times New Roman", times; font-size:20px; line-height:24px; color:#8090ae;}

#navigation_bar {height: 38px; border-bottom: 1px solid #a2b47a; margin: 6px 0 0 0; position: relative;	background: #798862 url(images/navbar.gif) top left repeat-x; z-index:200;}
#navigation_bar ul {position:relative; padding: 0; margin: 0 0 0 6px;}
#navigation_bar ul li {position: relative; top: 10px; display: inline;	height: 38px; padding: 10px 14px 10px 14px;	border-right: 1px solid #9fb178; list-style: none;}
#navigation_bar ul li ul {display: none; position:absolute; top:34px; left:0; margin: 0 0 0 -3px; padding: 0; text-indent: 0; border-top:1px solid #7a8962; width:150px;}
#navigation_bar ul li.over ul,
#navigation_bar ul li:hover ul {display: block;}

#navigation_bar ul li ul li {display:inline; top:0; height:auto; margin:0; padding:0; border:none;}
#navigation_bar ul li ul li a {display:block; margin:0; padding:4px 15px;	border:1px solid #7a8962; border-top:none; background:#e2edca; font-size:12px; font-family:arial; color:#333;}
#navigation_bar ul li ul li a:hover {color:#000; background:#cad6b0;}

#search_bar {position: absolute; right: 10px; top: 0px;}
#search_bar #s{background: #b3c193; border: 1px solid #99aa73; width:235px; padding: 2px; margin: 0; color: #2a2a2a; font: 12px Arial, Helvetica, sans-serif;}

#searchsubmit {position: relative; top: 6px; margin-left: 4px;}
.postmeta {margin: 6px 0 12px 0;}
.blogpost {width: 586px; float: left;}
.postdate {width: 470px;}

.postheader, .postbody, .subpostmeta, #postcomments, .homecontentad {margin: 0 0 0 90px; width: 470px; position: relative;}
.homecontentad {padding:20px 0;}

.pageheader, .pagebody {margin: 0 0 0 30px; width: 525px;}
.postheader {margin-right: 40px;}
.subpostmeta {padding: 8px 0;}
.postdate {position: absolute; top: 24px; left: 30px; width: 30px;}

#postcommentscount {position: relative; top: 32px; left: 30px; width: 40px; height: 37px; clear: left; background: url(images/commentbubble.gif) top left no-repeat;}



.footer_mod ul li {list-style: none; margin: 0; padding: 5px 0; border-bottom: 1px solid #313129;}
.footer_mod ul {margin: 2px 0 0 0; padding: 2px 0;}
#footer_meta {margin: 8px 0; line-height: 16px;}
#footer_meta h3 {margin: 0 0 5px 0;}
.pagebody .navigation {	margin: 12px 0;}
.navigation {display: block; margin: 12px 0; width: 300px;}

.archivetitle {position: relative; padding: 20px 0 5px 20px;}
#archivebody {clear:both; margin-left: 60px; margin-top: 15px;}
#archivebody .navigation {display:none;}
#archivebody h3 a {text-decoration:none;}
#archivebody h3 a:hover {text-decoration:underline;}
#archivebody .postmetadata {margin-bottom:30px;}

ul#searchresults {margin: 15px 10px; padding: 0; border-top: 1px solid #efeed6;}
ul#searchresults li {list-style: none; margin: 0; padding: 5px 0; border-bottom: 1px solid #efeed6;}
ul#searchresults li a {font-weight: bold;}
ul#searchresults li a:hover {color: #663a2e;}
ul#searchresults li small{font-size: 10px; margin-left: 5px; text-transform: uppercase;}
a.more-link {margin-top: 10px; display: block; padding: 0 0 0px 18px; background: url(images/crosspattern.gif) top left no-repeat;}


/* Comments
----------------------------------------------- */

#commentcountnum {font: 20px Georgia, serif; color: #69624e; display: block; width: 40px; text-align: center; padding-top: 2px;}
h3.commentstitle {color: #663a2e; font: 16px Georgia, serif; margin-bottom: 20px;}
.commentlabel {font: 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #5d5a49; margin-left: 1px;}
input.commentinput, textarea#comment {background: #fffef8; border: 1px solid #dadfbf; padding: 2px; color: #55564d;}
h3#respond {padding-top: 6px;}
h3.archivepost a {color: #663a2e; font: 18px Georgia, serif;}

ul.commentlist {display:block; position:relative; list-style:none; margin:0 0 10px 45px; padding:0;}
	ul.commentlist li {display:inline; position:relative; list-style:none; padding:0; margin:0;}
	ul.commentlist div {display:inline;}

div.comment-author {display:block; /*float:left; position:relative;*/ position:absolute; top:5px; left:0; margin:0 0 0 -160px; font-size:11px; width:150px; height:50px; overflow:hidden;  text-align:right; overflow:hidden;}
	div.comment-author a {color:#333; text-decoration:none;}
	div.comment-author a:hover {text-decoration:underline;}
	div.comment-author strong {color:#663A2E; font-weight:bold; font-size:12px; font-family:georgia; font-style:normal; white-space:nowrap; margin:0; padding:0;}
	div.comment-author strong a {color:#663A2E;}
div.comment-text {display:block !important; margin:0; padding:5px 0 15px 0; border-top:1px solid #ddd;}
div.comment-text p {margin:0 0 10px 0; padding:1px 0 0 0;}
div.threadedreply a {font-size:11px;}

ul.commentlist ul {display:block; margin:0; padding:0 0 0 30px;}

textarea#comment {width:90%;}
div#respond {padding:10px 0 10px 80px;}

#sharethis {padding:20px 0; clear:both;}



/* Reusable Classes
----------------------------------------------- */

a.totop {display:block; margin:-10px 0 20px 0; padding:0 0 0 20px; text-decoration:none; background:url(/static/images/totop.gif) no-repeat center left; display:block; font-size:12px; line-height:14px; height:14px; width:115px;}
	a.totop:hover {text-decoration:underline;}

.clear {clear:both; display:block; overflow:hidden; width:0; height:0;}

div.intro {
	color:#555555;
	font-family:palatino,'palatino linotype',georgia,serif;
	font-size:17px;
	font-style:italic;
	line-height:22px;
	padding:5px 300px 5px 30px;
	border-bottom:1px solid #DBE1D2;
	margin:0;
	background:url(/static/images/intro-pennies.jpg) no-repeat bottom right;
}

div.intro p.disclaimer {color:#555555; font:normal 14px/18px Arial, Helvetica, sans-serif; margin:15px 0; padding:0;}

.noborder {border:none !important;}

.contentskyscraper {float:right; width:160px; margin:0 5px 10px 15px;}


/* Image Style */
p img {padding: 0; max-width: 100%;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright {float: right;}
.alignleft {float: left}

/* Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}


/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Weekly Specific
----------------------------------------------- */
#postbody.weekly ul {list-style:none; margin:5px 0 10px 0; padding:0; font-size:11px;}
#postbody.weekly ul li {margin:0; padding:0 0 15px 10px;}
#postbody.weekly ul li strong {font-size:14px; font-weight:normal; margin:0 0 0 -10px; position:relative;}
#postbody.weekly ul li strong input {position:absolute; top:0; left:0; margin:0 0 0 -25px;}
#postbody.weekly div.createlist {border:1px solid #dbe1d2; background:#f4f9eb; margin:15px 0; padding:10px;}
#postbody.weekly div.createlist h4 {font-weight:normal;}
div.printabletip {background:url(/static/images/printable-tip.gif) no-repeat 12px 220px;}

#postbody.weekly h2 {display:block; position:relative; font-size:20px; line-height:50px; padding:0 0 0 40px; margin:15px 0 5px -40px; background:url(/static/images/grocery-icons.png) no-repeat -9999px 0;}
	#postbody.weekly h2.dry {background-position:0 0 !important;}
	#postbody.weekly h2.meat {background-position:0 -50px !important;}
	#postbody.weekly h2.frozen {background-position:0 -100px !important;}
	#postbody.weekly h2.household {background-position:0 -150px !important;}
	#postbody.weekly h2.dairy {background-position:0 -200px !important;}
	#postbody.weekly h2.produce {background-position:0 -250px !important;}
	#postbody.weekly h2.deli, #postbody.weekly h2.bakery {background-position:0 -300px !important;}
	#postbody.weekly h2.beer, #postbody.weekly h2.wine {background-position:0 -350px !important;}

#postbody.weekly ul#skipto {display:block; margin:0 0 10px 0; padding:0; overflow:hidden;}
	#postbody.weekly ul#skipto li {display:inline; margin:0; padding:0;}
	#postbody.weekly ul#skipto li a {display:block; color:#5c6c3e; text-decoration:none; float:left; line-height:25px; font-size:12px; height:25px; width:85px; padding:0 0 0 24px; margin:0 5px 5px 0; background:#fff url(/static/images/grocery-icons-s.png) no-repeat 3px 0; border:1px solid #fff;}
	#postbody.weekly ul#skipto li a:hover {color:#5c6c3e; border-color:#777; background-color:#f6f9ef;}
	#postbody.weekly ul#skipto li.dry a {background-position:0 0;}
	#postbody.weekly ul#skipto li.meat a {background-position:0 -25px;}
	#postbody.weekly ul#skipto li.frozen a {background-position:0 -50px;}
	#postbody.weekly ul#skipto li.household a {background-position:0 -75px;}
	#postbody.weekly ul#skipto li.dairy a {background-position:0 -100px;}
	#postbody.weekly ul#skipto li.produce a {background-position:0 -125px;}
	#postbody.weekly ul#skipto li.deli a, #postbody.weekly ul#skipto li.bakery a {background-position:0 -150px;}
	#postbody.weekly ul#skipto li.beer a, #postbody.weekly ul#skipto li.wine a {background-position:0 -175px;}


/* Typography
----------------------------------------------- */

div.navigation .alignleft, div.navigation .alignright a{
	margin: 5px 92px;
	font: 14px Georgia, serif;
}

#archivebody .navigation .alignleft, #archivebody .navigation .alignright a {
	margin-left: 0;
}

#blogtitle a {
	font: 30px Georgia, serif;
	text-shadow: 0 0 #000;
	color: #ffffff;
	text-decoration: none;
}

img.wp-smiley {
	float: none;
	display: inline;
	margin: 0; padding: 0;
}





.pagebody {
	line-height: 17px;
}

.pagebody li {margin:0 0 10px 0;}

#navigation_bar ul li a {
	color: #ffffff;
	text-decoration: none;
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
}

#navigation_bar ul li a.active {
	color: #daeabb;
	font-weight: bold;
}
#navigation_bar ul li a:hover {
	color: #daeabb;	
}
.blogpost {
	position: relative;
	padding: 20px 0 5px 0;
}

.postdate {
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 0 2px 0;
}
.postday {
	display: block;
	color: #635a40;
	font: 30px Georgia, serif;
	margin-top: -5px;
}
.postmeta, .subpostmeta {
	color: #777777;
	font-size: 11px;
	display: block;
}
.postmo {
	color: #7c7a6b;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.postbody {
	border-top: 1px solid #cfceb8;
	border-bottom: 1px solid #cfceb8;
	padding: 0;
	line-height: 18px;
}

.nopostbody {border-bottom: 1px solid #cfceb8;}


#sidebar {float: right; margin-top: 20px; width: 275px;}
#sidebar h3 {color: #663a2e; font: 14px Georgia, serif;	border-bottom: 1px solid #cfceb8; padding-bottom: 4px;}
#sidebar .sidebarads {margin: 2px 5px 14px 20px;}
#sidebar .sbcol {float:left; width:125px; margin-right:10px;}
#sidebar .sbdoublecol {float:left; width:260px; margin-right:10px;}

#sidebar .latesttweet {position:relative; padding:40px 0 5px 0;}
#sidebar .latesttweet h3 {display:block; position:absolute; top:0; left:0; margin:0 0 0 -26px; padding:20px 0 14px 25px; text-indent:40px; border:none; line-height:16px; width:261px; background:url(images/latesttweet.gif) no-repeat;}

#sidebar .divider {height:18px; width:260px; margin:10px 0; clear:both; background:url(images/sidebar-divider.gif) no-repeat center center;}

#sidebar ul {margin: 2px 0 14px 0; padding: 0;}
#sidebar ul li {margin:0; padding: 0; list-style: none;}
#sidebar ul li a {display: block; padding: 3px 0; border-bottom: 1px solid #e2e1ca; color: #4c533d; text-decoration: none; }
#sidebar ul li a:hover {text-decoration: underline;}

a.emaillink {background: url(images/email-icon-14x14.gif) top left no-repeat; text-indent: 19px; display: block;}
a.feedlink {background: url(images/feed-icon-14x14.gif) top left no-repeat; text-indent: 19px; display: block;}
a.twitterlink {background: url(images/twitter-icon-14x14.gif) top left no-repeat; text-indent: 19px; display: block;}
a.facebooklink {background: url(images/facebook-icon-14x14.gif) top left no-repeat; text-indent: 19px; display: block;}

.fullwidth {width:260px; overflow:hidden;}

.commentslink {
	padding: 0 0 4px 20px;
	margin-left: 1px;
	background: url(images/commenticon.gif) top left no-repeat;
}
#footer_content {
	padding: 15px 40px 20px 40px;
}
#footer h3 {
	color: #9b7;
	font: 14px "Century Gothic", Helvetica, Arial, sans-serif;
}