/**
 * A Note on Organization:
 *
 * This stylesheet is divided into three basic sections: (1) 'Standard Tags', (2) 'IDs', and
 * (3) 'Classes'. Within each, selectors are organized alphabetically, except where precedence
 * requirements necessitate a different ordering. Elements for the navigation bar have also
 * been cordoned off into their own section, as the styling for this part of the page is
 * a bit more involved.
 **/

/*Standard Tags*/

a {
	color: #3e230b;
}

body {
	background-image: url('../images/design/background_pixel.png');	
	font-family: "Arial", Arial, sans-serif;
	font-size: 15px;
}

img {
	border: none;
}

ul {
	list-style-image: url('../images/design/bullet.png')
}

/*IDs*/

#bottom-corners {
	background-image: url('../images/design/bottom_corners.png');
	height: 20px;
}

#comment-announcement {
	background-image: url('../images/design/semitransparent_brown.png');
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border: 1px solid #000;
}

#comment-announcement-modified {
	background-image: url('../images/design/semitransparent_brown.png');
	width: 307px;
	margin-top: 15px;
	padding: 20px;
	border: 1px solid #000;
}

#contact-methods {
	position: relative;
	bottom: 20px;
	padding-left: 20px;
}

#contact-methods a {
	text-decoration: none;
}

#contact-methods img {
	position: relative;
	top: 20px;
}

#content {
	margin-left: 37px;
	padding-left: 25px;
	width: 900px;
}

#content h1 {
	margin-top: 0;
	padding-top: 40px;	
}

#content h2 {
	font-size: 19px;
}

#content h3 {
	font-size: 16px;
}

#content li, #content p {
	font-size: 16px;
	line-height: 1.3;
}

#content p {
	padding-right: 40px;
}

#content ul a:hover {
	text-decoration: underline;
	color: #3e230b;
}

#disqus_thread {
	margin-top: 40px;
}

#disqus_thread div {
	max-width: 800px;
}

#esp-spacer {
	min-width: 10px;
	max-width: 10px;
	min-height: 350px;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	background: transparent url('../images/design/side_dropshadow.png');
	width: 1000px;
}

#footer p {
	background-color: #fff;
	border-top: solid #000 1px;
	font-size: 14px;
	text-align: center;
	margin: 0 0 0 37px;
	padding-top: 8px;
	width: 925px;
}

#footer img {
	position: relative;
	top: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

#guestbook {
	margin-top: 40px;
}

#horizontal-rule {
	margin-top: 26px;
	margin-left: 37px;
	float: left;
	min-height: 1px;
	min-width: 925px;
	background-color: #000;
}

#jello {
	position: relative;
	background-image: url('../images/design/side_dropshadow.png');
}

#jello, #top-corners, #bottom-corners, #footer-wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

#jobsearch-bottomcorners, #screenshot-bottomcorners {
	min-width: 289px;
	max-width: 289px;
	min-height: 11px;
	background-image: url('../images/design/jobsearch_bottom.png');	
}

#jobsearch, #screenshot {
	min-width: 289px;
	max-width: 289px;
	background-image: url('../images/design/jobsearch_box.png');
}

#jobsearch h3, #screenshot h3 {
	margin-top: 0;
	margin-left: 15px;
}

#jobsearch ul, #jobsearch p, #screenshot ul, #screenshot p {
	margin-bottom: 0;
	margin-left: 15px;
	margin-right: 15px;
	max-width: 289px;
}

#jobsearch-topcorners, #screenshot-topcorners {
	min-width: 289px;
	max-width: 289px;
	min-height: 11px;
	background-image: url('../images/design/jobsearch_top.png');	
}

#jobsearch-wrapper, #screenshot-wrapper {
	float: right;
	margin: 20px;
}

#last-content-element {
	margin-bottom: 0;
}

#rss-feed-list {
	position: relative;
	bottom: 20px;
	padding-left: 20px;
}

#rss-feed-list a {
	text-decoration: none;
}

#rss-feed-list img {
	position: relative;
	top: 20px;
}

#screenshot h3 {
	margin-bottom: 0;
}

#screenshot p {
	font-size: 14px;
}

#top-corners {
	background-image: url('../images/design/top_corners_dark.png');
	height: 13px;
}

#wnync-embed {
	float: left;
}

/*Classes*/

.addthis_button_tweet {
	margin-top: -2px;
	margin-right: -17px;
}

.addthis_toolbox {
	float: left;
	padding-right: 280px;
	padding-bottom: 8px;
}

.captioned-image {
	float: right;
	max-width: 300px;
}

.captioned-image img {
	float: left;
	margin-bottom: 15px;
}

.captioned-image p {
	font-style: italic;
	margin-right: 20px;
	padding: 5px 10px;
	border-bottom: solid 1px #000;
	max-width: 300px;
}

.captioned-image-large {
	float: right;
	max-width: 475px;
}

.captioned-image-large img {
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
}

.captioned-image-large p {
	font-style: italic;
	border-bottom: solid 1px #000;
	margin-left: -30px;
	padding-bottom: 15px;
	max-width: 435px;
}

.center {
	text-align: center
}

img.contact-image {
	margin-right: 120px;
	margin-top: 20px;
}

img.design-image {
	float: right;
	padding-left: 25px;
	padding-right: 10px;
}

img.extra-left-margin {
	margin-left: 90px;
}

img.dish-image {
	margin-right: 50px;
	margin-top: 70px;
}

img.josh-bio-pic {
	float: right;
	margin-top: -15px;
}

img.push-in {
	margin-top: 15px;
	padding-bottom: 20px;
	margin-right: 35px;
}

img.extra-padding {
	padding-bottom: 20px;
	padding-right: 20px;
}

.paper-cite {
	margin-bottom: 40px;
}

.section-front-list a {
	text-decoration: none;
	color: #000;
}

/*Navigation Bar*/

#navbar {
	position: absolute;
	top: 0px;
	left: 37px;
	max-width: 900px;
	height: 26px;
	background: #fff;
}

#nav-master-list {
	position: relative;
	bottom: 14px;
}

#navbar a {
	text-decoration: none;
}

#navbar li {
	margin-top: 4px;
	float:left;
}

#navbar ul li {
	display: inline;
	font-size: 14px;
	text-indent: 0px;
	padding-left: 30px;
}

#navbar li li {
	position: absolute;
	left: -3000px;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

#navbar ul ul {
	position: absolute;
	display: block;
	width: 270px;
	z-index: 5;
}

#navbar li li a {
	display: block;
	width: 175px;
	color: #000;
}

#navbar ul li a {
	padding-right: 10px;
	padding-left: 10px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#navbar ul li a:hover {
	color: #fff;
	background-color: #3e230b;
	text-decoration: none;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#navbar ul li li a:hover {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

#navbar ul li li:first-of-type a:hover {
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

#navbar ul li:first-child a:hover {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

#navbar ul li a img {
	background: transparent url('../images/design/home_icon.png');
}

#navbar ul li a:hover img {
	background: transparent url('../images/design/home_icon_highlighted.png');
}

#navbar ul li:hover li {
	position: relative;
	top: 0px;
	left: -40px;
	width: 195px;
	line-height: 2;
	text-indent: 0px;
	background-image: url('../images/design/semitransparent_brown.png');
	color: #3e230b;
}

#navbar ul li:hover li:first-of-type {
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}

#navbar ul li:hover li:last-of-type {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

#navbar ul li:last-of-type:hover li:last-of-type {
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
}