/* general and defaults */

* {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th {
text-align: left;
}

fieldset, img {
border: 0;
}

ul, li {
margin: 0;
padding: 0;
}

li {
list-style: none;
}

.stress {
font-style: italic;
}

.bold {
font-weight: bold;
}

/* structural elements */

.clear, .clear-ie {
clear: both;
height: 0;
line-height: 0;
display: block;
}

.c {
clear: both;
}

.clear-ie {
display: none;
}

.image-home {
margin: 20px 0 0 0;
}

body {
text-align: center;
font-size: small;
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
color: #28212e;
background: #228888 url(/img/bg-stripes-green.gif) 0 200px repeat-x;
}

div#outer-container {
width: 950px;
margin: 0 auto;
background: url(/img/bg-shadow-tile.png);
font-size: 0.84em;
}

div#shadow-bottom {
background: url(/img/bg-shadow-bottom.png);
width: 950px;
height: 28px;
margin: 0px auto 0px auto;
}

div#container {
position: relative;
width: 900px;
text-align: left;
margin: 0 auto;
padding-bottom: 10px;
background: #fff;
}

div#top {
position: relative;
width: 900px;
height: 150px;
background: #000 url(/img/cat.jpg) 93% 100% no-repeat;
}

div#title {
font-weight: bold;
position: absolute;
top: 0;
left: 0;
width: 900px;
padding: 6px 0 8px 0;
text-align: left;
}

div#top-menu {
position: absolute;
bottom: 0;
left: 0;
width: 900px;
font-size: 1em;
}

ul#top-menu-list {
font-weight: bold;
padding-bottom: 10px;
margin-left: 15px;
}

ul#top-menu-list li {
float: left;
margin-right: 15px;
padding: 0 3px 3px 0;
background: url(/img/element-shadow.png) bottom right;
}

div#column-alpha {
padding: 10px 15px 10px 15px;
font-size: 1.1em;
}

div#intro {
padding: 10px 10px 0 10px;
}

div.image-strip {
margin: 0 0 20px 0;
}

div.image-strip a {
float: left;
width: 80px;
margin-right: 10px;
border: 1px solid #000;
}

div.image-strip a img {
float: left;
}

p.location-info {
	font-size: 1.4em;
	margin-bottom: 0;
	background: #228888;
	color: #fff;
	padding: 0.6em 1em 1em 1em;
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}

p.location-info a {
	color: #000;
}

div#intro div.location {
float: right;
width: 405px;
margin: 0 20px 0 20px;
background: #046a6a;
color: #fff;
}

div#intro div.location p {
padding: 10px 10px 10px 140px;
}

div#intro div#sfadm p {
background: url(/img/sfadm.jpg) 10px 10px no-repeat;
}

div#intro div#stuff p {
background: url(/img/stuff.jpg) 10px 10px no-repeat;
}

div#column-facebook {
float: left;
width: 850px;
}

div#content-facebook {
padding: 0 10px 10px 10px;
}

div#column-blog {
float: right;
width: 425px;
}

div#content-blog {
padding: 10px;
}

p.feedTitle {
display: none;
}

div#content-facebook img {
margin-right: 5px;
}

div#content-blog a {

}

div#content-blog img {
text-align: left !important;
clear: both;
display: block;
padding-bottom: 2em;
padding-top: 1em;
}

div#content-facebook span.headline, div#content-blog span.headline {
font-size: 1.2em;
font-weight: bold;
margin-top: 20px;
border-top: 1px solid #ccc;
padding-top: 1em;
display: block;
}

div#content-facebook span.headline {
display: none;
}

div#content-facebook p.date, div#content-blog p.date {
display: block;
margin: 1em 0;
font-style: italic;
}

div#content-facebook p.date {
margin-top: 20px;
border-top: 1px solid #ccc;
padding-top: 1em;
}

div#content-facebook br, div#content-blog br {
clear: both;
display: block;
margin-bottom: 0.2em;
}

div#creditfooter {
clear: both;
display: block;
padding: 20px 0 10px 0;
}

#comment-form-table td {
padding: 10px 0 0 0;
}

#comment-form-table span {
display: block;
font-weight: bold;
}

/* left column/menu */

div#column-beta {
float: left;
width: 400px;
padding-top: 10px;
}

ul.menu {
margin: 1em 1em 1em 1.5em;
}

ul.menu li {
list-style: none;
padding-left: 8px;
margin-bottom: 0.1em;
}

ul.menu li.head {
font-weight: bold;
margin-bottom: 0.5em;
padding-left: 0;
background: none;
color: #046a6a;
}

/* content elements */

div#column-alpha h1 {
font-size: 2.4em;
font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
color: #046a6a;
margin: 0.2em 0 1em 0;
}

div#column-alpha h2, div#column-alpha h3 {
font-size: 1.8em;
font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
color: #046a6a;
margin: 1.4em 0 0.4em 0;
}

