1* { 2 margin : 0; 3 padding : 0 4} 5 6body { 7 font : normal 10px Helvetica; 8 color : #666; 9 background : url(img/bg-blue.jpg) top center no-repeat #193c74 10} 11 12h1, h2, h3, h4, h5, h6 { 13 margin : 10px 0 0 0 14} 15 16p { 17 margin : 0px 0px 20px 0px 18} 19 20a { 21 outline : none; 22 text-decoration : none; 23 color : #8a8a8a 24} 25 26a:hover { 27 color : #215c97 28} 29 30a img { 31 border : none 32} 33 34div#outline { 35 width : 960px; 36 margin : 0 auto 37} 38 39div#nav { 40 position : relative; 41 z-index : 2; 42 width : 960px; 43 height : 38px; 44 background : url(img/nav.png) 45} 46 47div#content { 48 clear : both; 49 z-index : 1; 50 background : #fff; 51 width : 880px; 52 padding : 10px 40px 0 40px 53} 54 55div#left { 56 width : 560px; 57 margin : 0; 58 line-height : 2; 59 float : left; 60 padding : 0 20px 10px 0 61} 62 63div#right { 64 width : 240px; 65 margin : 0; 66 float : right; 67 padding : 10px 0 10px 20px 68} 69 70p#toggle-all { 71 float : right; 72 width : 100px; 73 margin : 0; 74 padding : 0 75} 76 77div.headline { 78 margin : 40px 0 0 20px 79} 80 81div.excerpt { 82 padding : 0 0 5px 0; 83 border-bottom : dotted 1px #ccc; 84 margin : 0 0 0 20px 85} 86 87div.post-single { 88 margin : 0 0 20px 0 89} 90 91div.preview { 92 float : right; 93 background : url(img/preview.png) no-repeat; 94 margin : 15px 0 0 0 95} 96 97div.preview a { 98 display : block; 99 width : 20px; 100 height : 20px; 101 color : #ccc !important; 102 font : normal 14px Verdana, serif 103} 104 105div.date { 106 position : absolute; 107 width : 60px; 108 height : 60px; 109 padding : 10px 0; 110 margin : 0 0 0 -80px; 111 background : #fff; 112 -moz-border-radius : 5px; 113 -webkit-border-radius : 5px 114} 115 116div.single_content { 117 clear : both; 118 margin : 0 0 50px 0px 119} 120 121div.bookmarks { 122 text-align : right; 123 float : right 124} 125 126div#appendix { 127 clear : both; 128 background : #fff; 129 width : 930px; 130 padding : 30px 30px 30px 0px; 131 margin : 0 0 50px 0 132} 133 134div.app_widget { 135 float : left; 136 width : 280px; 137 padding : 0px 0px 0px 30px 138} 139 140div#appendix div.widget { 141 padding : 20px 0 0 0 142} 143 144div#nav ul { 145 float : left; 146 list-style : none 147} 148 149div#nav li { 150 float : left 151} 152 153div#nav li a { 154 display : block; 155 margin : 0; 156 padding : 11px 16px 10px 16px; 157 color : #f5f5f5; 158 text-decoration : none; 159 font : bold 12px Helvetica, sans-serif; 160 border-left : 1px solid #222 161} 162 163div#nav li a:hover { 164 background : #111; 165 color : #215c97 166} 167 168ul#mail_rss a { 169 text-decoration : underline !important 170} 171 172.widget { 173 border : 1px solid #ccc; 174 padding : 25px 15px !important; 175 margin : 10px 0; 176 -moz-border-radius : 5px; 177 -webkit-border-radius : 5px 178} 179 180div.widget h4 { 181 border-bottom : 1px dotted #ccc; 182 font : bold 120% Helvetica, sans-serif 183} 184 185div#right, div#appendix { 186 font-size : 120% 187} 188 189div#right ul, div#appendix ul { 190 list-style : none; 191 padding : 0 192} 193 194div.widget h4 { 195 font-size : 130%; 196 margin : 0; 197 padding : 0 0 3px 0 198} 199 200div.widget a { 201 display : block; 202 padding : 5px 0px; 203 font : normal 110% Helvetica, sans-serif; 204 color : #215c97 205} 206 207div.widget a:hover { 208 color : #666; 209 text-decoration : underline 210} 211 212div.widget li { 213 padding : 0 0 0 5px; 214 margin : 0; 215 border-bottom : 1px dotted #ccc 216} 217 218div.widget li li { 219 padding : 0 0 0 20px; 220 margin : 0; 221 background : none; 222 border-top : none; 223 border-bottom : none 224} 225 226div#tag_cloud a { 227 display : inline 228} 229 230div#tag_cloud { 231 min-height : 130px 232} 233 234div#archives { 235 min-height : 130px 236} 237 238.textwidget, .textwidget a { 239 font : italic 120% Georgia, serif !important 240} 241 242.textwidget p { 243 margin : 0; 244 padding : 0 245} 246 247table#wp-calendar { 248 margin : 0 0 10px 0; 249 border-collapse : collapse; 250 text-align : center; 251 font-size : 14px 252} 253 254table#wp-calendar a { 255 font : normal 14px Verdana 256} 257 258table#wp-calendar caption { 259 padding : 0 0 5px 0 260} 261 262table#wp-calendar th { 263 font : bold 14px Verdana 264} 265 266table#wp-calendar th, td { 267 width : 30px; 268 height : 30px 269} 270 271div#blog-line h1 a { 272 font : normal 60px Georgia, serif; 273 color : #fff 274} 275 276div#blog-line h1 { 277 font : 40px Georgia, serif; 278 padding : 20px 0; 279 margin : 0; 280 color : #fff; 281 letter-spacing : -2px 282} 283 284div#left { 285 font-size : 120% 286} 287 288div#left a { 289 color : #215c97 290} 291 292div#left a:hover { 293 color : #ccc; 294 text-decoration : underline 295} 296 297div#left h1 { 298 float : left; 299 font : bold 26px Helvetica, sans-serif; 300 width : 450px; 301 letter-spacing : -1px 302} 303 304div#left h1.page_headline { 305 margin : 10px 0; 306 font : bold 26px Helvetica, sans-serif; 307 color : #215c97 308} 309 310div#left h1 a { 311 color : #666; 312 display : block 313} 314 315div#left h1 a:hover { 316 color : #215c97; 317 text-decoration : none 318} 319 320div#left h2 { 321 font : bold 150% Georgia, serif; 322 margin : 0 0 10px 0 323} 324 325div#left h2.archive-title { 326 margin : 10px 0 0 20px; 327 font : bold 26px Helvetica, sans-serif; 328 color : #215c97 329} 330 331div#left h3 { 332 font : italic 120% Georgia, serif; 333 margin : 0 0 5px 0 334} 335 336div#left ul, ol { 337 margin : 0 0 20px 20px 338} 339 340div.excerpt { 341 font-size : 120% 342} 343 344div.single_content { 345 font-size : 120% 346} 347 348p#font-resize a { 349 display : inline; 350 font : 18px bold Verdana, sans-serif; 351 padding : 0px 5px 352} 353 354p#toggle-all a { 355 display : block; 356 width : 80px; 357 height : 20px; 358 padding : 0 0 0 30px !important; 359 font : 12px bold Verdana, sans-serif 360} 361 362a.show-all { 363 background : url(img/toggle.png) no-repeat 364} 365 366a.hide-all { 367 background : url(img/toggle.png) 0px -20px no-repeat 368} 369 370p.previous-posts { 371 margin : 50px 0 0 0; 372 float : left; 373 font : normal 130% Verdana 374} 375 376p.next-posts { 377 margin : 50px 0 0 0; 378 float : right; 379 font : normal 130% Verdana 380} 381 382div.date { 383 font : normal 14px Georgia; 384 text-align : center; 385 color : #666 386} 387 388p.date-month { 389 margin : 2px 0 15px 0; 390 color : #999; 391 font : normal 32px Georgia 392} 393 394p.post_info { 395 font-size : 100% 396} 397 398p.tag_info { 399 margin : 0; 400 font-size : 100% 401} 402 403p.offset { 404 margin : 5px 0 405} 406 407p.wp-bookmark { 408 margin : 0 409} 410 411.wp-logo { 412 float : left 413} 414 415div#credits { 416 margin : 0 0 0 65px; 417 padding : 5px 10px; 418 height : 46px; 419 border : 1px solid #ccc; 420 -moz-border-radius : 10px; 421 -webkit-border-radius : 10px; 422 font : 120% normal Georgia, serif 423} 424 425a#totop { 426 float : right; 427 font : bold 120% Verdana, sans-serif 428} 429 430.category-link { 431 background : url(img/page.png) no-repeat 432} 433 434.comment-link { 435 background : url(img/comments.png) no-repeat 436} 437 438.tag-link { 439 background : url(img/tag-blue.png) no-repeat 440} 441 442.hide-link { 443 float : right; 444 padding : 8px 0 0 0; 445 font : normal 12px Helvetica, sans-serif 446} 447 448.user-name { 449 background : url(img/user-green.png) no-repeat 450} 451 452.user-mail { 453 background : url(img/email.png) no-repeat 454} 455 456.user-url { 457 background : url(img/world-edit.png) no-repeat 458} 459 460.user-comment { 461 background : url(img/comment-add.png) no-repeat 462} 463 464.info-icon { 465 padding : 3px 0 3px 20px; 466 margin : 0; 467 background-position : 0px 4px 468} 469 470.clear { 471 clear : both 472} 473 474code { 475 font : normal 120% Courier, serif 476} 477 478div.comment { 479 margin : 10px 0 30px 0; 480 padding : 10px 0; 481 border-bottom : 1px dotted #ccc 482} 483 484p.comment-details { 485 font : normal 130% Georgia, serif 486} 487 488.avatar { 489 float : left; 490 margin : 0 20px 0 0; 491 border : 5px solid #eee; 492 -moz-border-radius : 5px; 493 -webkit-border-radius : 5px 494} 495 496div.comment-text { 497 margin : 50px 0 0 0 498} 499 500div.author-comment { 501 background : #f9fbc1; 502 -moz-border-radius : 5px; 503 -webkit-border-radius : 5px; 504 padding : 10px !important; 505 border : 1px solid #f1f1f1 506} 507 508h2#comment-header { 509 margin : 40px 0 10px 0 !important; 510 border-bottom : 1px dotted #ccc; 511 padding : 0 0 5px 0 512} 513 514h2#respond { 515 margin : 40px 0 10px 0 !important 516} 517 518h3#no-comments { 519 font : italic bold 110% Georgia, serif !important; 520 color : #666 !important 521} 522 523label { 524 display : block; 525 margin : 0 0 5px 0 526} 527 528.text { 529 width : 350px; 530 margin : 0 0 10px 0; 531 padding : 5px; 532 background : url(img/bg-form-text.gif) repeat-x left top #fff; 533 border : 1px solid #ccc 534} 535 536textarea { 537 width : 450px; 538 height : 150px; 539 margin : 0; 540 padding : 5px; 541 background : url(img/bg-form-text.gif) repeat-x left top #fff; 542 border : 1px solid #ccc; 543 -moz-border-radius : 5px 544} 545 546.submit { 547 width : auto; 548 padding : 5px 20px; 549 margin : 5px 0; 550 color : #fff; 551 background : #333; 552 border : 1px solid #333; 553 -moz-border-radius : 5px; 554 -webkit-border-radius : 5px 555} 556 557input { 558 -moz-border-radius : 5px; 559 -webkit-border-radius : 5px; 560 margin : 0 5px 0 0 561} 562 563input#search { 564 width : 150px; 565 padding : 5px; 566 background : url(img/bg-form-text.gif) repeat-x left top; 567 border : 1px solid #ccc 568} 569 570#search-submit { 571 padding : 5px; 572 color : #fff; 573 background : #333; 574 border : none 575} 576 577div#left div#searchform { 578 padding : 0 0 0 20px 579} 580 581p.not-found { 582 padding : 0 0 0 20px; 583 margin : 0 584} 585 586img.alignright { 587 float : right; 588 margin : 0 0 30px 30px 589} 590 591img.alignleft { 592 float : left; 593 margin : 0 50px 30px 0 594} 595 596img.aligncenter { 597 display : block; 598 margin-left : auto; 599 margin-right : auto 600} 601 602a img.alignright { 603 float : right; 604 margin : 0 0 30px 30px 605} 606 607a img.alignleft { 608 float : left; 609 margin : 0 50px 30px 0 610} 611 612a img.aligncenter { 613 display : block; 614 margin-left : auto; 615 margin-right : auto 616} 617 618.aligncenter, div.aligncenter { 619 display : block; 620 margin-left : auto; 621 margin-right : auto 622} 623 624.alignleft { 625 float : left 626} 627 628.alignright { 629 float : right 630} 631 632.wp-caption { 633 border : 1px solid #ddd; 634 text-align : center; 635 background-color : #f3f3f3; 636 padding-top : 4px; 637 margin : 10px 638} 639 640.wp-caption img { 641 margin : 0; 642 padding : 0; 643 border : 0 none 644} 645 646.wp-caption p.wp-caption-text { 647 font-size : 110%; 648 line-height : 17px; 649 padding : 0 4px 5px; 650 margin : 0 651} 652 653.sf-menu, .sf-menu * { 654 margin : 0; 655 padding : 0; 656 list-style : none 657} 658 659.sf-menu { 660 line-height : 1 661} 662 663.sf-menu ul { 664 position : absolute; 665 top : -999em; 666 width : 10em 667} 668 669.sf-menu ul li { 670 width : 100%; 671 margin : 0 !important 672} 673 674.sf-menu ul ul li { 675 margin : 0 !important 676} 677 678.sf-menu li:hover { 679 visibility : inherit 680} 681 682.sf-menu li { 683 float : left; 684 position : relative 685} 686 687.sf-menu a { 688 display : block; 689 position : relative 690} 691 692.sf-menu li:hover ul, .sf-menu li.sfHover ul { 693 left : 0; 694 top : 38px; 695 z-index : 1000 696} 697 698ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { 699 top : -999em 700} 701 702ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { 703 left : 10em; 704 top : 0 705} 706 707ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { 708 top : -999em 709} 710 711ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { 712 left : 10em; 713 top : 0 714} 715 716.clearfix:after { 717 content : "."; 718 display : block; 719 clear : both; 720 visibility : hidden; 721 line-height : 0; 722 height : 0 723} 724 725.clearfix { 726 display : inline-block 727} 728 729html[xmlns].clearfix { 730 display : block 731} 732 733* html.clearfix { 734 height : 1% 735} 736 737.clear { 738 clear : both 739}