/* Theme Name: Blurred Whisper Theme URI: http://blurredwhisper.com/ Description: This theme is used for the Blurred Whisper website. Version: 2009.05.28 Author: Blurred Whisper, LLC Author URI: http://blurredwhisper.com/ Tags: white, custom header, fixed width, two columns, widgets */ /* colors background green: #e9ffd5 dark green: #006600 light green: #41a300 */ /*YAHOO! RESET*/ /* table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,em,strong,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } */ /*---------- END RESET ----------*/ /* ----------------------------------------------- global/general ----------------------------------------------- */ /* body, blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0px; padding: 0px; } */ body, li, ol, ul { margin: 0px; padding: 0px; } ol, ul { list-style: none; list-style-type: none; } li { list-style-type: none; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; color: #333333; background-color: #ffffff; background: #ffffff url('images/bg_notile_1.gif') no-repeat; background-attachment: fixed; } /* ...................... links ...................... */ a, a:visited { color: #006600; text-decoration: none; } a:hover { color: #41a300; text-decoration: underline; } a.external { background: transparent url("images/external_link_1.gif") no-repeat scroll right center; padding-right: 15px; padding-top: 1px; } a.speciallink, a.speciallink:visited { color: #006600; text-decoration: none; border-bottom: 1px #006600 dotted; } a.speciallink:hover { color: #41a300; text-decoration: underline; border-bottom: 1px #41a300 solid; } /* ...................... images ...................... */ a img { border: none; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } img.avatar { display: block; margin: 0px 0px 0px 0px; padding: 10px 0px 20px 0px; background: url('images/bg_tile_4.gif') repeat; } /* ----------------------------------------------- page ----------------------------------------------- */ #page { width: 800px; margin: 0px auto; padding: 0px; background-color: #ffffff; } /* ----------------------------------------------- header ----------------------------------------------- */ #header { background: url('images/header_bg_1.jpg') no-repeat; width: 100% auto; height: 180px; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; vertical-align: top; border-bottom: 10px #006600 solid; } #header .name { font-size: 50px; color: #e9ffd5; text-transform: lowercase; letter-spacing: 1px; margin-top: 10px; padding-left: 20px; } #header .name a, #header .name a:hover, #header .name a:visited { font-family: "Times New Roman", Times, serif; font-size: 24px; color: #e9ffd5; text-decoration: none; letter-spacing: 20px; text-transform: uppercase; } #header .description { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #b0d561; letter-spacing: 3px; padding-left: 330px; } /* ...................... nav bar ...................... */ #header #navbar { width: 460px; padding: 10px 0px 10px 0px; margin: 65px 0px 10px 0px; background: url(images/dot_white.gif) 100% 0 repeat-x; text-align: right; float: left; } #header #navbar li { display: inline; } #header #navbar ul li a { text-decoration:none; margin-left: 5px; padding: 2px 5px 2px 5px; color: #ffffff; border: 1px #dddddd solid; text-transform: uppercase; } #header #navbar ul li a:hover { color: #006600; border: 1px #6e9343 solid; /* border: 1px #ffffff solid; background: url('images/glass_white_50.png') repeat; */ } #header #navbar .a_disabled { text-decoration:none; margin-left: 5px; padding: 2px 5px 2px 5px; color: #000000; border: 1px #000000 solid; text-transform: uppercase; /* background: url('images/glass_white_25.png') repeat; */ } .logo_font_big { font-size: 140%; } /* ...................... login ...................... */ #header #login { width: 200px; color: #6e9343; text-align: left; float: left; padding: 10px 10px 10px 15px; margin: 65px 0px 10px 0px; letter-spacing: 0px;} #header #login a, #header #login a:visited { color: #6e9343; text-decoration: none; letter-spacing: 0px;} #header #login a:hover { color: #b0d561; text-decoration: none; letter-spacing: 0px;} /* ----------------------------------------------- footer ----------------------------------------------- */ #footer { width: 100% auto; color: #888888; padding-top: 25px; margin: 0 auto; clear: both; border: none; text-align: left; } #footer a, #header a:hover, #header a:visited { color: #666666; text-decoration: none; } /* ----------------------------------------------- content (wide column & narrow column) ----------------------------------------------- */ #wrapper { width: 1000px; } #content { padding: 0px 0px 0px 0px; float: left; } .widecolumn { background-color: #ffffff; width: 450px; padding: 10px 0 20px 0; margin: 5px 0 0 150px; line-height: 1.6em; } .widecolumn .post { margin: 0; } .widecolumn .smallattachment { width: 128px; text-align: center; float: left; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } .narrowcolumn { background-color: #ffffff; width: 450px; float: left; padding: 0 0 0px 45px; margin: 0px 0px 0px 0px; border: 5px #eeeeee solid; } .home { border: 5px #e9ffd5 solid; } .home .post { margin: 0px 0px 20px 0px; } .home .post h2 { font-size: 14px; font-weight: normal; color: #777777; background-color: #ffffff; text-transform: uppercase; padding: 10px 10px 0px 10px; margin: 0px; letter-spacing: 3px; background: url('images/dot.gif') repeat-x; } .home .post small { padding: 2px 10px 0px 10px; color: #bbbbbb; } .home .post .entry { padding: 10px 20px 10px 40px; } .home .post .postmetadata { margin: 0px 10px 0px 20px; } .spotlight { background-color: #444444; } .home .tag_cloud { background-color: #f7f7f7; padding: 10px; margin-top: 15px; } .home .tag_cloud a, .home .tag_cloud a:visited { color: #006600; text-decoration: none; border-bottom: 1px #d3e5c1 solid; } .home .tag_cloud a:hover { color: #41a300; text-decoration: none; border-bottom: 1px #006600 solid; } /* ----------------------------------------------- featured story ----------------------------------------------- */ #featured_story { width: 100%; } #featured_story .title { font-size: 20px; color: #ffffff; background-color: #9966ff; background-color: #000000; text-transform: uppercase; padding: 2px 5px; } #featured_story img { border-bottom: 15px #bbbbbb solid; } .separator_1 { width: 100%; background: url('images/bg_tile_3.gif') repeat; } .separator_2 { width: 100%; background: url('images/bg_tile_5.gif') repeat; } .separator_dotted { width: 100%; background: url('images/dot_white.gif') repeat-x; } .separator_dotted_gray { width: 100%; background: url('images/dot.gif') repeat-x; } .separator_solid_gray { width: 100%; border-bottom: 1px #cccccc solid; } .blurb { font-size: 30px; color: #e9ffd5; padding: 0px 10px 30px 10px; } /* ----------------------------------------------- post ----------------------------------------------- */ .post { margin: 0px; text-align: left; } .post .title { line-height: 28px; font-size: 20px; font-weight: normal; color: #ffffff; background-color: #000000; text-transform: uppercase; padding: 0px 10px; margin: 0px; letter-spacing: 2px; vertical-align: middle; } .post .title a { color: #006600; text-decoration: none; } .post .title a:visited { color: #006600; text-decoration: none; } .post .subtitle { line-height: 22px; font-size: 12px; font-weight: normal; color: #333333; background-color: #e9ffd5; padding: 0px 10px 0px 10px; margin: 0px; letter-spacing: 0px; vertical-align: middle; } .post .sticky { color: #ffffff; background-color: #ff0000; padding: 2px 5px; float: right; text-transform: uppercase; letter-spacing: 1.5px; } .post hr { display: block; } .post .tagline { font-size: 20px; font-weight: normal; color: #999999; text-transform: lowercase; letter-spacing: 0.5px; } .postmetadata { font-size: 11px; color: #999999; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 20px; background: url('images/icon_postmeta.gif') no-repeat; text-align: left; line-height: 16px; } .postmetadata ul, .postmetadata li { display: inline; } .post_timestamp { font-size: 11px; color: #999999; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 20px; background: url('images/icon_post_timestamp.gif') no-repeat; text-align: left; line-height: 16px; } .post_links { font-size: 11px; color: #999999; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 20px; background: url('images/icon_post_links.gif') no-repeat; text-align: left; line-height: 16px; } /* ----------------------------------------------- entry ----------------------------------------------- */ .entry { padding: 30px 10px 20px 10px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } /* .entry img { border: 1px #ffffff solid; padding: 10px; background: url('images/glass_white_25.png') repeat; } */ /* Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ /* html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } */ /* ol li { list-style: decimal outside; } .entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } */ .entry ol { padding: 0 0 0 35px; } .entry ul { padding-left: 20px; list-style-image: url('images/icon-arrow.gif'); line-height: 18px; } .entry .quick_stat { font-size: 18px; color: #333333; margin: 10px 0px 50px 10px; padding: 10px 5px 10px 5px; border: 0px #cccccc solid; background-color: #ffffff; text-align: right; } .entry .quick_stat p { margin: 0px; padding: 0px 0px 7px 0px; } .entry .quick_stat .main_title { color: #333333; margin-bottom: 20px; } .entry .quick_stat .label { color: #cccccc; } .entry .section_title { font-size: 18px; color: #000000; text-transform: uppercase; letter-spacing: 1px; } .entry .section_subtitle { font-size: 11px; color: #888888; text-transform: uppercase; letter-spacing: 1px; } .entry .list_title { background-color: #ff0000; font-weight: normal; color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; padding: 2px 5px; } .entry .list_item_title { font-size: 12px; color: #000000; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 15px; } .entry .list_item_subtitle { font-size: 12px; color: #888888; text-transform: lowercase; } .entry .text_bubble { border-top: 1px #e9ffd5 solid; border-bottom: 1px #e9ffd5 solid; text-align: left; padding: 5px 10px; color: #a39574; font-family: georgia,"lucida sans unicode","trebuchet ms",sans-serif; font-size: 20px; font-weight: normal; font-style: italic; margin: 20px 0px 20px 0px; } .entry .text_bubble_small { border-top: 1px #e9ffd5 solid; border-bottom: 1px #e9ffd5 solid; text-align: left; padding: 5px 10px; color: #a39574; font-family: georgia,"lucida sans unicode","trebuchet ms",sans-serif; font-size: 15px; font-weight: normal; font-style: italic; margin: 20px 0px 20px 0px; } .entry .test{ text-align: center; color: #f7f7f7; font-size: 40px; font-family: "arial black"; margin: 0px 0px 20px 0px; } .entry img { margin-top: 10px; margin-bottom: 10px; } /* ----------------------------------------------- search ----------------------------------------------- */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } /* ----------------------------------------------- form elements ----------------------------------------------- */ select { width: 130px; } /* ----------------------------------------------- side bar ----------------------------------------------- */ #sidebar { width: 500px; padding: 25px 15px 0px 0px; margin-left: 20px; float: left; } #sidebar form { margin: 0; } #sidebar h2 { font-size: 1.2em; margin: 5px 0 0; padding: 0; text-decoration: none; } #sidebar #searchsubmit { padding: 1px; } #sidebar #searchform #s { width: 108px; padding: 2px; } #sidebar ul ol li { list-style: decimal outside; } #sidebar ul li { margin-bottom: 15px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } #sidebar ul ul li, #sidebar ul ol li { color: #777; margin: 3px 0 0; } #sidebar ul ol li { color: #777; } /* ----------------------------------------------- sidebar widgets ----------------------------------------------- */ #sidebar .widget { font-size: 11px; background-color: #ffffff; margin: 10px 0px 10px 0px; padding: 0px 0px 10px 0px; border: none; } #sidebar .widget h2 { border-bottom: 1px #aaaaaa solid; font-size: 11px; font-weight: normal; color: #666666; text-transform: uppercase; letter-spacing: 1px; background-color: #ffffff; color: #333333; padding: 2px 10px 2px 0px; margin: 0px 0px 10px 0px; vertical-align: middle; } #sidebar .widget .titlebar { width: 100%; background: url('images/bg_tile_4.gif') repeat; } /* ----------------------------------------------- widgets: recent entries ----------------------------------------------- */ #sidebar .widget_recent_entries { width: 500px; } #sidebar .widget_recent_entries ul { padding-left: 39px; list-style-image: url('images/icon-arrow.gif'); } /* ----------------------------------------------- widgets: links ----------------------------------------------- */ #sidebar .widget_links { width: 500px; } #sidebar .widget_links .xoxo { padding-left: 39px; list-style-image: url('images/icon-arrow.gif'); } #sidebar .widget_links a { background: transparent url("images/external_link_1.gif") no-repeat scroll right center; padding-right: 15px; padding-top: 1px; } /* ----------------------------------------------- widgets: rss ----------------------------------------------- */ #sidebar .widget_rss { width: 500px; } #sidebar .widget_rss ul { padding-left: 30px; } #sidebar .widget_rss ul li a { background: transparent url("images/external_link_2.gif") no-repeat scroll right center; padding-right: 15px; padding-top: 1px; } /* ----------------------------------------------- widgets: bwContact1 ----------------------------------------------- */ #sidebar .widget_bwContact1 { width: 500px; } #sidebar .widget_bwContact1 .content { width: 250px; background: transparent url("images/bg_tile_6.gif"); padding: 10px 15px 10px 15px; margin-left: 35px; } #sidebar .widget_bwContact1 .message { font-size: 20px; color: #ffffff; background-color: #777777; padding-left: 7px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; vertical-align: middle; line-height: 26px; } #sidebar .widget_bwContact1 .email{ width: 145px; background: #ffffff url('images/icon_email.gif') no-repeat 0 50%; padding: 4px 5px 4px 24px; margin-bottom: 10px; line-height: 16px; vertical-align: middle; } #sidebar .widget_bwContact1 .phone { width: 145px; color: #000000; background: #ffffff url('images/icon_phone.gif') no-repeat 0 50%; padding: 4px 5px 4px 24px; line-height: 16px; vertical-align: middle; } /* ----------------------------------------------- widgets: bwImage ----------------------------------------------- */ #sidebar .widget_bwImage { width: 500px; } #sidebar .widget_bwImage .content { padding-left: 35px; } #sidebar .widget_bwImage img { margin-right: 10px; border: 1px #dddddd solid; padding: 3px; } /* ----------------------------------------------- widgets: bwProjects ----------------------------------------------- */ #sidebar .widget_bwProjects { width: 500px; } #sidebar .widget_bwProjects .content { padding-left: 35px; } #sidebar .widget_bwProjects img { margin-right: 3px; border: 1px #dddddd solid; padding: 3px; } /* ----------------------------------------------- widgets: bwFacebookApps ----------------------------------------------- */ #sidebar .widget_bwFacebookApps { width: 500px; } #sidebar .widget_bwFacebookApps h2 { background: url('/media/icon_facebook_1.gif') no-repeat 0 0; padding-left: 21px; } #sidebar .widget_bwFacebookApps .content { padding-left: 30px; } /* ----------------------------------------------- widgets: bwFriendsLinks ----------------------------------------------- */ #sidebar .widget_bwFriendsLinks { width: 500px; } #sidebar .widget_bwFriendsLinks .content { padding-left: 30px; } #sidebar .widget_bwFriendsLinks img { border: 1px #dddddd solid; padding: 3px; } /* ----------------------------------------------- widgets: bwPlacesLinks ----------------------------------------------- */ #sidebar .widget_bwPlacesLinks { width: 500px; } #sidebar .widget_bwPlacesLinks .content { padding-left: 30px; } #sidebar .widget_bwPlacesLinks img { border: 1px #dddddd solid; padding: 3px; } /* ----------------------------------------------- widgets: bwRecentClients ----------------------------------------------- */ #sidebar .widget_bwRecentClients { width: 500px; } #sidebar .widget_bwRecentClients .content { padding-left: 39px; } #sidebar .widget_bwRecentClients ul { list-style-image: url('images/icon-arrow.gif'); } /* ----------------------------------------------- widgets: bwRecentClients2 ----------------------------------------------- */ #sidebar .widget_bwRecentClients2 { width: 500px; } #sidebar .widget_bwRecentClients2 .content { padding-left: 39px; } #sidebar .widget_bwRecentClients2 ul { list-style-image: url('images/icon-arrow.gif'); } /* ----------------------------------------------- widgets: bwRumiSushi ----------------------------------------------- */ #sidebar .widget_bwRumiSushi { width: 500px; } #sidebar .widget_bwRumiSushi h2 { background: url('/media/rumisushi_icon.gif') no-repeat 0 0; padding-left: 21px; } #sidebar .widget_bwRumiSushi .content { padding-left: 30px; } /* ----------------------------------------------- widgets: bwTeam ----------------------------------------------- */ #sidebar .widget_bwTeam { width: 500px; } #sidebar .widget_bwTeam .content { padding-left: 30px; } #sidebar .widget_bwTeam img { border: 1px #dddddd solid; padding: 3px; } /* ----------------------------------------------- widgets: pages ----------------------------------------------- */ #sidebar .widget_pages { background-color: transparent; border: none; } #sidebar .widget_pages a { color: #666666; text-decoration: none; text-transform: uppercase; } #sidebar .widget_pages a:hover { color: #666666; text-decoration: underline; } #sidebar .widget_pages a:active { color: #666666; text-decoration: none; } #sidebar .widget_pages a:link { color: #666666; text-decoration: none; } #sidebar .widget_pages h2 { font-size: 16px; color: #bbbbbb; text-transform: lowercase; text-align: right; } #sidebar .widget_pages ul { margin-left: 0; padding-left: 1em; text-indent: -1em; } #sidebar .widget_pages ul li { color: #999999; } /* ----------------------------------------------- widgets: search ----------------------------------------------- */ #sidebar .widget_search { background-color: transparent; border: none; text-align: right; padding: 0px 0px 0px 0px; margin-bottom: 40px; } #sidebar .widget_search input { background-color: transparent; padding: 2px; background: #eeeeee; border: 3px double #666666; border-top-color: #ccc; border-left-color: #ccc; font-size: 85%; color: #ffffff; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; } #sidebar .widget_search #s { font-size: 13px; background-color: transparent; text-align: left; } #sidebar #searchsubmit { /* TODO: deprecate */ padding: 2px; background: #eeeeee; border: 3px double #666; border-top-color: #ccc; border-left-color: #ccc; font-size: 85%; color: #333; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; background-color: transparent; } #sidebar #searchform { padding: 0px; margin: 0px; text-align: right; } #sidebar #searchform #s { width: 150px; margin: 0px; padding: 4px; background-color: #aaaaaa; border: 1px solid #cccccc; } #sidebar #searchform #searchsubmit { margin-left: 5px; } /* ----------------------------------------------- widgets: calendar ----------------------------------------------- */ #wp-calendar { width: 155px; empty-cells: show; margin: 10px auto 0; } #wp-calendar a { display: block; text-decoration: none; } #wp-calendar caption { width: 100%; text-align: center; text-align: center; text-decoration: none; } #wp-calendar th { font-style: normal; text-transform: capitalize; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } #wp-calendar #next a { font-size: 9pt; padding-right: 10px; text-align: right; } #wp-calendar #prev a { font-size: 9pt; padding-left: 10px; text-align: left; } /* ----------------------------------------------- comments ----------------------------------------------- */ #comments_box { background-color: #ffffff; padding: 10px 10px 40px 10px; overflow: hidden; } #comments_box h3 { font-size: 15px; font-weight: normal; color: #666666; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 30px; } #add_comment_box { background-color: #f9f9f9; padding: 10px 10px 40px 10px; overflow: hidden; } #add_comment_box h3 { font-size: 15px; font-weight: normal; color: #666666; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 30px; } .alt { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { font-weight: bold; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-size: 1.1em; font-weight: bold; font-style: normal; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; margin: 10px 5px 10px 0; } .nocomments { color: #777; text-align: center; margin: 0; padding: 0; } .commentmetadata { font-weight: normal; margin: 0; display: block; } #commentform p { margin: 5px 0px 15px 0px; } #commentform input { width: 250px; padding: 2px; margin: 5px 5px 1px 0; border: 1px #cccccc solid; } #commentform textarea { width: 400px; padding: 2px; border: 1px #cccccc solid; } #commentform label { display: block; font-size: 11px; text-transform: uppercase; } #commentform #submit { width: 150px; padding: 2px; background: #eee; border: 3px double #666; border-top-color: #ccc; border-left-color: #ccc; font-size: 85%; color: #333; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; float: left; } /* ----------------------------------------------- captions ----------------------------------------------- */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* ----------------------------------------------- misc ----------------------------------------------- */ acronym { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999; } abbr { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999; } blockquote { color: #777; margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } cite { text-decoration: none; } code { font: 1.1em 'Courier New', Courier, Fixed; } h2.pagetitle { font-size: 1.6em; margin-top: 30px; text-align: center; } hr { display: none; } small { font-size: 10px; color: #777777; } span.caps { cursor: help; } strike { color: #777; } .center { text-align: center; } .clear { clear: both; } .hidden { display: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /* ----------------------------------------------- pages: contact ----------------------------------------------- */ #contact_box table { font-size: 11px; } #contact_box table td { vertical-align: top; } #contact_box td.label { width: 100p%; color: #888888; } #contact_box td.info { width: 260px; font-size: 13px; color: #000000; } #contact_box .x { color: #41a300; } /* ----------------------------------------------- archive ----------------------------------------------- */ #archive_list { min-height: 400px; } #archive_list h2 { line-height: 30px; font-size: 13px; font-weight: normal; color: #ffffff; background-color: #666666; text-transform: uppercase; padding: 2px 5px; margin: 0px; letter-spacing: 4px; } #archive_list h3 { font-size: 14px; font-weight: normal; color: #777777; background-color: #ffffff; text-transform: uppercase; padding: 10px 10px 0px 10px; margin: 0px; letter-spacing: 3px; background: url('images/dot.gif') repeat-x; } #archive_list .navigation { height: auto; margin: 0px; padding: 0px; } #archive_list .items { padding: 50px 10px 20px 10px; } #archive_list .items .title { font-size: 11px; color: #bbbbbb; text-transform: uppercase; letter-spacing: 1px; } #archive_list .items ul { border-top: 1px solid #dddddd; padding-left: 40px; } #archive_list .items ul li { background: url('images/icon_post.gif') no-repeat 0 50%; border-bottom: 1px solid #dddddd; margin: 0px; padding: 8px 0px 8px 20px; } #archive_list .items .date { width: 200px; color: #999999; margin-right: 20px; } /* ----------------------------------------------- credits ----------------------------------------------- */ #credits { font-size: 11px; color: #999999; } #credits .title { background-color: #cccccc; font-size: 11px; font-weight: normal; color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; padding: 2px 5px; } #credits ul { line-height: 16px; } #credits ul li { } /* -------------------------------------------- */