/*
Theme Name: Nusantara
Description: Nusantara Theme is designed for use by all wordpress user with drag and drop element, whether newbie or a professional who wants the ease of customization without the need for coding expertise. Nusantara Theme an elegant design flexibility of it's use and attractive. You can be free to be creative with 6 different responsive design homepage, color, header, font, CSS3 text-shadow, CSS3 box-shadow, rounded corner, page templates, unlimited slider effect, and much more. You can be free to customize the layout without having to open the theme file, reset button is also available if you want to go back to the default layout. Nusantara theme is perfect for all wordpress user and theme developer who wants create premium theme from the scratch.
Theme URI:
Author: Hendro Prayitno
Author URI: http://pahlawanweb.com
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, gray, blue, black, red, green, yellow, orange, dark, pink, tan, purple, brown, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, threaded-comments, custom-menu, custom-colors, editor-style, custom-background, custom-header, theme-options, translation-ready 
*/

/* ========================================================
  Reset CSS from eric meyers:
  http://meyerweb.com/eric/tools/css/reset/index.html
============================================================ */
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 
 {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
}
/* ==============================================================
 Simple grid responsive css 12 coloumn by Hendro Prayitno = me
================================================================= */
.row  {
	width: 100%;
	margin: 0 auto;	
}
.one {
	width:6.25%;
}
.two {
	width:14.583333333333334%;
}
.thre {
	width:22.916666666666664%;
}
.four {
	width:31.25%;
}
.five {
	width:39.58333333333333%;
}
.six {
	width:47.91666666666667%;
}
.seven {
	width:56.25%;
}
.eight {
	width:64.58333333333334%;
}
.nine {
	width:72.91666666666666%;
}
.ten {
	width:81.25%;
}
.eleven {
	width:89.58333333333334%;
}
.tweleve {
	width:97.91666666666666%;
}

.one,  
.two,  
.thre, 
.four,  
.five,  
.six,
.seven,  
.eight,  
.nine,  
.ten,  
.eleven,  
.twelve
 {
      display:inline;
      float:left;
      margin:0 1.0416666666666665%;
}

/* ========================================================
  Tinos like a cursive or what? 
============================================================ */
@font-face  {
    font-family: 'Tinos';
    src: url('font/Tinos.eot');
    src: url('font/Tinos.eot?#iefix') format('embedded-opentype'), 
         url('font/Tinos.woff') format('woff'), 
         url('font/Tinos.ttf') format('truetype'), 
         url('font/Tinos.svg#TinosRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ========================================================
 Global settings
============================================================ */
body  { 
        font-family: 'Tinos';	
        word-wrap:break-word;
        margin:0 auto;                		 
        border: 0;
        color: #111;
}
.flex0 #main-content,
.flex1 #main-content, 
.flex2 #main-content,
.flex3 #main-content,
.flex4 #main-content,
.flex5 #main-content,
.flex6 #main-content,
.flex7 #main-content,
.flex8 #main-content,
.flex9 #main-content,
.flex10 #main-content {
        background:#fff;
        }
.flex0{
        max-width:1140px;
}
.flex1{
        width:960px;
}
.flex2{
        width:900px;
}
.flex3{
        width:800px;
}
.flex4{
        width:750px;
}
.flex5{
        width:700px;
}
.flex6{
        width:680px;
}
.flex7{
        width:670px;
}
.flex8{
        width:550px;
}
.flex9{
        width:400px;
}
.flex10{
        width:320px;
}
.flex1,
.flex2,
.flex3,
.flex4,
.flex5,
.flex6,
.flex7,
.flex8,
.flex9,
.flex10{ 
        margin-top:15px;
        margin-bottom:20px;    
        box-shadow:0px 2px 2px #999;
}
.flex8 #header .site-title a,
.flex9 #header .site-title a,
.flex10 #header .site-title a{ 
        font-size:65%;
}

