/*   

Theme Name: Millard Theme

Theme URI: http://www.altadena-now.com/millard/

Description: Millard Desc

Author: Millard Admin

*/

/*** Reset ***/

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { background: transparent; border: none; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; text-decoration:none; }

ol,ul { list-style: none; }

blockquote,q { quotes: none; }

blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }

:focus { outline: 0; }

img { vertical-align: bottom; max-width: 100%; height: auto; width: auto\9; /* ie8 */}

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

html {margin-top: 0!important;}

*{ padding:0 0 0 0; margin:0 0 0 0; }



/*** General Settings ***/

body { background:none;

	color:none;

	font-family:'Roboto-Regular';	

	font-size: 13px;

}

h1,h2,h3,h4,h5,h6 { font-weight: normal; margin-bottom: 10px; }

p { margin: 0 0 10px 0; }

element { cursor: pointer; }



@font-face {

  font-family: 'Roboto-Regular';

  src: url(font/Roboto-Regular.ttf);

}



@font-face {

  font-family: 'Roboto-Bold';

  src: url(font/Roboto-Bold.ttf);

}



@font-face {

  font-family: 'Roboto-Black';

  src: url(font/Roboto-Black.ttf);

}





/*** CSS IDs ***/





/*** CSS Classes ***/

* html .clearfix { height: 1%; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }

.clear { clear: both; }



.fl { float: left; }

.fr { float: right; }

.txt-left { text-align: left; }

.txt-right { text-align: right; }

.txt-center { text-align: center; }

.container { margin:0 auto; width:1000px;}



.nav {background-color: #e86520;

	background-image: -webkit-linear-gradient(top,#e86520,#e86520);

	background-image: -moz-linear-gradient(top,#e86520,#e86520);

	background-image: -ms-linear-gradient(top,#e86520,#e86520);

	background-image: -o-linear-gradient(top,#e86520,#e86520);

	background-image: linear-gradient(top,#e86520,#e86520);position: relative;

	padding: 10px 0px;}

.navigations{position: relative;}

.navigations ul li{display: inline-block;padding: 10px 15px;text-transform: uppercase;}

.navigations ul li a {font-size: 14px; color: #fff;text-decoration: none;}

.logo{ position: absolute;z-index: 9; top: 100px;;left: 10px;width: 15%;}

.post-content {margin: 20px 0;}

.post-content p {line-height: 25px;font-size: 14px;}

.post-content .para {text-align: center;font-size: 20px;font-family: 'Roboto-Bold';}

.post-content .paratab {  margin: 0 auto;font-size: 14px;}

.post-content .paragal {text-align: center;margin: 20px 0;font-size: 14px;}

#announcement h1 {font-family: 'Roboto-Bold';text-align: center;font-size: 60px;color: #e86520; margin-bottom: 0;}

#FeaturedBox ul li{ width: 30%;float: left; margin-right: 20px;border-style: solid;border-width: 2px;border-color: #efefef;}

#FeaturedBox ul li:last-child {margin-right: 0;}

#FeaturedBox ul li h1 {background-color: #0f1c25;color: #fff;font-size: 16px;text-align: center;padding: 20px;  margin: 10px;}

#FeaturedBox ul li .title { font-family: 'Roboto-Bold';font-size: 16px;}

#FeaturedBox ul li p {margin: 15px;font-size: 14px;}

#FeaturedBox ul li .readmore {text-align: center;margin: 50px 0 20px 0;}

#FeaturedBox ul li .readmore a {  color: #fff;background-color: #ff7f27;padding: 5px 6px;font-size: 13px;}

#Infobox {margin-top: 50px;margin-bottom: 50px;}

#Infobox .infobox1, .infobox2 { width: 50%;float: left;} 

#Infobox .infobox1 img {vertical-align: middle;padding-right: 10px;}

#Infobox .infobox1 h1 {font-size: 60px;color: #eb5c13;}

#Infobox .infobox1 h2 {font-size: 44px;color: #68625f;}

#Infobox .infobox1 h3 {font-size: 40px;color: #68625f;}

#Infobox .infobox1 h4 {font-size: 22px;color: #6e6765;}

#Infobox .infobox1 p {font-size: 17px;color: #746a6a;}

#Infobox .infobox1 span {color: #eb5c13;padding: 0 2px;}

#Infobox .infobox2 {position: relative; margin-top: 10px;}

#Infobox .infobox2 .podley {position: absolute;top: 160px;right: 70px;}

#Infobox .infobox2 h1 {font-size: 20px; color: #eb6116;}

#Infobox .infobox2 p {font-size: 14px;line-height: 20px;color: #4a4a4a;}

#Infobox .infobox2 span {font-size: 14px;font-family: 'Roboto-Black';color: #4a4a4a;}

#Infobox .infobox2 .contact-info {font-style: italic;}

footer {  margin: 50px 0; }


/*FeaturedBox*/
.direct-title {font-family: 'Roboto-Black';font-size: 16px;color: #555555;}
.direct-title:hover {text-decoration: underline;}
.featured-box {
  padding: 2px 6px 4px;
  color: #555555;
  background-color: #eeeeee;
  border: 1px solid #000000;
  text-align: left;
  width: 800px;
  margin: 0 auto;
}
.featured-img {float: right;margin: 0 0 3px 15px;  width: 120px;height: auto;}
.featured-container {height: 500px;overflow-y: scroll;border: 5px solid #c3c3c3;}
.featured-desc {font-family: 'Roboto-Black';font-size: 20px !important; padding: 10px 80px;}
.featured-header {font-family: 'Roboto-Black';font-size: 40px;color: #8c8887;text-align: center;margin: 20px 0;}

/*Slider*/

.bx-wrapper img {width: 100%;}

.bx-wrapper .bx-pager {display: none;}

.bx-wrapper .bx-viewport {left: 0 !important; border: 0!important;}