/* This is Eric Meyer's CSS Reset. Google it. */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* special rule to turn off borders on images in links */
a img {
	margin: 0;
	padding: 0;
	border: none;
}

/* basic typography */

body, table, td {
	font-size: 14px;
	line-height: 21px;
	font-family: "Georgia", "Times", "Times New Roman", "serif";
	/* font-family: "Trebuchet MS", "Tahoma", "Arial", "Helvetica", "Swiss", "sans-serif"; */
	color: #3d2d10;
}
body {
	background: #cfc6b4 url(paper-tiled.jpg) center top repeat;
}

code {
	font-size: 11px;
	font-family: "Lucida Console", "Courier", "Courier New", "monospace";
	color: #555555;
}
code .highlight {
	color: #000000;
}

p {
	margin-top: 0px;
	margin-bottom: 1em;
}

h1 {
	font-size: 28px;
	line-height: 42px;
	font-weight: 100;
	margin-bottom: 14px;
}
h2, #header #tabs {
	font-size: 20px;
	line-height: 28px;
	font-weight: 100;
}
h3 {
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
}
h4 {
	margin-top: 16px;
	margin-bottom: 8px;
	font-style: italic;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}
em em {
	font-style: normal;
}

blockquote {
	font-style: italic;
}
blockquote em {
	font-style: normal;
}
blockquote em em {
	font-style: italic;
}

.preface {
	font-style: italic;
}
.section {
	margin-top: 24px;
}
.example {
	margin: 24px 40px;
	padding: 0px;
}
.highlight {
	background-color: #FFFF88;
}
.formerror {
	color: #99004c;
	font-weight: bold;
}
.caption {
	display: block;
	margin: -4px 0px 0px;
	font-style: italic;
}
.sig {
	font-style: italic;
	text-align: right;
}

table.centered td {
	text-align: center;
}

a:link    { text-decoration: none; color: #6d5d40; border-bottom: 1px dotted #3d2d10; background-color: transparent; }
a:visited { text-decoration: none; color: #5d4d30; border-bottom: 1px dotted #3d2d10; background-color: transparent; }
a:active  { text-decoration: none; color: #ffffff; border-bottom: 1px dotted #ffffff; background-color: #6d5d40; }
a:hover   { text-decoration: none; color: #ffffff; border-bottom: 1px solid  #ffffff; background-color: #3d2d10; }

/* general layout */

#fa2011_main, #fa2011_alt {
	text-align: center;
}

/* top tab list */

#header {
	width: 100%;
	height: 42px;
	background: url(shadow-r1c2.png) 0px 32px repeat-x;
}
#header_center {
	position: relative;
	left: 5px;
	top: 0px;
	width: 650px;
	height: 42px;
	margin: 0px auto;
	text-align: left;
}
.wide #header_center {
	width: 760px;
}
#header_banner {
	float: left;
	width: 345px;
	height: 24px;
	font-size: 18px;
	line-height: 24px;
	font-style: italic;
	margin: 9px 0px;
}
#header_banner a {
	position: relative;
	display: block;
	height: 24px;
	padding-left: 135px;
}
#header_banner_img {
	position: absolute;
	left: 0px;
	top: -8px;
	width: 128px;
	height: 42px;
	background: url(/2011/common/bm-sig-small.png) 0 2px no-repeat;
	vertical-align: top;
}
#header_banner a:hover #header_banner_img {
	background-position: 0px -40px;
}

#header #tabs {
	height: 42px;
	line-height: 42px;
}
#header #tabs .tab {
	float: left;
	height: 42px;
	line-height: 42px;
}
#header #tabs .tab a {
	padding: 0px 7px;
}
#header #tabs .tab.selected a:link    { text-decoration: none; color: #ffffff; border-bottom: none; background-color: #6d5d40; }
#header #tabs .tab.selected a:visited { text-decoration: none; color: #ffffff; border-bottom: none; background-color: #6d5d40; }
#header #tabs .tab.selected a:active  { text-decoration: none; color: #ffffff; border-bottom: none; background-color: #6d5d40; }
#header #tabs .tab.selected a:hover   { text-decoration: none; color: #ffffff; border-bottom: none; background-color: #3d2d10; }

#header #tabs .end {
	clear: left;
}

#header a:link, #header a:visited, #header a:active, #header a:hover {
	border: none;
}

/* content */

#fa2011_main #content {
	width: 600px;
	margin: 14px auto 21px;
	text-align: left;
}
#fa2011_alt #content {
	width: 100%;
	margin: 14px 0px 21px;
	padding: 0px 50px;
	text-align: left;
}
#fa2011_alt.centered #content {
	text-align: center;
}
#fa2011_alt.centered #content #detailwrapper {
	margin: 0px auto;
}

#fa2011_main #content img,
#fa2011_alt #content img {
	border: 1px solid black;
}

#returnlinks {
	margin-top: 1em;
}
.current {
	font-weight: bold;
}
.imagetitle {
	font-weight: bold;
}

/* footer */

#footer {
}
#fa2011_main #footer,
#fa2011_alt #footer {
	width: 100%;
	height: 42px;
	font-size: 11px;
	line-height: 42px;
	background: transparent url(/2011/common/shadow-r3c2.png) 50% -10px repeat-x;
}

/* forms */

form label {
	display: block;
}

/* entry lists */

a.jump {
	line-height: 1px;
}

#entrylistflowed li.entry {
	width: 180px;
	height: 200px;
	text-align: center;
	margin-bottom: 4px;

	background: url(dimmer.png) repeat;

	vertical-align: top;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
li.entry a:link,
li.entry a:visited,
li.entry a:active,
li.entry a:hover {
	border-bottom: none;
}
li.entry .imagelink {
	width: 110px;
	height: 110px;
	margin: 0px auto;
}
li.entry .imagelink a:link,
li.entry .imagelink a:visited,
li.entry .imagelink a:active,
li.entry .imagelink a:hover {
	display: block;
	width: 110px;
	height: 110px;
}
li.entry .imagelink img {
	margin-left: auto;
	margin-right: auto;
}
li.entry .imagestatus,
li.entry .imagestatuslinks,
li.entry .imagetitle,
li.entry .imageratinglinks {
	display: block;
}
li.entry .imagestatuslinks img,
li.entry .imageratinglinks img {
	border: none !important;
}

#entrylistflowed.public li.entry {
	height: 190px;
	padding-top: 15px;
}

/* entries */


/* image details */

#detailwrapper {
	position: relative;
	left: 0px;
	top: 0px;
}
#detail {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#detailoverlay {
	position: absolute;
	left: 0px;
	top: 0px;
}