.flex9 .below .thre,
.flex10 .below .thre{ 
        width:auto;float:none;
}
.flex1 .intro-home h2{
        font-size:2em;
}
.flex2 .intro-home h2{
        font-size:1.8em;
}
.flex3 .intro-home h2,
.flex4 .intro-home h2,
.flex5 .intro-home h2{
        font-size:1.5em;
}
body:before, body:after {
	 content:"";
	 display:table;
}
body:after {
	 clear:both;
}
img, 
object, 
embed {
	max-width:100%;
}
img {
	height:auto;
}
ol, ul {
	list-style:none;
}
table th  {
	color: #222;
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding:10px;
}
table td {
	background: #f4f4f4;
	border: 1px solid #ccc;
	padding:10px;
}
table  {
	border-collapse: separate;
	border-spacing: 0;
	padding-top:15px;
	padding-bottom:10px;
}
article,  
aside,  
details,  
figcaption,  
figure, 
footer,  
header,  
hgroup,  
menu,  
nav,  
section  {
	display: block;
}
a {
	color:#777;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#41b7d8;
}
ol, ul {
	margin-bottom:7px;
}
dl  {
	margin: 0 1.625em;
}
dt  {
	font-weight: bold;
}
dd  {
	margin-bottom: 1.625em;
}
strong  {
	font-weight: bold;
}
cite,  
em,  
i  {
	font-style: italic;
}
blockquote  {
	font-family: Georgia,  "Bitstream Charter",  serif;
	font-style: italic;
        font-weight: normal;
	margin: 2em 2.2em;
	line-height:1.4em;
}
blockquote em,  
blockquote i,  
blockquote cite  {
	font-style: normal;
}
.testimonial blockquote {margin-top:30px;}
.testimonial img.testimonimg{margin-top:30px;}
blockquote cite  {
color: #666;
	font: 12px "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre  {
	background:#ffffe0;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
        font: 13px "Courier 10 Pitch",  Courier,  monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
	border-left:5px solid #298cba;
}
code,  
kbd  {
	font: 13px Monaco,  Consolas,  "Andale Mono",  "DejaVu Sans Mono",  monospace;
}
abbr,  
acronym,  
dfn  {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address  {
	display: block;
	margin: 0 0 1.625em;
}
ins  {
	background: #fff9c0;
	text-decoration: none;
}
sup, 
sub  {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup  {
	bottom: 1ex;
}
sub  {
	top: .5ex;
}
caption,  
th,  
td  {
	font-weight: normal;
	text-align: left;
}
blockquote:before, 
q:before {
	content:'"';
	font-size:4em;
        margin-right:5px;
	float:left;
	text-align:right;
}
blockquote,  q  {
	quotes: "" "";
}
a img  {
	border: 0;
}
p {
	margin-bottom:15px;
}
input,  
textarea  {
	background-color: #f5f5f5;
	margin: 5px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #333;
}
/* ==============================================================
 Home page configurations
================================================================= */
.intro {
	padding:10px;}
.intro-home2 p{font-size:1.1em;
        line-height:1.3em;padding:15px 10px;}
.intro-home2{background:#f9f9f9;                
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
        margin-bottom:30px;}
.side-home{padding:10px;
        margin-top:10px;
        margin-bottom:10px;
        background:url(images/f-bg.png);
        border:4px solid #eee;}
.side-home ul li{
        list-style:none inside;}
.side-home h3{
        font-size:1.2em;
        padding-bottom:10px;}
.regionimg,
.testimonimg{
        -webkit-transition-duration: 2s;	
	-moz-transition-duration: 2s;	
	-o-transition-duration: 2s;cursor:pointer}
.testimonial{
        background:#eee;
        padding:15px;
        border:4px solid #999;}
.testimonimg{       	
        border:2px solid #eee;
        border-radius:75px;
        width:140px;
        height:140px;}
.regionimg:hover{opacity:.6;border:7px solid #41b7d8;}
.testimonimg:hover{opacity:.6;}
.testimontitle{
        text-align:center;
        font-size:3em;
        line-height:1.3em;}
.regionimg{
        border:7px solid #eee;
        width:210px;
        height:148px;}
.call{
        margin-top:15px; 
}
a.butt {
        border-radius:25px;    
	font-size:18px;
	padding:10px 35px;}
a.tombol{        
        background-color:#b22222;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ed2e2e), to(#b22222));
	background-image:-webkit-linear-gradient(top, #ed2e2e, #b22222);
	background-image:-moz-linear-gradient(top, #ed2e2e, #b22222);
	background-image:-ms-linear-gradient(top, #ed2e2e, #b22222);
	background-image:-o-linear-gradient(top, #ed2e2e, #b22222);
	background-image:linear-gradient(top, #ed2e2e, #b22222);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ed2e2e, endColorstr=#b22222);	
	color:#fff;
	text-shadow:0 1px 0 #8e1b1b;}
a.tombol:hover{ 
background-color:#b22222;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#b22222), to(#b22222));
	background-image:-webkit-linear-gradient(top, #b22222, #b22222);
	background-image:-moz-linear-gradient(top, #b22222, #b22222);
	background-image:-ms-linear-gradient(top, #b22222, #b22222);
	background-image:-o-linear-gradient(top, #b22222, #b22222);
	background-image:linear-gradient(top, #b22222, #b22222);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b22222, endColorstr=#b22222);	
	color:#fff;
	text-shadow:0 1px 0 #8e1b1b;} 
.excerpt  {
        float:left;
        padding-right:8px;
        padding-left:15px;
	width:67.11111%;
        padding-bottom:20px;}
.excerpt4  {        
	width:100%;}
.excerpt4 .entry  {
        padding-right:15px;
        padding-left:15px;
        padding-bottom:20px;}
.one-column .excerpt4{
        width:auto;
        margin:0 0.65em;}
.one-column .excerpt4 .title-excerpt,
.one-column .excerpt4 .postmeta{
        padding-right:10px;
        padding-left:10px;}
.one-column .side-right{
        float:none;
        width:auto;
        margin:0 1em;}
.batavia-slide{
        line-height:1.5em;        
        margin-top:20px;}
#logo  {        
        margin:0;
	float: left;
	padding: 0 5px 0 15px;}
#logo img  {
	border: 0;
	padding: 5px 0;}
#logo h1  {
	margin: 5px;
	font-size:3.5em;}
.home-grid {
        float:left;
	width:30.25%;
        margin:0 15px;}
.grid3{        
        padding-top:15px;
        border:1px solid #999;        
        padding-right:10px;
        margin-bottom:20px;
        margin-top:20px;
        height:380px;
        overflow:auto;}
.grid3 h2{
        font-size:1.3em;
        text-align:center;
        margin-bottom:15px;}
.grid4{        
        padding-top:15px;
        box-shadow:1px 2px 2px #999;
        padding-right:10px;
        padding-left:15px;
        margin-bottom:20px;
        margin-top:20px;
        height:430px;
        overflow:auto;
        clear:both;}
.grid4 h2{
        font-size:1.3em;        
        margin-bottom:15px;}
.thumbnail-center{
        margin-top:15px;
        text-align:center;}
.grid3 .thumb-medium{
        width:220px;
        height:220px;}
.six .intro-home p{        
        margin-top:8px;
        line-height:1.5em;       
        font-size:1.1em;padding-bottom:10px;}
.intro-home h2{
        color:#41b7d8;
        font-size:1.9em;
        line-height:1.2em;}
.intro-home{
        padding:30px 20px 5px 20px;}
.border-landing2{
        box-shadow:2px 2px 2px #999;
        background:#fff;}

/* ========================================================
   Header and site title settings
============================================================ */
#head  {
        padding:10px 0;
	margin: 0 auto;
}
#header  {
        background:url(images/bg0.png);
        margin:0;
	padding:0;
}
.site-title {
	font-size:2.5em;
	margin:0;
        line-height:.75em;
	padding-left:15px;
        padding-bottom:10px;
}
.site-description {
	padding-left:15px;
        padding-top:0;
	margin-bottom:10px;
        margin-top:0;
}
.read-more {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-top:5px;
	padding:5px;
	border:1px solid #ccc;
	border-bottom-color:#aaa;
	border-radius:6px;
}
.read-more
 {
    background-color:#eaeaea;
    background-image:-webkit-gradient(linear,  left top,  left bottom,  from(#ffffff),  to(#eaeaea));	 
    background-image:-webkit-linear-gradient(top,  #ffffff,  #eaeaea);	 
    background-image:-moz-linear-gradient(top,  #ffffff,  #eaeaea);	 
    background-image:-ms-linear-gradient(top,  #ffffff,  #eaeaea);	 
    background-image:-o-linear-gradient(top,  #ffffff,  #eaeaea);	 
    background-image:linear-gradient(top,  #ffffff,  #eaeaea);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea);
}

/* ========================================================
 Sidebar and widgets settings
============================================================ */
.side-right  {
       width:29%;       
}
.side-right h3,.side-borneo h3 {
       font-size:23px;padding:10px;
}
.side-right {
	display:inline;
	float:left;
}
.side-right li{
	line-height:1.5em;border-bottom:1px solid #999;
        padding:7px 0;
}
.side-borneo li{
	line-height:1.3em;
        padding:7px 0;
}
.side-right ul {
	list-style: none;
	margin-left: 0;padding-left:10px;
}
.side-right ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.side-right select {
	max-width: 100%;
}
.cth{
      box-shadow:2px 4px 6px #999;      
      padding:8px;    
      }
.line {
	margin-bottom:1px;
        padding:2px 5px 8px 5px;
}
.line li{
        border-bottom:1px solid #999;	
        padding-bottom:7px;
        padding-top:7px;
        font-size:.95em;
}
.line h3 {
        font-size:22px;
        padding-bottom:8px;       	
        line-height:1.2em;
}
.below {
        color:#eeeeee;    
	background:#123456;        
	padding-top:15px;
	padding-bottom:10px;
}
.below h3 {
	font-size:1.16em;
        color:#ffffff;
}
.line-below {
	margin-bottom:10px;
        padding:10px 0 8px 5px;
}
.line-below li{
	padding-top:8px;
        padding-bottom:8px;
        border-bottom:1px solid #999;
}
.line-below a{color:#eeeeee;}
.line-below a:hover{color:#f00;}
.line-below h3 {
        padding-bottom:8px;       
        line-height:1.2em;
        
}
.line-ntt {
	margin-bottom:10px;
        padding:10px 0 8px 0;
}
.line-ntt li{
	border-bottom:1px solid #999;	
        padding-bottom:8px;
        padding-top:8px;
}

.line-ntt h3 {
        padding-bottom:8px;       	
        line-height:1.2em;
}

.line1 li {
        border-bottom:1px solid #eee;
	padding-left:10px;
        padding-bottom:8px;       
}
.line ul ul li,
.line1 ul ul li,
.line-ntt ul ul li,
.line-below ul ul li
       {
       border-bottom:none;
       list-style:inside square;
       padding-left:20px;}

.line1 {
	margin-bottom:20px;
	padding:0 20px 0 20px;
}
.line1 h3 {
        border-bottom:1px solid #eee;
	font-size:1.5em;
	line-height:1;
	padding-bottom:8px;
	padding-top:5px;
        padding-right:8px;
        padding-left:8px;
}
.centering {
	text-align:center;
}
.screen-reader-text  {
	display: none;
}
#searchform {
       margin:0;
	padding:0 20px 7px 0;	
	overflow: hidden;
}
#s:focus {
	background: #f9f9f9;	        
}
#searchsubmit  {
	background-color:#4682b4;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#5fb0f4), to(#4682b4));
	background-image:-webkit-linear-gradient(top, #5fb0f4, #4682b4);
	background-image:-moz-linear-gradient(top, #5fb0f4, #4682b4);
	background-image:-ms-linear-gradient(top, #5fb0f4, #4682b4);
	background-image:-o-linear-gradient(top, #5fb0f4, #4682b4);
	background-image:linear-gradient(top, #5fb0f4, #4682b4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5fb0f4, endColorstr=#4682b4);
	border-radius:5px; 
	color:#fff;
	text-shadow:0 1px 0 #386890;
	margin: 0;
	padding: 7px;
	font-size: 12px;
	cursor: pointer;
}
#searchsubmit:hover  {
	background-color:#4682b4;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#4682b4), to(#4682b4));
	background-image:-webkit-linear-gradient(top, #4682b4, #4682b4);
	background-image:-moz-linear-gradient(top, #4682b4, #4682b4);
	background-image:-ms-linear-gradient(top, #4682b4, #4682b4);
	background-image:-o-linear-gradient(top, #4682b4, #4682b4);
	background-image:linear-gradient(top, #4682b4, #4682b4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4682b4, endColorstr=#4682b4);	
	color:#fff;
	text-shadow:0 1px 0 #386890;
}
input#s {
	background: #FFFFFF;
	width:150px;
	border: 1px solid #E8E8E8;
	margin: 10px 0;
	padding: 7px 0 7px 5px;
	color: #888888;
	font-family: Arial,sans-serif;
	font-size: 12px;
	border-radius:5px; 	
}
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
#wp-calendar caption {
      padding: 2px;
      font-weight: normal;
	}
#wp-calendar thead th {      
      text-align:center;
      padding: 2px; 
}
#calendar_wrap {  width:100%;     
      text-align:center;
      padding: 1% 1%;
      margin: 0;
}
#wp-calendar {
      
      margin-top:5px;      
      border-collapse: collapse;
}
#wp-calendar caption{
     font-weight: bold; 
}
#wp-calendar td{
     padding:4px 8px;
}
#wp-calendar #today{
     font-weight: bold;
}
.two #calendar_wrap table td{padding:4px;font-size:11px;}
/* ========================================================
 Uh....navigations are you sure your visitors click the menu?
 Yeah,  depend on your settings and the website usability.
============================================================ */
.second{
      margin-top:15px;
      border-bottom:1px solid #eee;
}
#navmenu ul {
	margin: 0 auto;      
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}
#navmenu li { 
        margin-left:5px;
        margin-right:0;       
	float:right;	
	position:relative;       
}
#navmenu a {
background: #41b7d8;
  border: 1px solid #2495b4;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  color: #dfe9f2;
  display: block;        
	padding:8px 20px;
	font-size: 16px;
	font-weight: bold;
}
#navmenu a:link,  #navmenu a:visited {
	text-decoration: none;
}
#navmenu a:hover {        
	text-decoration:none;
}
#navmenu ul {
	position: absolute;
	display: none;
	z-index: 999;
	right:0;
	border-top: none;
}
#navmenu ul a  {
	width:170px;
	padding: 10px 15px;
	float: right;
	border:1px solid #eee;
	color: #333;
	font-size: .85em;
	background: #fff;
        }
#navmenu ul ul { 
	top: 0;
	margin-top: -1px;
}
#navmenu li ul ul  {
	right:100%;
}
#navmenu li:hover ul ul,  
#navmenu li:hover ul ul ul,  
#navmenu li:hover ul ul ul ul {
	display:none;
}
#navmenu li:hover ul,  
#navmenu li li:hover ul,  
#navmenu li li li:hover ul,  
#navmenu li li li li:hover ul {
	display:block;
}
#navmenu li.current_page_item a,  
#navmenu li.current-menu-item a {     
	background: #123;
	color: #fff;
}
.heading-menu {	
	margin-bottom:40px;
}
#secondary {
        background:#123456;			
	margin:0 auto;
}
#secondary, #secondary ul {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
}
#secondary li {
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	z-index:5;
}
#secondary li:hover {
	white-space:normal;
	z-index:10000;
}
#secondary li li {
	float:none;
}
#secondary ul {
	left:0;
	position:absolute;
	top:0;
	visibility:hidden;
	z-index:10;
}
#secondary li:hover > ul {
	top:100%;
	visibility:visible;
}
#secondary li li:hover > ul {
	left:100%;
	top:0;
}
#secondary:after, #secondary ul:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
}
#secondary, #secondary ul {
	min-height:0;
}
#secondary ul {
	margin:-10px 0 0 -30px;
	padding:10px 30px 30px;
}
#secondary ul ul {
	margin:-30px 0 0 -10px;
	padding:30px 30px 30px 10px;
}
#secondary ul li a:hover, #secondary li li a:hover {
	color:#222222;
	text-decoration:none;
}
#secondary ul {	
	width:auto;
}
#secondary a {
        font-family:arial;
	border-left:1px solid #999;
	color:#eeeeee;
	display:block;
	font-size:13px;
	font-weight:400;
	height:50px;
	line-height:50px;
	margin:0;
	padding:0 0.9em;
	position:relative;
	text-decoration:none;
	
}
#secondary a:hover,
#secondary .current_page_item a  {
	background-color:#f1f1f1;
        color:#222222;
	}

