/*
Theme Name: ages
*/

body, a,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd, 
p, address, blockquote, pre, img, object,
form, fieldset, label, input, select, option, textarea, button {text-decoration:none;list-style:none;padding:0;border:0;margin:0;}
a{color:#7aab0e;}
a:hover{color:#9fc406;}
div.space{clear:both;}
.navdrop,
ul.navleft li ul,
ul.navdrop li ul,
p.nocomments{display:none;}

body{
background:#545552;
font-family:'Lato', Helvetica, Arial, sans-serif;
font-weight:300;
font-size:75%;
color:#5e5e5e;
}

div.navhead,
div#mainwrap,
div#footerwrap{width:63%;margin:0 auto;}

div#slide.pages{border-bottom:1px solid #e9e9e5;}

/* Header Begin */
div#header{
background:#fff;
position:relative;
width:100%;
height:150px;
margin:0 auto;
}

a#logo{
position:absolute;
background:url(images/logo.png) no-repeat 5px 15px;
width:400px;
height:200px;
}

div#navigation{
float:right;
text-align:right;
padding:10px 12px 0 0;
font-size:14px;
color:#999;
width:99%;
height:74px;
overflow:hidden;
}
div.navdrop{margin:24px 10px 0 0;font-size:18px;}
div.navdrop a{color:#7aab0e;}
div.navdrop img{vertical-align:middle;margin:-4px 5px 0 0;}

ul.navleft{float:right;margin-top:13px;}
ul.navleft li{float:left;}
ul.navleft a{
display:list-item;
_display:inline-block;
padding:13px 21px;
color:#9a9a9a;
font-size:16px;
height:31px;
}

ul.navleft li:hover ul{
display:block;
position:absolute;
background:#fff;
border:1px solid #e0e0e0;
border-top:0;
width:180px;
font-size:13px;
z-index:2;
}
ul.navleft li ul li{width:100%;border-top:1px solid #e8e8e8;text-align:left;}
ul.navleft li ul li a{padding:13px 10%;width:80%;}

ul.navleft li a:hover,
ul.navleft li ul li a:hover,
ul.navleft li.current_page_item a,
ul.navleft li.current_page_item a:hover{color:#80b609;border-bottom:1px solid #cbda9a;}
ul.navdrop li a:hover,
ul.navdrop li ul li a:hover{background:#7aab0e;}
ul.navleft li.current_page_item ul li a{color:#9a9a9a;}

ul.navdrop{background:#7aab0e;}
ul.navdrop li{border-bottom:1px solid #9cc104;}
ul.navdrop a{
display:inline-block;
padding:13px 4%;
color:#fff;
height:16px;
width:92%;
font-size:14px;
}
ul.navdrop li ul{border-top:1px solid #9cc104;}
ul.navdrop li:hover ul{display:block;background:#9cc104;}
ul.navdrop li:hover ul li a{padding:5px 4%;}
/* Header End */

/* Structure Begin */
div#mainfull{background:#fff;}
div#mainwrap{margin:0 auto 30px auto;}
div#main{padding:0 25px;}
div#main.home{
padding:30px 22px 35px 22px;
overflow:hidden;
}
div#main-sub{padding-left:25px;}


div#leftbar{
float:left;
width:32%;
/*border-right:1px solid #f2f2ec;*/
margin:20px 0;
overflow:hidden;
}
div#leftbar div.sidebar{margin-bottom:20px;}
div#leftbar div.sidebar li{
border-bottom:1px dotted #e7e7e7;
padding:5px 15px 5px 5px;
font-size:16px;
}
div#leftbar div.sidebar h3{
padding:10px 0px 15px 5px;
color:#626262;
font-style:normal;
font-variant:normal;
font-weight:300;
font-size:25px;
}

div.mks_author_widget{padding:0 5px 15px 5px;font-size:15px;}
div.mks_autor_link_wrap a{padding:10px 5px;font-size:18px;}


div#content,
div.concase{
float:right;
width:65.2%;
padding:25px 0.5% 20px 2%;
font-size:18px;
overflow:hidden;
}
div#content{line-height:140%;}

div#content h1.title{
font-size:30px;
font-weight:300;
margin:-5px 0 30px 0;
color:#6c9e09;
line-height:35px;
}
div#content p{margin-bottom:20px;}
div#content p.quote,
div#content p.quote2{
background:#f3f3f3;
border-bottom:2px solid #f68428;
padding:15px;
font-style:italic;
}
div#content p.quote2{border-bottom:2px solid #0A559F;}

div#content p.meta{font-size:14px;}

div#content ul{margin-bottom:15px;}
div#content ul li {
background:url(images/point.png) no-repeat;
background-position:15px 15px;
border-bottom:1px dotted #e7e7e7;
padding:10px 0 10px 50px;
}

div#respond h3,
div#content h3#comments{color:#015289;font-weight:300;font-size:20px;}
div#content h3#comments{margin:-10px 0 20px 0;}


div.comment-body{
padding:10px;
border:1px solid #e9e9e9;
margin-bottom:20px;
}

div.comment-author img{vertical-align:middle;}
div.comment-meta a,
div.reply a{font-size:14px;}
div.reply a{margin:-10px 0 20px 0;}

div.homecol{
float:left;
width:31%;
margin:2% 0;
overflow:hidden;
font-size:16px;
text-align:center;
}
div.homecol h3{margin-bottom:10px;}

div.leftcol{
padding-right:1.5%;
}
div.midcol{
padding-right:1.5%;
padding-left:1.5%;
border-left:1px solid #e6e6e2;
border-right:1px solid #e6e6e2;
}
div.rightcol{
padding-left:1.5%;
}

div.casecol{
float:left;
width:30%;
background:#f7f7f5;
border:1px solid #e7e7e7;
padding:0;
margin:0 0 15px 2.8%;
height:245px;
overflow:hidden;
color:#626262;
}
div.casecol img{width:100%;}
div.casecol.project{margin:0 2.8% 15px 0;height:45px;}

div.concase h3.case{
padding-bottom:15px;
font-style:normal;
font-variant:normal;
font-weight:400;
font-size:25px;
}

div.casecol h3{
padding:10px 15px;
font-style:normal;
font-variant:normal;
font-weight:300;
font-size:16px;
}
div.paging{margin-right:3.5%;height:20px;}
/* Structure End */

/* Footer Begin */
div#footerfull{
width:100%;
}
div#footerwrap{
margin:0 auto;
font-size:12px;
border-bottom:0px;
}
div#footer{padding:0 22px 20px 22px;color:#e4e4e4;}
div#footer .homecol{font-size:14px;}
div#footer .homecol h3{color:#7ba44a;}
div#footer .midcol{
border-left:1px solid #5f605d;
border-right:1px solid #5f605d;
}

