/*
Theme Name: Kansas Food Journal
Theme URI: http://www.kansasfoodjournal.com/
Description: The theme for the <a href="http://www.kansasfoodjournal.com/">Kansas Food Journal</a>, a webzine produced by the Food Writing students at K-State.
Version: 2.0.2
Author: Nate Dillon
Author URI: http://www.natedillon.com/
Tags: webzine, magazine, newspaper, blog, food, kansas

	Kansas Food Journal v2.0.2
	http://www.kansasfoodjournal.com/

	This theme was designed and built by Nate Dillon,
	whose web site you will find at http://www.natedillon.com/

*/



body {
	margin: 0;
	padding: 0;
	background: #eee url(images/main/body-bg-top.png) top left repeat-x;
	font-size: 62.5%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#body-wrapper {
	clear: both;
	float: left;
	width: 100%;
	background: url(images/main/body-bg-bottom.png) bottom left repeat-x;
}



/* @group Common Styles */

a, a:visited {
	color: #117e97;
	text-decoration: none;
}

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

h1, h2, h3, h4 {
	margin-top: 40px;
	margin-bottom: 10px;
	line-height: normal;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }

.medium-title {
	margin: 0;
	color: #117e97;
	font-size: 1.5em;
}

.small-title {
	margin: 0 0 10px 0;
	color: #e44044;
	text-transform: uppercase;
	font-size: 1em;
}

#sidebar .small-title {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

p, ul, ol, dd {
	margin-bottom: 1.5em;
}

ul { padding-left: 3em; }

ul ul { margin-bottom: 0; }

dl dt { font-weight: bold; }

small {
	font-size: 0.8125em;
	line-height: 1.5em;
}

hr, .hidden { display: none; }

.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.aligncenter {
	
}

.page-header {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 20px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: normal;
}

.page-header .category {
	margin: 0;
	color: #999;
	font-size: 0.846em; /* 0.846 x 1.3 = 11px */
}

.page-header .title {
	margin: 0;
	font-weight: normal;
	letter-spacing: -1px;
}

.page-header .author {
	margin: 5px 0 0 0;
	color: #999;
	font-size: 0.846em; /* 0.846 x 1.3 = 11px */
}

/* @end */



/* @group Layout */

#page {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#page-wrapper {
	float: left;
	margin: 0;
	padding: 0;
	background: white url(images/main/page-bg.png) center repeat-y;
}

#header {
	clear: both;
	float: left;
	margin: 0;
	padding: 40px 20px 20px 20px;
	background: url(images/main/page-bg-top.png) top left no-repeat;
}

#logo {
	float: left;
	width: 460px;
	margin-right: 20px;
}

#logo h1 {
	margin: 0;
}

#logo h1 span {
	display: block;
	margin: 0;
}

#logo h1 br { display: none; }

#logo h1 .title {
	font-size: 1.5em; /* 1.5 x 2 x 10px = 30px */
}

#logo h1 .description {
	font-size: 0.6em; /* 0.6 x 2 x 10px = 12px */
}

#topnav {
	float: right;
	width: 460px;
	text-align: right;
	font-size: 1.2em; /* 12px */
}

#topnav ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#topnav ul li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #ddd;
}

#topnav ul li.last {
	margin-right: 0;
	padding-right: 0;
	border-right-style: none;
}

#topnav ul li#topnav-feeds a {
	padding-right: 15px;
	background: url(images/feed-icon-10x10.png) right no-repeat;
}

#nav {
	clear: both;
	float: left;
	width: 940px;
	margin: 0 20px 20px 20px;
	padding: 0;
	color: white;
	background-color: #117e97;
}

#nav ul {
	float: left;
	width: 620px;
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.3em;
}

#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid white;
}

#nav ul li a, #nav ul li a:visited {
	display: block;
	margin: 0;
	padding: 15px 20px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#home #nav ul li#nav-home a,
#archives #nav ul li#nav-archives a,
#extras #nav ul li#nav-extras a,
#about #nav ul li#nav-about a {
	background-color: #0c5869;
}

#nav ul li a:hover, #nav ul li a:active {
	text-decoration: underline;
}

#nav-search {
	float: right;
	width: 300px;
	text-align: right;
}

#nav-search form {
	margin: 0;
	padding: 9px 20px 9px 0;
}

#nav-search-field {
	width: 180px;
	margin: 0;
	padding: 4px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.2em;
	border: 1px solid #0c5869;
}

#nav-search-button {
	margin: 0;
	padding: 4px 8px;
	color: white;
	background-color: #0c5869;
	border: none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

#content {
	clear: both;
	float: left;
	margin: 0 0 20px 0;
	padding: 20px;
	font-size: 1.3em;
	line-height: 1.5em;
}

#main-content {
	float: left;
	width: 620px;
	margin: 0 20px 0 0;
	padding: 0;
}

#sidebar {
	float: right;
	width: 300px;
	margin: 0;
	padding: 0;
	font-size: 0.923em; /* 0.923 x 1.3 x 10px = 12px */
}

.sidebar-content {
	clear: both;
	float: right;
	width: 300px;
	margin: 0 0 10px 0;
	background-color: #f5f5f5;
}

.sidebar-content .gutter {
	float: left;
	padding: 9px;
	border: 1px solid #ddd;
}

