/* Global */

body {
margin-top: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 0.8em;
color: #29303a;
background: url(/images/bg-dp.gif);
}

h1 {
font-size: 170%;
color: #399d4a;
font-weight: normal;
padding: 5px 0;
}

h2 {
font-size: 115%;
color: #399d4a;
font-weight: normal;
}

h3 {
font-size: 90%;
font-weight: normal;
}

a {
color: #399d4a;
text-decoration: none;
}

a:hover {
color: #695d7c;
border-bottom: 1px dotted #695d7c;
}

li {
margin-left: -25px;
}

img {
border: 0;
}

/* Layout */

#wrap {
max-width: 960px;
margin: 0 auto;
padding: 0 30px;
background: url(/images/bg-lp.png);
border-bottom-right-radius: 2em;
min-height: 1px;
}

#wrap:after,
.entry:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#nav {
width: 10%;
position: absolute;
padding-top: 15px;
}

#main {
padding: 10px 30px;
margin-bottom: 20px;
margin-left: 15%;
margin-right: 15%;
background-color: #f4ecfd;
border-bottom-right-radius: 2em;
box-shadow: 1px 5px 5px 4px #51575f;
}

#aside {
float: right;
width: 1%;
padding-top: 15px;
}


/* Navigation */

#nav img {
margin-left: -19px;
}

#nav li {
list-style: none;
margin-top: 20px;
margin-left: -45px;
font-size: 155%;
font-weight: bold;
color: #f4ecfd;
text-shadow: 2px 2px 2px #51575f;
}

#nav li:first-child {
margin-top: 15px;
}

#nav span.desc {
font-size: 65%;
font-weight: normal;
margin-left: 13px;
display: block;
}

#nav a {
color: #f4ecfd;
}

#nav a:hover {
opacity: 0.7;
}

#nav li.on a {
color: #3a2a53;
text-shadow: none;
}


/* Sidebar */

#social {
margin-left: -110px;
}

.social {
background-color: #eee5f9;
border-top-left-radius: 0.8em;
border-bottom-right-radius: 0.8em;
box-shadow: 1px 2px 2px 3px #51575f;
}

#social ul li {
list-style: none;
padding-bottom: 5px;
margin-left: -45px;
}

#social ul li a {
border: 0px;
}

#social ul li a:hover {
opacity: 0.7;
}


/* Entries */

h1.entry-title {
font-size: 150%;
}

h1.entry-title a {
color: #3a2a53;
}

h1.entry-title a:hover {
border-bottom: 0;
}

h3.entry-byline {
font-size: 85%;
color: #399d4a;
margin-top: -15px;
margin-bottom: 25px;
}

.entry,
.entry-main {
border-top: 2px dotted #399d4a;
padding-bottom: 5px;
margin-bottom: 15px;
min-height: 1px;
}

.entry:first-child {
border-top: 0;
}

.entry-body {
margin: 10px 0;
}

.entry-body ol {
padding: 0 45px;
}

.entry-body ul li {
font-size: 110%;
}

.entry-footer {
font-size: 85%;
padding-top: 5px;
}

.footer-left {
float: left;
width: 60%;
}


/* Pages */

.page-body {
margin: 20px 0 40px 0;
}

.page-body img {
padding: 5px;
border: 2px solid #51575f;
}

.page-title {
padding: 15px 0 5px 0;
}


/* Collection */

.coll-nav {
margin-bottom: 30px;
margin-left: 30px;
}

.coll-nav li {
display: inline;
list-style: none;
margin-right: 30px;
padding: 5px;
}

.coll-nav a {
font-size: 110%;
}

.coll-nav a:hover {
color: #3a2a53;
border-bottom: 2px dotted #3a2a53;
}

.coll-left {
float: left;
width: 67%;
*width: 55%;
margin-top: -12px;
}

.coll-right {
float: right;
width: 33%;
*width: 40%;
}

.coll-right img {
margin-bottom: 20px;
}


/* Gallery */

.gall-left {
float: left;
width: 45%;
}

.gall-left img {
margin-bottom: 25px;
padding: 5px;
border: 2px solid #51575f;
}

