body {background: #221711;}
html, body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
p, form, fieldset, input, img, ul, h1, h2, h3, h4, h5, h6 {margin:0; padding: 0}
h1 {font-size: 24px; margin: 0; padding: 0; color: #422c21; font-family: Trebuchet MS, Arial, sans-serif}
.sidebar h1 {color: white}
h2 {font-size: 18px; margin: 0 0 15px 0; padding:0; font-weight: normal;}
p {margin: 0; padding: 0 0 15px 0}

.clear {clear: both}
.clearleft {clear: left}
.left {float:left}
.right{float:right}
.nomargin {margin: 0;}
.nopadding {padding: 0}

a img.border {border: 4px solid #DCDAB8; padding: 1px; background: white;}
a:hover img.border{border: 4px solid #840000}
img { border: 0; }
object.border,
embed.border,
img.border {border: 4px solid #DCDAB8; padding: 1px; background: white;}

a {text-decoration:underline; color: #840000}
a:hover {color: #422c21}

.archivePagination .prev {float: left;}

/* Layout */
.main {background: #ebead1 url(images/template/gradient.png) repeat-x 0px 0px;min-width:960px}
.center { width: 960px; margin: 0 auto; }
#content {width: 556px; float: left;}
.sidebar {float: right; width: 373px}
#info {font-size: 10px; color: #979680}
.pageheading h1 {color: #422C21; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;}
.pageheading .description {color: #422C21; font-size: 14px}

#content ul {list-style-image:none; list-style-position:outside;list-style-type:none;margin:0pt 0pt 15px 20px;}
#content ul li { background:transparent url(images/template/bullet.png) no-repeat scroll 0pt 6px; line-height:18px; padding-left:16px;}
#content ul.blog {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt 0pt 15px 20px;}
#content ul.blog li { padding-bottom: 16px}

#archive .blog .entry h2,
#archive .blog .entry h2 a,
#startpage .blog .entry h2,
#startpage .blog .entry h2 a {margin: 0; padding: 0; color: #422c21; font-size: 20px; font-family: Trebuchet MS, Arial, sans-serif; text-decoration: none; font-weight: bold;}
.blog .entry h2 a:hover {text-decoration: underline;}
.blog .entry .date {color: #979680; padding-top: 4px}
.blog .entry .commentLink { padding-left: 12px; background: url(images/template/dot.png) no-repeat 1px}
.blog .entry .tags {color: #979680; padding-top: 4px}
.blog .entry .details {padding: 0px 0 8px 0; color: #979680}
.blog .entry .details a {color: #979680}
.blog .entry .details a:hover { color: #422c21}
.blog .entry a.readmore {color: #979680}
.blog .entry a.readmore:hover {color: #422c21}
.blog .entry .content {line-height: 1.6em; margin: 0 !important; padding: 0 !important;}
.blog .entry a {text-decoration:underline; color: #840000}
.blog .entry a:hover {color: #422c21}
.blog .entry img.border.left {margin-right: 10px; margin-bottom: 10px}

#archive .details {padding: 4px 0px !important}

.pagecontainer {min-width:960px}

#startpage {padding-top: 0}
#startpage .pagecontainer {background: url(images/template/stripe.png) repeat-x; padding-bottom: 20px; margin-top: 50px;}
#startpage .special { width: 440px; margin: 0 auto; padding: 40px 10px 0 10px; color: #422c21; font-size: 18px; font-family: Trebuchet MS;}

#startpage .blog { width: 556px; background: url(images/template/blog_body.png) repeat-y;}
#startpage .blog .top {background: url(images/template/blog_top.png) no-repeat; padding: 70px 35px 0px 35px}
#startpage .blog .bottom {background: url(images/template/blog_bottom.png) no-repeat bottom left; padding: 20px 35px 25px 35px}
#startpage .blog .entry .content {width: 486px;}

#startpage .blog .moreposts {float:right;color: #979680; line-height: 18px; width: 120px}
#startpage .blog .moreposts a {color: #979680}

#startpage .blog .recentPosts {width: 335px}
#startpage .blog .recentPosts ul {border-bottom: 1px solid #D9D7BC; list-style: none; width: 335px; padding: 0; margin:0}
#startpage .blog .recentPosts ul li {line-height: 22px; height: 22px; border-top:1px solid #D9D7BC; margin: 0; padding: 0; background: none}
#startpage .blog .recentPosts ul li a {color: #979680; text-decoration: none;}
#startpage .blog .recentPosts ul li a span {color: #422c21}
#startpage .blog .recentPosts ul li a:hover span {color: #840000}
#startpage .blog .recentPosts ul li a:hover {color: #840000}

#startpage .sidebar .header { color: white; padding-top: 40px; height: 200px}
#startpage .sidebar .header h1 {padding:0; margin:0; font-size: 35px; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; padding-bottom: 15px}
#startpage .sidebar .header .description {font-size: 20px; line-height:26px}

.sidebar .mood .bar {width:373px; height: 22px; background: url(images/template/mood.png) no-repeat}
.sidebar .mood .bar .redbar {height: 22px; background: url(images/template/mood_red.png) no-repeat}
.pagecontainer .sidebar h2 {color: #979680; font-weight: normal; font-size: 12px; margin: 0; padding: 0 0 0 5px;}
.sidebar .widget {margin-bottom: 20px}

.sidebar .box {background: #dcdab8 url(images/template/darkbox_bottom.png) no-repeat bottom left;}
.sidebar .box h2 {background: #dcdab8 url(images/template/darkbox_top.png) no-repeat top left; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 15px; font-size:16px; height: 18px; color: black}
.sidebar .box .body {padding: 0 15px 15px}
.sidebar .music ul {list-style-type: none; border-top:1px solid #ebead1;}
.sidebar .music ul li {border-bottom: 1px solid #ebead1; padding: 4px 0; color: #979680}
.sidebar .music ul li a {color: black; text-decoration: none;}
.sidebar .music ul li a:hover {text-decoration: underline; color: #422c21;}


#singlePost.blog .entry h1 {font-size: 24px; margin: 0; padding: 0; color: #422c21; font-family: Trebuchet MS, Arial, sans-serif}
#singlePost.blog .entry .details {padding: 8px 0 14px 0;}
#singlePost #content {padding: 30px 0}

#singlePost.blog .comments { clear: left }
#singlePost.blog .comments .gravatar {float:right; border: 4px solid #DCDAB8; padding: 1px; background: white; margin-bottom:10px;margin-left:20px;margin-right:-12px; width: 60px; height: 60px;}
#singlePost.blog .comments {background: url(images/template/comments_bg.png) repeat-y; margin-bottom: 20px}
#singlePost.blog .comments .header {background: url(images/template/comments_top.png) no-repeat; padding: 20px 31px 0px}
#singlePost.blog .comments .header h2 {padding: 0; margin: 0; font-size: 18px; font-weight: normal; margin-bottom: 15px; color: #422c21; font-family: Arial, Helvetica, sans-serif; }
#singlePost.blog .comments .body {background: url(images/template/comments_bottom.png) no-repeat bottom left; padding: 0px 8px 10px 6px}

#singlePost.blog .comments .body .comment {padding: 15px 26px 0px 26px}
#singlePost.blog .comments .body .comment.dark {border-bottom: 1px solid #d6d4b9; border-top: 1px solid #d6d4b9; background: #E2E0C2}
#singlePost.blog .comments .body .comment h3 {font-size: 12px; font-weight: normal; color: #979680; padding:0; margin: 0 0 15px; padding: 0}
#singlePost.blog .comments .body .comment h3 a {color: #979680}
#singlePost.blog .comments .body .comment .text {line-height: 1.6em;}
           
#singlePost.blog .commentform .heading * {color: #979680 !important; clear: left}
#singlePost.blog .commentform .heading p { line-height: 18px }
#singlePost.blog .commentform .error { color: #840000; padding: 10px 0; }

#singlePost.blog .commentform #submit {background: url(images/template/button.png) no-repeat; width:91px; height:36px; border: 0 none; color: #d9b3b3; font-family: verdana, arial, sans-serif; font-size: 14px; margin-left: 120px;}
#singlePost.blog .commentform #submit:hover {background-position: 0px -36px; color: #bac0c2;}

.aboutDetails { clear: left }
.aboutDetails {background: url(images/template/comments_bg.png) repeat-y; margin-bottom: 20px}
.aboutDetails .header {background: url(images/template/comments_top.png) no-repeat; padding: 20px 31px 0px}
.aboutDetails .header h2 {padding: 0; margin: 0; font-size: 18px; font-weight: normal; margin-bottom: 15px; color: #422c21; font-family: Arial, Helvetica, sans-serif; }
.aboutDetails .body {background: url(images/template/comments_bottom.png) no-repeat bottom left; padding: 0px 8px 10px 6px}
.aboutDetails .body .row {padding: 15px 26px 15px 26px}
.aboutDetails .body .row.dark {border-bottom: 1px solid #d6d4b9; border-top: 1px solid #d6d4b9; background: #E2E0C2}
.aboutDetails .body .row h3 {font-size: 12px; font-weight: normal; color: #979680; padding:0; margin: 0 0 15px; padding: 0}
.aboutDetails .body .row h3 a {color: #979680}
.aboutDetails .body .row label {float:left; width: auto;}
.aboutDetails .body .row .text {margin-left: 100px;}

label {float: left; width: 120px; line-height: 25px;}
input { background:#FFFFFF none repeat scroll 0%; border:1px solid #D9D7BC; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0pt 0pt 5px; width:200px;}
textarea { background:#FFFFFF none repeat scroll 0%; border:1px solid #D9D7BC; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-style:normal; font-variant:normal; font-weight:normal; height:160px; line-height:normal; width:350px; margin:0pt 0pt 5px;}

#archive #content { padding: 30px 0 }
#archive h1 {padding-bottom: 15px}
#archive .description {padding-bottom: 15px; line-height: 18px}

.sites {margin-top: 20px;}
.sites .site {float: left; margin-right: 23px;}
.sites .site.last {float: left; margin-right: 0px;}
.sites .site a img {border: 9px solid #DCDAB8; padding: 1px; background: white;}
.sites .site a:hover img {border: 9px solid #840000;}

.sidebar .navigation {background: url(images/template/navigation_bg.png) repeat-y; margin-bottom: 20px;}
.sidebar .navigation ul {list-style: none; padding: 20px 30px 15px; margin: 0; background: url(images/template/navigation_bottom.png) no-repeat bottom left}
.sidebar .navigation ul li {line-height: 40px; border-top: 1px solid #24373d; border-bottom: 1px solid #15262c; letter-spacing: 3px}
.sidebar .navigation ul li.first {border-top: 0 none !important}
.sidebar .navigation ul li.last {border-bottom: 0 none !important}
.sidebar .navigation ul li a {color: #435359; font-size: 16px; text-decoration: none}
.sidebar .navigation ul li a span{color: white;}

.sidebar .author {font-size: 14px; line-height: 18px;}
.sidebar .author p {margin: 0 0 15px; padding: 0}
.sidebar .author .avatar {border: 4px solid #DCDAB8; padding: 1px; background: white; margin-left:10px }

.footer {background: #422C21 url(images/template/split.png) repeat-x; color: #EBEAD1; min-width:960px; clear: both;}
.footer .main {background: transparent url(images/template/split_page.png) no-repeat; min-width: 540px}
.footer a {color:#EBEAD1; text-decoration:none;}
.footer a:hover {color: #FF9900}
.footer a:hover .author {color: #EBEAD1}
.footer ul {list-style-type: none;}
.footer .cl1 {width: 270px; padding-top: 40px; float: left;}
.footer .cl1 li {line-height: 16px; padding: 5px 0}
.footer .cl1 li a{display:block;}

.footer .MMPhotos img,
.footer .photos img{background:#6C4E40 none repeat scroll 0% 0%;border:medium none;display:block;float:left;margin:6px 5px 0px 0px;padding:3px;width:56px; height: 56px;}

.footer .cl1 img {background:#6C4E40 none repeat scroll 0%;border:medium none;padding:3px; display:block; float:left; height:26px; width:26px; margin-right: 10px}
.footer .cl2 {width: 270px; padding-top: 40px; float: left; padding-right: 20px}
.footer .cl2 li {border-bottom:1px solid #573D30;line-height:24px;}
.footer .sidebar {padding-top: 25px;}
.footer .sidebar .syndicate {clear: left;}
.footer .sidebar .syndicate h2 img {margin-left:5px; position:relative; top:-1px; vertical-align:top;}
.footer .sidebar .syndicate a {text-decoration: underline;}
.footer .sidebar .syndicate a:hover {text-decoration: underline;}
.footer .sidebar p { line-height: 18px; margin-bottom: 0; padding-bottom: 0;}
.footer .blogroll {background: #483329 url(images/template/brownbox_bottom.png) no-repeat bottom left; margin-bottom: 20px;}
.footer .blogroll h2 { background: url(images/template/brownbox_top.png) no-repeat top left; padding: 15px 15px 0px}
.footer .blogroll .body {padding: 0 15px 15px 15px;}
.footer .blogroll ul {width: 160px; float:left;}
.footer .blogroll ul.ul1 {margin-right: 15px}
.footer .blogroll li {line-height: 24px; border-bottom: 1px solid #573D30;}
.copyright {background: url(images/template/split2.png) repeat-x; padding-top:28px; color: #634131; line-height: 30px; height: 30px; min-width:960px; clear: both;}
.copyright a {color: #634131;}
.statcounter {display: inline;}
.statcounter * {display: inline}

#gallery {background: #dcdab8 url(images/template/gallery_bottom.png) no-repeat scroll bottom right;}
.photoPane {float: right; width:416px;}
#gallery #galleryPhotos .photo {padding: 0px 12px 20px !important;}
#gallery #galleryAlbums { background: #EBEAD1; float: left; width: 140px; padding-top: 15px; padding-bottom: 20px;}
#galleryPhotos #galleryTitle { background: url(images/template/gallery_top.png) no-repeat scroll top left; padding: 20px;}
.album.active {	background: url(images/template/album.png) no-repeat scroll top left;}

.overlay {	position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: black; color: white; padding: 50px;}
.overlay .chat {width: 500px; margin: 0 auto; font-size: 20px;}
.overlay .chat .chatlog small {color: gray; font-size: 10px;}
.overlay .chat input[type=submit] {display: none;}
.overlay .chat input[type=text] {width: 400px;}


/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}