/*
Theme Name: LinksDesign New trend
Theme URI: http://www.linkstraffic.net
Author: RHM team
Author URI: http://linkstraffic.net
Description: A new powerful theme for linkstraffic
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible,simple,clean,trend
Text Domain: linksdesignTrend

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {
    font-size      : 100%;
    background     : #f3f1f1;
    font-family    : 'Microsoft Tai Le', Tahoma, sans-serif;
    color          : #656565;
    margin         : 0;
    padding        : 0;    
    vertical-align : baseline;
    text-align     : center;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div,section,header,h3,article,aside  {
    display: block;
}

img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


a {
    color : #030303;
    font-weight : 600;
}

a:hover {
    color : #6fb8e2;
}


.header {
    margin-bottom: 3em;
    position: relative;
    border-bottom: 1px solid #D1D0CC;
}

.header header {
    margin         : auto;
    width          : 100%;
    max-width      : 1280px;
    padding-top    : 1em;
    padding-bottom : 1em;
}

.header header .logo {
    float : left;
    display : inline;

}

.header header .logo strong {
    font-size      : 1.7em;
    letter-spacing : 2px;
    color          : #606060;
    margin-left    : 1em;
    height: auto;
    vertical-align: bottom;
}

.header header nav {
    position : relative ;
    right : 0;
    top : 0;
    text-align : right;
}

.header header nav ul {
    list-style-type : none;
     
    padding         : 0;
    margin          : 0;
    text-transform  : uppercase;
}

.header header nav ul li {
    margin  : 0 1em;
    display         : inline;
    padding : 0;
    border  : 0;
    font    : inherit;
    
    vertical-align : baseline;
}

.header header nav ul li a {
    position    : relative;
    font-size   : 1.2em;
    vertical-align : baseline;
    color          : #606060;
    text-decoration : none;
    line-height    : 4em;
}

.header header nav ul li a:hover {

    color          : #6fb8e2;
}


section.toptitle {
   margin    : 1em auto;
   width     : 100%;
   padding   : 2em;
   max-width : 1280px;
}

section.toptitle h1 {
    margin-top : 0;
    font-size       : 1.9em;
    text-transform  : uppercase;
    color           : #606060;
}

main {
   margin    : 0 auto;
   width     : 100%;
   padding   : 0em 1.5em;
   max-width : 1280px;

}


.lcontent {
    float      : left;
    width      : 70%;
    text-align : left;
    
    padding    : 2em 0;
}

main aside {
    float      : left;
    width      : 25%;
    padding    : 2em 0;
    font-size   : 100%;
    margin-left : 5%;
}

input, textarea {
    border: 1px solid #e7e7e7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    padding: 0.7em 0.7em;

    font-size: 1em;
    background: #3A3A3A;
    background: -moz-linear-gradient(top,#f8fafa 0,#fff 100%,#207cca 100%,#fff 100%);
    background: -webkit-gradient(linear,left top,left  bottom,color-stop(0%,#f8fafa),color-stop(100%,#fff),color-stop(100%,#207cca),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#f8fafa 0,#fff 100%,#207cca 100%,#fff 100%);
    background: -o-linear-gradient(top,#f8fafa 0,#fff 100%,#207cca 100%,#fff 100%);
    background: -ms-linear-gradient(top,#f8fafa 0,#fff 100%,#207cca 100%,#fff 100%);
    background: linear-gradient(top,#f8fafa 0,#fff 100%,#207cca 100%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fafa', endColorstr='#ffffff', GradientType=0);

}

main aside .widget {
    
    position : relative;
    border-bottom : 5px solid #6fb8e2;
    width         : 100%;
    padding       : 1em;
    display       : block;
    font-size     : 0.9em;
}

.widget .box {
    
    padding-top: 40%;
    width: 40%;
    background: #6fb8e2;
    border: 0;
    display: block;
    float : left;
    
    margin : 5%;
}

.widget ul {
    list-style-type : none;
    border-left : 2 px solid lightgray;
    text-align: left;
}

.widget ul li {

    margin : 0.5em auto;
}

h4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    color: inherit;
    text-transform: uppercase;
    font-style: normal;
    font-size: 0.9em;
    line-height: 1.4em;
    margin: 0 0 1.25em 0;   
}

.lcontent article {
    line-height : 2em;
    font-size   : 1.3em;
    margin      : 0 0 1em 0;

}

.lcontent h2 a {
    text-decoration : none;
}

.lcontent section.blogposts {
    width  : 100%;
    margin : 1em 0;
    display: block;
}

section.blogposts {
    clear   : both;
    display : block;
}

section.blogposts h2 {
    font-family: futura-pt;
    font-weight: 700;
    color: inherit;
    text-transform: uppercase;
    font-style: normal;
    margin : 0 auto;
    
    border-bottom : 5px solid #6fb8e2;
}

section.blogposts article {
    float: left;
    padding-right: 30px;
    padding-left: 0;
    width: 50%;
}

section.blogposts header {

    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

section.blogposts header h3 {
    font-size : 0.8em;
    font-weight: 700;
    color: inherit;
    text-transform: uppercase;
    font-style: normal;
    margin : 0.4em auto;
}

section.blogposts header h3 a {

    color : #606060;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
    text-decoration : none;

}

section.blogposts header h3 a:hover {
    color: #6fb8e2;
}

section.blogposts p {
    font-weight: 500;
    font-size: 0.7em;
    line-height: 1.66667em;
    margin: 0 0 1.5em 0;
}

.linkbtn {
    clear : both;
    margin : 1em 0;
    width: 100%;
    background: #e8e7e5 url(images/rightarrow.png) no-repeat;
    background-position: bottom 50% right 1em; 
    text-transform: uppercase;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;

    display: block;
    text-align: left;
    padding: 1.9em 1.5em 1.8em;
    font-size: 0.9em;
    line-height: 1.66667em;
    line-height: 0em;
    vertical-align: middle;
    cursor: pointer;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;      
}

a.linkbtn {
    color: #3a3a3a;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;  
    text-decoration : none;
    font-weight: 700;
    
}

a.linkbtn:hover {

    color : #6fb8e2;
    background : #e5e5e5 url(images/rightarrowhover.png) no-repeat;
     background-position: bottom 50% right 1em; 
   
}


section.project {
    clear : both;
    margin : 3em auto;
    border-bottom: 15px solid #6fb8e2;
    background: #3A3A3A;
    color: #E9E8E3;
    
}

.inproject {

    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    
    display: table;
}

.inproject article {

    width: 50%;
    text-align : left;
    
    display: table-cell; 
}

.inproject article p {
    border-bottom  : 5px solid lightgray;
    padding-bottom : 0.7em;

}

.inproject aside {
    width: 35%;
    
    display: table-cell; 
}

.inproject aside .therow {
    display: table;
    border-spacing:5px;
     border-collapse:separate; /* just to be sure */ 
     width : 100%;     
}

