* {
	margin: 0;
  padding: 0;
}
body {	
  background: #36383f url(../images/body_bg.gif) top left repeat-x;
  color: #dbdcdd;
  font: small "trebuchet ms", verdnana, arial, sans-serif;
}
h2 {
	font-size: 1.65em;
  margin: 0 0 .25em 0;
  color: white;
}
h3 {
	font-size: 1.2em;
  margin: 0;
}
h3 a:link,
h3 a:visited {
	text-decoration: none;
  color: #ffed21;
}
h3 a:hover {
	background: #2c2e35;
}
p {
	margin: 0 0 1em 0;
}
strong {
	color: #ffed21;
}
a:link,
a:visited {
	color: #ffed21;
  text-decoration: underline;
}
a:hover {
	background: #2c2e35;
}

/* ~Layout
--------------------------------------------------------------------------------- */

#wrapper {
	width: 1012px;
	margin: 50px 40px;
}
#header {
	background: transparent url(../images/header_bg.jpg) top left no-repeat;
  position: absolute;
  top: 66px;
  left: 37px;
  width: 428px;
  height: 72px;
	z-index: 1;
}
#header h1,
#header h2 {
	display: none;
}
#content {
	padding: 130px 0 0 0;
}
#about {
	float: left;
  width: 200px;
  margin: 0 30px 0 0;
}
#photos {
	width: 312px;
  float: left;
  margin: 0 10px 0 0;
}
#photos .more {
	padding: .75em 15px 0 0;
}
#events {
	width: 200px;
  float: left;
  margin: 0 30px 0 0;
}
#bookmarks {
	float: left;
  width: 200px;
}
#footer {
	padding-top: 100px;
	clear: left;
}

/* ~Flickrshots
--------------------------------------------------------------------------------- */

#flickrshots {
	float: left;
	list-style-type: none;
  margin: .3em 0 0 0;
  line-height: 1px;
}
#flickrshots li {
	float: left;
  margin: 0 8px 8px 0;
}
#flickrshots a img {
	border: none;
}
#flickrshots a {
	display: block;
	background: #292b32;
  padding: 8px;
  border: 1px solid #555;
}
#flickrshots a:hover {
	border: 1px solid #ffed21;
}

/* ~EventsList
--------------------------------------------------------------------------------- */

#events_list {
	list-style-type: none;
  margin-top: 1em;
}
#events_list li {
	margin: 0 0 3em 0;
}

/* ~Bookmarks
--------------------------------------------------------------------------------- */


#bookmarks dl {
	margin-top: 1em;
}
#bookmarks dt a:link,
#bookmarks dt a:visited {
	text-decoration: none;
  font-weight: bold;
}
#bookmarks dd {
	margin: 0 0 1em 0;
}

/* ~Popup Viewer
--------------------------------------------------------------------------------- */

#viewer {
	position: absolute;
	background: black;  
  display: none;
	z-index: 10;
}
#viewer h3 {
	padding: 5px 15px;
  color: #ddd;
  margin: 0;
  font-weight: bold;
  font-size: 1em;
	background: #333;
}
#viewer p {
	margin: 0;
  padding: 15px;
  text-align: center;
}

/* ~Misc
--------------------------------------------------------------------------------- */

p.more {
	text-align: right;
  clear: left;
  margin: 1.5em 0 0 0;
  font-size: 1.1em;
}
.more a:link,
.more a:visited {
	text-decoration: none;
}