/* =============================================================== */
/* BASIC ELEMENTS */
/* =============================================================== */

html {
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body {
	text-align: center; /* center on ie */
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: Georgia, Times New Roman, serif;
	color: #000;
	min-width: 800px;
	background: #fff;
	font-size: 14px;
	line-height: 24px;
}

#p, #alpha p, #alpha ul, #alpha li {
}

#alpha h1, #alpha h2, #alpha h3, #alpha p, #alpha ul {
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}

blockquote {
	border-left: solid 1px #ccc;
	background: #eee;
	padding: 10px;
	line-height: 22px;
}

form, input { margin: 0px 0px 10px 0px; padding: 0; }

#logo h1, #logohome h1 {
	font-size: 30px;
	line-height: 36px;
	text-shadow: #666 0 2px 3px;
	text-transform: lowercase;
	font-weight: normal;
}

#intro p {
	font-size: 20px;
	line-height: 28px;
}

#previousnext {
	text-align: center;
}

#post-title h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

#post-body h1 {
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
}

#post-title p, #breadcrumbs p, #previousnext p {
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-transform: lowercase;
}

#alpha ul {
	margin-left: 54px;
	padding: 0px;
}

#alpha li {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#post-footer p {
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	text-transform: lowercase;
	margin: 0px;
	padding: 0px;
}

#beta h1, #beta h2, #beta h3, #beta p {
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}

#beta h1 {
	font-size: 10px;
	line-height: 12px;
	padding: 2px;
	color: #fff;
	background: #000;
	text-transform: uppercase;
}

#beta h2 {
	font-size: 16px;
	line-height: 18px;
	font-style: italic;
	font-weight: bold;
}

#beta p {
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}

#beta ul, #beta li {
	font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}

#beta ul {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}

#beta li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

#archive-list ul {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}

#archive-list li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

ul.tight {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#footer h1, #footer p {
	font-style: normal;
	font-weight: normal;
}

#footer h1 {
	font-size: 18px;
	line-height: 20px;
	padding: 50px 0px 0px 0px;
	text-transform: lowercase;
	margin: 0px;
}

#footer p {
	font-size: 11px;
	line-height: 18px;
	text-transform: lowercase;
	margin: 0px;
	padding: 0px;
}

#search p {
	margin: 0px;
	padding: 0px;
}

/* =============================================================== */
/* LAYOUT */
/* =============================================================== */

#container, #banner, #pagebody, #footer {
	position: relative;
	width: 100%;
	text-align: center; /* center in IE */
}

#container-inner, #banner-inner, #pagebody-inner, #footer-inner {
	position: static;
	padding: 0px;
	text-align: left;
	margin: 0px auto; /* center on everything else */
}

#container {
	position: relative;
	width: 100%;
}

#container-inner {
	width: 800px;
}

#banner-inner {
	width: 800px;
}

#pagebody-inner {
	width: 850px;
}

#footer-inner {
	width: 780px;
}

#logo {
	position: absolute;
	top: 10px;
	left: 50px;
	width: 300px;
}

#logohome {
	position: absolute;
	top: 400px;
	left: 300px;
	width: 300px;
}

#alpha {
	float: left;
	width: 504px;
	display: inline; /* ie win bugfix */
	position: relative;
	min-height: 1px;
	padding: 0;
}

#beta {
	float: left;
	width: 242px;
	display: inline; /* ie win bugfix */
	position: relative;
	min-height: 1px;
	padding: 0px;
	margin-left: 30px;
	margin-top: 40px;
}

#banner { margin-bottom: 30px; }
#pagebody { margin-bottom: 40px; }
#footer { margin-bottom: 20px; }

#intro {
	padding-bottom: 10px;
	border-bottom: 1px #cccccc solid;
	margin-bottom: 30px;
}

#post-tags {
	border-top: solid 1px #ccc;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#post-body {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#post-footer {
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 30px;
	border-bottom: 1px #cccccc solid;
	margin-bottom: 30px;
}

#flickr-badge {
	padding-bottom: 0px;
	border-bottom: 1px #cccccc solid;
	margin-bottom: 20px;
}

/* =============================================================== */
/* LINKS */
/* =============================================================== */

/* links default */
a {text-decoration: none;}
a:hover {text-decoration: none;}

/* logo link */
#logo a {color: #fff; text-decoration: none; }
#logo a:hover {color: #8BC53F; text-decoration: none; }
#logohome a {color: #fff; text-decoration: none; }
#logohome a:hover {color: #8BC53F; text-decoration: none; }

/* main column links */
/* static-body links */
/* post-body links */
#alpha a,  #static-body a, #post-body a { color: #666; text-decoration: underline; }
#alpha a:hover,  #static-body a:hover, #post-body a:hover { color: #fff; background: #666; text-decoration: none; }

/* sidebar links */
#beta a {color: #666; text-decoration: none; }
#beta a:hover {color: #fff; background: #666; text-decoration: none; }

/* footer links */
#footer a { color: #666; background: #fff; text-decoration: none; }
#footer a:hover { color: #fff; background: #666; text-decoration: none; }

/* =============================================================== */
/* IMAGES */
/* =============================================================== */

#alpha img {
	float: left;
	margin: 0px 10px 10px 0px;
	border: none;
}

#post-body img {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #ccc;
}

#beta img {
	margin: 0px 0px 20px 0px;
	border: 0px;
}

#flickr-badge img {
	margin: 0px 0px 20px 0px;
	border: 1px solid #ccc;
}

#creativecommons img {
	margin: 0px 0px 20px 0px;
	border: 0px;
	background: #fff;
}

#subscribe img {
	margin: 0px 0px 20px 0px;
	border: 0px;
	background: #fff;
}

#footer img {
	float: left;
	margin: 0px 10px 0px 0px;
	border: none;
}

/* =============================================================== */
/* HELPERS */
/* =============================================================== */

/* .pkg class wraps enclosing block element around inner floated elements */

.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }archive