/*
Theme Name: Feeding America Blog
Theme URI: http://blog.feedingamerica.org/
Description: A custom theme for Feeding America.
Version: 1.0
Author: Pixel
Author URI: http://wearepixel.com/

*/

/***

   :: Theme Development: surprisehighway.com

***/

/* CSS reset courtesy of meyerweb.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Typography ----------------------------------------------------------------- */
body {font-size: 62.5%; line-height: 1.4em; font-family: Arial, sans-serif; color: #333333; background: #3b2313 url(images/bg.png) repeat-y center;}

h1 {font-size: 1.3em; font-weight: bold;}
h2 {font-size: 18px; line-height: 1.3em; font-weight: bold;}
h3 {font-size: 1.1em; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc;}
p {margin-bottom: 9px; font-size:12px;}
ul,
ol {margin-bottom: 18px;}
a {text-decoration: none; color: #f8971d;}
a:hover {text-decoration: underline;}


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

.container {width: 1000px; margin: 0 auto; background: #fff url(images/bg-main.png) repeat-x 0 148px;}
#header {position: relative; width: 1000px; height: 148px; background: url(images/sprites.png) no-repeat; background-position: -1058px -188px;}
#logo {position: absolute; top: 0; left: 426px; display: block; width: 146px; height: 88px; text-indent: -9999px; background: url(images/logo.png) no-repeat; z-index: 99;}
#alpha {float: left; width: 189px; margin-left: 23px;}
#beta {float: left; width: 585px; margin-left: -5px; background: transparent url(images/bg-beta2.png) repeat-y;}
#gamma {position: relative; float: left; width: 189px; margin-left: -5px;}

/* Nav */
#nav {position: absolute; top: 40px; left: 118px;}
#nav li {float: left; background: url(images/nav-separator.png) no-repeat right center; margin: 0;}
#nav li.last {background: none;}
#nav li a {display: block; padding: 10px; text-indent: -9999px; background-repeat: no-repeat; background-position: left center;}
#nav #living {width: 126px; background-image: url(images/nav-living-with-hunger.png);}
#nav #news {width: 131px; margin-left: 4px; background-image: url(images/nav-hunger-in-the-news.png);}
#nav #local {width: 95px; margin-left: 162px; background-image: url(images/nav-local-efforts.png);}
#nav #national {width: 122px; margin-left: 3px; background-image: url(images/nav-national-initiatives.png);}
#nav #leaders {width: 90px; margin-left: 3px; background-image: url(images/nav-our-leaders.png);}

/* Nav for Active Pages */
.category-living-with-hunger #nav #living,
#nav #living.hover {background-image: url(images/nav-living-with-hunger-over.png);}
.category-hunger-in-the-news #nav #news, 		
#nav #news.hover {background-image: url(images/nav-hunger-in-the-news-over.png);}
.category-local-efforts #nav #local,				
#nav #local.hover {background-image: url(images/nav-local-efforts-over.png);}
.category-national-initiatives #nav #national, 	
#nav #national.hover {background-image: url(images/nav-national-initiatives-over.png);}
.category-our-leaders #nav #leaders, 
#nav #leaders.hover {background-image: url(images/nav-our-leaders-over.png);}

#main-container {margin: 0 5px 5px 5px; padding-top: 11px; padding-bottom: 31px; background: #bbb url(images/bg-main-container.png) repeat-x;}
.single #main-container,
.home #main-container,
.search #main-container,
.page #main-container {padding-top: 20px;}
#main-container .navigation {position: relative; font-size: 13px; margin-top: 15px; margin-left: 47px;}
#main-container .navigation a {color: #fff; font-weight: bold;}
#main-container .navigation .alignright {float: none; position: absolute; top: 0; right: 47px;}
#betabottom {display: block; width: 586px; height: 22px; margin-top: -22px; background: url(images/beta-bottom2.png) no-repeat;}

#footer {clear: both; text-align: center; padding-top: 17px;}
#footer .nav {color: #f8971d;}
#footer .nav a {padding: 5px 5px 5px 6px;}
#footer p {font-size: 11px; margin-bottom: 12px;}

img.alignright {
	margin: 0 0 10px 10px;
	/* display: inline; */
	float: right;
	}

img.alignleft {
	margin: 0 10px 10px 0;
	/* display: inline; */
	float: left;
	}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right;}

/* Forms */

input, textarea {font-family: Arial, sans-serif; color: #333333; font-size: 12px;}

/* Widgets */

.widget {position: relative; background: url(images/widget-middle.png) repeat; padding: 15px 0; margin-bottom: 1px;}
.widget .top {position: absolute; top: 0; left: 0; display: block; width: 189px; height: 15px; background: url(images/sprites.png) no-repeat; background-position: -1058px -1821px;}
.widget .bottom {position: absolute; bottom: 0; left: 0; display: block; width: 189px; height: 16px; background: url(images/sprites.png) no-repeat; background-position: -1058px -1520px;}
#gamma .widget {background-image: url(images/widget-right-middle.png);}
#gamma .widget .top {background-image: url(images/sprites.png); background-position: -1058px -1756px;}
#gamma .widget .bottom {background-image: url(images/sprites.png); background-position: -1058px -1638px;}

.widget .widgettitle {display: none;}
.widget .body {padding: 0 15px; text-align: center;}
.widget h3 {margin-bottom: 11px;}
.widget p {line-height: 1.3em; margin-bottom: 13px;}
.widget .social {margin-right: 10px;}
.widget .social.last {margin-right: 0;}

.widget .feedingamerica {margin-top: 6px;}

#rssfeed {position: absolute; top: -17px; right: 3px; display: block; width: 71px; height:15px; background: transparent url(images/sprites.png) no-repeat; background-position: -1058px -1455px; text-indent: -9999px;}

/* Get Involved */
#text-3.widget,
#text-3.widget .body {padding: 0;} 
#text-3.widget .top,
#text-3.widget .bottom {display: none;}

/* Search */
#search-3.widget {padding: 0; text-align: left; overflow: auto; background: none; margin-bottom: -10px;} 
#search-3.widget .body {padding: 0;}
#search-3 label,
#search-3 .top,
#search-3 .bottom {display: none !important;}
#search-3 input#s {float: left; background: url(images/sprites.png) no-repeat; background-position: 0 -1479px; width: 149px; height: 26px; padding: 5px; border: 0; display: block;}
#search-3 input#s.active {background-image: url(images/sprites.png); background-position: 0 -1403px;}
#search-3 input#searchsubmit {float: left; background: url(images/sprites.png) no-repeat; background-position: -1058px 0; width: 29px; height: 26px; text-indent: -9999px; border: none;}

/* Archive Widget */
#execphp-4 .body {text-align: left;}
#execphp-4 .body h3 {text-align: center;}
#execphp-4 ul {margin-bottom: 0;}
#execphp-4 ul.collapsing {margin-bottom: 18px; list-style-position:inside; border-bottom: 1px solid #ccc;}
#execphp-4 li.collapsing {margin: 0; padding: 4px 5px 4px 4px; border-top: 1px solid #ccc; font-size: 11px; font-weight: bold;}
#execphp-4 li.collapsing a {color: #333;}
#execphp-4 li.collapsArchMonth {margin-left: 14px;}
#execphp-4 select {width: 160px;}
#execphp-4 span.sym {display: none;}

#execphp-4 li {font-size: 11px;}
#execphp-4 li.collapsing {list-style-image: url(images/accordian-right.png); padding-left: 0; margin-left: 0;}
#execphp-4 li.collapsing.open {list-style-image: url(images/accordian-down.png);}
#execphp-4 .collapsArch li,
#execphp-4 .collapsArch li.expand.open li {list-style-image: none !important;}

/* Contributors */
.widget #contributors {text-align: left;}
.widget #contributors li {font-size: 12px; overflow: auto; margin-left: 0; margin-bottom: 5px; clear: both;}
.widget #contributors li img {float: left;}
.widget #contributors li a {display: block; float: left; padding-top: 17px; padding-left: 5px;}

/* Blog Roll */
#execphp-5.widget {background: none; border-bottom: 1px solid #e0e0e0; padding-bottom: 11px;}
#execphp-5 .top,
#execphp-5 .bottom {display: none;}
#execphp-5 .body {padding: 0; text-align: left;}
#execphp-5 h3 {font-size: 15px; border-bottom: 1px solid #e0e0e0; margin-bottom: 6px; padding-bottom: 6px; text-align: center;}
ul#blogroll {margin-left: 40px; margin-bottom: 0;}
ul#blogroll ul {margin-bottom: 0;}
#blogroll li {font-size: 11px;}
#blogroll li.expand {list-style-image: url(images/accordian-right.png); padding-left: 0; margin-left: 8px;}
#blogroll li.expand.open {list-style-image: url(images/accordian-down.png);}
#blogroll .blogroll li,
#blogroll .blogroll li.expand.open li {list-style-image: none !important;}
#blogroll h5.hovering {cursor: pointer;}

/* Slideshow */
#execphp-6 {position: relative;}
#execphp-6 p {font-size: 11px;}
#execphp-6 a {color: #333;}
#execphp-6 a:hover {text-decoration: none;}
#execphp-6 .jcarousel-prev {position: absolute; top: 35px; left: -15px; width: 8px; height: 13px; background: url(images/sprites.png) no-repeat; background-position: 0 -118px;}
#execphp-6 .jcarousel-next {position: absolute; top: 35px; left: 135px; width: 8px; height: 13px; background: url(images/sprites.png) no-repeat; background-position: 0 -181px;}
#execphp-6 .control {margin: 0 auto 2px auto; overflow: auto;}
#execphp-6 .control a {width: 6px; height: 6px; background: url(images/sprites.png) no-repeat center center; background-position: -1058px -132px; text-decoration: none;}
#execphp-6 .control a.active {background-image: url(images/sprites.png); background-position: -1058px -76px;}


/* Search Results */
.search-results .post h3 {font-size: 14px; margin-top: 5px; margin-bottom: 35px;}
.search-results .result {margin-bottom: 53px;}

/* Posts */
.post {position: relative; margin: 0 20px 0 21px; background: transparent url(images/post-sides.png) repeat-y;}
.post .content {padding: 13px 24px 24px 24px;} 
.post .content p {margin-bottom: 14px;}
.post .content ol li {list-style: decimal; margin-left: 20px; font-size: 12px;}
.post .content ul li {list-style: disc; margin-left: 20px; font-size: 12px;}

.post .top {display: block; width: 534px; height: 11px; position: absolute; top: -11px; background: transparent url(images/post-top.png) no-repeat top;}
.post .bottom {display: block; width: 534px; height: 11px; position: absolute; bottom: -11px; background: transparent url(images/post-bottom.png) no-repeat bottom;}
.post .pubdate {text-transform: uppercase; font-size: 10px;}
.post .mainimage {float: left; margin-right: 17px; margin-bottom: 17px;}
.post .meta {clear: both; border-top: 1px solid #ccc; margin-top: 36px; padding-top: 10px; font-size: 10px; font-weight: bold;}
.post .more a {padding-right: 10px; background: transparent url(images/more.png) no-repeat right center; font-size: 14px; color: #999;}

/* Post Slideshows */
.post #slidecontainer {width: 464px; margin: 0 auto;}
.post #slidecontainer #slide {width: 464px; height: 311px; position: relative;}
.post #slidecontainer .slide {position: absolute; top: 0; left: 0; width: 464px; height: 311px; /* background: url(images/bg-slide.png) no-repeat; */ padding: 0; z-index: 1; text-align: center;}
/* .post #slidecontainer .slide img {background: url(images/bg-slide.png) no-repeat; padding: 5px 1px 5px 5px;} */
.post #slidecontainer .slide .caption {position: absolute; bottom: 14px; left: 12px; width: 420px; color: #fff; padding: 5px 10px; background: #000; background: rgba(0,0,0,.7); z-index: 2; font-weight: bold; font-size: 10px;}
.post #carousel li {position: relative;}
.post #carousel li img {/* background: url(images/bg-slide-thumb.png) no-repeat; */ padding: 5px 2px; z-index: 1;}
.post #carousel li .overlay {border: 2px solid #F8971D; z-index: 999; display: block; width: 100%; height: 68px; position: absolute; top: 3px; left: -2px;}
.post #carousel .jcarousel-list li,
.post #carousel .jcarousel-item {width: auto; height: 78px; text-align: center;}
.post #slidecontainer .jcarousel-prev {position: absolute; top: 35px; left: -15px; width: 8px; height: 13px; background: url(images/sprites.png) no-repeat; background-position: 0 -118px;}
.post #slidecontainer .jcarousel-next {position: absolute; top: 35px; right: -15px; width: 8px; height: 13px; background: url(images/sprites.png) no-repeat; background-position: 0 -181px;}

/* Comments */
#comments {overflow: auto; padding-top: 11px;}
#comments h4 {margin-bottom: 7px; padding-bottom: 8px;}

.comment {margin-bottom: 13px; overflow: auto;}
.comment .avatar {display: block; width: 50px; height: 50px; padding: 1px; border: 1px solid #666; float: left;}
.comment .content {float: left; width: 417px; margin-left: 15px; padding: 10px 0 0 0;}
.comment .meta,
.trackback .meta {margin-top: 0; font-size: 9px;}

.trackback .content {margin-left: 0; padding: 0;}

#commentform #comment {width: 474px; border: 1px solid #CCCCCC; padding: 5px;}
#commentform input {border: 1px solid #CCCCCC; padding: 5px;}

/* .share {display: block; padding-left: 18px; background: url(images/icon-share.png) no-repeat; font-size: 10px;} */
.share {font-size: 10px;}

/* Archives */
.archive h2.pagetitle {margin: 0 25px 10px 25px;}
.archive .description {margin: -8px 25px 0 25px; padding-bottom: 22px; font-style: italic; color: #333;}

#main-container hr {background-color:#8E8E8E; border:0 none; height:1px; margin:27px 26px;}

/* jCarousel */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

ul.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.post .content ul.jcarousel-list li,
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    /* width: 75px; */
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-prev:hover,
.jcarousel-next:hover {cursor: pointer;}

/* ***************** */
.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    /*width: 122px;
    padding: 00px;*/
    width: 120px;
    padding: 5px 5px 5px 4px;
    background: transparent url(images/sprites.png) no-repeat;
    background-position: 0 -1555px;
    margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  122px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 122px;
    height: 72px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/* IE 6 'fixes' \*/
* html .widget {height: 1%; margin-bottom: 0;}
* html #alpha {margin-left: 11px;}
* html #searchsubmit {font-size: 0px; display:block; line-height: 0px;}
* html #search-3.widget {margin-bottom: -13px;}
* html #execphp-4 li.collapsArch a {margin-left: 10px; padding-bottom: 3px;}
* html #nav {margin-top: 12px;}
* html #nav li {background: none;}

/* IE 7 'fixes' */
*:first-child+html .widget {height: 1%; margin-bottom: 0;}
*:first-child+html #search-3.widget {margin-bottom: -15px;}
*:first-child+html #searchsubmit {font-size: 0px; display:block; line-height: 0px;}
*:first-child+html #execphp-4 .collapsArch a {padding-left: 10px;}
*:first-child+html #execphp-4 select {z-index:99;}
*:first-child+html #execphp-4 .bottom {z-index: 1;}