#secondary li li {
	background:#fff;
	background-image:none;
	border:1px solid #b2b2b2;
	border-top:none;
	color:#444;
	filter:none;
	width:auto;
}
#secondary li li a {
	background:transparent!important;
	border:none;
	color:#444;
	font-size:12px;
	font-weight:400;
	height:auto;
	height:20px;
	line-height:20px;
	padding:5px 10px;
	text-shadow:none;
	white-space:nowrap;
}
#secondary li li a:hover {
	background:#f5f5f5 !important;
	background-image:none;
	border:none;
	color:#444;
	filter:none;
}
#secondary ul > li + li {
	border-top:0;
}
#secondary li li:hover > ul {
	left:100%;
	top:0;
}
#secondary > li:first-child > a {
	border-left:none;
}
#secondary > li:first-child > a, #secondary li + li + li li:first-child > a {
}
.lmenu #navmenu li ul ul  {
        left:100%;
}
.lmenu #navmenu ul  {	
	left:0;	
}
.lmenu #navmenu li,
.lmenu .navi, 
.lmenu #navmenu ul a {
        float:left;        
}
.lmenu #navmenu li{
        margin-left:0;
        margin-right:5px;
}
.rprimary #secondary li{
        float:right;
}
.rprimary #secondary li li:hover > ul{
	left:-100%;
	top:0;
}
.nosecondary #navmenu,
.noprimary #secondary{
       display:none
}