div#column-alpha h3 {
margin-bottom: 0.1em;
}

div#column-alpha p {
margin-bottom: 0.8em;
padding-right: 2em;
line-height: 1.36em;
}

div#column-alpha div.images {
text-align: center;
}

div#column-alpha ul.image-list {

}

div#column-alpha ul.image-list li {
border-top: 10px solid #046a6a;
}

div#column-alpha a.img-link {
margin: 20px 0 20px 0;
border: 10px solid #eaeaea;
display: inline-block;
text-align: center;
}

div#column-alpha a.img-link:hover {
border: 10px solid #ccc;
}

div#column-alpha a.img-link img {
margin: 0;
float: left;
}

div.module {
position: relative;
border: 1px solid #cdcdcd;
margin-bottom: 15px;
}

p.first {
margin-top: 10px;
}

div.float-left {
float: left;
margin: 0 15px 10px 0;
width: 200px;
}

div.float-right {
float: right;
margin: 0 0 10px 15px;
width: 200px;
}

div#footer {
font-size: 0.82em;
color: #fff;
text-align: left;
position: relative;
width: 900px;
text-align: right;
margin: 0px auto 0px auto;
padding-bottom: 20px;
}

ul.links-external {
display: block;
float: left;
clear: both;
margin: 1em 0 1em 0;
padding: 1em 0;
width: 100%;
background-color: #F8F8F8;
border: 1px solid #C0C0C0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

ul.links-external li {
padding: 0.25em 1.5em 0.25em 0;
list-style: square outside;
margin-left: 3em;
}

ul.links-external li.header {
font-weight: bold;
list-style: none;
margin-left: 0;
padding-left: 1.5em;
}

ul.list-bulleted {
margin-bottom: 1em;
}

ul.list-bulleted li {
padding: 0.25em 0 0.25em 0;
list-style: square inside;
line-height: 1.36em;
}

ul.list-bulleted li.header {
font-weight: bold;
list-style: none;
}

ul.list-bulleted li ul {
padding-top: 0.25em;
}

ul.list-bulleted li ul li {
padding: 0.25em 0 0.25em 2em;
list-style: square inside;
}

/* photos */

div#column-alpha a.photo {
display: block;
width: 184px;
height: 134px;
background: #ebebeb;
border: 1px solid #3c3c3c;
cursor: pointer;
}

a.photo span {
display: block;
margin: 5px;
width: 174px;
height: 124px;
background-position: 50% 50%;
}

div#column-alpha a.photo:hover {
background: #cdcdcd;
}

a.right {
float: right;
margin: 10px 0 10px 10px;
}

a.left {
float: left;
margin: 10px 10px 10px 0;
}

/* links */

ul.list-links {
margin: 1em 0 2em 0;
}

ul.list-links li {
font-weight: bold;
margin: 5px 0;
}

a {
color: #046a6a;
}

div#column-alpha a {

}

div#column-alpha a:hover {
color: #969696;
}

div#column-beta a {
color: #004c4c;
text-decoration: none;
display: block;
padding: 1px 10px 1px 5px;
margin: 0;
}

div#title a {
display: block;
color: #046a6a;
width: 454px;
height: 70px;
background: url(/img/atomic-vintage.gif) 0 0 no-repeat;
text-decoration: none;
margin: 15px 20px 0 20px;
}

div#title a span {
display: none;
}

div#title a:hover {
color: #004c4c;
}

ul#top-menu-list li a {
text-decoration: none;
color: #fff;
background: #046a6a;
display: block;
padding: 2px 7px;
}

ul#top-menu-list li a:hover {
background: #004c4c;
}

ul.menu li.head a {
text-decoration: none;
font-weight: bold;
}

div#column-beta a:hover, div#column-beta ul.menu li.on a {
color: #fff;
background: #046a6a;
}

div#column-alpha h2 a {
color: #046a6a;
text-decoration: none;
float: none;
}

div#column-alpha h2 a:hover {
color: #004c4c;
}

div#footer a {
color: #fff;
}

div#footer a:hover {
color: #fff;
}

div#intro div.location a {
display: block;
color: #fff;
}

div#intro div.location a.location-title {
margin-bottom: 0.8em;
font-weight: bold;
}

div#friends a {
min-height: 80px;
width: 230px;
display: block;
float: left;
margin-right: 20px;
}

div#friends a span {
display: block;
}

div#friends a span.title {
font-weight: bold;
padding-top: 90px;
margin-bottom: 0.2em;
}

a#link-mimomito {
background: url(/img/mimomito.gif) 0 0 no-repeat;
}

a#link-rooky {
background: url(/img/rooky.gif) 0 0 no-repeat;
}

a#link-glasskey {
background: url(/img/glasskey.gif) 0 0 no-repeat;
}

img.about-photo {
margin: 0 0 30px 0;
}