| 1 | @charset "utf-8";
|
|---|
| 2 | /*
|
|---|
| 3 | Template Name: Realistic
|
|---|
| 4 | Author: <a href="http://www.os-templates.com/">OS Templates</a>
|
|---|
| 5 | Author URI: http://www.os-templates.com/
|
|---|
| 6 | Licence: Free to use under our free template licence terms
|
|---|
| 7 | Licence URI: http://www.os-templates.com/template-terms
|
|---|
| 8 | File: Layout CSS
|
|---|
| 9 | */
|
|---|
| 10 |
|
|---|
| 11 | /* @import url("navi.css"); */
|
|---|
| 12 | @import url("forms.css");
|
|---|
| 13 | @import url("tables.css");
|
|---|
| 14 | @import url("homepage.css");
|
|---|
| 15 | @import url("gallery.css");
|
|---|
| 16 | @import url("portfolio.css");
|
|---|
| 17 | @import url("style.css");
|
|---|
| 18 |
|
|---|
| 19 | html{overflow-y:scroll;}
|
|---|
| 20 | body{margin:0; padding:0; font-size:12px; font-family:'Titillium Web'; color:#787878; background-color:#E0E0E0;}
|
|---|
| 21 |
|
|---|
| 22 | .justify{text-align:justify;}
|
|---|
| 23 | .bold{font-weight:bold;}
|
|---|
| 24 | .center{text-align:center;}
|
|---|
| 25 | .right{text-align:right;}
|
|---|
| 26 | .nostart{margin:0; padding:0; list-style-type:none;}
|
|---|
| 27 |
|
|---|
| 28 | .clear{clear:both;}
|
|---|
| 29 | br.clear{clear:both; margin-top:-15px;}
|
|---|
| 30 |
|
|---|
| 31 | a{outline:none; text-decoration:none; color:#A3443E; background-color:#E0E0E0;}
|
|---|
| 32 |
|
|---|
| 33 | .fl_left, .imgl{float:left;}
|
|---|
| 34 | .fl_right, .imgr{float:right;}
|
|---|
| 35 |
|
|---|
| 36 | /*img{display:block; margin:0; padding:0; border:none;}*/
|
|---|
| 37 | .imgl, .imgr{border:1px solid #C7C5C8; padding:5px;}
|
|---|
| 38 | .imgl{margin:0 8px 8px 0; clear:left;}
|
|---|
| 39 | .imgr{margin:0 0 8px 8px; clear:right;}
|
|---|
| 40 | /* ----------------------------------------------Wrapper------------------------------------- */
|
|---|
| 41 |
|
|---|
| 42 | div.wrapper{display:block; margin:0 0 1px 0; text-align:left;}
|
|---|
| 43 | div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0 0 15px 0; padding:0; font-size:20px; font-weight:normal; line-height:normal;}
|
|---|
| 44 | /* ----------------------------------------------Generalise------------------------------------- */
|
|---|
| 45 |
|
|---|
| 46 | #header, #topbar, #topnav, #breadcrumb, .container, #footer, #copyright{display:block; position:relative; width:960px; margin:0 auto;}
|
|---|
| 47 |
|
|---|
| 48 | /* ----------------------------------------------Header------------------------------------- */
|
|---|
| 49 |
|
|---|
| 50 | #header{text-align:center; text-transform:uppercase;}
|
|---|
| 51 | #header h1, #header p{margin:0; padding:0; list-style:none; line-height:normal;}
|
|---|
| 52 | #header h1 a{font-size:170px; color:#292929; background-color:#E0E0E0;}
|
|---|
| 53 | #header p{margin-top:-20px; font-size:20px; color:#4A4A4A; background-color:#E0E0E0;}
|
|---|
| 54 |
|
|---|
| 55 | /* ----------------------------------------------Topbar------------------------------------- */
|
|---|
| 56 |
|
|---|
| 57 | #topbar{padding:15px 0; border-bottom:1px solid #999999;}
|
|---|
| 58 | #topbar .fl_left{margin:8px 0 0 0; padding:0;}
|
|---|
| 59 | #topbar .fl_left, #topbar .fl_left a{color:#999999; background-color:#E0E0E0;}
|
|---|
| 60 |
|
|---|