/* ========================================================
 Post,  article,  breadcrumb and your entry post format.
============================================================ */
.post  {
	font-size:100%;
	padding:0;
	margin:0;
}
.sticky  {}
.breadcrumb {margin:0;
	background:;
	color:;
        padding-top:8px;
}
.breadcrumb a {
	color:;
}
.breadcrumb a:hover {
	color:;
}
.title-excerpt   {
	word-wrap:break-word;
	padding: 0 5px 5px 0;
	font-size: 2em;
        line-height:1.2em;
	font-weight: normal;
}
.entry  {
	line-height:1.4em;
	margin:0;
        padding:0 15px 0 0;
	}
.entry h1,  
.comment h1   {
	font-size: 2em;
	margin:0;
}
.entry h2,  
.comment h2  {
	font-size:1.7em;
	margin: 0;
	line-height:1.3em;
	border: none !important;
	background: none;
}
.entry h3,  
.comment h3 {
	font-size: 1.4em;
	margin: 10px 0;
}
.entry h4,  
.comment h4 {
	font-size: 1.3em;
	margin: 15px 0 0 0;
}
.entry h5,  
.comment h5 {
	font-size: 1.1em;
	margin: 10px 0 0 0;
	font-weight: bold;
}
.entry h6,  
.comment h6 {
	font-size: 1em;
	margin: 5px 0 0 0;
	font-weight: bold;
}
.entry p  {
	margin: 5px 0 15px 0;
}
.arh  {
	color: #222;
	margin: 0 0 20px -17px;
	font-size: 1.4em;
	padding: 10px;
	border: 1px solid #ccc;
	background: #efefef;
}
.postmeta {
	font-size:.80em;
	padding:5px 28px 5px 0;
}
.postcomments  {
	font-size:13px;
	float: right;
	background:;
	color: #222;
	padding: 5px 10px;
}
.postcomments a:link,  
.postcomments a:visited  {
	color: #222;
	text-decoration: none;
}
.postcomments a:hover,  
.postcomments a:active  {
	text-decoration: underline;
}
.postinfo  {
	padding: 10px 15px;
	color: #333;
	background:#fff;
	border-bottom: 1px solid #ccc;
}
.postinfo a:link,  
.postinfo a:visited  {
	color: #333;
	text-decoration:none;
}
.postinfo a:hover,  
.postinfo a:active  {
	color:#444;
	text-decoration: none;
}
.post-info-single {
	font-size:.85em;
	margin:0;
	padding:0 0 2px 0;
}
.entry h2.title-single {
	background:;
	padding-top:20px;
	font-size:2.1em;
	line-height:1;
}

