/*
Theme Name: GMM
Theme URI: http://gmm.com/
Description: Theme of <a href="http://gmm.com/" title="Gerakan Memakmurkan Masjid">Gerakan Memakmurkan Masjid</a> was designed and built by <a href="http://yudi.ascalc.com/" title="AcropoLix">AcropoLix</a>.
Version: 1.0
Author: AcropoLix
Author URI: http://yudi.ascalc.com/
*/

body, table, p, div { font-family: verdana; font-size: 11px; }

body {
  color: #004400;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  background: #2b2400 url('images/bg.jpg') repeat fixed;
}

/*p { font-size: 12px; }*/

a { color: #008800; }

a:hover { color: #008800; text-decoration: underline !important; }

img { border: none; }

.center { text-align: center; }

.left { float: left; }

.right { float: right; }

input { 
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;    
}

blockquote {
  font-style: italic;
}

.author-bio {
  border: 1px solid green; 
  padding: 10px; 
  background-color: #C9FAB5;
  width: 100%; 
}
  
/* Layout */
#container {
  width: 900px;
  margin: auto;
  padding: 0 10px;
  background: transparent url('images/bg1.png');
}

#header {
  /*background: transparent url('images/bg2.png');*/
  clear: both;
}

#content {
  float: left;
  width: 570px;
  margin: 10px 0;
  padding: 10px;
  background: transparent url('images/bg2.png');
}

#sidebar {
  float: right;
  width: 300px;
  margin: 10px 0;
}

#footer {
  height: 100px;
  background: transparent url('images/bg2.png');
  clear: both;
}


/* Header */
.banner { 
  height: 110px;
  text-align: center;
  background: transparent url('images/banner.png') no-repeat;
}

.banner h1 {
  color: #005f00;
  position: relative;
  top: 35px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2em;
  margin: 0;
  padding-bottom: 10px;
}

.banner h1 span {
  font-size: 0.7em;
  font-weight: normal;
}

.banner h1 a {
  color: #005f00;
  text-decoration: none;
  background: none;
}

ul.topmenu {
  width: 100%;
  height: 26px;
  text-align: center;
  list-style: none;
  margin: 1px auto 0 auto;
  padding: 0;
  background: #006600;
}

ul.topmenu li a,
ul.topmenu ul li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0.1em;
  padding: 3px 4px;
  white-space: nowrap;
}

ul.topmenu a:link, 
ul.topmenu a:visited { color: #efede8; }

ul.topmenu a:hover, 
ul.topmenu a:active { color: #004800; background: #ebeae7; }

ul.topmenu li { 
  float: left;
  position: relative;
  text-align: left;
  margin: 0 8px;
  padding: 3px 8px;
}

ul.topmenu a:link, 
ul.topmenu a:visited {
  display: block;
  color: #efede8;
  text-decoration: none;
}

ul.topmenu a:hover, 
ul.topmenu a:active { color: #004800; background: #ebeae7; }

ul.topmenu ul {
  position: absolute;
  left: 0;
  display: none;
  list-style: none inside;
  margin: 0;
  padding: 0;
  padding-top: 3px;
  background: #006600;
}

ul.topmenu ul li {
  float: none;
  padding: 2px 6px;
  margin: 0;
  margin-bottom: 1px;
  border: 1px solid white;
}

ul.topmenu li > ul { top: auto; left: auto; }

ul.topmenu li:hover ul { display: block; }

.formsearch { height: 18px; }
#searchform div { margin-top: 15px; }
#s { width: 200px; }

ul.topmenu li input#s { color: #335534; width: 90px; height: 14px; }

ul.topmenu li input#searchsubmit { display: none; }

li.test221:hover ul.test222, 
li.test221:hover ul.test222 li { display: block; } 

ul.test222 li { display: none;}

/* Content */
#content { font-size: 12px; }

h1.title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.8em;
  margin: 0;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #335534;
  border-top: 2px solid #335534;
}

h2.title {
  font-size: 1.4em;
  margin: 0;
  margin-bottom: 2px;
  padding: 0;
}

h3.title {
  color: #edede7;
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding: 4px;
  background: #006600;
}

.front {
  margin: 0;
  border-bottom: 1px dotted #335534;
}

.front:last-child { background: none; }

.front a {
  font-size: 1em;
  text-decoration: none;
  padding: 1px;
}

.front .shot {
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 10px;
}

.front .entry p { margin: 0; margin-bottom: 10px; padding: 0; }

.entry { line-height: 1.6em; }

.front p.postmetadata { border: none; }

p.postmetadata {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.9em;
  margin: 4px 0;
  padding: 6px 0;
  border-bottom: 1px solid #335534;
}

p.postmetadata a { text-decoration: none; }

p.postmetadata img { vertical-align: middle; }

p.breadcrumbs { margin: 0; padding: 0; }

p.breadcrumbs a {
  font-family : Arial, sans-serif;
	font-weight : normal;
	font-size: 0.8em;
	text-decoration: none;
	text-transform : uppercase;
}

.navigation {
	display: block;
	text-align: center;
	padding: 10px 0;
}

/* Comments */
#respond {
  margin-top: 40px;
}

#comments {
  margin: 30px 0 0 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #335534;
}