.sidebar-content .small-title {
	width: 280px;
}

#bottomnav {
	clear: both;
	float: left;
	margin: 0 20px;
	padding: 20px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	font-size: 1.2em;
	line-height: 1.5em;
}

#bottomnav-bg {
	float: left;
	background: url(images/main/bottomnav-bg.png) center repeat-y;
}

#bottomnav .column {
	float: left;
	margin-right: 20px;
}

#bottomnav #bottomnav-about { width: 198px; }
#bottomnav #bottomnav-categories { width: 220px; }
#bottomnav #bottomnav-presented-by { width: 300px; }
#bottomnav #bottomnav-feeds { width: 120px; margin-right: 0; }

#bottomnav .column .gutter {
	float: left;
	padding-right: 20px;
}

#bottomnav-presented-by ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#bottomnav-presented-by ul li {
	float: left;
	width: 110px;
	margin: 0 0 20px 0;
	padding: 0 30px 0 0;
	background: url(images/main/bottomnav-presented-by-plus.png) right no-repeat;
}

#bottomnav-presented-by ul li.last { background-image: none; }

#footer {
	clear: both;
	float: left;
	width: 940px;
	margin: 0;
	padding: 40px 20px;
	background: url(images/main/page-bg-bottom.png) bottom left no-repeat;
	text-align: center;
	font-size: 1.1em;
	line-height: normal;
}

#footer p {
	margin: 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #ddd;
}

/* @end */



/* @group Home */

#home-features .author, #home-departments .author { margin: 2px 0; color: #777; }
#home-features small, #home-departments small { font-size: 1em; }

#home-features {
	clear: both;
	float: left;
}

#home-features img {
	margin-bottom: 5px;
}

#home-features h3, #home-features p {
	margin: 0;
	padding: 0;
}

#home-features h3 a {
	color: black;
}

#home-features .large-item {
	float: left;
	width: 460px;
	margin: 0 20px 20px 0;
	padding: 0;
}

#home-features .small-item {
	float: left;
	width: 300px;
	margin: 0 20px 20px 0;
	font-size: 0.923em;
	line-height: 1.5em;
}

#home-features .item-2, #home-features .item-5 { margin-right: 0; }
#home-features .item-3 { clear: left; }

#home-features .large-item img { width: 460px; height: 230px; }
#home-features .small-item img { width: 300px; height: 150px; }

#home-features .links {
	clear: both;
	float: left;
	margin: 40px 0;
	padding: 0;
	list-style-type: none;
}

#home-features .links li {
	margin: 0;
	padding: 0;
	width: 460px;
}

#home-features .links .left {
	float: left;
	margin-right: 20px;
}

#home-features .links .right {
	float: right;
	text-align: right;
}

#home-features .links .left a {
	padding-left: 17px;
	background: url(images/feed-icon-12x12.png) left no-repeat;
}

#home-departments {
	clear: both;
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #ddd;
}

#home-departments .column {
	float: left;
	width: 220px;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 0.846em; /* 0.846 x 1.3 x 10px = 11px */
	line-height: 1.5em;
}

#home-departments #home-restaurant-listings {
	margin-right: 0;
}

#home-departments .post { margin-bottom: 20px; }

#home-departments .medium-title {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

#home-departments h3 { margin: 0; font-size: 1em; }
#home-departments h3 a { color: black; }
#home-departments p { margin: 0; padding: 0; }
#home-departments p.category-link { margin-top: 20px; }
#home-departments img { margin: 0 0 10px 10px; width: 65px; }

/* @end */



/* @group Single */

.post-info {
	margin: 0 0 20px 0;
	color: #777;
}

.feature-image {
	margin: 0 0 20px 0;
	text-align: center;
}

.entry-pages {
	margin: 40px 0;
	color: #aaa;
	text-align: center;
	font-size: 0.923em; /* 0.923 x 1.3 = 12px */
}

.entry-pages a {
	padding: 4px 8px;
	border: 1px solid #ccc;
	text-decoration: none;
}

.current-page {
	padding: 4px 8px;
	color: black;
	font-weight: bold;
}

.entry-pages .previous-page {
	margin-right: 30px;
}

.entry-pages .next-page {
	margin-left: 30px;
}

.postmetadata {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #ddd;
}

.gallery-image-list { margin: 0; padding: 0; list-style-type: none; }
.gallery-image-list li { float: left; margin: 0 8px 8px 0; padding: 0; }
.gallery-image-list li.image4 { margin-right: 0; }
.gallery-image-list img { width: 64px; }

/* @end */



/* @group Archives */

.archives-home {
	clear: both;
	float: left;
}

.archives-home .post {
	float: left;
	width: 190px;
	margin: 0 25px 20px 0;
	font-size: 0.846em; /* 0.846 x 1.3 x 10px = 11px */
	line-height: 1.5em;
}

.archives-home .last { margin-right: 0; }

.archives-home .post h3 { font-size: 1em; margin: 0; }
.archives-home .post h3 a { color: black; }
.archives-home .post .author { margin: 2px 0; color: #777; }
.archives-home .post small { font-size: 1em; }

.tag-cloud { margin: 0; padding: 0; text-align: justify; }
.tag-cloud li { margin: 0; padding: 0; }

.navigation {
	clear: both;
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

/* @end */