.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%
}

body {
background:#2f0641 url(images/background.gif) repeat-x 0 100%;
font:normal 12px Arial,Verdana,Tahoma;
color:#000
}

a {
text-decoration:none;
color:#000
}

a:hover {
color:#6f547b
}

#body-in {
background:transparent url(images/body-in.png) repeat-x 0 0
}

#wrapper {
width:942px;
margin:0 auto
}

#header {
color:#fff;
margin-bottom:9px
}

#branding {
float:left;
width:700px;
height:63px;
overflow:hidden;
padding:20px 0 16px
}

#blog-title {
font:normal 35px 'Myriad Pro',Tahoma,Verdana
}

#blog-description {
font:normal 16px 'Myriad Pro',Tahoma,Verdana
}

#header-content {
display:inline;
float:right;
width:235px;
padding-top:28px
}

#bookmark {
display:block;
text-transform:uppercase;
color:#d83ab6;
font-size:10px;
margin:0 0 3px 109px
}

#date-now {
background:#6c1459 url(images/clock.gif) no-repeat 0 0;
display:block;
font-weight:700;
width:194px;
height:36px;
line-height:36px;
padding-left:34px
}

#page-menu {
clear:both;
float:left;
width:660px;
margin:0 auto;
padding:15px 0
}

#page-menu ul {
display:block;
height:28px;
width:100%;
overflow:hidden
}

#page-menu ul li {
display:block;
float:left;
margin-right:10px
}

#page-menu a {
display:block;
float:left;
height:28px;
line-height:28px;
color:#fff;
padding:0 12px
}

#page-menu ul li.hover,#page-menu .current_page_item {
background:#5c0d4c url(images/page-menu-hover-bg.gif) no-repeat 0 0
}

#page-menu a:hover,#page-menu .current_page_item a {
background:transparent url(images/page-menu-hover-bg.gif) no-repeat 100% -28px
}

#top-search-wrap {
background:url(images/top-search-bg.png) no-repeat 0 0;
float:right;
width:253px;
height:46px;
position:relative;
text-transform:uppercase;
font-size:10px;
margin-top:11px
}

#top-search-wrap input {
background:none;
border:none;
position:absolute
}

#top-s {
font-size:10px;
text-transform:uppercase;
top:12px;
left:18px;
width:168px;
color:#fff;
height:18px;
padding:6px 6px 0
}

#top-search-submit {
top:5px;
left:205px;
width:39px;
height:36px;
cursor:pointer;
padding:0
}

#container {
margin-bottom:9px
}

#content {
float:left;
width:640px
}

.top,.bottom {
float:left
}

#header-post,.single-post {
background-color:#fff;
width:640px;
float:left;
margin-bottom:9px;
position:relative
}

#header-post .top,.single-post .top {
background:transparent url(images/featured-bg.gif) no-repeat 0 0;
padding-top:10px;
width:640px
}

#header-post .bottom,.single-post .bottom {
background:transparent url(images/featured-bg.gif) no-repeat 100% 100%;
width:620px;
padding:0 10px 10px
}

.pagetitle {
font-size:20px;
font-weight:400;
color:#6f547b;
margin-bottom:5px
}

.title {
font:normal 24px 'Trebuchet MS',Tahoma,Verdana,Arial;
color:#474747
}

.meta {
font:normal 11px Verdana,Tahoma,Arial;
color:#878787;
padding-bottom:5px;
border-bottom:4px solid #dbdbdb;
margin-bottom:5px
}

.meta a {
color:#610b4f
}

.meta span,.meta a {
white-space:nowrap
}

.icon {
background:transparent url(images/all-icons.gif) no-repeat;
float:left;
display:block;
padding-left:20px;
margin-right:7px;
height:18px;
line-height:18px
}

.post-author {
background-position:0 2px
}

.categories-post {
background-position:0 -27px
}

.date-post {
background-position:0 -55px
}

.comment-post {
background-position:0 -83px
}

