/*
Theme Name: Car Buyers Sydney
Theme URI: http://www.carbuyerssydney.com.au/
Description: Sydney no. 1 car buyers company
Version: 1.0
Author: A1dezine Ltd. Hamilton
Author URI: http://a1dezine.com
*/
@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:14px; background:#e7e6e6;}

img{border:0}
h1, h2, h3, h4, h5{margin:0; padding:0; font-weight:normal; line-height:normal; font-family: 'Roboto', sans-serif;}

h1{font-size:36px} 
h2{font-size:24px} 
h3{font-size:22px} 
h4{font-size:18px} 
h5{font-size:16px} 


a{color:#10a5d5; text-decoration:none;}
a:hover{color:#10a5d5; text-decoration:underline;}

.wrapper{margin:0 auto; width:1200px;}
.attachment-blog_list_image{width:100%; height:auto;}

.header{float:left; width:100%; background:#2d2d2c;}

.logo{float:left; position:absolute;}
.logo p, .social p, .banner p, .car_logos p{ margin:0;}

.menu_sec{float:left; width:55%; color:#999999; margin-left:32%; text-align:center; text-transform:uppercase; font-weight:300;}
.menu_sec a{padding:20px 7px; text-decoration:none; color:#acacac;}
.menu_sec a:hover{background:#252424; color:#FFFFFF;}
.menu_sec .active{background:#252424; color:#FFFFFF;}

.social{float:right; width:10%; text-align:right; margin-top:18px;}

.section{float:left; width:100%}
.banner{float:left; width:100%}
.banner img{width:100%; height:auto; display:block;}

.featured_sec{float:left; width:100%; padding:1% 0; background:#141414; color:#888888;}
.featured_sec h2{color:#fff; font-weight:200; text-transform:uppercase;} 
.featured_sec ul{margin:0; padding:0; list-style-type:none}
.featured_sec ul li{float:left; width:32%; margin-right:1.2%;}
.featured_sec ul li img{width:100%; height:auto;}
.featured_sec ul li a{color:#888888; text-decoration:none;}
.featured_sec ul li a:hover{color:#10a5d5; text-decoration:none;}


.no_margin{margin-right:0!important}

.content_sec{float:left; width:100%; padding:1% 0;}
.content_sec .h2{color:#141414; font-weight:200; text-transform:uppercase; margin-bottom:20px;} 
.content_sec_left .h2 ul{margin:0; padding:0;  list-style:none;}
.content_sec_left .h2 ul li a{color:#141414;}

.content_sec_left{float:left; width:67%}
.content_wrap{float:left; width:94%; padding:3%; padding-top:0; background:#fff; color:#4c4c4c; margin-bottom:10px; line-height:26px; font-size:16px; font-weight:300;}
.img{width:100%; height:auto;}
.content_wrap h2 a{color:#333333; font-weight:200; text-transform:uppercase; text-decoration:none;} 
.content_wrap h2 a:hover{color:#10a5d5;}

.more{}
a.more{background:#d7d7d7; color:#333333; padding:10px 25px; text-decoration:none;
border-radius:35px;
-webkit-border-radius:35px;
}
a.more:hover{background:#999;}


.content_sec_right{float:right; width:32%}
.content_sec_right h2{font-weight:300}

.newsletter_sec{float:left; width:90%; padding:4% 5% 1% 5%; background:#10a5d5; color:#FFFFFF; margin-bottom:12px;}

.big{font-size:36px; text-transform:uppercase}

.input{width:94%; padding:3%; border:0; margin-bottom:7px; color:#666666; font-family: 'Lato', sans-serif; font-weight:300; font-size:16px;
border-radius:3px;
-webkit-border-radius:3px;
}

.recent_sec{float:left; width:90%; padding:4% 5% 1% 5%; background:#fff; color:#4c4c4c; margin-bottom:12px;}
.recent_sec h2{font-weight:300; text-transform:uppercase; color:#333333; margin-bottom:20px;}
.recent_sec h4{font-size:16px; margin-bottom:0; font-weight:300;}
.recent_sec img{float:left; margin-right:15px;}
.recent_sec div{float:left; width:100%; margin-bottom:20px;}

.category_sec{float:left; width:90%; padding:4% 5% 2% 5%; background:#fff; color:#4c4c4c; margin-bottom:12px;}
.category_sec h2{font-weight:300; text-transform:uppercase; color:#333333; margin-bottom:20px;}
.category_sec ul{margin:0; padding:0 0 0 15px;}
.category_sec ul li{list-style-type:none; background:url(images/icon.jpg) no-repeat left center; padding-left:15px; font-size:16px; margin:7px 0;}
.category_sec ul li a{color:#646464; text-decoration:none;}
.category_sec ul li a:hover{color:#141414; text-decoration:none;}

.tags{float:left; width:90%; padding:4% 5% 2% 5%; background:#fff; color:#4c4c4c;}
.tags h2{font-weight:300; text-transform:uppercase; color:#333333; margin-bottom:20px;}
.tags a{color:#646464; padding:5px 10px; border:1px solid #ddd; display:inline-block; margin-bottom:5px;}
.tags a:hover{color:#10a5d5; text-decoration:none}


.footer{float:left; width:100%; padding:1% 0%; background:#141414; color:#7a7a7a; text-align:center; font-size:14px; font-weight:200;}

.spacing{margin-top:50px;}

.car_logos{float:left; width:100%; background:#fff; padding:5px 0; text-align:center;}

.commnet_sec{ 
	background: #fff none repeat scroll 0 0; 
 	padding: 0 3% 3%;
    width: 94%;
}
.commnet_sec input[type="text"]{width:50%; padding:1%; border:1px solid #ccc; margin-right:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:3px;
border-radius:5px;
-webkit-border-radius:5px;
}
.commnet_sec textarea{width:70%; padding:1%; border:1px solid #ccc; margin-right:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:3px;
border-radius:5px;
-webkit-border-radius:5px;
}
.commnet_sec label{display:table;}
.commnet_sec .submit{padding:7px 35px; background:#111111; color:#FFFFFF; font-size:18px; border:0;
border-radius:5px;
-webkit-border-radius:5px;
}
.btn_submit {
    background: transparent url("images/submit.png") no-repeat scroll left top;
    border: medium none;
    float: left;
    height: 38px;    
    text-indent: -50000px;
    width: 112px;
}

@media only screen and ( min-width : 150px) and ( max-width :1024px ) {
.wrapper{width:95%; padding:0 10px;}

}

@media only screen and ( min-width : 150px) and ( max-width : 900px ) {
.wrapper{width:95%}
.logo{float:left; position:inherit; width:60%;}
.social{float:right; width:40%; text-align:right; margin-top:18px;}
.menu_sec{float:left; width:100%; color:#999999; margin-left:0%; text-align:left;}

.content_sec_left{float:left; width:100%}
.content_sec_right{float:right; width:100%}

.spacing{margin-top:10px;}

.car_logos img{width:100%; height:auto}

}


@media only screen and ( max-width : 480px ) {
.featured_sec ul li{float:left; width:100%; margin-right:0%; margin-bottom:20px;}

.logo img{width:100%; height:auto}


}