style/adropabove/styles.css

   1 /* Created by http://freehtml5templates.com */
   2 /* reset */
   3 * {
   4 margin: 0;
   5 padding: 0;
   6 }
   7
   8 /* render html5 elements as block */
   9 header, footer, section, aside, nav, article {
  10 display: block;
  11 }
  12
  13 body {
  14 line-height: 1;
  15 background: #f1f1f1 url("images/bg.gif") repeat;
  16 font-family: Verdana, Arial, Helvetica, sans-serif;
  17 color: #666;
  18 font-size: 14px;
  19 line-height: 18px;
  20 }
  21
  22 /* layout */
  23
  24 #wrapper {
  25 width: 940px;
  26 margin: 0 auto;
  27 margin-top: 5px;
  28 margin-bottom: 5px;
  29 -webkit-box-shadow: 3px 3px 7px #777;
  30 -moz-box-shadow: 3px 3px 7px #777;
  31 }
  32
  33 nav {
  34 width: 940px;
  35 height: 50px;
  36 margin: 0 auto;
  37 background: #110E0F;
  38 }
  39
  40 header {
  41 width: 940px;
  42 height: 200px;
  43 margin: 0 auto;
  44 background: #fff url(images/headerimg.jpg) no-repeat left top;
  45 }
  46
  47 #main {
  48 width: 940px;
  49 margin: 0 auto;
  50 padding-top: 30px;
  51 background: #FFF url(images/colbg.png) repeat-y;
  52 overflow: hidden;
  53 }
  54
  55 #content {
  56 float: right;
  57 width: 640px;
  58 margin-right: 30px;
  59 }
  60
  61 #sidebar {
  62 float: left;
  63 padding-left: 20px;
  64 width: 220px;
  65 background: #E6EBF8;
  66 }
  67
  68 footer {
  69 width: 940px;
  70 margin: 0 auto;
  71 clear: both;
  72 }
  73
  74 /* basics */
  75
  76 h1,h2,h3,h4,h5,h6 {
  77 font-weight: bold;
  78 clear: both;
  79 color: #333;
  80 }
  81
  82 a:link, a:visited {
  83 color:#004C9A;
  84 }
  85
  86 a:hover, a:active {
  87 color: #333;
  88 }
  89
  90 hr {
  91 background-color: #E7E7E7;
  92 border: 0;
  93 height: 1px;
  94 margin-bottom: 18px;
  95 clear: both;
  96 }
  97
  98 p {
  99 margin-bottom: 18px;
 100 }
 101
 102 li {
 103 padding-left: 5px;
 104 }
 105
 106 /* nav */
 107
 108 nav .menu {
 109 font-size: 16px;
 110 font-weight: bold;
 111 }
 112
 113 nav .menu ul {
 114 margin: 0;
 115 padding: 17px 0 0 20px;
 116 list-style: none;
 117 line-height: normal;
 118 }
 119
 120 nav .menu li {
 121 display: block;
 122 float: left;
 123 }
 124
 125 nav .menu a {
 126 display: block;
 127 float: left;
 128 margin-right: 5px;
 129 padding: 0px 15px;
 130 text-decoration: none;
 131 color: #FFF;
 132 }
 133
 134 nav .menu a:hover {
 135 border-top: #FFF 1px solid;
 136 border-bottom: #FFF 1px solid;
 137 }
 138
 139 /** HEADER */
 140
 141 header h1, header h2 {
 142 margin: 0;
 143 padding: 0 0 0 30px;
 144 line-height: normal;
 145 }
 146
 147 header h1 {
 148 float: left;
 149 padding-top: 20px;
 150 }
 151
 152 header h1 a:link, header h1 a:visited {
 153 text-decoration: none;
 154 color: #FFF;
 155 }
 156
 157 header h1 a:hover {
 158 text-decoration: underline;
 159 }
 160
 161 header h2 {
 162 padding: 20px 0 0 30px;
 163 font-style: italic;
 164 font-size: 14px;
 165 color: #FFFFFF;
 166 }
 167
 168 /** ARTICLES **/
 169 article img {
 170 border: none;
 171 -webkit-box-shadow: 3px 3px 7px #777;
 172 -moz-box-shadow: 3px 3px 7px #777;
 173 }
 174
 175 #content p, ul, ol, hr {
 176 margin-bottom: 24px;
 177 }
 178
 179 #content ul ul, ol ol, ul ol, ol ul {
 180 margin-bottom: 0;
 181 }
 182
 183 #content h1, h2, h3, h4, h5, h6 {
 184 color: #333;
 185 margin: 0 0 20px 0;
 186 line-height: 1.5em;
 187 text-shadow: 0px 2px 3px #ddd;
 188 }
 189
 190 .alignleft, img.alignleft {
 191 display: inline;
 192 float: left;
 193 margin-right: 24px;
 194 margin-top: 4px;
 195 }
 196
 197 .alignright, img.alignright {
 198 display: inline;
 199 float: right;
 200 margin-left: 24px;
 201 margin-top: 4px;
 202 }
 203
 204 .aligncenter, img.aligncenter {
 205 clear: both;
 206 display: block;
 207 margin-left: auto;
 208 margin-right: auto;
 209 }
 210
 211 img.alignleft, img.alignright, img.aligncenter {
 212 margin-bottom: 12px;
 213 }
 214
 215 /* sidebar and footer widget blocks */
 216
 217 aside h3 {
 218 font-size: 18px;
 219 text-shadow: 0px 2px 3px #ddd;
 220 }
 221
 222 aside ul {
 223 list-style: none;
 224 margin-bottom: 20px;
 225 margin-top: -15px;
 226 }
 227
 228 aside li a {
 229 display: block;
 230 text-decoration: none;
 231 }
 232
 233 aside li a:hover {
 234 border-top: #333 1px solid;
 235 border-bottom: #333 1px solid;
 236 }
 237
 238 #footer-area {
 239 background: #000;
 240 color: #FFF;
 241 font-size: 90%;
 242 padding: 18px 0;
 243 overflow: hidden;
 244 }
 245
 246 .footer-segment {
 247 float: left;
 248 margin-right: 20px;
 249 margin-left: 20px;
 250 width: 190px;
 251 }
 252
 253 footer aside h4 {
 254 color: #FFF;
 255 font-size: 16px;
 256 line-height: 1.5em;
 257 text-shadow: 0px 2px 3px #ddd;
 258 }
 259
 260 footer a:link, footer a:visited {
 261 color: #FFF;
 262 }
 263
 264