/*
Theme Name: Nieke
Theme URI: http://nieke.keritikentang.com
Description: Custom theme for Nieke's blog.
Version: 1.0
Author: Huda Toriq
Author URI: http://hudatoriq.web.id/
Tags: nieke

*/

body {
	background: url(images/background.png) top center;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body a {
	color: #2589a6;
	text-decoration: none;
}

body a:hover {
	color: #54acc6;
}

blockquote {
	background: #ffdede;
	border: 4px dotted #7BAEC3;
	padding: 20px;
	margin: 40px;
}

#container {
	display: block;
	background: url(images/container.png) no-repeat;
	width: 714px;
	height: 470px;
	margin: 50px auto 0;
	padding: 0 0 0 174px;
}

#header {
	margin: 0;
	padding: 0;
	height: 13px;
	width: 100px;
}

h1 { font-size: 1px; margin: 0; padding: 0; display: none; }
#description {font-size: 1px; margin: 0; padding: 0; display: none; }

#navmenu {
	margin: 0;
	padding: 0;
	height: 25px;
	width: 321px;
	background: #f9c4d0;
}
#navmenu ul {
	margin: 0;
	padding: 0;
}
#navmenu ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#navmenu ul li a {
	float: left;
	display: block;
	height: 25px;
}

#navmenu ul li a span {display: none;}


#menu1 a {
	background: url(images/navbutton.png) 0 0;
	width: 57px;
}

#menu2 a {
	background: url(images/navbutton.png) -57px 0;
	width: 94px;
}
#menu3 a {
	background: url(images/navbutton.png) -151px 0;
	width: 81px;
}
#menu4 a {
	background: url(images/navbutton.png) -232px 0;
	width: 89px;
}

#menu1 a:hover {
	background-position: 0 25px;
}
#menu2 a:hover {
	background-position: -57px 25px;
}
#menu3 a:hover {
	background-position: -151px 25px;
}
#menu4 a:hover {
	background-position: -232px 25px;
}


#contentwrapper {
	margin: 26px 0 0;
	width: 542px;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	background: white;
}

#content {
	padding: 0 5px;
}


#content .post {
	padding: 0 0 40px;
}

#content .date {
	font-family: Verdana;
	font-size: 25px;
	color: #95b6de;
}


h1.title {
	display: none;
}

h2 {
	font-family: Verdana;
	font-size: 18px;
}

h2 a {
	color: #2f76cc;
}


.entry {
	line-height: 1.3em;
	color: #000000;
}

.entry p {
	margin: 2em 0;
}

.navigation {
	height:25px;
	margin:0 auto 50px;
	width:250px;
}

.single .navigation {
	width: 513px;
}
.single .navigation .alignleft, .single .navigation .alignright {
	width: 250px;
}

#index {
	padding: 0 10px;
	height: 300px;
}

#recentposts {
	width: 200px;
	float: left;
}
#archive {
	width: 150px;
	float: left;
}
#category {
	width: 150px;
	float: left;
}

#index ul {
	padding-left: 12px;
}

#hr {
	height: 100px;
	width: 500px;
	margin: 0 auto;
	background: url(images/hr.gif);
}

#commentsection {
	padding: 0;
	margin: 20px 0 0 0;
}

h3#comments {
	font-family: Verdana;
	font-size: 14px;
	color: #2f76cc;
	margin-left: 10px;
	margin-right: 10px;
}

ol.commentlist {
	margin: 20px 0;
	padding: 0;
}

ol.commentlist li {
	list-style: none;
	padding: 10px;
	float: left;
}

ol.commentlist li.alt {
	background: #fff4f5;
}

.commentmeta {
	width: 415px;
	height: 30px;
	margin: 0;
	padding: 0;
}

.commentdate {
	width: 200px;
	float: left;
}

.commentdate a {
	font-size: 20px;
	color: #95b6de;
}