.gall-left a:hover {
border-bottom: 0;
}

.gall-right {
float: right;
width: 50%;
margin-top: -15px;
}


/* Patterns */

.patterns {
margin-bottom: 140px;
}

.patterns h2 {
padding: 0;
margin: 0 10px;
}

.patterns dl {
padding: 30px 0;
margin: 0;
clear: left;
}

.patterns dt {
float: right;
width: 340px;
margin-bottom: 10px;
}

.patterns dd {
margin: 10px 0 15px 282px;
}

.patterns dd.img {
float: left;
margin: 0;
padding: 0;
}

.patterns dd a {
padding: 5px 10px;
border: 1px solid #cacbcc;
border-top-left-radius: 0.6em;
border-bottom-right-radius: 0.6em;
background-color: #695d7c;
color: #faf8fd;
}

.patterns dd a:hover {
background-color: #399d4a;
}


/*  Footer */

#footer {
padding: 10px 30px;
margin: -10px -30px;
background: #ede3f9;
border-bottom-right-radius: 2em;
clear: both;
}

#footer h2 {
margin-top: 15px;
margin-bottom: 5px;
color: #695d7c;
font-size: 105%;
font-weight: bold;
}

#footer p, ul {
margin-top: 5px;
font-size: 85%;
}

#footer li {
margin-bottom: 2px;
list-style: none;
margin-left: -40px;
padding-left: 0;
}

.footer-right {
float: right;
}

#footer .cats {
-moz-column-count: 2; /* Firefox */
-webkit-column-count: 2; /* Safari and Chrome */
column-count: 2;
}

#copy {
font-size: 80%;
clear: both;
}

#copy p {
padding-top: 15px;
width: 100%;
}


/* Archives */

.archive-content {
margin-bottom: 40px;
}

.archive-content h2 {
margin-top: 25px;
border-top: 2px dotted #3a2a53;
color: #3a2a53;
}

.archive-content h2.year {
font-size: 105%;
margin-top: 20px;
margin-bottom: 0;
border-top: 0;
}

.archive-content .cats {
-moz-column-count: 3; /* Firefox */
-webkit-column-count: 3; /* Safari and Chrome */
column-count: 3;
}

.archive-content ul li {
list-style: none;
font-size: 120%;
margin-left: -40px;
}

.archive-content ul.month {
margin-left: -30px;
}

.archive-content ul.month li {
display: inline;
margin-left: 5px;
}

.archive-content ul.month li a:hover {
border-bottom: 1px dotted #3a2a53;
}


/* Comments */

#comments {
padding-bottom: 25px;
}

#comments h2 {
font-size: 150%;
border-top: 2px dotted #399d4a;
margin-top: 40px;
padding-top: 10px;
}

#comments-form {
color: #399d4a;
}

#name,
#email,
#url,
#text {
padding: 5px 0;
font-size: 110%;
}

#comment-greeting {
font-size: 115%;
padding-bottom: 5px;
}

#comment-byline {
margin-right: 5px;
font-size: 85%;
}

#comment-byline a {
color: #3a2a53;
}

.comment {
background: #faf8fd;
border: 1px dotted #cacbcc;
margin: 10px;
padding: 5px;
}

#comment-author,
#comment-email,
#comment-url,
#comment-text,
#search {
background: #faf8fd;
border: 1px dotted #cacbcc;
margin-top: 3px;
padding-left: 2px;
}

#comment-submit {
padding: 5px 10px;
border: 1px solid #cacbcc;
border-top-left-radius: 0.6em;
border-bottom-right-radius: 0.6em;
background-color: #399d4a;
color: #faf8fd;
}

/* Search */

#search {
color: #a0a1a1;
border: 1px dotted #cacbcc;
}

#submit {
margin-bottom: -5px;
margin-left: -7px;
padding: 2px 4px 1px 2px;
border: 1px dotted #cacbcc;
border-left: 0;
background-color: #faf8fd;
color: #faf8fd;
}


/* Pagination */

.pagination {
text-align: center;
margin: 0 0 -21px 0;
}

.pagination a:hover {
border-bottom: 0;
opacity: 0.8;
}