1 2/* 3Design by Free CSS Templates 4http://www.freecsstemplates.org 5Released for free under a Creative Commons Attribution 2.5 License 6*/ 7 8body { 9 margin: 0; 10 padding: 0; 11 background: __background__; 12 font-family: 'Open Sans', sans-serif; 13 font-size: 10pt; 14 /*color: #3B3B3B;*/ 15} 16 17h1, h2, h3 { 18 margin: 0px; 19 padding: 0px; 20 letter-spacing: -2px; 21 text-transform: uppercase; 22 font-family: 'Roboto Condensed', sans-serif; 23 font-weight: normal; 24 color: #F6B300; 25} 26 27h1 { 28 font-size: 2em; 29} 30 31h2 { 32 letter-spacing: 1px; 33 font-size: 2.4em; 34} 35 36h3 { 37 font-size: 1.6em; 38} 39 40p, ul, ol { 41 margin-top: 0; 42 line-height: 180%; 43} 44 45ul, ol { 46} 47 48a { 49 text-decoration: none; 50 color: #F6B300; 51} 52 53a:hover { 54} 55 56/* Header */ 57 58#header-wrapper { 59} 60 61#header { 62 clear: both; 63 width: 1000px; 64 margin: 0px auto; 65} 66 67/* Logo */ 68 69#logo { 70 margin: 0px; 71 padding: 30px 0px; 72 color: #000000; 73} 74 75#logo h1, #logo p { 76 margin: 0; 77 padding: 0; 78} 79 80#logo h1 { 81 margin: 0px; 82 padding: 0px; 83 text-align: center; 84 text-transform: lowercase; 85 font-size: 10em; 86 font-family: 'Yesteryear', cursive; 87 font-weight: 400; 88 color: #323030; 89} 90 91#logo h1 span { 92 color: #F6B300; 93} 94 95#logo p { 96 margin-top: -2em; 97 padding: 0px; 98 text-align: center; 99 text-transform: uppercase; 100 font-family: 'Roboto Condensed', sans-serif; 101 font-size: 2em; 102 color: #3B3B3B; 103} 104 105#logo p a { 106 color: #3B3B3B; 107} 108 109#logo a { 110 border: none; 111 background: none; 112 text-decoration: none; 113 color: #323030; 114} 115 116/* Search */ 117 118#search { 119 width: 320px; 120 height: 60px; 121 padding: 0px; 122} 123 124#search form { 125 margin: 0px; 126 padding: 0px; 127} 128 129#search fieldset { 130 margin: 0; 131 padding: 0; 132 border: none; 133} 134 135#search-text { 136 width: 250px; 137 outline: none; 138 background: #F5F0E7; 139 border: 1px solid #D7D0C0; 140 padding: 10px; 141 border-radius: 8px; 142 text-transform: lowercase; 143 font-family: 'Open Sans', sans-serif; 144 color: #454545; 145} 146 147#search-submit { 148 width: 62px; 149 height: 22px; 150 display: none; 151 border: none; 152 color: #FFFFFF; 153} 154 155/* Menu */ 156 157#menu-wrapper { 158 overflow: hidden; 159 height: 56px; 160} 161 162#menu { 163 width: 1000px; 164 height: 55px; 165 margin: 0px auto; 166 padding: 0px; 167 background: #FDBD06; 168} 169 170#menu ul { 171 margin: 0; 172 padding: 0px 0px 0px 0px; 173 list-style: none; 174 line-height: normal; 175 text-align: center; 176} 177 178#menu li { 179 display: inline-block; 180 border-right: 1px solid #FDA408; 181} 182 183#menu a { 184 display: block; 185 letter-spacing: 1px; 186 margin: 0px 10px; 187 line-height: 55px; 188 padding: 0 20px; 189 text-decoration: none; 190 text-align: center; 191 text-transform: uppercase; 192 font-family: 'Roboto Condensed', sans-serif; 193 font-size: 14px; 194 font-weight: normal; 195 color: #FFFFFF; 196 border: none; 197} 198 199#menu a:hover, #menu .current_page_item a { 200 text-decoration: none; 201 color: #3D2729; 202} 203 204#menu .current_page_item a { 205} 206 207/* Page */ 208 209#wrapper 210{ 211 overflow: hidden; 212 padding-bottom: 40px; 213} 214 215#page { 216 overflow: hidden; 217 width: __site_width__; 218 margin: 0px auto; 219} 220 221/* Content */ 222 223#content { 224 float: left; 225 width: ~"calc(100% - "__sidebar_width__ ~" - 60px)"; 226 background: #FFFFFF; 227} 228 229.post { 230 margin-bottom: 15px; 231 padding: 30px 40px; 232} 233 234.post-alt 235{ 236 background: #F0F0F0; 237} 238 239.post .title { 240 height: 38px; 241 margin-bottom: 10px; 242 padding: 12px 0 0 0px; 243 font-size: 32px; 244} 245 246.post .title a { 247 border: none; 248 color: #3D2729; 249} 250 251.post .meta { 252 margin-bottom: 30px; 253 padding: 5px 0px 15px 0px; 254 text-align: left; 255 font-weight: normal; 256} 257 258.post .meta .date { 259 float: left; 260} 261 262.post .meta .posted { 263 float: right; 264} 265 266.post .meta a { 267} 268 269.post .entry { 270 padding: 0px 0px 20px 0px; 271 padding-bottom: 20px; 272 text-align: justify; 273} 274 275.links { 276 display: inline-block; 277 height: 30px; 278 padding: 30px 0px 0px 0px; 279 font-size: 14px; 280 font-weight: normal; 281 color: #1C1C1C; 282} 283 284.button 285{ 286 padding: 10px 25px; 287 background: #E58703; 288 border-radius: 5px; 289 letter-spacing: 1px; 290 text-transform: uppercase; 291 font-family: 'Roboto Condensed', sans-serif; 292 font-size: 14px; 293 color: #FFFFFF; 294} 295 296/* Sidebar */ 297 298#sidebarelement { 299 float: right; 300 width:__sidebar_width__; 301 margin: 0px; 302 padding: 40px 30px 0px 30px; 303 color: #787878; 304 background: #F2CD36; 305} 306 307#sidebarelement p 308{ 309 color: #3B3B3B; 310} 311 312 313#sidebarelement ul { 314 margin: 0; 315 padding: 0; 316 list-style: none; 317} 318 319#sidebarelement li { 320 margin: 0; 321 padding: 0; 322} 323 324#sidebarelement li ul { 325 margin: 0px 0px; 326 padding-bottom: 50px; 327} 328 329#sidebarelement li li { 330 border-bottom: 1px solid __border__; 331 margin: 0px 0px; 332 padding: 10px 0px; 333 border-left: none; 334} 335 336#sidebarelement li li a { 337 color: #3B3B3B; 338} 339 340#sidebarelement li li span { 341 display: block; 342 padding: 0; 343 font-size: 11px; 344 font-style: italic; 345} 346 347#sidebarelement h2 { 348 padding-bottom: 20px; 349 font-size: 1.8em; 350 color: #3D2729; 351} 352 353#sidebarelement p { 354 margin: 0px 0px 40px 0px; 355 padding: 0px; 356 text-align: justify; 357} 358 359#sidebarelement a { 360 border: none; 361} 362 363#sidebarelement a:hover { 364 text-decoration: underline; 365} 366 367/* Calendar */ 368 369#calendar { 370} 371 372#calendar_wrap { 373 padding: 20px; 374} 375 376#calendar table { 377 width: 100%; 378} 379 380#calendar tbody td { 381 text-align: center; 382} 383 384#calendar #next { 385 text-align: right; 386} 387 388/* Footer */ 389 390#footer { 391 min-height: 150px; 392 margin: 0 auto; 393 padding: 0px 0 15px 0; 394 background: #B29D8C; 395 border-top: 1px solid #A59282; 396 font-family: 'Arvo', serif; 397} 398 399#footer p { 400 margin: 0; 401 padding-top: 20px; 402 line-height: normal; 403 font-size: 12px; 404 letter-spacing: 2px; 405 text-transform: uppercase; 406 text-align: center; 407 color: #FFFFFF; 408} 409 410#footer a { 411 color: #FFFFFF; 412} 413 414#banner { 415 width: 1000px; 416 margin: 0px auto; 417} 418 419#banner img 420{ 421 border-radius: 8px; 422}