.commentcontent {
	float: left;
	width: 415px;
	overflow-x: hidden;
}

.commentauthor {
	float: right;
}

.commentauthor a {
	font-weight: bold;
}

.commentauthor a:hover {
	
}

.commentavatar {
	float: left;
	width: 80px;
	padding-left: 8px;
}

ol.commentlist li p {
	font-size: 12px;
}

h3#respond {
	font-family: Verdana;
	font-size: 14px;
	color: #2f76cc;
	margin-left: 50px;
	margin-right: 10px;
}

#commentform {
	margin: 10px 10px 0 50px;
	padding: 0 0 10px 0;
}

#commentform p {
	font-size: 12px;
	margin: 12px 0;
	padding: 0;
}

#commentform input {
	font-size: 11px;
}

#commentform textarea {
	width: 300px;
	height: 100px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#smileybutton {
	margin: 5px 40px 5px 50px;
}

#footer .mybloglog {
	margin-top: 11px;
	width: 138px;
	height: 74px;
	float: left;
}

#footer .barumampir {
	float: left;
	height: 74px;
	width: 13px;
	background: url(images/barumampir.png);
}

#footer .recentreaders {
	height: 74px;
	width: 125px;
	float: left;
}

table#MBL_COMM {
	background: transparent !important;
	border: 0 !important;
	width: 125px !important;
	height: 74px !important;
}

table#MBL_COMM tr {
	display: none;
}

table#MBL_COMM td.mbl_img {
	height: 24px !important;
	width: 24px !important;
	padding: 0 0 1px 1px !important;
	background: transparent !important;
}

table#MBL_COMM tr#tr1, table#MBL_COMM tr#tr6, table#MBL_COMM tr#tr11 {
	display: block;
	height: 25px !important;
}

table#MBL_COMM img {
	border: 0 !important;
}







#footer .flickr {
	width: 252px;
	height: 75px;
	margin:11px 0 0 19px;
	float: left;
}

#footer .flickr a img {
	padding: 0;
	border: 0;
	float: left;
	width: 75px;
	height: 75px;
}

#footer .flickrlogo {
	width: 27px;
	height: 75px;
	background: url(images/flickr.png);
	float: left;
}

#footer .kktm a {
	margin: 11px 80px 0 22px;
	background: url(images/kktm.png);
	float: left;
	width: 106px;
	height: 50px;
}

#footer .credit {
	margin: 0 0 0 22px;
	float: left;
	height: 25px;
	width: 106px;
}

#footer .credit p {
	margin: 0;
	padding: 5px 0 0;
	font-size: 10px;
	color: white;
	text-align: center;
}

#footer a {
	color: black;
}

.twitterpreview {
	position: relative;
	top: -440px;
	left: 330px;
	float: left;
	margin: 0 0 0 0px;
	width: 210px;
	height: 45px;
}
.twitterpreview .preview {
	margin: 0 0 0 20px;
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 1.2em;
	height: 45px;
}

.twitterpreview .preview a {
	color: #ffddee;
}

.twitterpreview .icon {
	display: block;
	width: 45px;
	float: left;
}

.popup {
	float: left;
	background: url(images/balon_twitter.png);
	width: 235px;
	height: 68px;
	padding: 10px 10px 10px 28px;
	position: relative;
	left: 138px;
	top: -475px;
	display: none;

}

.popup p {
	margin: 0;
	font-family: Verdana;
	font-size: 11px;
}
/* Images
-------------------------------------------------------------- */

#content img {
	border: 1px solid #ffddee;
	padding: 4px;
	margin: 0;
	background: #fff4f6;
	max-width: 640px;
}

#content img.noborder, #content img.wp-smiley {
	border: 0;
	padding: 0;
	background: transparent;
}

#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	border: 1px solid #ffddee;
	padding-top: 4px;
	background: #fff4f6;
}
#content .wp-caption img {
    padding: 0;
	margin: 0;
	background: transparent;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}