/*
Theme Name: Magnet
Theme URL: http://wordpress.com
Description: Magnet Free WordPress Themes
Author: Apriyanto
Author URI: http://wordpress.com
Version: 1.0
Tags: 1-column-ready, 2-column-ready, black-red-white, widget-ready, adsense-themes
*/

body{color:#333;font-size:12px;font-family:Arial,Tahoma,Verdana;background-color:#fff;margin:0;padding:0}
a,a:link, a:visited, a:focus, a:hover, a:active{color:#2C64B4;text-decoration:none;outline:none}
a:hover { text-decoration:underline;}
.null { clear:both; float:none;}
pre {overflow:auto; padding:10px; max-height:100px;}
address { font-style:italic;}
blockquote {border-left:2px solid #ccc; padding-left:10px;}

.batas {width:960px;overflow:hidden;margin:auto}
.batasa {width:960px;overflow:hidden;margin:auto}
.batasc {width:960px;background:#1D2A5B;border:1px solid #f1f1f1;;overflow:hidden;margin:0 auto;background-color:#ffffff;font-family:Roboto, Arial, Helvetica, sans-serif;font-weight:400}

.menu {width:100%;overflow:hidden;background:#1D2A5B;height:34px;border-bottom:5px solid #3B5998;}
.isimenu {margin:0;padding:0;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:15px;}
.isimenu ul,.isimenu li{float:left;list-style:none;margin:0;padding:0}
.isimenu li a, .isimenu li a:link, .isimenu li a:visited {color:#9d9d9d;display:block;font-weight:400;margin:0;padding:9px 15px 8px}
.isimenu li a:hover, .isimenu li a:active {color:#fff;text-decoration:none;background:#545252;margin:0;padding:9px 15px 8px}

.breadcrumb {width:100%;overflow:hidden;background:#7FAAFF;margin:0;padding:0}
.isibreadcrumb {width:960px;height:24px;color:#333;background:#7FAAFF;margin:0;padding:0}

.textbreadcrumb {font-size:11px;margin:0;padding:5px 15px 3px}
.textbreadcrumb a,.textbreadcrumb a:link,.textbreadcrumb a:visited {color:#333}
.textbreadcrumb a:hover,.textbreadcrumb a:active {color:#DD4B39}
.style={max-width:970px; float:none;margin:10px 0 10px 0;text-align:center;}
.topimages {background-color:#f1f1f1;padding-top:5px;padding-bottom:5px;padding-left:10px;margin:0 auto 5px;}
.topads {align:center;width:728px;  margin:5px 10px 10px 0;}
.thumb {float:right;text-align:left;}
.thumb img {border:1px solid #ccc; margin-right:5px; padding:5px; width:77px; height:90px;}

.content {line-height: 5px;margin: 1px  1px 1px; padding: 0;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {line-height:25px;color:#333;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:700;margin:0 0 5px;padding:10px 0 0;}

.content h1 {font-size:18px;}
.content h2 {font-size:18px;}
.content h3 {font-size:18px;}
.content h4 {font-size:16px;}
.content h5 {font-size:16px;}
.content h6 {font-size:16px;}

.content img.wp-smiley, .content img.wp-wink {float:none;border:none;margin:0;padding:0}
.content p {margin:0;padding:0 0 10px;text-align:justify;}

.content ul, .content ol {margin:0; margin-left:15px; padding:0 0 10px; line-height:22px;}
.content ul li, .content ol li  {margin:0 0 0 20px;padding:0}
.content ul li ul, .content ol li ol {margin:0;padding:0;}
.content ul li ul {list-style-type:disc;}

.content img { max-width:588px; height:auto; margin:auto;}

.wp-caption {text-align:center;max-width:588px;border:1px solid #ddd; padding-top: 4px; margin:5px 10px 10px 0;-moz-border-radius: 3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:10px;color:#000000;}
.wp-caption p {text-align:center;margin:0;margin-bottom:5px;text-align:center;padding:3px;line-height:11px;}
.wp-caption img {padding:0; border:0 none; max-width:578px;}
.wp-caption-dd, .wp-caption-text {font-size:10px;}

.full-post {line-height:18px;margin:0;padding:0}
.full-isipost {width:920px;border:1px solid #f1f1f1;margin:0 0 10px;padding:5px 10px 10px}
.full-isiposta {width:920px;border:1px solid #f1f1f1;margin:0 0 10px;padding:5px 10px 10px}

.post {max-width:600px; width: 98%;line-height:18px;float:left;margin:0;padding:0}
.isipost {max-width:590px; width: 98%; float:left;border:1px solid #f1f1f1;margin:0 0 10px;padding:5px 5px 5px}
.posthumb img {float:left; width:100px; height:80px; margin-right:5px; margin-top:5px; border:1px solid #ccc; padding:4px;}

.date {color:#666;margin-bottom:5px;font-size:11px;padding:0 0 5px 2px}
.date a,.date a:link,.date a:visited,.date a:active {color:#333}
.date a:hover {color:#DD4B39}

.sidebar{float:right;max-width:320px; width: 98%; display:inline;margin:2px; 2px; 2px; 2px; padding:2px; 2px; 2px; 2px; 2px;}
.sidebar h2 {color:#000;font-size:11px;text-transform:uppercase;background:#E5EBF5;margin:0 0 10px;padding:0 0 0 7px; border-bottom:2px solid #E5EBF5;}
.sidebar p {margin:0;padding:0 0 0 45px}
.sidebar a {color:#000;}
.sidebar a:hover {color:#2C64B4;}
.sidebar ul, .sidebar ol, .sidebar ul li ul, sidebar ol li ol {list-style-type:none;margin:0;padding:0; line-height:16px;}
.sidebar ul li, .sidebar ol li {border-bottom: 1px dotted #EEEEEE;list-style-type: none;margin: 0 0 5px;padding: 0 0 5px 5px;}
.sidebar ul li ul li, .sidebar ol li ol li {margin:0; padding:0; padding-top:5px;}
.sidebar .children {border:none;}

#sidebar-kiri{background:#fff;float:left;width:155px;border:1px solid #ccc;display:inline;margin:0 0 10px;padding:20px 10px 20px}
#sidebar-kanan{background:#fff;float:right;text-align:center;width:115px;border:1px solid #ccc;display:inline;margin:0 0 10px;padding:10px 10px 5px}

.cat_col{width:99px;float:left;display:block;padding:0;margin:0 5px 0 0;overflow:hidden;}
.cat_col li{clear:left;display:block;padding:2px;margin:1px 0 0 0;width:99px;border-bottom:solid 1px #222;}
.cat_col2{width:97px;float:left;display:block;padding:0;margin:0 5px 0 0;overflow:hidden;}
.cat_col2 li{clear:left;display:block;padding:2px;margin:1px 0 0 0;width:97px;border-bottom:solid 1px #222;}
.randomimage{float:left;width:100px;margin-left:15px;margin-top:5px;}

.widget {float:left;max-width:300px; width: 99%; border:1px solid #f1f1f1;margin:0 0 10px;padding:10px}
.paijo{float:left;width:590px;border:1px solid #f1f1f1;margin:0 0 10px;padding:10px}

.footer {width:100%;overflow:hidden;text-align:left;font-size:12px;color:#fff;background:#1D2A5B;border-top-width:5px;border-top-style:solid;border-top-color:#3B5998}
.isifooter {width:100%;text-align:center;margin:0;padding:0}
.isifooter p {color:#fff;font-size:11px;font-family:Arial,Tahoma,Verdana;text-transform:capitalize;margin:0;padding:5px}
 
.pagenavi {max-width:590px; width: 98%; border:1px solid #f1f1f1;text-align:justify;float:left;font-size:11px;line-height:1.2em;margin:0 0 5px;padding:5px}
.older{ float:left; width:50%; text-align:left;}
.newer { float:right; width:50%; text-align:right;}

.meta {max-width:590px; width:98%; border:1px solid #f1f1f1;text-align:justify;float:left;font-size:11px;line-height:1.2em;margin:0 0 10px;padding:5px}

.attachment {text-align:center;}
.attachment img {margin:2px; border:1px solid #ccc; padding:4px; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;max-width:800px;}
.save {font-size:9px;margin-top:10px; margin-bottom:10px;}

.gallery {text-align:center;padding-top:5px;}
.gallery img {margin:2px; border:1px solid #ccc; padding:4px; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;width:60px;height:60px;}
.gallery img:hover {opacity: 0.8;}

#author, #email, #url {width:250px;color:#333;font-size:12px;font-weight:400;display:inline;border:1px solid #BDC7D8;margin:5px 0 0;padding:3px 0 3px 5px}
#submit {color:#fff;font-size:11px;font-family:Arial, Tahoma, Verdana;font-weight:700;border:1px solid #F5E7E5;background:#2A2AFF;margin:0;padding:3px 3px 2px; cursor:pointer;}
#comment {color:#333;font-size:12px;font-weight:400;display:inline;border:1px solid #BDC7D8;margin:5px 0 0;padding:3px 0 3px 5px}
.comment-body {margin-bottom:15px;}
.children {border-left:2px solid #f1f1f1;}
.commentlist ol { margin-top:10px;}
.commentlist ol li {font-weight:400;list-style:none;margin:5px;padding:5px;}
.commentlist ol li ul li {font-size:10px;margin-left:15px; list-style-type:none;}
.commentlist ol li .avatar {float:right;border:1px solid #f1f1f1;margin-top:5px;margin-right:5px;margin-left:5px;padding:4px;}
.commentlist cite, .commentlist cite a {font-weight:700;font-style:normal;font-size:12px;color:#333}
.commentlist p, .comment-body p {font-size:12px;font-weight:400;line-height:18px;margin:5px 5px 5px 0;padding:0}
.commentmetadata {font-weight:400;font-size:10px;display:block;margin:0}
.reply {font-weight:400;font-size:10px;margin:0}
#commentform input {width:170px;margin:5px 5px 1px 0;padding:2px}
#commentform {margin:5px 10px 0 0}
#commentform textarea {width:96%;padding:5px}
#respond:after {content:".";display:block;height:0;clear:both;visibility:hidden}
#commentform p {margin:5px 0}
#commentform #submit {float:left;margin:0}

#searchform {margin:0;padding:0;overflow:hidden;display:inline;}
#searchbox {color:#000;margin:0;padding:4px 0 3px 5px;display:inline; font-size:11px;}
#searchbutton {padding:3px;margin: 0px 0px 0px 2px;border:1px solid #7F9DB9;cursor:pointer; font-size:11px;}


/*-------------------------------------------------------------- */
/* *******************     RESPONSIVE      ***********************/
/*-------------------------------------------------------------- */


@media screen and (max-width:960px) { 

body{color:#333;font-size:12px;font-family:Arial,Tahoma,Verdana;background-color:#fff;margin:0;padding:0}
a,a:link, a:visited, a:focus, a:hover, a:active{color:#2C64B4;text-decoration:none;outline:none}
a:hover { text-decoration:underline;}
.null { clear:both; float:none;}
pre {overflow:auto; padding:10px; max-height:100px;}
address { font-style:italic;}
blockquote {border-left:2px solid #ccc; padding-left:10px;padding-right:10px;}

.batas {max-width:960px; width: 98%; overflow:hidden;margin:auto}
.attachment {text-align:center;}
.attachment img {max-width: 900px;width: 80%; hight: auto; margin:2px; border:1px solid #ccc; padding:4px; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.save {font-size:9px;margin-top:10px; margin-bottom:10px;}
.style={max-width:970px; width: 100%; float:none;margin:10px 0 10px 0;text-align:center;}
.gallery {text-align:center;padding-top:5px;}
.gallery img {margin:2px; border:1px solid #ccc; padding:4px; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;width:60px;height:60px;}
.gallery img:hover {opacity: 0.8;}

/*attachment*/

.batasa {max-width:950px; width:95%;overflow:hidden;margin:0 auto}
.full-isiposta{max-width:950px;width:95%;border:1px solid #f1f1f1;margin:0 0 10px;padding:5px 10px 10px}
.isiposta {max-width:950px;width:95%;float:left;border:1px solid #f1f1f1;margin:0 0 10px;padding:5px 10px 10px}
.posthumb img {float:left; width:100px; height:80px; margin-right:5px; margin-top:5px; border:1px solid #ccc; padding:4px;}

}

/* Tablets ----------- */
@media only screen and (max-width: 768px) {

}

/* Mobile Phones ----------- */
@media only screen and (max-width: 480px) {
.batas {max-width:480px; width: 98%; overflow:hidden;margin:auto}
.batasc {display:none;} 
.attachment {text-align:center;}
.attachment img {max-width: 480px;width: 96%; hight: auto; margin:2px; border:1px solid #ccc; padding:4px; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.style={max-width:480px; width: 100%; float:none;margin:5px 0 5px 0;text-align:left;}
.gallery {text-align:center;padding-top:5px;}
.gallery img {margin:2px; border:1px solid #ccc; padding:4px; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;width:60px;height:60px;}
.gallery img:hover {opacity: 0.8;}

/*attachment*/

.batasa {max-width:480px; width:98%;overflow:hidden;margin:0 auto}
.full-isiposta{max-width:480px;width:98%;border:1px solid #f1f1f1;margin:0 0 10px;padding:5px 10px 10px}
.isiposta {max-width:480px;width:98%;float:left;border:1px solid #f1f1f1;margin:0 0 10px;padding:5px 10px 10px}
.posthumb img {float:left; width:100px; height:80px; margin-right:5px; margin-top:5px; border:1px solid #ccc; padding:4px;}


}