.inproject aside ul {
    list-style-type : none;
    
    display : table-row;
    padding         : 0;
    margin          : 0;
}
.inproject aside ul li {
    display: table-cell; 
  
}

.inproject aside ul li i {
    position: relative;
    
    margin-bottom: 10px;
    padding-top: 100%;
    width: 100%;
    background: #6fb8e2;
    border: 0;
    display: block;
}

.inproject h2 {

text-align : left;

}
.inproject aside ul li h4 {

font-size: 0.65em;
line-height: 1.53846em;
line-height: 1.4em;
margin-bottom: 0;

font-weight: 700;
color: inherit;
text-transform: uppercase;
font-style: normal;

}

.allcodes table tbody{

    font-size : 0.8em;
}

footer {
    margin : auto;
    clear : both;


}

.footer {
    width: 100%;
    max-width: 1280px;
    padding: 0  20px;
    margin: 0 auto;
    position: relative;
    line-height   : 4em;
}


.footer .copyright {
    font-size : 0.7em;
    line-height   : 4em;
    float: left;
}

.footer nav {
    float : right;
}

.footer nav a {
    font-size: 0.9em;
    line-height   : 4em;
    padding: 0 5px;
    display: inline-block;
}

/* Smartphones ----------- */
@media screen 
and (orientation: portrait) {

.lcontent {
    width : 100%;
}

main aside {

    margin : auto;
    width : 100%;
    clear : both;
}



}