html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}


body {
margin: 0;
padding: 0;
background: #e6e6e6 url('http://www.serendipified.com/images/new/bg.png') repeat-x;
font-family: "obliqua-1", "obliqua-2", Helvetica, Geneva, Arial, sans-serif;
font-size: 100%;
}

#container {
background: url('http://www.serendipified.com/images/new/header.png') no-repeat;
width: 100%;
padding: 0;
margin: 0;
text-align: left;
}

#top {
width: 100%;
height: 120px;
margin: 0 0 0 0;
}

#header {
float: left;
width: 200px;
margin: 52px 0 0 180px; }

#header h1 {
color: #fff;
display: block;
font-size: 90%;
text-transform: uppercase;
letter-spacing: 1px;
}

#header h1 .intro {
color: #eaeaea;
display: block;
font-size: 80%;
text-transform: uppercase;
margin: 5px 0 0 0;
letter-spacing: 1px;
}

#navigation {
font-family: "obliqua-1", "obliqua-2", Helvetica, sans-serif;
font-weight: bold;
text-transform: lowercase;
float: left;
width: 600px;
color: #fff;
font-size: 90%;
margin: 52px 0 0 0;
}

#headlines {
font-family: "obliqua-1", "obliqua-2", Helvetica, sans-serif;
font-weight: normal;
font-size: 40px;
color: #666;
    margin: 0 0 0 180px;
}

#navigation a {
height: 200px;
color: #4db5ab;
text-decoration: none;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0 18px 100px 0;
}


#navigation ul.nav {
padding: 0;
margin: 0 0 0 9px;
}

#navigation ul.nav li {
list-style-type: none;
display: inline;
padding: 0 0 50px 0; }

#navigation ul.nav li.selected a {
width: 100px;
padding: 0 0 50px 0;
text-decoration: none;
color: #000;
background: url('http://www.serendipified.com/images/new/yellow.png') no-repeat;
background-position: center 20px;
}

#navigation ul.nav a:hover {
color: #1b625b;
width: 100px;
padding: 0 0 50px 0;
background: url('http://www.serendipified.com/images/new/yellow.png') no-repeat;
background-position: center 20px;
}

#content {
background-color: #e6e6e6;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
position: relative;
}


#content h1 {
clear: both;
padding: 18px 0 18px 179px;
color: #c0c0c0;
font-family: "obliqua-1", "obliqua-2", Helvetica, sans-serif;
font-size: 250%;
text-transform: uppercase;
}

#content h1 a {
color: #c0c0c0;
text-decoration: none;
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}

#content h1 a:hover {
color: #666;
}

#museum {
clear: both;
color: #c0c0c0;
font-size: 90%;
}

#museum p {
padding: 24px 180px 0 117px;
}

#museum a {
color: #000;
}

#museum a:hover {
text-decoration: none;
}

#left {
width: 552px;
float: left;
margin: 0 9px 0 181px;
}

#left b, strong {
font-weight: bold;
}

#left h2 {
font-weight: bold;
font-size: 100%;
margin: 0 0 18px 0;
line-height: 120%;
text-transform: uppercase;
}

#left h2 a {
color: #000;
text-decoration: none;
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}

#left h2 a:hover {
color: #666;
}

#left h3 {
font-size: 100%;
font-family: "crete-rounded-web-1", "crete-rounded-web-2", Georgia, serif;
font-style: italic;
color: #666;
margin: 0 0 36px 0;
}


#left h4 {
font-family: "obliqua-1", "obliqua-2", Helvetica, sans-serif;
color: #52b4ab;
border-bottom: solid 1px #c0c0c0;
margin: 0 0 9px 0;
padding: 0 0 9px 0;
text-transform: uppercase;
font-size: 90%;
letter-spacing: 0.2em;
}

#left h4 span.year {
font-weight: normal;
}


#left h4#archives {
font-family: "obliqua-1", "obliqua-2", Helvetica, sans-serif;
width: 543px;
color: #666;
border-top: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
padding: 9px 9px 9px 0;
text-transform: uppercase;
font-size: 90%;
letter-spacing: 0.2em;
}

#left h4#archives a {
color: #666;
}

#left h4#archives a:hover {
color: #000;
}

#left h5 {
font-family: "obliqua-1", "obliqua-2", Helvetica, sans-serif;
width: 81px;
text-transform: uppercase;
line-height: 120%;
letter-spacing: 0.5px;
position: absolute;
font-size: 70%;
color: #c0c0c0;
margin: 0 0 0 -99px;
}

