/*  
Theme Name: Indomagz
Theme URI: http://www.magznetwork.com/
Description: Simple, clean, and customizable. Designed by <a href="http://ustadz.net/">Agus MU</a>. Supports are available at <a href="http://www.magznetwork.com/forum/">MagzNetwork Forum</a>.
Version: 2.0
Author: MagzNetwork
Author URI: http://www.magznetwork.com/
*/

body { 	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background:#505050 ;margin: 20px 0;padding: 0; line-height: 170%; text-align:center;}
a, a:visited {color:#2583CA;text-decoration:underline;}
a:hover {text-decoration: none; color:#FF0000;}
img {border: none;}
p {padding: 0px 0px 5px 0px;margin: 0px;}
h1, h2 {	font: bold 16px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000;
	padding: 10px 0px 10px 10px;
	margin: 0px;
	border: 1px solid #EEE;
	margin: 0px 0px 5px 0px;
	background: #fff url("images/h2bg.jpg") left bottom repeat-x;}
h1 a, h1 a:visited, h2 a, h2 a:visited{color: #000;text-decoration: none;}
h1 a:hover, h2 a:hover {color: #043FA0;text-decoration: none;}
h4 {font: normal 130%/100% Arial, Tahoma, Verdana, Arial;color: #222222;margin: 10px 0px 5px; font-weight:bold; }
h3 a, h3 a:visited, h4 a, h4 a:visited {text-decoration:none;}
form {margin:0px;padding:0px;}
.blockquote2 {padding:0 0 0 10px;margin:5px 0px 5px 20px; color:#000;border-left: 5px solid #b0c4de; line-height: 120%;}
blockquote {padding: 10px 10px; margin:10px 0px 10px 0px; list-style:none; border:1px solid #f00; background-color:#FFCFCF; }
ul{list-style:square;padding:0px; margin:0px 0px 0px 0px;}
ol{padding:0px; margin:0px 0px 0px 10px; }
li{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
table, tr, td {font-size:11px;}
.widget { display:block; }

#page {margin: 0px auto; padding: 20px 20px 20px 20px; width: 1010px; background: #505050; overflow:hidden; text-align:left;}
#content-wrapper {clear:both; padding: 0px; background: #505050; overflow:hidden;}
#content {margin:10px 0px 0px 0px; padding: 10px; float: left;width: 626px;overflow: hidden; background-color:#FFF;}
#sidebar-wrapper {margin:10px 0px 0px 10px; float:left; width: 331px;background: #A8957E; overflow:hidden; padding: 10px; }
#sidebar-wrapper a, #sidebar-wrapper a:link, #sidebar-wrapper a:visited {color: #fff; text-decoration:none;}
#sidebar-wrapper a:hover {text-decoration: underline;}
#subscribe-wrapper {margin: 10px 0px 0px 10px; padding: 10px; float: left; width: 331px; background-color: #fff; overflow:hidden;}
#subscribe-box {clear: both; padding: 10px; background:fff; overflow:hidden; border: 1px solid #EEEEEE;}
#sidebar1 {padding: 0px 0px 0px 0px;float: left; width: 160px;overflow: hidden; }
#sidebar2 {padding: 0px 0px 0px 0px;float: right; width: 160px;overflow: hidden; }
#section-top {clear:both; padding: 10px 0px 0px 0px; background: #ffffff; overflow:hidden; margin: 0px 0px 0px 0px; }
#section-bottom {clear:both; padding: 10px; background: #ffffff; overflow:hidden; margin: 10px 0px 10px 0px; border-top:5px solid #D5CBBF;}
#footer {clear:both; background: #fff; border-top: 5px solid #D5CBBF; margin: 10px 0px; padding: 8px 10px; text-align:center;overflow:hidden; color:  #444;font-size: 11px;font-family: Arial, Tahoma, Verdana; padding-top: 8px !important; padding-top: 4px;}

#header {overflow: hidden; font-size:13px; height:90px; display:block; }
#header h1 {border:none;font: bold 20px Arial, Tahoma, Verdana;padding:0px; margin:0px;}
#header h1 a, #navbar h1 a:visited {}
#header a, #header a:visited { text-decoration:none;}
#header p {padding: 0px;margin: 0px;}
#header .rsswidget {margin: 0px;padding: 0px; text-align:right;}
#header .rss {float:right;list-style-type: none;margin: 0px 0px 0px 10px;padding-left: 20px; background:url(images/rss.gif) no-repeat; }
#headerleft {width: 670px;float: left;margin: 0px;overflow:hidden;}
#headerright {width: 300px;float: right;margin: 0px;text-align: right;overflow:hidden;}
#headerimg {background: #F7F7F7 url(images/header.jpg) no-repeat;height: 120px;color: #000000;overflow: hidden; margin:15px 0px 0px 0px; }
#headerimg a {display:block; height:120px; }

#top1 {margin:10px 0px 0px 0px; padding-left:10px; background: #F7F7F7 ; border: 1px solid #ccc;}
#top2 {margin:10px 0px 0px 0px; padding:10px; text-align:center; background: #F7F7F7; border: 1px solid #ccc;}

#topmenu {margin:10px 0px 0px 0px; padding:8px 10px; text-align:center; background: #F7F7F7; border: 1px solid #ccc;}
#topmenu ul {margin:0px; padding:0px; }
#topmenu li {margin:0px 10px; padding:0px;display: inline;list-style-type: none; text-transform:uppercase; font-weight:bold; }
#topmenu li a {text-decoration:none;}

#navbar {background: #B73126;width: 988px; color: #fff;margin: 0px 0px 0px 0px; padding: 10px;}
#navbar a {color: #fff; font-size: 12px;font-weight: bold;text-transform: uppercase;margin: 0px 10px 0px 0px; text-decoration: none;}
#navbar a:hover {color: #FFFFFF;text-decoration:underline;margin: 0px 10px 0px 0px;}
#navbar span {margin-left: 25px;}

#nav {margin: 0px 0px 0px 15px;padding: 0px;list-style: none;}
#nav ul {margin: 0px;padding: 0px;list-style: none;}
#nav li.current_page_item a, #nav li.current-cat a { background: #666666;color: #FFFFFF; }
#nav li {float: left;margin: 0px;padding: 0px;}
#nav li li {float: left;margin: 0px;padding: 0px;width: 200px;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #F7F7F7;color: #000000; width: 200px;float: none;margin: 0px;padding: 8px 10px 8px 10px;border-top: 1px solid #666666;}
#nav li li a:hover, #nav li li a:active {background: #666666;color: #FFFFFF;padding: 8px 10px 8px 10px; 	}
#nav li ul {position: absolute;width: 10em;left: -999em; z-index:10;}
#nav li:hover ul {left: auto;display: block;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#searchform3 {margin: 0px;padding: 0px;overflow: hidden;}
#searchbox3 {background: #F7F7F7;width: 140px;color: #202020;font-size: 11px;font-family: Arial, Tahoma, Verdana;padding: 3px;margin: 0px 5px 7px 0px;border-top: 1px solid #666666;border-right: 1px solid #DDDDDD;border-left: 1px solid #666666;border-bottom: 1px solid #DDDDDD;display: inline;height: 13px;}
.searchformbutton3 {margin:0;padding:0;border:0;vertical-align: top;}

#subscribeform {margin: 0px; }
#subscribeform br {display: none;}
#subscribeform #s2 {width: 202px;height: 15px;padding: 4px 5px 4px 5px;background: #fff;margin-right: 10px;color: #333;font: bold 12px Arial, Helvetica, sans-serif; border:1px solid #ddd;}
#subscribeform input {background: #fff; width: 80px;height: 25px;font: bold 12px Arial, Helvetica, sans-serif;color: #333;vertical-align: middle; cursor:pointer; border:1px solid #ddd;}

#searchform {margin: 0px; }
#searchform br {display: none;}
#searchform #s {width: 202px;height: 15px;padding: 4px 5px 4px 5px;background: #fff;margin-right: 10px;color: #000000;font: bold 12px Arial, Helvetica, sans-serif; border:1px solid #000;}
#searchform input {	background: #b0c4de;border: none;width: 80px;height: 25px;font: bold 12px Arial, Helvetica, sans-serif;color: #000;vertical-align: middle; cursor:pointer; border:1px solid #000;}

/*search form */
#searchformtop {margin: 0px 0px 5px 10px; text-align:right;}
#searchformtop br {display: none;}
#searchformtop #stop {width: 200px;height: 12px;padding: 4px 5px 4px 5px;background: #fff;margin-right: 2px;color: #000000;font: bold 12px Arial, Helvetica, sans-serif; border:1px solid #000;}
/* search form button - to specify button only use input[type="submit"] */
#searchformtop input {	background: #09182A;border: none;width: 30px;height: 20px;font: bold 12px Arial, Helvetica, sans-serif;color: #FFFFFF;vertical-align: middle; cursor:pointer;}

#content .post, #content .breadcrumb {width:626px; float:left; display:block; color: #444; margin:0px; text-align:left; clear:both; margin-bottom:10px; overflow:hidden;}
#content .breadcrumb a {text-decoration:none;}
.entry {padding: 10px 10px 0 10px; text-align:left; font-size: 12px; line-height: 1.5em; border: 1px solid #eee; background: #fff url("images/entrybg.jpg") top left repeat-x;}
.entry p{margin-bottom: 1.5em;}
.postinfo {color: #999999; font-size: 10px;}	
#content .postbox { padding:5px 10px; background: #F7F7F7; border: 1px solid #ccc; margin-bottom:10px; width:636px; }
#content .postbox h1, #content .postbox h2 { margin: 5px 0px 10px 0px; padding:0; border: none;}

#content .widget h3, #content .headtitle, #content h1.headtitle  {text-transform:uppercase;border-bottom:1px solid #ccc; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 5px 0px 8px 0px; }
#content .headtitle2 {text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 5px 0px 5px 0px; }
#content .headtitle a, #content .headtitle a:visited {color:#2583CA;text-decoration:none;}
#content .headtitle a:hover {text-decoration: none; color:#FF0000;}

#content .postmeta { clear:both; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#999999; margin:0px; padding:5px 0px 0px 11px; }
#content .postmeta a, #content .postmeta a:visited {text-decoration:none;color:#999999;  }
#content .postmeta a:hover {text-decoration:underline;color:#333333;  }

#content li a, #content .post li a, #content .widget li a {text-decoration:none;}
.post-tag {color: #999;}
.post-category {color: #999;}
.post-comment {color: #999;}
.post-calendar {color: #999;}
.post-author {color: #999;}
.post-edit {color: #999;}
.post-nav {clear: both; margin:10px 0px; padding: 10px; border: 1px solid #eee;}
.post-nav a, .post-nav a:visited {text-decoration: none;}
.post-nav .previous a {float: left;padding-left: 20px;background: url(images/left.gif) no-repeat left center;}
.post-nav .next a {float: right;padding-right: 20px;text-align: right;background: url(images/right.gif) no-repeat right center;}

#content .navigation {clear: both;padding: 0; margin:10px 0px;}
#content .navigation a { text-decoration:none;}

#commentleft {width:155px;float:left; margin-left: 11px;}
#commentright {width:448px;float:right; }
#comments, #respond {margin: 10px 0px 0px 0px;clear:both;text-transform:none;padding: 10px;}
#commentform {margin-top: 10px;font: 110% Arial, Helvetica, sans-serif;}
#commentform label, #commentform label small{font-weight: normal;color:#000;font-size: 100%;}
#commentform label span{font-weight: normal;}
#commentform input{width: 150px;background:#F7F7F7;border: 1px solid #ccc;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 430px;height: 135px;background:#F7F7F7;border: 1px solid #ccc;padding: 2px;margin-top: 3px;}
#commentform .submitbutton {width: auto;padding: 4px 12px;font: bold 12px Arial, Helvetica, sans-serif;background: #F7F7F7;border: 1px solid #ccc;}
#commentform .submitbutton:hover {background: #000;color: #fff;cursor:pointer;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #fff;}

#commentbox .commentlist {list-style:none;margin:0px 0px 15px;padding:0px;line-height: 130%;clear: both;}
#commentbox .commentlist p{margin: 10px 0px;}
#commentbox .commentlist li{margin: 10px 7px;padding:0px 0px 10px;background: url(images/thumb-hr.gif) no-repeat center bottom;}
#commentbox .gravatar {background-color : #D5CBBF; margin-top: 3px;padding: 5px;float:left; border: 1px solid #91816E;}
#commentbox .gravatar-author {background-color : #fff; margin-top: 3px;padding: 5px;float:left; border: 1px solid #91816E;}
#commentbox .gravatar img, #commentbox .gravatar-author img {border:solid 1px #a8957e;background-color: #FFFFFF; padding:0px; margin:0px;}
#commentbox .comment-entry {width: 440px;float:right;position:relative;}
#commentbox .comment-number {color: #D8D8D8;font-size: 20px;float:right;position: absolute;top: 5px;right: 5px;}
#commentbox .comment-number a {color: #D8D8D8;text-decoration: none;}
#commentbox .comment-number a:hover {color: #999999;text-decoration: none;}
#commentbox .commentlist span {font-weight: bold;}
#commentbox .commentlist span a, #commentbox .commentlist span a:visited{text-decoration:none;}
#commentbox .commentlist span a:hover{text-decoration:none;}
#commentbox a {text-decoration: none;}

#sidebar-wrapper .sidebartop { margin:0px 0px 10px 0px; padding:10px; width: 309px; background: #fff; border: 1px solid #91816e; float:left;}
#sidebar-wrapper .sidebartop  h3 {text-transform:uppercase;border-bottom:1px solid #666; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 0px 0px 8px 2px; }
#sidebar-wrapper .sidebartop ul{padding: 0;margin: 0;}
#sidebar-wrapper .sidebartop ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; background:none;}
#sidebar-wrapper .sidebartop a, #sidebar-wrapper .sidebartop ul li a, #sidebar-wrapper .sidebartop ul li a:visited{text-decoration:none; color: #333;}
#sidebar-wrapper .sidebartop a:hover, #sidebar-wrapper .sidebartop ul li a:hover{color:#FF0000; text-decoration:none;}
#sidebar-wrapper .sidebartop ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar-wrapper .widget_calendar td {padding: 0px 12px;}

#sidebar1 h3 {text-transform:uppercase;border-bottom:1px solid #91816E; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 4px 0px 8px 5px; color: #333; width:160px;}
#sidebar1 ul {padding: 0;margin: 0; list-style-type:none;}
#sidebar1 ul li{margin: 0px 0px 10px 0px; }
#sidebar1 ul li ul{padding: 0;margin: 0;}
#sidebar1 ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; background:none;}
#sidebar1 ul li ul li a, #sidebar1 ul li ul li a:visited{text-decoration:none;}
#sidebar1 ul li ul li a:hover{color:#FF0000; text-decoration:none;}
#sidebar1 ul li ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar1 select { border:1px solid #D8D8D8; padding:4px; width:157px; font: normal 11px Arial, Helvetica, sans-serif;}
#sidebar1 .widget_calendar td {padding: 0px;}

#sidebar2 h3 {text-transform:uppercase;border-bottom:1px solid #91816E; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 4px 0px 8px 5px; width: 160px; }
#sidebar2 ul {padding: 0;margin: 0; list-style-type:none;}
#sidebar2 ul li{margin: 0px 0px 10px 0px;}
#sidebar2 ul li ul{padding: 0;margin: 0;}
#sidebar2 ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar2 ul li ul li a, #sidebar2 ul li ul li a:visited{text-decoration:none;}
#sidebar2 ul li ul li a:hover{color:#FF0000; text-decoration:none;}
#sidebar2 ul li ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar2 select { border:1px solid #D8D8D8; padding:4px; width:157px; font: normal 11px Arial, Helvetica, sans-serif;}
#sidebar2 .widget_calendar td {padding: 0px;}

.section4-left {float:left; width:200px; overflow:hidden;}
.section4-right {float:right; width:200px; overflow:hidden;}
.separator4 {margin-right:24px;}
#section-top .widget, #section-bottom .widget {margin-bottom:10px;}
#section-top h3, #section-bottom h3 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 4px 0px 8px 0px; }
#section-top select, #section-bottom select { border:1px solid #D8D8D8; padding:4px; width:197px; font: normal 11px Arial, Helvetica, sans-serif;}
#section-top ul, #section-bottom ul{list-style:none;padding:0px;margin:0px 0px 5px;}
#section-top  li, #section-bottom  li{border-bottom: #ccc 1px dotted;line-height: 130%;list-style:none;padding: 0;margin: 0;}
#section-top  li a, #section-bottom  li a{text-decoration: none;padding: 4px 0px 4px 2px;display:block;}
#section-top  li a:visited, #section-bottom  li a:visited {text-decoration: none;}
#section-top  li a:hover, #section-bottom  li a:hover{text-decoration: none;background-color:#F7F7F7;color:#FF0000;}

#footer a, #footer a:visited {color:  #444;text-decoration: none;}
#footer a:hover {text-decoration: underline;}

.content2-left {float:left; width:255px; overflow:hidden;margin-bottom:5px;}
.content2-right {float:right; width:255px; overflow:hidden;margin-bottom:5px;}
.postbox .content2-right {float:right; width:235px; overflow:hidden;margin-bottom:5px;}
.content3-left {float:left; width:163px; overflow:hidden; margin-bottom:5px;}
.content3-right {float:right; width:163px; overflow:hidden;margin-bottom:5px;}
.content3-separator {margin-right:20px;}
.hseparator {margin-top:10px;}

.thumbleft {	float: left;width: 70px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbright {float: right;width: 175px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbleft p, .thumbright p {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbleft img, .thumbright img {margin: 5px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbmeta {	clear: both;font-size: 11px;padding: 0px 0px 5px 0px;margin: 0px 0px 10px 0px;border-bottom: 1px dotted #C0C0C0;font-weight: bold;}

.content2-left h2.magz-gallery-title, .content2-right h2.magz-gallery-title, .content3-left h2.magz-gallery-title, .content3-right h2.magz-gallery-title {text-transform:uppercase;border:none; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:5px 0px 5px 1px;padding: 0; }

.content2-left a.crop-foto, .content2-right a.crop-foto  {display:block;overflow:hidden;position:relative; width: 251px;height: 156px; padding: 0; margin:0; border:2px solid #999999;}
.content2-left a.crop-foto img,.content2-right a.crop-foto img {display:block;position:absolute; width: 245px;height: 150px; padding: 0; margin:3px;}
.content2-left a.crop-foto:hover, .content2-right a.crop-foto:hover {border:10px solid #999999;width: 235px;height: 140px;}
.content2-left a.crop-foto:hover img, .content2-right a.crop-foto:hover img {margin:-5px 0 0 -5px;}

.content3-left a.crop-foto, .content3-right a.crop-foto  {display:block;overflow:hidden;position:relative; width: 158px;height: 116px; padding: 0; margin:0; border:2px solid #999999;}
.content3-left a.crop-foto img,.content3-right a.crop-foto img {display:block;position:absolute; width: 153px;height: 110px; padding: 0; margin:3px;}
.content3-left a.crop-foto:hover, .content3-right a.crop-foto:hover {border:10px solid #999999;width: 143px;height: 100px;}
.content3-left a.crop-foto:hover img, .content3-right a.crop-foto:hover img {margin:-5px 0 0 -5px;}

/* alignments */
.center {text-align: center;}
img.aligncenter, img[align="center"] {display: block;margin-left: auto;margin-right: auto; }
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;height:0px;}

pre{background:#F7F7F7;border:1px solid #D5D5D5;line-height:100%;overflow:auto;padding:10px; font-size:100%;}
pre code{font-family:"Courier New", Courier, monospace;}
code{font-family:"Courier New", Courier, monospace;font-size:100%;}
pre:hover {border:1px solid #000;}

#searchbox { float:right; width: 219px; height: 24px; background: url(images/s.gif) no-repeat; margin:35px 11px 0 0; }
#searchbox #s { float: left; margin: 0 0 0 6px; border: 0; width: 160px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 6px 8px 0 0; width:12px; height:13px; border: none; }