img {max-width:90%;}



body {
  margin: 0;
  padding: 0;
  background: #dadada;
  font-family: Arial Narrow;
  font-size: 16px;
  color: #535353;overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial Narrow;
}


p {
  font-family: Arial Narrow;
}

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

a:hover { 
  text-decoration: underline;
}

h2 a {
  text-decoration: none;
}

#wrapper {background:url(http://www.anneahira.com/images/kumpulan-puisi-islami.jpg)center no-repeat;background-size:100% 100%;
  margin: 0 auto;
  padding: 0px;
  
}

/* Header */

#header {
  height:112px;
  margin:0;background:#eee;
  padding: 0px;margin-top:50px;
}

/* Logo */

#logo {display:block;
  padding:0;
  color: #000000;
}

.top_ze {display:block;position:absolute;z-index:9000;top:0;margin:0;right:0;background:#1bc593;width:100%;}
.top_ze h4 {display:block;height:30px;padding:10px;float:left;margin:0;margin-left:20px;color:#fff !important;line-height: 25px;
-webkit-transition: 100ms;
-moz-transition: 100ms;
-o-transition: 100ms;
-ms-transition: 100ms;
transition: 100ms;
}

.top_ze a {display:block !important;font-size:20px !important;min-width:40px;
color:#fff !important;text-decoration:none !important;text-align:center;
font-family: 'Agency FB', sans-serif;font-weight:normal;}
.top_ze h4:hover {background:#1b1b1b;}

#logo .heading {
  margin: 0;text-align:left;
  padding: 10px;
  font-family: Arial Rounded MT Bold;
  letter-spacing: 2px;
  font-size: 30px;font-weight:bold;
}

#logo .heading a {display:block;width:300px;height:50px;
}

#logo .description {
  margin:0;margin-top:-20px;
  padding:10px;text-align:left;width:100%;
  font: normal 17px DOTUM;font-weight:bold;
  color: #555;border-radius:5px;
} 

#logo a {
  border: none;
  background: none;
  text-decoration: none;
  color: #C5E8FF;
}

/* Search */

#sidebar #search {
  height: 60px !important;
  padding:0;
}

#sidebar #search_form{height:50px;background:#000;padding:20px;width:90%;margin:-10px;;
}

#sidebar #search fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

#sidebar .text-box {
border:none;float:left;
width: 65% !important;
padding:10px 0;}

#sidebar .button {display:block;width:30% !important;
background-color:#444;float:right;background:#ff1200 !important;
color:#fff;
padding:10px 0px;
border:none;
}

#banner {
  margin-bottom: 20px;
  border: 12px #ECECEC solid;
}

/* Menu */

#menu {
 height:50px;
  margin: 0;position:absolute;top:0;right:0;
  padding: 0;z-index:10000;
}

#menu ul {
  margin: 0;
  padding: 0px 0px 0px 0px;
  list-style: none;
}

#menu li {float:right;margin-top:1px;
}

#menu a {
  display: block;min-width:50px;
  height: 28px;
  font-family: Agency FB;
  text-decoration: none;
  text-align: center;padding:10px;margin-left:10px;font-weight:normal;
  font-size: 20px;padding-right:10px;overflow:hidden;line-height:28px;
  border: none;transition: all 0.5s ease-in-out;color:#fff;
}

#menu a:hover, #menu .current_page_item a:hover {background:#111}

#menu .current_page_item a {
  padding-left: 0;width:0px;height:0px;margin:0;padding:0;
  color:transparent;
}

/* Ad */
#ad {
  width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  height: 15px;
  overflow: hidden;
  float: right;
}

#ad #google-ad {
  width: 728px;
  margin: 0 0px 0 248px;
}

/* Page */

#page {
  width: 1000px;
  margin: 0 auto;
  padding:0;
margin-top:200px;background:#fff;}


/* Content */

#content {width:66%;
  float: left;margin:0 auto;
  padding:20px;background:#fff;border-right:3px solid #f4f4f4;
}

#content ol {
  list-style: decimal inside;
}



#content .no-link {
  color: #fff;
  text-decoration: none;
}