/* =================================================
 Author setting
================================================= */
#authorarea {
	background:#f6f6f6;
	padding: 10px;
	overflow:hidden;
	color: #333;
	margin-bottom:15px;
}
#authorarea h3 {
	font-size: 18px;
	color:#333;
	margin:0;
	padding:5px 10px 5px 15px;
}
#authorarea h3 a {
	text-decoration:none;
	color: #333;
	font-weight: bold;
}
#authorarea img {
	margin-top:12px;
	padding:10px;
	float:left;
	border: 1px solid #ddd;
	width: 100px;
	height: 100px;
	max-width:100%;
}
#authorarea p {
	font-size:95%;
	color:#333;
	margin:0;
	padding:0px 10px 10px 15px;
	word-wrap:break-word;
}
#authorarea p a:link {
	color:#f00;
}
#authorarea p a:hover {
	color:#900;
}
.authorinfo {
	padding-left:120px;
}

/* ========================================================
 Social media buttons and Logo
============================================================ */
#socialmedia_buttons img {
	margin: 3px;
}
#ads{
        margin-top:15px;
}
#ads img {
        float:left;
	margin:3px;
	width:47%;
	height:150px;
}
#socialmedia_icons  {
	float: right;
	margin: 0 20px 25px 0;
}
#socialmedia_icons img  {
	float: left;
	margin-right: 8px;
	width:32px;
	height: 32px;
}
#socialmedia_icons img:hover {
	opacity:.5;
}
/* ========================================================
 Entry list,  text and gallery
============================================================ */
.entry ul,  
.comment ul {
	list-style: square inside;
	margin: 0 0 20px 1.5em;
}
.entry ol,  
.comment ol {
	list-style: decimal inside;
	margin: 0 0 20px 1.5em;
}
.entry ol ol,  
.comment ol ol {
	list-style: upper-alpha inside;
}
.entry ol ol ol,  
.comment ol ol ol {
	list-style: lower-roman inside;
}
.entry ol ol ol ol,  
.comment ol ol ol ol {
	list-style: lower-alpha inside;
}
.entry ul ul,  
.comment ul ul, 
.entry ol ol,  
.comment ol ol, 
.entry ul ol,  
.comment ul ol
.entry ol ul,  
.comment ol ul  {
	margin-bottom: 5px;
}
.entry var,  
.entry kbd,  
.entry tt  {
	font-size: 1.1em;
	font-family: "Courier 10 Pitch",  Courier,  monospace;
}
.entry table  {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
	margin: 20px 0;
	text-align: left;
	width: 100%;
}
.entry tr th, 
.entry thead th  {
	color: #555;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.0em;
	padding: 5px 15px;
}
.entry tr td  {
	border-top: 1px solid #ddd;
	padding: 5px 15px;
}
.entry tr.odd td  {
	background: #eee;
}
.page-link  {
	clear: both;
	display: block;
	margin: 0 0 1em;
}
.page-link a  {
	font-size:1.2em;
	background: #eee;
	color: #222;
	margin: 0;
	padding: 2px 5px;
	text-decoration: none;
}
.page-link a:hover  {
	background: #888;
	color: #fff;
}
.page-link span  {
	margin-right: 6px;
}
.entry img  {
	max-width: 100%;
	height: auto;
}
.wp-caption   {
	margin: 5px;
	max-width: 100%;
	padding: 6px 3px;
	border: 1px solid #ddd;
	text-align: center;
}
.wp-caption-text  {
	margin: 0 !important;
	padding: 0;
	font-size: 0.8em;
	text-align: center;
}
.alignleft  {
	float: left;	
	margin: 10px 15px 10px 5px;
}
.alignright {
	float: right;	
	margin: 5px 5px 5px 0;
}
.aligncenter  {
	margin: 10px auto;
	display: block;
}
.wp-post-image  {width:180px;height:180px;
	padding: 5px;
	border: 1px solid #ddd;
}

