/*  
Theme Name: Peter Tran
Theme URI: http://communitycomm.com/
Version: 1.0.0
Author: Madan Bhuju
Author URI: http://communitycomm.com/
*/

@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);

body{ margin:0; padding:0; font-family: 'Noto Sans', sans-serif;  font-size:14px; color:#000000; line-height:19px;}

img{ max-width:100%;}
.clear{ clear:both;}

#container{ width:100%; height:auto; margin:0 auto;}
#frame{ width:958px; margin:0 auto;}
#link64_adl_tabid{ display: none;} 

/* HEADER */
header{ background:#FFF; padding-top:50px;}
#logo{ width:50%; float:left;}
#social{ width:50%; float:right; text-align:right; padding-top:25px;}


/* NAV */
#navback{ background:#afa195; height:60px;}
#navframe{ width:1000px; height:46px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; border:1px solid #FFF;background-color:#e8372b; margin:0 auto; padding-top:11px;}
#naveframeleft{ width:70%; float:left; padding-left:3%;}
#naveframeright{ width:27%; float:left; text-align:center;}

#main-nav {
	margin: 0;
	padding: 0;
	left: 0;
	bottom: 10px;
	z-index: 100;
}
#main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
}

/* main level link */
#main-nav a {
	display: block;
	padding: 8px 20px;
	margin: 0 5px 0 0;
	text-decoration: none;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}
/* main level link :hover */
#main-nav a:hover {
	color:#fff507;
}

/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
	
	color: #fff507;
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
	color: #fff507;
}

/* sub-levels link */
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a, #main-nav li:hover > ul a  {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 6px 6px 15px;
	margin: 0;
	display: block;

}
/* sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, #main-nav li:hover > ul a:hover {
	background: #F3F3F3;
	color: #000;
	color: black;
}
/* dropdown ul */
#main-nav ul {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	position: absolute;
	background: #fff;
	border: solid 1px #ccc;
	z-index: 100;
	display: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#main-nav ul li {
	background: none;
	padding: 0;
	margin: 0;
	float: none;
}
/* sub-levels dropdown */
#main-nav ul ul {
	left: 190px;
	top: -2px;
}
/* show dropdown ul */
#main-nav li:hover > ul {
	display: block;
}


/* CONTENT */
#contentframe{ background:#000000;}
	#content-home{ width:958px; background:url(images/mainbg.png) no-repeat #FFFFFF; margin:0 auto; border-left:1px solid #FFF; border-right:1px solid #FFF; padding-top:50px;}
	#home-left{ width:65.24008%; float:left; margin-left:3.34029%;}
	#home-right{ width:27.41962% ; float:left; margin:0 2%}
	#slide{}
	#home-text{ width:90%; margin:0 auto; padding:10px 0;}
	#home-post-frame{ -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border:1px solid #000000;background-color:#FFF; margin:50px 0; padding:4%;}
	#home-post-frame-left{ width:23%; margin-right:3%; float:left;}
	#home-post-frame-right{ width:74%; float:left;}
	#twitter-frame{ -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #000000;background-color:#FFF; padding:2%;}

#content-frame-inner{width:958px; background:#FFFFFF; margin:0 auto; border-left:1px solid #FFF; border-right:1px solid #FFF; padding:50px 0;}
#content-inner{width:90%; margin:0 auto; font-size:15px; line-height:22px;}
#content-inner-sub{width:70%; margin:0 auto; font-size:15px; line-height:22px; float:left; margin-right:5%;}
#content-inner-side{width:25%; margin:0 auto; font-size:15px; line-height:22px; float:left;}


#middleframe{ background: url(images/bottombg.png) center top no-repeat #FFF; border-top:1px solid #b1a296; text-align:center; padding:30px 0;}
	#middle1{ width:31%; float:left; margin-right:3%;}
	#middle2{ width:31%; float:left;}

/* FOOTER */
footer{ background:#b0a194; padding:20px 0 50px 0; font-size:11px;  }
#footer-left{ width:45%; float:left; text-align:right;}
#footer-right{ width:45%; float:right;}



/************************************************************************************
FORM
*************************************************************************************/
input, textarea {  background-color:#FFFFFF;  border:solid 1px #CCC;  border-bottom-left-radius:5px;  border-bottom-right-radius:5px;  border-top-left-radius:5px;  border-top-right-radius:5px;  font-size:16px;  padding:4px 6px;   margin-bottom:10px; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}

.form-submit-button{ background-color:#316f9e;  border:none;  color:#FFFFFF;  border-bottom-left-radius:5px;  border-bottom-right-radius:5px;  border-top-left-radius:5px;  border-top-right-radius:5px;  font-size:16px;  padding:6px;  width:200px;  font-weight:bold; cursor: pointer; }
.form-submit-button:hover{background-color:#1b7095;  color:#FFFFFF; }

.formsize{ width:90%}
/* Honey Pot */
.form_field_hp{
	display:none;
}


/*---------------------------------------*/
h1{ font-size:24px; color:#E8372B; line-height:30px;}

a:link, a:active, a:visited { color: #1b7095; font-weight: normal; text-decoration:none;}
a:hover { color:#019ae1; }

a.post-title:link, a.post-title:active, a.post-title:visited { font-size:24px; color:#E8372B; line-height:30px; }
a.post-title:hover { color:#000; }

a.footer:link, a.footer:active, a.footer:visited { color: #000; font-weight: normal; }
a.footer:hover { color:#FFF; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}



/*-----------------------MEDIA-----------------------*/
@media screen and (max-width: 1024px){
	
	}

@media screen and (max-width: 980px){
	#navframe{ width:99%; margin:0 auto;}
	}
	
	
@media screen and (max-width: 800px){
	#content-home{ width:99%;}
	#content-frame-inner{width:95%; margin:0 auto;}
	#frame{ width:100%; margin:0 auto;}
	#naveframeleft{ display:none;}
  	#naveframeright{ width:100%; float:left; text-align:center;}
	}

@media screen and (max-width: 640px){
	#logo{ width:100%; float:none; text-align:center;}
	#social{ width:100%; float:none; text-align:center; padding:25px 0;}
	#home-left{ width:95%; float:none; margin: 0 auto;}
	#home-right{ width:95%; float:none; margin: 0 auto;}
	#content-inner-sub{width:100%;float:none;}
	#content-inner-side{ display:none;}
	#middle1{ width:90%; float:none; margin:0 auto;}
	#middle2{ width:90%; float:none; margin:0 auto;}
	#footer-left{ width:100%; float:none; text-align:center;}
	#footer-right{ width:100%; float:none; text-align:center;}
	}


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



@media screen and (min-width: 641px) {
#menu {
display: none;
}