/* 
  BLUEPRINT CSS
   * Website:         http://code.google.com/p/blueprintcss/
   * Blueprint CSS Grid Generator (2007-12-21) [http://kematzy.com/blueprint-generator/]
  == STRUCTURE: ========================
   * Page width:            950 px
   * Number of columns:     8
   * Column width:          110 px
   * Margin width:          10 px
  ======================================
*/

/* Global */
html,body,div,span,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,a,address,code,em,img,dl,dt,dd,ol,ul,li {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

body {
	background:#fff;
	color:#222;
	font-family: Arial, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	font-size:75%;
	margin: 0px;
	padding: 10px 10px 20px 10px;
}

/* Raw Elements (Alphabetical) */
a {
	color:#009;
	text-decoration: none;
}

a:focus, a:hover {
	color:#903;
	text-decoration: underline;
}

a img {
	border:none;
}

blockquote {
	color:#666;
	font-style:italic;
	margin:1.5em;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

dd {
	margin-left:1.5em; 
}

em {
	font-style:italic;
	background:#ffc;
}

h1 {
	font-size:18px; 
	font-weight: bold;
}

h2 {
	font-size:16px; 
	font-weight: bold;
}

h3 {
	font-size:14px; 
	font-weight: bold;
}

h4 {
	font-size:12px; 
	font-weight: bold;
}

h5 {
	font-size:10px; 
	font-weight: bold;
}

li {
	margin-left:1.5em; 
}

ol {
	margin-bottom: 1em;
}

p.last {
	margin-bottom:0; 
}

p img {
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0; 
}

p img.top {
	margin-top:0; 
}

	
pre,code {
	white-space:pre;
	margin:1.5em 0;
}

pre,code,tt {
	font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
	line-height:1.5;
}
	
tt {
	display:block;
	line-height:1.5;
	margin:1.5em 0;
}

.date {
	font-weight: bold;
	font-style:italic;
}

.time {
	font-style:italic;
}
	
	
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
	
.hide {
	display:none;
}
	
.highlight {
	background:#ff0;
}
	
.navlist {
	list-style: none; 
	display: block; 
	margin: 0px 0px 0px 0px; 
	border-bottom: 1px solid #009;		
	background: #ffffff;
	opacity: 0.6;
	height:30px;
}

.navlistitem {
	font-family: arial, helvetica, sans-serif;
	padding: 7px 7px 0px 0px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	display: inline; 
	list-style: none;
	height: 22px; 
	width:110px;
}

.top {
	margin-top:0;
	padding-top:0;
}

#feature {
	height:300px;
	width:950px;
	margin: -30px 0px 0px 0px;
}

/* flickr activity css */
.flickrphotos { text-align: center; float: left; width: 710px;}
.flickrphoto {float: left; width: 105px; height: 167px; }
.flickrphoto img {border:1px solid #000; width: 100px;}

/* grid.css */
.container { width:950px; margin:0 auto; }
.column { float:left; margin-right:10px; }
.last { margin-right:0; }
.span-1  { width: 110px; }
.span-2  { width: 230px; }
.span-3  { width: 350px; }
.span-4  { width: 470px; }
.span-5  { width: 590px; }
.span-6  { width: 710px; }
.span-7  { width: 830px; }
.span-8  { width: 950px; margin: 0; }
.append-1  { padding-right: 120px; }
.append-2  { padding-right: 240px; }
.append-3  { padding-right: 360px; }
.append-4  { padding-right: 480px; }
.append-5  { padding-right: 600px; }
.append-6  { padding-right: 720px; }
.append-7  { padding-right: 840px; }
.prepend-1  { padding-left: 120px; }
.prepend-2  { padding-left: 240px; }
.prepend-3  { padding-left: 360px; }
.prepend-4  { padding-left: 480px; }
.prepend-5  { padding-left: 600px; }
.prepend-6  { padding-left: 720px; }
.prepend-7  { padding-left: 840px; }
.border{ padding-right:4px; margin-right:5px; border-right:1px solid #eee; }
.colborder { padding-right:106px; margin-right:105px; border-right:1px solid #eee; }
.pull-1 { margin-left: -120px; }
.pull-2 { margin-left: -240px; }
.pull-3 { margin-left: -360px; }
.pull-4 { margin-left: -480px; }
.push-0  { margin: 0 0 0 18px; float: right; } 
.push-1 { margin: 0 -120px 0 18px; float: right; }
.push-2 { margin: 0 -240px 0 18px; float: right; }
.push-3 { margin: 0 -360px 0 18px; float: right; }
.push-4 { margin: 0 -480px 0 18px; float: right; }
.push-0,.push-1,.push-2,.push-3,.push-4 { float:right; }
.box { margin-bottom:1.5em; background:#eee; padding:1.5em; }
	
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.4em;
	border: none;
}
	
hr.space {
	background: #fff;
	color: #fff;
	
}

.clear:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
* html .clear {
	 height: 1%;
}
	 
.clear {
	 display: block;
}

.exif {
	display:none;
}

.showexif:hover {
        position: relative;
}

.showxif span {
        display: none;
}

.showexif:hover span {
        display: block;
        position: absolute; bottom: 20px; left: 20px;
        font-family: "Andale Mono", Courier, monotype;
        background: #f0f0f0; border: 1px dotted #c0c0c0;
        opacity: 0.8;
        white-space: pre;
}
jsa
.navlistitem:hover {
	background: #666666;
	color: #ffffff;
}