dl.gallery-item {
	margin: 0;
}

.gallery dd {
	margin: 0;
}
.gallery-item  {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
.gallery-caption  {
	padding: 0 5px;
}
.bigo{
        padding-top:20px;
        padding-bottom:20px;
        font-size:6em;
        line-height:1;}	
/* =================================================
 Comment settings
================================================= */
input[type="text"],  
input[type="password"],  
select  {
	background:#f4f4f4;
	border:1px solid #aaa;
	margin:0;
	outline:none;
	padding:8px 10px;
	vertical-align:middle;
	width:70%;
}
textarea {
	background:#f4f4f4;
	height:auto;
	overflow:auto;
	margin:0;
	outline:none;
	padding:8px 10px;
	width:90%;
}
input[type="submit"] {
	cursor:pointer;
	background:#ffffff;
	color:#555;
	display:inline-block;
	margin:0;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0 1px 0 #fff;
	vertical-align:middle;
}
#comments-title  {
	color: #600;
	font-size: 1.1em;
	font-weight: 500;
	line-height: 2.6em;
	padding:0 0 0 1em;
	text-transform: uppercase;
}
.commentlist #respond  {
	margin: 1.625em 0 0;
	width: auto;
}
.nopassword, 
.nocomments  {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist  {
        line-height:1.4em;
	list-style: none;
	margin: 0 auto;
}
.content .commentlist, 
.page-template-sidebar-page-php .commentlist  {
	width: 100%;
}
.commentlist > li.comment  {
	background: #f9f9f9;
	border: 1px solid #ddd;	
	margin:1.625em 0;
	padding: 1.1em 1em 1.1em 1em;
}
.pingback,  .trackback   {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children  {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment  {
	background: #fff;
	border-left: 5px solid #999;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 1em 0;
	padding: 1.625em;
	position: relative;
        color:#222;
}
.commentlist .children li.comment .fn  {
	display: block;
}
.comment-meta .fn  {
	font-size:20px;
}
.comment-meta  {
	color: #666;
	font-size: 12px;
	line-height:1.1em;
}
.commentlist .children li.comment .comment-meta  {
	line-height: 1.625em;
}
.commentlist .children li.comment .comment-content  {
	margin:0;
}
.comment-meta a  {
	font-weight: bold;
}
.comment-meta a:focus, 
.comment-meta a:active, 
.comment-meta a:hover  {
}
.avatar  {
	float:left;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	border:1px solid #ccc;
	margin-bottom:10px;
	margin-right:8px;
}
.commentlist > li:before  {
}
.commentlist > li.pingback:before  {
	content: '';
}
.commentlist .children .avatar  {
	top: 2em;
}
a.comment-reply-link  {
	background:#298cba;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #eee;
	font-size:.90em;
	padding:6px;
	text-decoration: none;
}
a.comment-reply-link:hover, 
a.comment-reply-link:focus, 
a.comment-reply-link:active  {
	background: #f00;
	color: #fff;
}
a.comment-reply-link > span  {
	display: inline-block;
	position: relative;
	top: -1px;
}
.commentlist > li.bypostauthor  {
}
.commentlist > li.bypostauthor .comment-meta  {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus, 
.commentlist > li.bypostauthor .comment-meta a:active, 
.commentlist > li.bypostauthor .comment-meta a:hover  {
}
.commentlist .children > li.bypostauthor  {
	background: #ddd;
	
}
.page-template-sidebar-page-php .commentlist > li.comment, 
.page-template-sidebar-page-php.commentlist .pingback  {
	margin-left: 102px;
	width: auto;
}
.page-template-sidebar-page-php #respond  {
	width: auto;
}
#respond  {  
        box-shadow:1px 1px 2px #888; 
        -moz-border-radius: 5px;
	border-radius: 5px;
        background: #fff;             	
	margin: 0 auto;
	padding: 1.2em;
	position: relative;
	width: 91%;
}

#respond input[type="text"], 
#respond textarea  {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
	box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author, 
#respond .comment-form-email, 
#respond .comment-form-url, 
#respond .comment-form-comment  {
	position: relative;
}
#respond .comment-form-author label, 
#respond .comment-form-email label, 
#respond .comment-form-url label, 
#respond .comment-form-comment label  {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
	box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus, 
#respond textarea:focus  {
	text-indent: 0;
	z-index: 1;
}
#respond textarea  {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required, 
#respond .comment-form-email .required  {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes, 
#respond .logged-in-as  {
	font-size: 13px;
}
#respond p  {
	margin: 10px 0;
}
#respond .form-submit  {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit  {
	background: #1982d1;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin:20px 2px;
	padding: 5px 22px 8px 22px;
	float:left;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
