/* ================================================================================ */
/* ===================================================================================
	smallBLOC.com  ::  Michael Kriskovic
	smallbloc@gmail.com
	(cc) 2007 Michael Kriskovic
	Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License
	For more info see http://creativecommons.org/

	Stylesheet created by Michael Kriskovic
=================================================================================== */


/* ===================================================================================
	Styles to create the 'fixed' header and footer area on the page
	From:
		http://www.weightshift.com
		(and)
		http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/
=================================================================================== */

html, body {
	margin:	0;
	padding: 0;
	height: 100%;
	width: 100%;
	text-align: left;
}

html>body #page {height: 100%;}

body {
	font: normal 13px Georgia, serif;
	background: url('imgs/gradient.jpg') repeat-x bottom center;
}

h1 {
	margin: 0;
	padding: 2px 2px;
	width: 132px;
	height: 22px;
	/*
	background: url('imgs/smallblocLogo.gif') no-repeat 3px 3px #060;
	*/
	text-indent: -9999em;
}

html>body h1 {
	position: fixed;
	z-index: 10;   /* Prevent certain problems with form controls */
}

#content-wrap {height:100%;}
#content {
	padding: 6em 0 3em 0;
	width: 600px;
	margin: 0 auto;
	border-bottom: 1px dashed #930;
	background: url('imgs/lightgradient.png') repeat-x bottom left;
} 

h4 {
	margin: 1em 0 -.2em 0;
	font: normal 19px Georgia, serif;
	background: url('imgs/smallblocLogoGreen.gif') no-repeat top left;
	text-indent: 140px;
	height: 31px;
	color: #030;
	text-align: bottom;
	line-height: 38px;
}

h5 {
	width: 100%; height: 24px;
	margin: 0;
	padding: 0;
	font: normal 12px Georgia, serif;
	background: url('imgs/smallblocSWithTransp.gif') no-repeat top right;
	text-align: right;
	color: #FFF;
}

html>body h5 {
	position: fixed;
	bottom: 0;
	z-index: 10;   /* Prevent certain problems with form controls */
}


/* =====================
	Standard Styles  
===================== */

h5 a {	
	display: block;
	float: left;
	margin: .2em 0 0 .5em;
}

h4 strong {
	margin-left: .2em;
}

.smallCaps {
	font-variant: small-caps;
	color: #030;
}
.blocCaps {
	font: bold 150% Courier,sans-serif;
	color: #030;
	padding-right: -1em;
}
.salutations {
	margin: 0 auto;
	width: 600px;
	font-size: 90%;
	text-align: right;
}
.salutations img {
	margin-top: .2em;
}
.construction p {
	margin: 0;
	border-top: 1px dashed #930;
	padding: 20px 2em 0 2em;
}
.construction ul {
	text-align: center;
	padding: 1em;
}
.construction li {
	display: inline;
	list-style-type: none;
	padding: 0 1em;
}
.construction li a {
	background: transparent !important;
}
.construction a:link, .construction a:visited {
	color: #030;
	font-weight: bold;
	text-decoration: none;
}
.construction a:hover, .construction a:active {
	color: #930;
	font-weight: bold;
	text-decoration: underline;
}
#flickr_badge_wrapper, #flickr_badge_wrapper div {
	display: inline;
}
#flickr_badge_wrapper img {
	border: 3px solid #FFF;
}
#flickr_badge_wrapper a#logo {
	font: bold 13px Arial, Helvetica, Sans serif;
	color: #3993FF;
}
#flickr_badge_wrapper a#logo .r {
	color: #FF1C92;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
/* ================================================================================ */