#about-us {
background:#60054d url(images/about-us-bg.png) repeat-y 0 0;
margin-bottom:9px;
color:#fff;
float:left
}

#about-us .top {
background:transparent url(images/about-us-top-bg.png) no-repeat 0 0;
padding-top:10px
}

#about-us .bottom {
background:transparent url(images/about-us-bottom-bg.png) no-repeat 100% 100%;
width:620px;
line-height:18px;
padding:0 10px 10px
}

#about-us .title {
font:normal 24px 'Trebuchet MS', Tahoma, Verdana, Arial;
border-bottom:3px solid #781d64;
padding-bottom:3px;
margin-bottom:9px;
width:100%;
color:#fff
}

#about-us-avatar {
background-color:#fff;
float:left;
border:1px solid #dbdada;
margin:0 10px 10px 0;
padding:5px
}

#post-content {
background-color:#fff;
margin-bottom:9px;
float:left;
overflow:hidden
}

#post-content .top {
background:transparent url(images/content-top-bg.png) no-repeat 0 0;
padding-top:10px
}

#post-content .bottom {
background:transparent url(images/content-bottom-bg.png) no-repeat 100% 100%;
width:620px;
line-height:18px;
overflow:hidden;
padding:0 10px 10px
}

.post {
background:transparent url(images/post-bottom-bg.png) no-repeat 50% 100%;
padding-bottom:27px
}

#another-widget {
background:#4b053d url(images/footer-bg.gif) repeat-y 0 0;
margin-bottom:9px;
float:left
}

#another-widget .top {
background:transparent url(images/footer-corner-bg.gif) no-repeat 0 0;
padding-top:10px
}

#another-widget .bottom {
background:transparent url(images/footer-corner-bg.gif) no-repeat -640px 100%;
width:620px;
line-height:18px;
overflow:hidden;
padding:0 10px 10px
}

#another-widget .widget {
float:left;
width:190px;
display:inline;
margin:0 8px
}

.widget-title {
font:normal 18px 'Trebuchet MS',Tahoma,Verdana,Arial;
color:#6f547b;
padding-bottom:3px;
border-bottom:4px solid #f2f2f2;
margin-bottom:3px
}

#another-widget .widget-title {
color:#fff;
border-color:#590749
}

.widget ul li {
background:transparent url(images/icon-paper.gif) no-repeat 3px 8px;
padding-left:20px;
display:block;
line-height:28px;
border-bottom:1px solid #deddde;
color:#3e232c
}

.widget ul li a:hover {
color:#3e232c
}

.widget ul li.hover {
background-color:#f8f8f8
}

.widget ul li li {
border-bottom:none;
border-top:1px solid #deddde
}

#another-widget .widget ul li {
background:transparent url(images/dot.gif) no-repeat 6px 10px;
border-color:#570747
}

#another-widget .widget ul li a {
color:#d73fb9
}

#sidebar {
float:right;
display:inline;
width:290px;
overflow:hidden
}

#main-sidebar,#main-sidebar .top {
width:290px
}

#main-sidebar {
background:#fff url(images/widget-bg.gif) repeat-y 0 0;
margin-bottom:9px;
float:left
}

#main-sidebar .top {
background:transparent url(images/widget-bg.gif) no-repeat -290px 0;
padding-top:6px
}

#main-sidebar .bottom {
background:transparent url(images/widget-bg.gif) no-repeat -580px 100%;
width:278px;
overflow:hidden;
padding:0 6px 6px
}

#sidebar .widget {
margin-bottom:20px
}

#footer {
height:44px;
line-height:44px;
text-align:center;
color:#fff
}

#blog-title a,#another-widget .widget ul li a:hover,#footer a:hover {
color:#fff
}

#blog-title a:hover,#footer a {
color:#d83ab6
}

.meta a:hover,.widget ul li a {
color:#333
}

#about-us,#about-us .top,#post-content,#post-content .top,#another-widget,#another-widget .top {
width:640px
}