/*
Theme Name: AinaGC-BIG
Description: Description: editan
Version: 1.5
*/

/* ------------------------------------------- START Reset CSS ------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}
.clearfix {
	clear:both
}


/* ------------------------------------------- START GLOBAL CSS ------------------------------------------- */

a {text-decoration:none}
a:link {text-decoration:none}
a:visited {}
a:hover {text-decoration:underline}
a:focus {outline:none}
h1 { font-size: 25px; }
h2 { font-size: 22px; }
h3 { font-size: 19px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }
p {margin:10px 0}
p img {padding:0;max-width:100%;}
.container {width:1000px; margin:0 auto;}
.alignleft{float:left}
.alignright{float:right}
.aligncenter,div.aligncenter{display:block;margin:0 auto;text-align:center;}
img.alignleft{margin:5px 15px 10px 0;}
img.alignright{margin:5px 0 10px 10px}
img.aligncenter{margin:10px auto}
.wp-caption{text-align:center;border-bottom:1px solid #DADADA;background-color:#fff;padding-top:5px;margin-bottom:10px !important;max-width:100%;}
.wp-caption img{max-width:100%;}
.wp-caption p.wp-caption-text{font-size:12px;line-height:18px;padding:0 4px 5px;margin:0;}

/* ------------------------------------------- START WordPress Core CSS ------------------------------------------- */


/* ------------------------------------------- START Layout CSS ------------------------------------------- */

body {background:#22b4d8;font:14px Verdana,Arial,Helvetica,sans-serif; color:#474747;}

#wrap {width:1020px; margin:0 auto; background:#fff}
#main {float:left; width:980px; padding:20px; }
#content {float:left; width:655px;margin-right:25px;}
#sidebar {float:right; width:300px}

/* ------------------------------------------- START Header CSS ------------------------------------------- */


/* ------------------------------------------- START POST CSS ------------------------------------------- */

.post {border-bottom:1px solid #efefef; padding:10px 0; overflow:hidden;}
.post h2{font-size:22px; line-height:30px; margin-bottom:15px;}
.post h2 a:hover {text-decoration:none}
.post:first-child{border-top:1px solid #efefef;}
.post .thumb {float:left; width:200px; height:180px; display:block; margin-right:15px;}
.post p {margin:0; line-height:22px;}

/* ------------------------------------------- START Entry CSS ------------------------------------------- */

.entry {}
.entry img {max-width:655px;}
.entry p {line-height:24px;}
.entry blockquote {margin: 20px 20px;	padding: 0 30px 0 20px;	overflow: hidden;border-left: 10px solid #F7F7F7;}
.entry ul, .entry ol {margin:15px 0 25px 3em}
.entry ul li {line-height:22px;}
.entry ul ol {line-height:22px;}


.entry ol {list-style-type:decimal;}
.entry ul {list-style-type: square;}
.arp ul {list-style-type: none;}


.entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul {margin:0 0 0 20px;}
h1.stitle {color:#4b7eaf; font-size:25px; line-height:25px; margin:20px 0;}
.entry h2, .entry h3, .entry h4 {margin:25px 0 15px}
.entry table {
  width: 100%;
  border: 1px solid #e9e9e9;
  margin: 1.0em 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.entry table th {
  padding: 6px 3px;
  background: #eee;
  border: 1px solid #e9e9e9;
  text-shadow: 1px 1px #fff;
}
.entry table td {
  padding: 6px 10px 3px 10px;
  border: 1px solid #e9e9e9;
}

.entry .ads {margin-bottom:10px;max-width:336px;display:block}
.entry .ads span {font-size:11px; margin-bottom:5px; text-align:left; display:block}
.reviewsnip{background:#efefef; font-size:11px; padding:5px 10px; float:left;}

/* ------------------------------------------- START Share CSS ------------------------------------------- */

.social-container{margin:15px 0;width:100%;}
.SocialCustomMenu {margin:0;}
.SocialCustomMenu span {display:inline;padding:5px;text-decoration:none;font-size:0.95em;}
.SocialCustomMenu a, SocialCustomMenu a:visited{display:inline;padding:5px;color:white!important;text-decoration:none;font-size:0.95em;}
.sTwitter{background-color:#7cd5fd;}
.sFacebook{background-color:#45619d;}
.sGoogleplus{background-color:#af291d;}
.sPinterest{background-color:#cb2027;}
.share_text{background:#efefef;color:#333 !important}



/* ------------------------------------------- START Related CSS ------------------------------------------- */

.related_posts {width:100%; font-size:12px; margin-top:20px}
.related_posts .thumb{float:left; width:70px; height:60px; margin-right:10px; overflow:hidden; }
.related_posts h3{background:#efefef; font-size:13px; padding:4px 10px;}
.related_posts ul{margin:10px 0;}
.related_posts ul li {padding:1%; width:98%; display:inline-block; overflow:hidden; margin-bottom:5px; border:1px solid #efefef;}
.related_posts h4{font-size:13px; margin-bottom:5px;}
.related_posts p {margin:0}
.related_posts .relatedcontent {float:left; overflow:hidden; }


/* ------------------------------------------- START Sidebar CSS ------------------------------------------- */

#sidebar h3.title  {height:26px; border-bottom:3px solid #ddd;line-height:26px; font-size:13px; text-transform:capitalize; }
#sidebar h3.title span  {padding:5px 5px 5px 10px; color:#ffffff; }
#sidebar .widget{margin-bottom:15px;}
#sidebar .widget .inner{}
#sidebar .widget ul {padding:5px 0 0 0;}
#sidebar .widget ul li {padding:4px 4px 4px 4px;;border-bottom:1px solid #efefef;}
#sidebar table {width:100%; font-size:90%; border:1px solid #efefef;border-bottom:none; border-right:none; }
#sidebar table td {padding: 2px 3px; border-right:1px solid #efefef;border-bottom:1px solid #efefef;}
#sidebar .widget_ads {margin:5px 0;max-width:300px;}
#sidebar .sosmed {}
#sidebar .sosmed .twitter{background: #DBECF4;border:1px solid #DCDCDC;border-bottom:none;}
#sidebar .sosmed .fb{background: #ECEEF5;border:1px solid #DCDCDC;border-bottom:none;}
#sidebar .sosmed .gplusone{background: #f6ece9;border:1px solid #DCDCDC;}
#sidebar .twitter, #sidebar .fb, #sidebar .gplusone{padding: 10px 0 10px 10px;}


/* ------------------------------------------- START Footer CSS ------------------------------------------- */

#footer {width:100%;background:#F2F2F2;border-top:1px solid #e2e2e2;font-size:12px;}
#footer .inner {float:left;padding:5px 15px}
#footer .copyright {float:left; color:#666; width:490px;}
#footer .copyright a{color:#666}
#footer .menu {float:right; width:480px; }
#footer .menu ul {}
#footer .menu ul li {float:right;border-left:1px solid #ccc;padding:0 10px;}
#footer .menu ul li:last-child {border:none}
#footer .menu ul li a{line-height:15px;   font-weight: bold;text-transform:capitalize; color:#666}
#footer .menu ul li a:hover{text-decoration:none; color:#666}

/* ------------------------------------------- START Menu CSS ------------------------------------------- */

nav select{display:none;border:2px solid #1a7db7;padding:3px;}
#mainmenu {width:100%;margin-right:auto; margin-left:auto;height:35px; line-height:35px;font-family:Arial,Helvetica,Sans-serif;font-size:.88em;font-weight:bold;border-top:3px solid #dfdfdf;border-bottom:3px solid #dfdfdf;}
#mainmenu ul {height:35px;overflow:hidden;}
#mainmenu ul li { float:left;}
#mainmenu ul li a{color:#ffffff; border-right:1px solid #ffffff; padding:0 12px;height:32px; line-height:32px;font-weight: bold;text-transform:uppercase}
#mainmenu ul li a:hover  {text-decoration: none; color:#999;}

#footer-menu {}

/* ------------------------------------------- START Comments CSS ------------------------------------------- */

/* ------------------------------------------- START Pagenavi CSS ------------------------------------------- */

.Nav {font-size:12px;width:100%;margin:20px 0}
.Nav a{border:1px solid #ddd;color:#000 !important;background:#f9f9f9 url(http://2.bp.blogspot.com/-1dVa0y3gutE/UbI91jbdtNI/AAAAAAAAARU/cAVJAyBCg2A/s1600/nav.png) left center repeat-x;background-position: 0px -66.5px;padding:6px}
.Nav a:visited{border:1px solid #ccc;background:#f9f9f9 url(http://2.bp.blogspot.com/-1dVa0y3gutE/UbI91jbdtNI/AAAAAAAAARU/cAVJAyBCg2A/s1600/nav.png) left center repeat-x;background-position: 0px -66.5px;}
.Nav a:hover{background:#f9f9f9;text-decoration:none}
.Nav span{background:#f9f9f9 url(http://2.bp.blogspot.com/-1dVa0y3gutE/UbI91jbdtNI/AAAAAAAAARU/cAVJAyBCg2A/s1600/nav.png) left center repeat-x;background-position: 0px -66.5px;border:1px solid #ccc;margin-right:3px;padding:6px 5px}
.Nav .on{background:#f9f9f9;border:1px solid #ccc;padding:6px}


/* ------------------------------------------- START Other CSS ------------------------------------------- */

h3.reply-title {background:#efefef; font-size:13px; padding:5px 10px;}
.breadcrumbs {background:#ECEEF5; width:635px; font-size:11px; padding:2px 10px; text-transform:capitalize; font-weight:normal; }
.tanggal {font-size:11px; padding:2px 2px; text-transform:capitalize; font-weight:bold; }


/* ------------------------------------------- START Responsive CSS ------------------------------------------- */

@media only screen and ( max-width: 769px ) {
img,video,object {
  max-width: 100%;
}
#wrap {width:96%}
#main {padding:0}
#main {width:96%; padding:2%}
#mainmenu, #footer {width:100%}
#content {margin:0}
#content {width:60%; margin-right:2%}
#content img {max-width:100%}
#sidebar {width:38%}
.breadcrumbs, .wp-caption {width:95%}
.sosmed, .widget_ads {display:none}
}

@media only screen and ( max-width: 600px ) {
img,video,object {
  max-width: 100%;
}
#wrap, #main {width:100%}
#main{padding:0}
#mainmenu, .entry, .wp-caption, #footer .copyright, #footer .menu {width:100%}
#footer .menu ul li{float:left; border-right:1px solid #ccc; border-left:none}
#footer .menu ul li:first-child{float:left; border-right:1px solid #ccc; border-left:none; padding-left:0}
#sidebar, #content, #footer, .breadcrumbs {width:96%; padding:0 2%; margin:0; }
.breadcrumbs {margin-top:10px}
.related_posts ul li {width:96%; padding:2%}
}
@media (max-width:479px){
nav ul{display:none;}
nav select{display:inline-block;width:100%; height:25px; margin:5px 0; overflow:hidden;background:#EFEFEF;float:none;font-size:13px;}
.sosmed, #fb-comments  {display:none}
}

/* Widget: Search */

#searchform input {
	width: 86%;
	padding: 6px 6px 6px 30px;
	font-size: 13px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background:#FFF url(style/images/search.png) no-repeat -3px -35px;
	color: #CFCFCF;
}

#searchform input:focus{
	color:#444;
	background:#FFF url(styles/images/search.png) no-repeat -3px -3px;
}

#searchform input:focus{
	color:#444;
}

#relatedimgnyaspp dt{
float: left;
display: block;
padding: 10px; }


.inset-text-effect {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 1018px;
  height: 90px;
  margin: auto;
  overflow: hidden;
  border: none;
  font: normal 50px/91px "Aladin", Helvetica, sans-serif;
 color: #1a7db7;
  text-align: center;
  text-transform: normal;
  text-indent: 3px;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  white-space: pre;
  background: url("http://enjoycss.com/bg-img/default/9_1.png");
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  text-shadow: 1px 1px 0 rgba(140,140,140,0.6) , -1px -1px 1px rgba(0,0,0,0.67) ;
}