/*  
Theme Name: IndoMagz
Theme URI: http://www.magznetwork.com/
Description: Simple Magazine Style Wordpress Theme.
Version: 1.0
Author: BlackQuanta
Author URI: http://ustadz.net/

	IndoMagz v1.0
	http://www.magznetwork.com/

	This theme was designed and built by BlackQuanta,
	whose blog you will find at http://www.magznetwork.com/ and http://ustadz.net/ 

	PLEASE DONT REMOVE CREDIT LINKBACK. DONATE $25 TO REMOVE IT

*/

body { 	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background:#999999 ;margin: 30px 0;padding: 0; line-height: 170%;
}
a, a:visited {color:#036DA7;text-decoration:underline;}
a:hover {text-decoration: none; color:#FF0000;}
img {border: none;}
p {padding: 5px 0px;margin: 0px;}
h1, h2 {color: #000;margin: 0px;border-bottom: 1px solid #000000;font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;padding-bottom: 3px; margin-bottom:10px;}
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;}
h3 {font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;color: #222222;margin: 10px 0px 5px; font-weight:bold; }
h4 {font: normal 130%/100% "Trebuchet MS", Tahoma, 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;}

#page {margin: 0px auto; padding: 20px 20px 20px 20px; width: 910px; background: #ffffff; overflow:hidden;}
#content-wrapper {padding: 20px 0px 20px 0px; background: #ffffff; overflow:hidden;}
#content {float: left;width: 468px;overflow: hidden;}
#sidebar-wrapper {margin:0px 0px 0px 20px; float:left; width: 421px;background: #ffffff; overflow:hidden; }
#sidebar-ads { margin:0px 0px 20px 0px; padding:10px 5px 10px 5px; width: 409px; background: #E2FFD9; border: 1px solid #69CB4B; text-align:center; float:left;}
#sidebar1-ads { margin:0px 0px 20px 0px; padding:10px 5px 10px 5px; width: 409px; background: #E2FFD9; border: 1px solid #69CB4B; text-align:center; float:left;}
#sidebar1 {padding: 0px 0px 10px 0px;float: left; width: 200px;overflow: hidden; }
#sidebar2 {padding: 0px 0px 10px 0px;float: right; width: 200px;overflow: hidden;}
#footer {background: #ECF3F8; border: 1px solid #b0c4de; margin: 0px;padding: 10px;text-align:center;}

#header {overflow: hidden; margin-bottom:10px; font-size:13px;}
#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 ul {margin: 0px;padding: 0px; text-align:right;}
#header li {display: inline;list-style-type: none;margin: 0px 0px 0px 10px;padding-left: 20px; background:url(images/rss.gif) no-repeat; }
#headerleft {width: 600px;float: left;margin: 0px;overflow:hidden;}
#headerright {width: 300px;float: right;margin: 0px;text-align: right;overflow:hidden;}
#atasleft {width: 488px;float: left;margin: 0px;overflow:hidden;}
#atasright {width: 412px;float: right;margin: 0px;overflow:hidden;}
#headerimg {background: #ffffff url(images/header.jpg)no-repeat;height: 150px;color: #000000;overflow: hidden; margin-bottom:20px;}

#navbar {background: #ECF3F8;font-size: 12px;font-family: Arial, Tahoma, Verdana;color: #444;font-weight: bold;overflow: hidden;padding: 8px 0px;border: 1px solid #b0c4de;  }
#navbar a, #navbar a:visited {color: #444;font-size: 10px;text-decoration: none;text-transform: uppercase;}
#navbar a:hover {color: #FF0000;text-decoration: none;}
#navbar ul {margin: 0px;padding: 0px; text-align:center }
#navbar li {display: inline;list-style-type: none;margin: 0px;padding: 0px;}
#navbar ul li a, #navbar ul li a:visited {font-size: 12px;font-family: Arial, Tahoma, Verdana;color: #444;margin: 0px;padding: 8px;font-weight: bold;text-decoration: none;text-transform: uppercase;}
#navbar ul li a:hover {color: #FF0000;text-decoration: none;}

/*search form */
#searchform {margin: 0px 0px 5px 10px; text-align:right;}
#searchform br {display: none;}
#searchform #s {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"] */
#searchform input {	background: #09182A;border: none;width: 30px;height: 20px;font: bold 12px Arial, Helvetica, sans-serif;color: #FFFFFF;vertical-align: middle; cursor:pointer;}

.post {padding: 10px 0px 10px 0px;}
.entry {padding: 5px 0px; text-align:justify;}
.postmeta { font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333333; margin:0px; padding:0px; }
.postmeta a, .postmeta a:visited {text-decoration:none; }
	
.home {padding:0px;margin:0px;}
.home h3 {text-transform:uppercase;font: bold 12px Arial, Helvetica, sans-serif; padding:0px; margin:0px 0px 10px 0px;}
.home-featured {padding:10px; background: #eee; border: 1px solid #ccc; color: #444; margin-bottom:10px; text-align:justify;}
.home-left {float:left; width:222px; margin:10px 0px;}
.home-right {float:right; width:222px;margin:10px 0px;}

.post-thumbpic {width:222px; margin: 5px 0px 0px 0px; }
.post-thumbpic img {width:200px; margin-bottom:5px;}
.post-thumbpic a img, .post-thumbpic a:visited img {display:block; padding:10px; background: #eee; border: 1px solid #ccc; color: #444; }
.post-thumbpic a:hover img {background: #FFCFCF; border: 1px solid #f00; }
.post-thumbpic h2 { font:bold 12px Arial, Helvetica, sans-serif; border:none; }

.post-thumb {width:147px; margin: 5px 13px 0px 0px; }
.post-thumbr {width:147px; margin: 5px 0px 0px 0px; }
.post-thumb img, .post-thumbr img {width:125px; margin-bottom:5px;}
.post-thumb a img, .post-thumb a:visited img, .post-thumbr a img, .post-thumbr a:visited img {display:block; padding:10px; background: #eee; border: 1px solid #ccc; color: #444; }
.post-thumb a:hover img, .post-thumbr a:hover img {background: #FFCFCF; border: 1px solid #f00; }
.post-thumb h2, .post-thumbr h2 { font:bold 12px Arial, Helvetica, sans-serif; border:none; }

.navigation {clear: both;padding: 5px 0px;text-align: center;}
.navigation a { text-decoration:none;}
.previous-entries {float: left;width: 200px;text-align: left;}
.next-entries {float: right;width: 200px;text-align: right;}

#comments, #respond {font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;margin: 10px 0px 5px;border-bottom: 1px dotted #CCCCCC;padding: 10px 0 5px 0;}
.commentlist {margin: 10px 0px;padding-left: 0px;line-height: 130%;}
.commentlist a { text-decoration:none;}
.commentlist li{padding: 10px 10px; margin:10px 0px; list-style:none; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#eee; }
.commentlist cite {font-weight: bold;font-style: normal;font-size: 120%;}
.commentlist cite a, .commentlist cite a:visited {}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
.commentcount {float:right;text-align:right; width: 40px; font-style:italic; font-size: 20px; color: #005B8E; padding:0; margin:0; line-height:1.0em;}

#commentform {margin:0; padding:0;}
#commentform a { text-decoration:none;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform label{font: 100% Arial, Helvetica, sans-serif;color: #000;}
#commentform input{font: 110% Arial, Helvetica, sans-serif;width: 98%;border:1px solid #ccc; background-color:#eee; padding: 3px;margin-top: 3px;}
#commentform textarea{font: 110% Arial, Helvetica, sans-serif;width: 98%;height: 115px;border:1px solid #ccc; background-color:#eee; padding: 3px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit{background: #eee;font: bold 12px Arial, Helvetica, sans-serif;border: none;float:left;width: 144px;height: 28px;cursor: pointer;}

#sidebar-ads ul {padding:0px; margin:0px; list-style-type:none; }
#sidebar-ads li {display:inline; padding:3px; margin:0px; text-align:center; }

#sidebar1 h2 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin-bottom:5px;padding: 8px; background: #FFFED1; border: 1px solid #E5E4A0; color: #4B4000; }
#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;}
#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;}

#sidebar2 h2 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin-bottom:5px;padding: 8px; background: #FFFED1; border: 1px solid #E5E4A0; color: #4B4000; }
#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;}

#footer p {color:  #444;font-size: 11px;font-family: Arial, Tahoma, Verdana;margin: 0px;padding: 0px;}
#footer a, #footer a:visited {color:  #444;text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* alignments */
.center {text-align: center;}
img.center, 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;}