#left h5 span.category {
font-weight: bold;
}

#left h5 a {
color: #999;
text-decoration: none;
font-weight: bold;
}

#left h5 a:hover {
color: #000;
}

#post {
margin: 0 0 30px 0;
}


#post p, h2  {
margin: 0 9px 0 0;
font-family: "obliqua-1", "obliqua-2", Helvetica, sans-serif;
}

#post p {
margin-bottom: 18px;
line-height: 170%;
font-weight: 500;
color: #3d3d3d;
font-size: 80%;
}

#post ul, ol {
font-family: "obliqua-1", "obliqua-2", Helvetica, sans-serif;
margin: 0 0 18px 18px;
font-size: 80%;
}

#post li {
line-height: 180%;
}

#post a {
color: #666;
text-decoration: none;
font-weight: bold;
border-bottom: solid 1px #c0c0c0;
}

#post a:hover {
color: #4db5ab;
text-decoration: none;
}

#post #media {
margin: 0 0 0 99px;
}

#post .pic {
float: right;
margin: 0 0 6px 9px;
}


#post blockquote {
border-left: solid 1px #c0c0c0;
margin: 9px 0 9px 0;
padding: 0 0 0 9px;
font-size: 140%;
font-style: italic;
}

#post blockquote p {
color: #666;
}

#post img {
border: solid 5px #fff;
-webkit-box-shadow: 1px 1px 1px #c0c0c0;
-moz-box-shadow: 1px 1px 1px #c0c0c0;
-box-shadow: 1px 1px 1px #c0c0c0;
border-radius: 5px;
}

#post ul.pagination {
width: 533px;
position: relative;
}

#post ul.pagination li.prev {
z-index: 2;
width: 215px;
position: absolute;
list-style-type: none;
margin: 0 0 0 -16px;
}

#post ul.pagination li.next {
width: 533px;
position: absolute;
list-style-type: none;
text-align: right;
}


#right {
width: 153px;
float: left;
margin: 0 18px 0 9px;
}

#right h4 {
width: 153px;
color: #c0c0c0;
padding: 0 0 9px 0;
margin: 0 0 9px 0;
border-bottom: solid 1px #c0c0c0;
text-transform: uppercase;
font-size: 85%;
letter-spacing: 0.2em;
}

#right p {
font-size: 75%;
margin: 0 0 27px 0;
}

#right ul {
font-family: "obliqua-1", "obliqua-2", Helvetica, sans-serif;
list-style-type: none;
color: #000;
font-size: 85%;
}

#right li {
margin: 6px 0 12px 0;
}

#right li a {
color: #666;
text-decoration: none;
}

#right li a:hover {
color: #000;
}

#right h5 {
color: #666;
margin: 18px 0 12px 0;
}


#right .pdf a {
background: url('http://www.serendipified.com/images/icon_pdf.png') no-repeat top left;
padding: 0 0 9px 21px;
}

#right .email a {
background: url('http://www.serendipified.com/images/icon_email.png') no-repeat;
padding: 0 0 9px 21px;
}


#right .yahoo a {
background: url('http://www.serendipified.com/images/icon_yahoo.png') no-repeat;
padding: 0 0 9px 21px;
}

#right .gtalk a {
background: url('http://www.serendipified.com/images/icon_google.png') no-repeat;
padding: 0 0 9px 21px;
}

#right .twitter a {
background: url('http://www.serendipified.com/images/icon_twitter.png') no-repeat;
padding: 0 0 9px 21px;
}

#right .linkedin a {
background: url('http://www.serendipified.com/images/icon_linkedin.png') no-repeat;
padding: 0 0 9px 21px;
}

#right .flickr a {
background: url('http://www.serendipified.com/images/icon_flickr.png') no-repeat;
padding: 0 0 9px 21px;
}

#right .facebook a {
background: url('http://www.serendipified.com/images/icon_facebook.png') no-repeat;
padding: 0 0 9px 21px;
}

#right .delicious a {
background: url('http://www.serendipified.com/images/icon_delicious.png') no-repeat;
padding: 0 0 9px 21px;
}

#footer {
margin: 0 0 0 18px;
clear: both;
font-size: 80%;
color: #c0c0c0;
}

#footer p {
padding: 36px 0 36px 63px;
}