#content h3 {
  line-height: 2em;
}

#content #pagination_links {
  text-align: center;
  font-size: 22px;
}

.post {display:block;float:left;padding:0;background:#ebebeb;width:46%;margin:5px;height:390px;border:1px solid #666}
.post .thumbnail {position:relative;top:0;width:100% !important;height:152px !important;
margin:-227px 10px 70px 12px!important;box-shadow:2px 2px 2px;border:1px solid #000 !important;background:#fff;}

.post img {width:0px;height:0px;}

.post-single img {height:auto !important;width:auto !important;border:none !important;box-shadow:none !important}

.post-single {position:static;float:none;color:#000;background:#f0f0f0;border:1px solid #dadada;
  margin-bottom: 25px;padding:7px;border-radius:5px;height:auto;width:95%;
}
.post-single a {position:relative;color:#132fd8}

.post .title a {color:#017c1e;position:relative;}
.post .title {position:absolute;width:296px;font-size:16px;padding:5px;z-index:1;margin:180px 0 0 0;
color:#fff;}

.post .title a:hover {color:#000;text-decoration:none}

.post-bgtop {
}

.post-bgbtm {

}

.post-single .title {position:relative;width:90%;
  color: #000;font-family: Agency FB;margin:0;
  border: none;font-weight:bold;font-size:28px;
}

.post-single .meta {position:relative;margin:0;padding:0;color:#444 !important;}

.post .meta {display:block;position:absolute;margin:0 auto;
  padding: 10px;margin-top:357px;
  font-size: 14px;z-index:1;
  font-weight: normal;
  color: #cbcbcb;
  font-family: Arial Narrow;
}


.post-single .meta {position:static;margin:0;}

.meta .categories {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

.meta .categories a {
  color: inherit;
  font-weight: bold;
}

.post .meta .date {
  float: left;
}

.post .meta .posted {
  float: right;
}

.post .meta a {
}

.post-single .entry:before {content:none !important;}

.post .entry:before {content: " ";display:block;position:relative;top:0;height:152px !important;
margin:15px 10px 70px 12px!important;box-shadow:2px 2px 2px;border:1px solid #000 !important;background: url(http://demokaze.xtgem.com/images/thumbnailnull.png);background-size: 100% 100%;}

.post .entry {position:relative;
height:340px;font-size:14px;padding:6px;
overflow:hidden;text-align: justify;margin:-10pxpx 0 0 0;}

.post-single .entry {
  padding: 25px 0px 0px 0px;
  text-align: justify;height:auto;
}



.links {position:absolute;bottom:0;text-align:left;display:block;width:100%;padding:0;background:#ebebeb;
}
.links a {color:green !important;}
.more {
  padding-left: 16px;color:#e20b00;
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
}

#comments {
margin-top:10px;width:95%;
padding:10px;
}
#comments h3 {background:#13c691;text-align:center;color:#fff !important;;
}
#comments h4 {
padding:4px;
margin:0;color:#fff;
text-align:left;
background:#13c691;
}
#comments h4 a {color:#fff;font-size:30px;}


.comment {border:1px solid #c3c3c3;
margin:10px 0px 10px 10px;
background:#fff;
}

.comment p {
padding: 10px;
margin:5px;color:#3a3a3a;
}

#following_list h3 a,#blogroll_list h3 a {color:#000 !important;

}
#following_list ol,#blogroll_list ol {
}
#following_list ol li,#blogroll_list ol li{
}

#share_buttons {background:#777;text-align:center;padding:10px;}

#share_buttons img {padding:0;margin:0 !important;box-shadow:none;border:none !important;}

/* Sidebar */

#sidebar {
  float: right;
  width: 29%;
  padding: 0px;
  color: #787878;background:#e6e6e6;
}

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

#sidebar li {padding:10px;
  margin: 0;margin:5px;margin-bottom:20px;background:#fff;
}

#sidebar li ul {
  margin: 0px 0px;
  padding-bottom: 20px;
}

#sidebar li li {
  line-height: 25px;
  margin: 0px;
  padding: 2px 0px;
  border-left: none;
}