#respond input#submit :hover  {
	background: #123;
	color: #fff;
}
#respond #cancel-comment-reply-link  {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover, 
#respond #cancel-comment-reply-link:hover  {
	text-decoration: underline;
}
#reply-title  {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link  {
	color: #888;
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus, 
#cancel-comment-reply-link:active, 
#cancel-comment-reply-link:hover  {
	color: #ff4b33;
}
#respond label  {
	line-height: 2.2em;
}
#respond input[type=text]  {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p  {
	font-size: 12px;
}
.comment-content {
	padding-left:6px;
	padding-right:8px;
	padding-top:15px;
}
p.comment-form-comment  {
	margin: 0;
}
.form-allowed-tags  {
	display: none;
}
.says {
	margin-left:5px;
        margin-right:5px;
}

/* ========================================================
 Navigations page settings
============================================================ */
.nav-page {
	padding-bottom:25px;
	padding-top:22px;
}
.page-numbers li {
	float:left;
	display:inline;
	list-style:none;
	padding:6px 8px;
	margin-left:3px;
	line-height: 1em;
	color: #444;
	border:1px solid #444;
}
.page-numbers{padding:5px 8px;}
.current{
	 color: #f00;
         font-style:bold;
}

/* ========================================================
 Responsive settings Media query
============================================================ */
@media screen and (max-width:820px)  {
.one,  
.two,  
.thre, 
.four,  
.five,  
.six, 
.seven,  
.eight,  
.nine,  
.ten,  
.eleven,  
.twelve, 
.excerpt,
.side-right,
.home-grid
 {      margin:1% 1.0416666666666665%;
	width:97.91666666666666%;
}
.flex1,
.flex2,
.flex3,
.flex4,
.flex5,
.flex6,
.flex7,
.flex8,
.flex9,
.flex10{
       width:98%;
}
.entry{
        padding-left:20px;
}
.title-excerpt{
       padding-left:15px;
       font-size:1.9em;
} 
.postmeta{
       padding-left:15px;
}
.grid3{
       height:auto;
       overflow:hidden;}
.grid3 .thumb-medium{
        width:100%;
        height:auto;}
.grid3 .postmeta_links{float:left}
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}
.clearfix {
	clear:both;
	display:block;
	overflow:hidden;
}
@media screen and (max-width:420px) 
 {

.navi, #header #secondary{
       display:none;
}
h1.site-title {width:50%;
      font-size:1.5em;
}
#respond{
      width:72.91666666666666%;
}
}

/* ========================================================
 Preparing Retina display 
============================================================ */
@media
      only screen and (-webkit-min-device-pixel-ratio : 1.5),
	  only screen and (min-device-pixel-ratio : 1.5),
	  only screen and (max-width : 960px)
{
body{}
}


/* ========================================================
 Style For Internet Explorer
============================================================ */
.side-right  {
	*width:32%;
}
.six {
	*width:46.91666666666667%;
}
.excerpt  {
	*width:64%;
}
.searching {
	*width:90%;
}
#secondary {
        *display:none;
}
.home-grid{
        *width:28.91666666666666%;
}
.clear {
	*margin-bottom:0;
}
#header .heading-menu  {
        *margin-bottom:-15px;
}
.thre{
        *width:21.916666666666664%;
}
/* ========================================================
 Finish,  
============================================================ */
.brand-note{
        padding-left:5px;
}
.credit {background:#123456;color:#ffffff;
        border-top:1px solid #999;
        padding:20px 0 12px 0;	
}
.credit a {
        color:#ffffff;
}