.commentlist {
  margin: 0;
  padding: 10px 0;
	border-bottom: 1px dotted #335534;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li ul li { font-size: 1em; }

.commentlist li {
  list-style: none;
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px solid green;
}

.commentlist li:last-child {
  border-bottom: 0px;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist a { text-decoration: none; }

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform input { width: 300px; }
#commentform textarea { width: 550px; }
	
/* Sidebar */
#sidebar ul {
  color: #008800;
  list-style: square;
  line-height: 1.4em;
  margin: 0;
  padding-left: 14px;
}

#sidebar a {
  font-size: 1em;
  text-decoration: none;
  padding: 0 2px;
}

.sidebar-search {
  float: left;
  width: 280px;
  background: transparent url('images/bg2.png');
  clear: both;
}

.sidebar-top {
  float: left;
  width: 280px;
  background: transparent url('images/bg2.png');
  clear: both;
}

.sidebar-left {
  float: left;
  width: 145px;
}

.sidebar-right {
  float: right;
  width: 145px;
}

.sidebar-middle {
  width: 125px;
  margin-top: 10px;
  background: transparent url('images/bg2.png');
}

.sidebar-bottom, 
.sidebar-top {
  float: left;
  width: 280px;
  margin-top: 10px;
  background: transparent url('images/bg2.png');
  clear: both;
}

.sidebar-search,
.sidebar-top,
.sidebar-middle,
.sidebar-bottom {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.sidebar-search h3,
.sidebar-top h3,
.sidebar-middle h3,
.sidebar-bottom h3 {
  color: #edede7;
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 4px;
  padding: 4px;
  background: #006600;
}

.sidebar-bottom h3 a {
  color: #edede7;
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 4px;
  padding: 4px;
}

/* Waktu Shalat */
#shalat { padding: 4px 0; }

#shalat p {
  height: 19px;
  margin: 0;
  padding: 0;
  border-top: 1px dotted #005f00;
  white-space: nowrap;
  clear: both;
}

#shalat p:last-child { border: none; }

#shalat p strong {
  float: left;
  width: 48px;
  font-size: 0.75em;
  font-weight: normal;
  text-transform: uppercase;
  padding: 2px 3px;
}

#shalat p span {
  float: left;
  width: 58px;
  font-size: 0.9em;
  margin-left: 1px;
  padding: 2px 3px;
}

#shalat p em {
  display: block;
  font-size: 0.9em;
  margin-top: 4px;
  padding-top: 2px;
  border-top: 1px solid #005f00;
}

/* Footer */
ul.bottommenu {
  width: 100%;
  height: 26px;
  text-align: center;
  list-style: none;
  margin: 1px auto 0 auto;
  padding: 0;
  background: #006600;
}

ul.bottommenu li a,
ul.bottommenu ul li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0.1em;
  padding: 3px 4px;
  white-space: nowrap;
}

