@charset "utf-8"; /* Template Name: CleanLines V.2 Author: OS Templates Author URI: http://www.os-templates.com/ Licence: Free to use under our free template licence terms Licence URI: http://www.os-templates.com/template-terms File: Layout CSS */ @import url("navi.css"); @import url("forms.css"); @import url("tables.css"); @import url("slider.css"); @import url("homepage.css"); @import url("gallery.css"); @import url("portfolio.css"); html{overflow-y:scroll;} body{margin:0; padding:0; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#989898; background-color:#D5D5D5;} .clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;} .clear{display:block; clear:both;} html[xmlns] .clear{display:block;} * html .clear{height:1%;} a{outline:none; text-decoration:none;} code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;} .fl_left, .imgl{float:left;} .fl_right, .imgr{float:right;} img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle; max-width:1100px;_width:expression(this.width > 1100 ? "1100px" : this.width); } .imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;} .imgl{margin:0 15px 15px 0; clear:left;} .imgr{margin:0 0 15px 15px; clear:right;} /* ----------------------------------------------HTML 5 Overrides------------------------------------- */ address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;} /* ----------------------------------------------Wrapper------------------------------------- */ div.wrapper{display:block; width:920px; margin:0 auto; text-align:left; color:#989898; background-color:#FFFFFF;} div.wrapper a{color:#CB9430; background-color:#FFFFFF;} /*.row1, .row2, .row3, .row4{border-bottom:1px solid #D5D5D5;} */ .row1, .row1 a{} .row2, .row2 a{} .row3, .row3 a{} .row4, .row4 a{} .row5, .row5 a{} /* ----------------------------------------------Generalise------------------------------------- */ #header, #container, #footer, #copyright{display:block; width:900px; margin:0 auto; padding:0;} h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:16px; font-weight:normal; line-height:normal; color:#666666; background-color:#FFFFFF;} address{font-style:normal;} blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;} blockquote:before, q:before{content:'?'; font-size:26px;} blockquote:after, q:after{font-size:26px; line-height:0;} .one_quarter, .two_quarter, .three_quarter{display:block; float:left; margin:0 0 0 20px;} .one_quarter{width:210px;} .two_quarter{width:440px;} .three_quarter{width:670px;} .one_third, .two_third{display:block; float:left; margin:0 0 0 30px;} .one_third{width:280px;} .two_third{width:590px;} .first, .one_quarter:first-child, .two_quarter:first-child, .three_quarter:first-child, .one_third:first-child, .two_third:first-child{margin-left:0;} .four_quarter, .three_third{width:100%; float:none; margin-left:0; clear:both;} /* ----------------------------------------------Header------------------------------------- */ #header{padding:15px 0 15px 0;} #hgroup{float:left;width:30%;} #header #hgroup{text-align:center; margin-bottom:0px;} #header #hgroup h1, #header #hgroup h2{font-weight:normal; font-style:normal; text-transform:none;} #header #hgroup h1{font-size:32px;} #header #hgroup h1 a{color:#000000; background-color:#FFFFFF;} #header #hgroup h2{font-size:13px;} #hmenu{float:left;width:70%;} /* ----------------------------------------------Content Area------------------------------------- */ #container{padding:10px 0; line-height:1.6em;} #container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin-bottom:20px;} #container section{display:block; width:100%; margin:0 0 40px 0; padding:0;} #container .last{margin:0;} #container .more{text-align:right;} /* Content */ #container #content{float:left; width:860px; margin-bottom:0;} #us-content{float:none; width:650px; margin:0 auto; padding-top:80px; padding-bottom:80px; overflow:hidden;} /*#us-content{float:none; width:760px; margin:0 auto; padding-top:120px; padding-bottom:120px; overflow:hidden;} */ #us-word {float:left; width:40%; font-size:14px; } #us-picture{float:right; width:40%;} #us-picture img{width:100%; float:left;} #info-content{float:none; width:740px; margin:0 auto; padding-top:25px; padding-bottom:25px; overflow:hidden;} #info-word {float:right; width:50%; font-size:10px; } #info-word img{float:right; width:100%; } #info-picture{float:left; width:40%;} #info-picture img{width:100%; float:left;} #vediopicturecontainer{ width:846px; margin:0 auto; overflow:hidden; padding-top:20px;} #vediopicturecontainer .vediopicture{ float:left; width:16.666%;} #vediopicturecontainer .vediopicture img{ width:100%;} /* Comments */ #comments ul{margin:0 0 40px 0; padding:0; list-style:none;} #comments li.comment_odd, #comments li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;} #comments li.comment_odd{color:#666666; background-color:#F7F7F7;} #comments li.comment_odd a{color:#CB9430; background-color:#F7F7F7;} #comments li.comment_even{color:#666666; background-color:#E8E8E8;} #comments li.comment_even a{color:#CB9430; background-color:#E8E8E8;} #comments article, #comments header{display:block; width:100%;} #comments figure{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid #DEDACB; text-align:center;} #comments figure img{float:inherit;} #comments header address{font-weight:bold;} #comments header time{font-size:smaller;} #comments article section{margin:0; padding:0;} #comments article section p{margin:10px 5px 10px 0; padding:0;} /* Right Column */ #container #right_column{float:right; width:280px;} aside h2{padding-bottom:8px; font-size:16px; text-transform:uppercase; border-bottom:5px solid #CCCCCC; text-align:right;} /* ----------------------------------------------Footer------------------------------------- */ #footer{padding:30px 0; line-height:1.8em;} #footer section h2.title{margin-bottom:15px; font-size:18px; font-weight:bold; text-transform:uppercase;} /* About Us */ #footer section figure.imgholder{border-color:#555555;} /* Quick Links */ #footer section nav ul li{margin:5px 0 0 0; padding:0 0 5px 0; border-bottom:1px solid #D5D5D5;} #footer section nav ul li:first-child, #footer section nav ul li.first{margin-top:0;} #footer section nav ul li a{} /* Blogposts */ #footer section article header, #footer section article address, #footer section article time, #footer section article p{margin:0; padding:0;} #footer section article p{margin-top:10px;} #footer section article header h2{font-size:14px; font-weight:bold; text-transform:none;} #footer section article address, #footer section article time{font-size:10px; font-style:normal;} /* ----------------------------------------------Copyright------------------------------------- */ #copyright{padding:20px 0;} #copyright, #copyright a{color:#666666; background-color:#FFFFFF;} #copyright p{margin:0; padding: 0;}