| 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 |
|
|---|
| 18 | html{overflow-y:scroll;}
|
|---|
| 19 | body{margin:0; padding:0; font-size:12px; font-family:'Titillium Web'; color:#787878; background-color:#E0E0E0;}
|
|---|
| 20 |
|
|---|
| 21 | .justify{text-align:justify;}
|
|---|
| 22 | .bold{font-weight:bold;}
|
|---|
| 23 | .center{text-align:center;}
|
|---|
| 24 | .right{text-align:right;}
|
|---|
| 25 | .nostart{margin:0; padding:0; list-style-type:none;}
|
|---|
| 26 |
|
|---|
| 27 | .clear{clear:both;}
|
|---|
| 28 | br.clear{clear:both; margin-top:-15px;}
|
|---|
| 29 |
|
|---|
| 30 | a{outline:none; text-decoration:none; color:#A3443E; background-color:#E0E0E0;}
|
|---|
| 31 |
|
|---|
| 32 | .fl_left, .imgl{float:left;}
|
|---|
| 33 | .fl_right, .imgr{float:right;}
|
|---|
| 34 |
|
|---|
| 35 | img{display:block; margin:0; padding:0; border:none;}
|
|---|
| 36 | .imgl, .imgr{border:1px solid #C7C5C8; padding:5px;}
|
|---|
| 37 | .imgl{margin:0 8px 8px 0; clear:left;}
|
|---|
| 38 | .imgr{margin:0 0 8px 8px; clear:right;}
|
|---|
| 39 |
|
|---|
| 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 |
|
|---|
| 45 | /* ----------------------------------------------Generalise------------------------------------- */
|
|---|
| 46 |
|
|---|
| 47 | #header, #topbar, #topnav, #breadcrumb, .container, #footer, #copyright{display:block; position:relative; width:960px; margin:0 auto;}
|
|---|
| 48 |
|
|---|
| 49 | /* ----------------------------------------------Header------------------------------------- */
|
|---|
| 50 |
|
|---|
| 51 | #header{text-align:center; text-transform:uppercase;}
|
|---|
| 52 | #header h1, #header p{margin:0; padding:0; list-style:none; line-height:normal;}
|
|---|
| 53 | #header h1 a{font-size:170px; color:#292929; background-color:#E0E0E0;}
|
|---|
| 54 | #header p{margin-top:-20px; font-size:20px; color:#4A4A4A; background-color:#E0E0E0;}
|
|---|
| 55 |
|
|---|
| 56 | /* ----------------------------------------------Topbar------------------------------------- */
|
|---|
| 57 |
|
|---|
| 58 | #topbar{padding:15px 0; border-bottom:1px solid #999999;}
|
|---|
| 59 | #topbar .fl_left{margin:12px 0 0 0; padding:0;}
|
|---|
| 60 | #topbar .fl_left, #topbar .fl_left a{color:#999999; background-color:#E0E0E0;}
|
|---|
| 61 |
|
|---|
| 62 | /* ----------------------------------------------BreadCrumb------------------------------------- */
|
|---|
| 63 |
|
|---|
| 64 | #breadcrumb{padding:20px 0; border-top:1px solid #999999; border-bottom:1px solid #999999;}
|
|---|
| 65 | #breadcrumb ul{margin:0; padding:0; list-style:none;}
|
|---|
| 66 | #breadcrumb ul li{display:inline;}
|
|---|
| 67 | #breadcrumb ul li.current a{text-decoration:underline;}
|
|---|
| 68 |
|
|---|
| 69 | /* ----------------------------------------------Content------------------------------------- */
|
|---|
| 70 |
|
|---|
| 71 | .container{padding:30px 0; border-top:1px solid #999999; border-bottom:1px solid #999999;}
|
|---|
| 72 | .whitebox{padding:30px; color:#999999; background-color:#FFFFFF;}
|
|---|
| 73 | .whitebox a{color:#A3443E; background-color:#FFFFFF;}
|
|---|
| 74 | .content{display:block; float:left; width:600px;}
|
|---|
| 75 |
|
|---|
| 76 | /* Comments */
|
|---|
| 77 |
|
|---|
| 78 | #comments{margin-bottom:40px;}
|
|---|
| 79 | #comments .commentlist{margin:0; padding:0;}
|
|---|
| 80 | #comments .commentlist ul{margin:0; padding:0; list-style:none;}
|
|---|
| 81 | #comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
|
|---|
| 82 | #comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
|
|---|
| 83 | #comments .commentlist li.comment_odd a{color:#A3443E; background-color:#F7F7F7;}
|
|---|
| 84 | #comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
|
|---|
| 85 | #comments .commentlist li.comment_even a{color:#A3443E; background-color:#E8E8E8;}
|
|---|
| 86 | #comments .commentlist .author .name{font-weight:bold;}
|
|---|
| 87 | #comments .commentlist .submitdate{font-size:smaller;}
|
|---|
| 88 | #comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}
|
|---|
| 89 | #comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}
|
|---|
| 90 |
|
|---|
| 91 | /* ----------------------------------------------Column------------------------------------- */
|
|---|
| 92 |
|
|---|
| 93 | .column{display:block; float:right; width:270px;}
|
|---|
| 94 | .column .holder, .column #featured{display:block; width:270px; margin-bottom:20px;}
|
|---|
| 95 | .column .holder h2.title{display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:20px; line-height:normal; border-bottom:1px dotted #999999;}
|
|---|
| 96 | .column .holder h2.title img{float:left; margin:-15px 8px 0 0; padding:5px; border:1px solid #999999;}
|
|---|
| 97 | .column div.imgholder{display:block; width:260px; margin:0 0 10px 0; padding:4px; border:1px solid #999999;}
|
|---|
| 98 | .column .holder p.readmore{display:block; width:100%; font-weight:bold; text-align:right; line-height:normal;}
|
|---|
| 99 |
|
|---|
| 100 | /* Featured Block */
|
|---|
| 101 |
|
|---|
| 102 | .column #featured ul, .column #featured h2, .column #featured p{margin:0; padding:0; list-style:none; color:#666666; background-color:#F9F9F9;}
|
|---|
| 103 | .column #featured a{color:#A3443E; background-color:#F9F9F9;}
|
|---|
| 104 | .column #featured li{display:block; width:220px; margin:0; padding:20px 25px; color:#666666; background-color:#F9F9F9;}
|
|---|
| 105 | .column #featured li p.imgholder{display:block; width:210px; height:90px; margin:20px 0 15px 0; padding:4px; border:1px solid #CCCCCC;}
|
|---|
| 106 | .column #featured li h2{margin:0; padding:0 0 8px 0; font-weight:normal; font-family:'Titillium Web'; line-height:normal; border-bottom:1px dotted #999999;}
|
|---|
| 107 | .column #featured p.readmore{display:block; width:100%; margin-top:15px; font-weight:bold; text-align:right; line-height:normal;}
|
|---|
| 108 | .column .latestnews{display:block; width:100%; margin:0; padding:0; list-style:none;}
|
|---|
| 109 | .column .latestnews li{display:block; width:100%; height:99px; margin:0 0 11px 0; padding:0 0 21px 0; border-bottom:1px dotted #C7C5C8; overflow:hidden;}
|
|---|
| 110 | .column .latestnews li.last{margin-bottom:0;}
|
|---|
| 111 | .column .latestnews p{display:inline;}
|
|---|
| 112 | .column .latestnews img{float:left; margin:0 10px 0 0; padding:4px; border:1px solid #C7C5C8; clear:left;}
|
|---|
| 113 |
|
|---|
| 114 | /* ----------------------------------------------Footer------------------------------------- */
|
|---|
| 115 |
|
|---|
| 116 | #footer{padding:20px 0; border-top:1px solid #999999; border-bottom:1px solid #999999;}
|
|---|
| 117 | #footer a{color:#787878; background-color:#E0E0E0;}
|
|---|
| 118 | #footer h2, #footer p, #footer ul, #footer a{margin:0; padding:0; font-weight:normal; list-style:none; line-height:normal;}
|
|---|
| 119 | #footer h2{color:#999999; background-color:#E0E0E0; font-size:16px; font-weight:normal; margin-bottom:10px; padding-bottom:6px; border-bottom:1px dotted #585858;}
|
|---|
| 120 | #footer .latestgallery{display:block; float:left; width:420px; margin:0; padding:0;}
|
|---|
| 121 | #footer .latestgallery li{display:block; float:left; width:80px; height:80px; margin:15px 17px 0 0; padding:5px; color:#333333; background-color:#FFFFFF; border:1px solid #B4B4B4;}
|
|---|
| 122 | #footer .footbox{display:block; float:left; width:220px; margin:0 0 0 50px; padding:0;}
|
|---|
| 123 | #footer .footbox li{margin:22px 0 0 0;}
|
|---|
| 124 | #footer div.last, #footer .latestgallery li.last{margin-right:0;}
|
|---|
| 125 | #footer .footbox li.last{margin-bottom:0;}
|
|---|
| 126 |
|
|---|
| 127 | /* ----------------------------------------------Copyright------------------------------------- */
|
|---|
| 128 |
|
|---|
| 129 | #copyright{padding:15px 0; font-size:12px; border-top:1px solid #999999;}
|
|---|
| 130 | #copyright a{color:#787878; background-color:#E0E0E0;}
|
|---|
| 131 | #copyright p{margin:0; padding:0;}
|
|---|