ul.bottommenu a:link, 
ul.bottommenu a:visited { color: #efede8; }

ul.bottommenu a:hover, 
ul.bottommenu a:active { color: #004800; background: #ebeae7; }

ul.bottommenu li { 
  float: left;
  position: relative;
  text-align: left;
  margin: 0 12px;
  padding: 3px 8px;
}

ul.bottommenu a:link, 
ul.bottommenu a:visited {
  display: block;
  color: #efede8;
  text-decoration: none;
}

ul.bottommenu a:hover, 
ul.bottommenu a:active { color: #004800; background: #ebeae7; }

ul.bottommenu ul {
  position: absolute;
  left: 0;
  display: none;
  list-style: none inside;
  margin: 0;
  padding: 0;
  padding-top: 3px;
  background: #006600;
}

ul.bottommenu ul li {
  float: none;
  padding: 2px 6px;
  margin: 0;
  margin-bottom: 1px;
  border: 1px solid white;
}

ul.bottommenu li > ul { top: auto; left: auto; }

ul.bottommenu li:hover ul { display: block; }


#footer .left {
  float: left;
  width: 48%;
  text-align: left;
  margin-top: 10px;
  padding-left: 10px;
}

#footer .right {
  float: right;
  width: 48%;
  text-align: right;
  margin-top: 10px;
  padding-right: 10px;
}

.debug {
  border: 1px solid red;
}

.md5-signature { width: 100%; padding: 5px; }
.md5-signature td { border-bottom: 1px solid green; }
.md5-signature tr:hover { background-color: #E4F3F5; }
.md5-signature th { background-color: #CFE5C6; width: 100%; }
.md5-signature { margin: 0px; padding: 0px; }

.deklarasi img { width: 200px; height: 270px; padding: 10px; border: 1px solid green; margin: 10px;}

.info { border: 1px solid green; background-color: #CDEFC3; padding: 10px; margin-top: 10px; }
.info h3 {border-bottom: 1px groove #006600; padding-bottom: 5px;}
.info p {line-height: 1.5em; margin: 5px; }

#content-daftar-masjid {
  width: 570px;
  margin: 10px 0;
  padding: 10px;
  background: transparent url('images/bg2.png');
  float:left;
}
#content-daftar-masjid #list-masjid { width: 570px;}
#content-daftar-masjid #list-masjid tr:first-child,
#content-daftar-masjid #list-masjid tr:first-child:hover { background-color: #006600; color: white; cursor: pointer; }
#content-daftar-masjid #list-masjid th,
#content-daftar-masjid #list-masjid td { padding: 5px;}
#content-daftar-masjid #list-masjid td { border-bottom: 1px solid green;}
#content-daftar-masjid #list-masjid tr:hover { background-color: #D6F1D8; }

#content-daftar-masjid #main-category { margin-bottom:20px; }
#content-daftar-masjid #main-category th { text-align: right; padding-right: 20px; }

#content-form-masjid { float: left; width: 570px; background: transparent url('images/bg2.png'); padding: 10px; margin: 10px 0px; }
#content-form-masjid table { margin: 10px; border: 1px solid green; padding: 5px; width: 550px; }
#content-form-masjid tr { height: 30px; }
#content-form-masjid table tr:first-child { }
#content-form-masjid th { background-color: #006600; color: white; }
#content-form-masjid td { vertical-align: top; white-space: nowrap; }
#content-form-masjid tr:hover { background-color: #EFFFED; }
#content-form-masjid div.tr-bottom { border-top: 1px dashed green; padding-top: 15px; text-align: center; white-space: normal; margin-top: 10px; }
#content-form-masjid div.tr-bottom div:first-child { float: left; }
#content-form-masjid div.tr-bottom div:last-child { float: right; }
#content-form-masjid span.contoh { color: grey; padding-right: 15px; }
#content-form-masjid div.tr-bottom img { cursor: pointer; }

#dir-masjid { width: 570px; float:left; padding: 10px; } 
#dir-masjid img { width: 90px; height: 90px; border: 1px solid green; padding: 5px; margin: 30px 10px 10px 10px;}
#dir-masjid .image { text-align: center; }
#dir-masjid table { margin: 20px 10px; text-align: left; max-width: 570px;}
#dir-masjid td { text-align: left; width: 280px; vertical-align: top; }
#dir-masjid td.semi-colon { text-align: center; width: 10px; font-weight: bold; vertical-align: top; }
#dir-masjid th { text-align: right; padding-right: 10px; width: 280px; vertical-align: top; }
#dir-masjid td ul { margin: 0px; padding: 0px; list-style: none; }
#dir-masjid td ul li { height: 25px; }
#dir-masjid h3 { border-bottom: 1px solid green; margin: 0px; padding: 10px 0px; }
#dir-masjid td span { color: blue; font-weight: bold; }
#dir-masjid tr { height: 25px; }  

#tab-info-masjid { text-align: center; border-bottom: 1px solid green; padding: 5px; margin: 50px 5px 5px 5px;}
#tab-info-masjid ul,
#tab-info-masjid ul li { display: inline; margin: 0px; height: 30px; padding: 5px; }
#tab-info-masjid li { border-right: 1px solid green; border-top: 1px solid green; cursor: pointer; }
#tab-info-masjid li:hover { font-weight: bold; }
#tab-info-masjid li:first-child { border-left: 1px solid #006600; }
#tab-info-masjid .tab-active { border: 1px solid #006600; background-color: #006600; color: white; font-weight: bold; }

#main-content-masjid-info {text-align: center; background: transparent url('images/bg2.png');}

.warning {border: 1px solid red; padding: 5px; background-color: #FFE0DD; margin: 10px 0px;}
.warning h3 {border-bottom: 1px groove red; padding-bottom: 5px;}

.visitor-hits {}

.announcement p { text-align: justify; white-space: normal;}
/*.info {border: 1px solid blue; padding: 5px; background-color: #F6EDFF; margin: 10px 0px;}*/

.table-post td {
  vertical-align: top;
  border-bottom: 1px solid grey;
  padding: 5px;
}

.table-post thead th {
  background-color: #006600;
  color: #EDEDED;
  padding: 5px;
}

div.tab {
  margin: 15px 0px 5px 0px;
  height: 33px;
  border-top: 1px solid #006600;
  background-color: #006600;
}

div.tab ul {
  margin: 0px;
  padding: 13px 0 0 0;
  margin-left: 20px;
}

div.tab ul li {
  list-style: none;
  display: inline;
  padding: 5px 15px;
  cursor: pointer;
  color: white;
}

div.tab ul li.active,
div.tab ul li.active:hover {
  background-color: white;
  font-weight: bold;
  border: 2px solid white;
  color: black;
}

div.tab ul li:hover {
  background-color: #DDDDDD;
  border: 2px solid #DDDDDD;
  color: black;
}

div.lm {
  background-color: white;
  padding: 10px;
}

div.lm select,
div.lm input {
  padding: 3px;
}

.hidden {display: none;}

.info { margin-top: 20px; margin-bottom: 20px;}

.custom-image, .wp-caption {
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 10px;
  padding: 10px;
  text-align: center;
}


/* DAMN SEXY BOOKMARK */