#sidebar li li span a {
  color: #132fd8;
}

#sidebar h3 {display:block;width:100%;background:#000;margin:0 auto;padding:10px;margin-top:-10px;margin-left:-15px;padding-left:20px;  font-size: 24px;text-align:center;border-bottom:1px solid #444;
  color: #fff;
}

#sidebar p {
  margin: 0 0px;
  padding: 0px 0px 30px 0px;
  text-align: justify;
}

#sidebar p strong {
  color: #4A3E29;
}

#sidebar a {color:#132fd8;
  border: none;
}

#sidebar a:hover {
}

#sidebar .text-box {
  border: 1px solid #6E8D3D;
  width: 200px;
}

#sidebar .button {
  background-color: #6E8D3D;
  width: 50px;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
  padding: 20px;
}

#calendar table {
  width: 100%;
}

#calendar tbody td {
  text-align: center;
}

#calendar #next {
  text-align: right;
}

/* Footer */

#footer-content {
  width: 100%;
  min-height:220px;
  margin: 0 auto;
  padding:0;
  background:#343434;border-radius: 0 0 10px 10px;border-top:10px solid #535353;
  font-size: 12px;
  color: #fff;
}

#footer-content h3 {
  margin: 0px;
  padding: 0px;
}



#footer-content .column1 {
  width:350px;float:left;
  height: 200px;padding:10px;
  overflow: hidden;font-size:14px;background:#252525;
}

#footer-content .column2 {
  float: left;
  width: 273px;margin-left:5px;;
  height: 200px;background:#252525;padding:10px;
  overflow: hidden;
}

#footer-content .column1 ul, #footer-content .column2 ul {
}

#footer-content h3 {
  padding-bottom: 10px;
  font-size: 20px;
  color: #fff;
}


#footer-content strong {
  color: #fff;
}

#footer-content a {
  color: #fff;
}

#footer-content a:hover {
  color: #999;
}

.list li {
  margin-bottom: 6px;
}

#footer {
  height: 50px;background:#252525;height:190px;
  margin: 0 auto;margin-top:-220px;width:311px;float:right;
  padding:15px;
  font-family: Arial, Helvetica, sans-serif;
}

#footer p {
  margin: 0;padding-right:20px;
  line-height: normal;
  font-size: 12px;
  text-align: right;
  color: #fff;
}
#footer p+p:after {content:"Redesign by @mat_parawali matparawali.mywapblog.com";font-size:14px;}

#footer a {
  text-decoration: underline;
  color: #fff;
}

.inp-text {text-align:left;width:300px;height:30px;
  
}
.inp-textarea {
  width: 400px;text-align:left;
  height: 150px;
}

.inp-btn {background:#2fd2a2;border:none;padding:10px;color:#fff}

#pagination_links
{
  font-size: 18px;
  text-align: left;margin-left:120px;
}
#pagination_links span
{
  padding: 11px;
  position:relative;color:#fff;
  margin-top: 2px;background:#3ceab7;
}
#pagination_links a
{
  padding: 8px;
  background: #13c691;
  color: #fff;padding:11px;margin-bottom:10px;
  display: inline-block;
  margin-top: 2px;
  text-decoration: none;
}
#pagination_links a:hover
{
  background:#000;
}
.messages, .highlight
{
  border: 1px solid ;
  margin: 10px 0px;
  padding: 15px 10px 15px 15px;
}
#comments .messages
{
  color: #D8000C;
  border-color: #D8000C;
  background-color: #FFBABA;
  list-style: none;
}
.highlight
{
  color: #9F6000;
  border-color: #9F6000;
  background-color: #FEEFB3;
  text-align: center;
}

#sidebar li h5 {display:block;width:700px;height:125px;padding:0;
position:absolute;top:0;right:0;margin-top:50px;margin-right:-35px;
}
#sidebar li h5 img {display:block;margin:0 auto;height:110px;}
#sidebar li h5 img:hover {content: url(https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-xpa1/t1.0-9/10481170_784090424944764_8038874252760514955_n.jpg);
background-size: 100% 100%;width:620px;height:115px;margin-right:40px;
}