div#footer p a{color:#fe8727;}
div#footer p img{
vertical-align:text-top;
margin-right:5px;
}

div#footbottom{
margin:15px auto 0 auto;
padding-top:10px;
border-top:1px dotted #61625f;
text-align:right;
color:#959595;
}

/* Footer End */



/* Alignment */
.alignleft{
display:inline;
float:left;
margin-right:1.625em;
}
.alignright{
display:inline;
float:right;
margin-left:1.625em;
}
.aligncenter{
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}

input[type="text"],
input[type="email"],
textarea{background:#fbfbf8;border:1px solid #d2d2d2;padding:5px 8px;}
textarea{width:320px;}
input[type="submit"]{border:1px solid #d2d2d2;padding:10px 15px;}

div.conform-left{float:left;width:48%;}
div.conform-left input[type="text"],
div.conform-left input[type="email"]{width:86%;}
div.conform-right{float:left;width:50%;}
div.conform-right textarea{width:96%;height:162px;}

/*
div.conform-home input[type="text"],
div.conform-home input[type="email"]{width:90%;}
*/



table { 
color: #333;
width: 640px; 
border-collapse: 
collapse; border-spacing: 0; 
margin-bottom:20px;
}

td, th { 
border: 1px solid transparent; /* No more visible border */
height: 30px; 
transition: all 0.3s;  /* Simple transition for hover effect */
}

td {
background: #FAFAFA;
text-align: center;
}

th,thead tr td{
background:#014f84;
color:#fff;
font-weight: bold;
}

/* Cells in even rows (2,4,6...) are one color */ 
tbody tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
tbody tr:nth-child(odd) td { background: #FEFEFE; }  

tbody tr td:hover { background: #666; color: #FFF; } /* Hover cell effect! */

div.rpwwt-post-excerpt{margin-top:7px;}




@media only screen and (min-width:1600px) {
div.navhead,
div#mainwrap,
div#footerwrap{width:1000px;}
}

@media only screen and (max-width:1600px) {
div.navhead,
div#mainwrap,
div#footerwrap{width:1000px;}
}

@media only screen and (max-width:1018px) {
div.navhead,
div#mainwrap,
div#footerwrap{width:100%;border-right:0;border-left:0;overflow:hidden;}
div#fadeinbox{display:none;}
div.homecol a{font-size:16px;}
}

@media only screen and (max-width:100px) {
a#logo{
background:url(images/logo.png) no-repeat 10px 23px;
width:65px;
height:25px;
}
}

@media only screen and (max-width:810px) {
/*div.leftcol{display:none;}
div.midcol{border-left:0;padding-left:0;width:60%;}
div.rightcol{width:34%;}
div.rightcol img{width:95%;}*/
div.homecol{width:100%;}
div.midcol,
div.rightcol,
div#footer .midcol,
div#footer .rightcol{border:0;padding-left:0;}
/*div.subbox.bglefttop,
div.subbox.bgleftbottom,
div.subbox.bgmidtop,
div.subbox.bgmidbottom{background:transparent;}*/
div#footone,
div#foottwo,
div#footthree,
div#footfour{width:45%;padding:0 2%;}
}

@media only screen and (max-width:760px) {
div#leftbar{display:none;}
div#content,
div.concase{width:100%;margin:0;padding:0;padding:20px 0;}
div.navdrop{display:block;}
ul.navleft{display:none;}
}

@media only screen and (max-width:610px) {
a#logo{
width:160px;
height:75px;
}
div.casecol,
div.casecol.project{width:96%;height:auto;}
div.casecol img{display:none;}
div.conform-left,
div.conform-right{width:100%;}
}

@media only screen and (max-width:500px) {
/*div.midcol,
div.rightcol{width:100%;border:0;}
div.rightcol{display:none;}*/
}

@media only screen and (max-width:380px) {
div#footone,
div#foottwo,
div#footthree,
div#footfour{width:94%;padding:0 2%;}
div.blog{
margin:0 3% 15px 0;
width:90%;
}
}