body { background: #fff; color: #444; }

.container { }

a { text-decoration: none; color: #333; }
a:hover { color: #EC008B; }

#header_wrap { background: url(../images/header-white.png) top center no-repeat; }
#header { height: 300px; }

#header_index_wrap { background: url(../images/header_index-white.png) top center no-repeat; }
#header_index { height: 200px; }

#header h1 { margin: 0; padding: 0; padding-top: 100px; padding-left: 100px; }
#header h1 a { display: block; width: 400px; height: 100px; text-indent: -9999px; background: url(../images/logo.png) no-repeat center center; }
#header #description { visibility: hidden; }

#header_index h1 { margin: 0; padding: 0; padding-top: 50px; padding-left: 00px; }
#header_index h1 a { display: block; width: 400px; height: 100px; text-indent: -9999px; background: url(../images/logo.png) no-repeat center center; }
#header_index #description { visibility: hidden; }

#topmenu_wrap { background: url(../images/header_bottom-white.png) top center no-repeat; }
#topmenu { height: 200px; }

#topmenu_index_wrap { background: url(../images/header_bottom-white.png) top center no-repeat; }
#topmenu_index { height: 200px; }

#topmenu ul { margin: 0; padding: 0; list-style: none; }
#topmenu ul li { display: inline-block; width: 300px; margin: 10px; }
#topmenu ul li a { display: block; height: 160px; background: #f00; }

#topmenu .menu a { display: block; height: 160px; text-indent: -9999px; }
#topmenu .menu a#tentang { background: url(../images/button-tentang.png) top center no-repeat; }
#topmenu .menu a#karya { background: url(../images/button-karya.png) top center no-repeat; }
#topmenu .menu a#magenta { background: url(../images/button-magenta.png) top center no-repeat; }

#categorylist_wrap { margin-bottom: 30px; }
#categorylist { background: #E7EBF6; border: 1px solid #aaa; padding: 0; }
#category { }
#category ul { margin: 5px 0; padding: 0; list-style: none; }
#category ul li { display: block; margin: 0 15px 0 5px; float: left; }
#category ul li a { font-weight: bold; }
#category ul li a:hover { }

#category_index { margin-bottom: 30px; background: #E7EBF6; border: 1px solid #aaa; padding: 0;}
#category_index ul { margin: 5px; padding: 0; list-style: none; }
#category_index ul li { display: block; margin: 0 15px 0 5px; float: left; }
#category_index ul li a { font-weight: bold; }
#category_index ul li a:hover { }

#search { }
#searchform { margin: 2px 0 0 0; padding: 0; }
#search label { display: none; }
#search .text { width: 200px; padding: 1px; font-size: 10px; }
#search #searchsubmit { display: none; }

#content_wrap { }
#content { }

#content_index_wrap { }
#content_index { background: url(../images/contentbg_index-white.png) no-repeat top center; }

#content .hentry { margin-bottom: 30px; }
#content .hentry .category { text-transform: uppercase; color: #000; }
#content .hentry .category a { color: #000; }
#content .hentry h2 { margin: 0; padding: 0; font-size: 18px; line-height: 20px; }
#content .hentry h2 a { color: #EC008B; }
#content .hentry h2 a:hover { border-bottom: 1px dotted #EC008B; }
#content .hentry p { margin: 10px 0; padding: 0; }

#content_index .post, #content_index .page { margin-bottom: 30px; }
#content_index .post .category { text-transform: uppercase; color: #000; }
#content_index .post .category a { color: #000; }
#content_index .post h2, #content_index .page h2 { margin: 0; padding: 0; }
#content_index .post h2 a, #content_index .page h2 a { color: #EC008B; }
#content_index .post h2 a:hover, #content_index .page a:hover { border-bottom: 1px dotted #EC008B; }
#content_index .post p, #content_index .page p { margin: 10px 0; padding: 0; }
#content_index .post .postdate { font-style: italic; text-align: right; color: #000; }
#content_index .post .tags { margin: 10px 0; padding: 5px 10px; background: #FBD5E4; }
#content_index .post .tags a { color: #EC008B; }
#content_index .post .tags a:hover { border-bottom: 1px dotted #EC008B; }
content_index .post .edit, #content_index .page .edit { margin: 10px 0;  }
#content_index .post .edit a, #content_index .page .edit a { color: #EC008B; padding: 5px 10px; border: 1px solid #EC008B; }
#content_index .post .edit a:hover, #content_index .page .edit a:hover { background: #EC008B; color: #fff; }

#content .photos { }
#content .photos img { border: 1px solid #EC008B; padding: 4px; margin: 2px; }
#content .photos a {  }
#content .photos a:hover img { background: #EC008B; }

#footer_wrap { }
#footer { border-top: 1px solid #EC008B; border-bottom: 1px solid #EC008B; margin-bottom: 50px; background: #f0f0f0 }
#footer p { margin: 10px 0; padding: 0; }

#sidebar { }
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar ul li { margin: 0; padding: 0; }

#sidebar .menu-side { }
#sidebar .menu-side a { display: block; height: 70px; text-indent: -9999px; }
#sidebar .menu-side a#tentang { background: url(../images/button-tentang-side.png) top center no-repeat; }
#sidebar .menu-side a#karya { background: url(../images/button-karya-side.png) top center no-repeat; }
#sidebar .menu-side a#magenta { background: url(../images/button-magenta-side.png) top center no-repeat; }

#sidebar #searchform { margin-top: 30px; border-top: 1px solid #EC008B; padding-top: 5px; }
#sidebar #searchform label { color: #EC008B; }
#sidebar #searchform .text { width: 200px; }
#sidebar #searchform  #searchsubmit { }

ul.thecatlist { margin: 0; padding: 0; list-style: none; }
ul.thecatlist li { margin: 5px 0; padding: 0; border-bottom: 1px solid #EC008B; }
ul.thecatlist li h2 { margin: 0; padding: 0; font-size: 18px; }
ul.thecatlist li .postdate { display: inline-block; float: left; margin: 5px 10px 0px 0; padding: 2px 3px; text-transform: uppercase; background: #EC008B; color: #fff; }

.commentwrap { margin-top: 50px; border-top: 3px solid #ddd; padding: 30px 0; }
.commentwrap h3 { font-size: 18px; font-weight: normal; border-bottom: 1px solid #EC008B; color: #EC008B; }
.commentwrap ol { margin: 0; padding: 0; list-style: none; }
.commentwrap ol li { margin: 0; padding: 5px 0; border-bottom: 1px solid #ddd;  }
.commentwrap ol li img.avatar { float: right; margin: 5px; }
.commentwrap ol li cite { font-style: normal; font-weight: bold; }
.commentwrap ol li cite a { color: #EC008B; }
.commentwrap ol li cite a:hover { color: #000; }
.commentwrap ol li .commentmetadata { font-size: 11px; text-transform: uppercase; margin-bottom: 10px; }
.commentwrap ol li a.comment-edit-link { color: #fff; background: #EC008B; padding: 1px 2px; }
.commentwrap ol li p { margin: 0 15px 5px 15px; padding: 0; }

#respond { margin-top: 30px; }
#respond p { margin: 0; padding: 0; }
#respond label { font-weight: normal; text-transform: uppercase; }