/* Theme Name: Vision ON Theme Theme URI: http://www.freshthrills.com Description: Designed by FRESHTHRILLS Author: Freshthrills © 2008, Freshthrills, llc. All rights reserved. */ /* --------------------------------------------------- Freshthrills Blog Style Sheet Author: Freshthrills, llc Date: 9/23/08 --------------------------------------------------- */ * { margin: 0; padding: 0; } :focus { outline: none; } .clear { height: -1px; clear: both; } body { font: 12px/18px Helvetica, Arial, Verdana, sans-serif; border-top: 14px solid #58585a; color: #666; background-color: #eaeae9; text-align: center; margin: 0 auto; } p { font: 12px/18px Helvetica, Arial, Verdana, sans-serif; } #accessibility { display: none; } /* ------------------- Main Structure ------------------- */ #frame { width: 950px; text-align: left; margin: 0 auto; } #wrapper { } #middle { overflow: auto; width: 100%; } #content { float: left; width: 720px; background-color: none; } #sidebar { float: left; width: 200px; margin-right: 30px; } #pagination { padding-bottom: 10px; } #logo-floater { width: 188px; } #logo_hitarea { display: block; width: 188px; height: 121px; background: url(images/nav_logo.gif) no-repeat top left; margin-bottom: 25px; } /* Main Navigation */ #main_navigation { position: absolute; top: 93px; left: 303px; } #main_navigation .item { } #main_navigation .item span { display: none; } #main_navigation a.item_alt:hover, #main_navigation a.item:hover { background-position: 0px -28px !important; } #main_navigation ul li a.selected { background-position: 0px -28px !important; cursor: default; } #main_navigation ul { padding: 0; margin: 0; list-style: none; } #main_navigation li { padding: 0; margin: 0; list-style: none; float: left; } #main_navigation #nav_aboutus a { display: block; width: 103px; height: 28px; background: url(images/nav_about.gif) no-repeat top left; } #main_navigation #nav_services a { display: block; width: 100px; height: 28px; background: url(images/nav_services.gif) no-repeat top left; } #main_navigation #nav_selectedwork a { display: block; width: 123px; height: 28px; background: url(images/nav_retouching.gif) no-repeat top left; } #main_navigation #nav_video a { display: block; width: 76px; height: 28px; background: url(images/nav_films.gif) no-repeat top left; } #main_navigation #nav_clients a { display: block; width: 91px; height: 28px; background: url(images/nav_clients.gif) no-repeat top left; } #main_navigation #nav_contact a { display: block; width: 97px; height: 28px; background: url(images/nav_contact.gif) no-repeat top left; } #main_navigation #nav_blog a { display: block; width: 54px; height: 28px; background: url(images/nav_blog.gif) no-repeat top left; } #main_navigation #nav_clientlogin { display: block; float: none; position: absolute; top: -90px; right: 0px; width: 81px; height: 28px; } #main_navigation #nav_clientlogin a { display: block; width: 81px; height: 28px; background: url(images/nav_clientlogin.gif) no-repeat top left; } #main_navigation #nav_clientlogin a span { display: none; } /* ------------------- Header ------------------- */ #header { padding-top: 0; position: relative; } #header h1 { } #header h1 a { display: block; width: 200px; height: 48px; background: transparent url(images/logo.gif) top left no-repeat; } #header h1 a span { display: none; } /* ------------------- Content ------------------- */ #content { } #content .post { position: relative; float: left; width: 590px; margin: 0 0 25px 0; background-color: #fff; } #content .date_author { color: #999; float: left; font-size: 10px; font-weight: normal; padding-top: 4px; } #content .date_author em { color: #4d4e50; font-style: normal; font-weight: bold; } .post-data li.posted { font-size: 12px; padding: 3px 13px; } #content .post-data li.posted, #content .post-data li.posted a { font-weight: bold; font-size: 12px !important; color: #fff !important; } /* general #content definitions */ #content h2 { font-size: 22px; line-height: 26px; font-weight: normal; padding: 18px 30px 10px; } #content h2 a { color: #666; text-decoration: none; } #content h2 a:hover { color: #aaa; text-decoration: none; } #content h3 { font-size: 14px; color: #7f7f7f; margin: 1.1em 0 0.2em 10px; font-weight: bold; } #content h4 { font-size: 14px; color: #7f7f7f; padding: 0 0 0 0.5em; margin: 1em 0; } #content p, #content dl { color: #666; font-size: 13px; line-height: 20px; } #content p, #content ul, #content ol, #content dl, #content img { margin: 0 0 0.7em 0; } #content li { margin: 0 0 0 30px; color: #7f7f7f; font-size: 12px; } #content dl dt { font-weight: bold; } #content dl dd { margin: 0 0 0.4em 0.5em; } #content blockquote p { margin: 0 0 1em 2em; padding: 0 0 0 1em; color: #a8a8a8; } #content a { color: #333333; } #content a:hover { color: #3f3f3f; } #content .post p img.size-full { position: relative; top: 0px; left: 0px; } #content .post ul.post-data { list-style: none; height: 23px; font-size: 9px; padding: 3px 0 2px 0; color: #fff; margin: 0px; } #content .post ul.post-data li { color: #7f7f7f; } #content .post ul.post-data a { text-decoration: none; color: #999; font-size: 10px; font-weight: bold; } #content .post ul.post-data a:hover { color: #9c9c9c; } #content .post ul.post-data li.comments { float: right; margin: 0 0.7em 0 0; display: inline; /* fixes double float bug in IE */ } #content .post ul.post-data li.comments a { padding: 0 0 0 15px; } #content .post ul.post-data li.posted { margin: 0 0 0 0.7em; } #content .post ul.post-data li.posted a { padding: 0 0 0 1px; } #content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover { background-position: 0 -38px; } #content .entry_date * { font-family: arial, helvetica, san-serif; } #content .entry_date { float: left; width: 130px; height: 60px; padding: 14px 0px 0px 0px; background: url(images/bg_date_flag.gif) no-repeat top left; background-position: 12px 0px; } #content .entry_date .date_left { float: left; width: 41px; padding-left: 38px; } #content .entry_date .date_right { float: left; width: 50px; } #content .entry_date .month, #content .entry_date .year, #content .entry_date .day { padding: 0; margin: 0; } #content .entry_date .month { color: #dedede; display: block; letter-spacing: -.05em; width: 30px; text-align: justify; padding-bottom: 4px; font-size: 14px; line-height: 12px; font-weight: bold; text-transform: uppercase; } #content .entry_date .year { color: #dedede; font-size: 12px; line-height: 5px; font-weight: bold; } #content .entry_date .day { color: #fff; font-size: 35px; line-height: 27px; } #content .entry_date .day em { color: #79797b; font-size: 32px; line-height: 32px; font-style: normal; } .entry { margin: 0px 0 0px 0; padding: 0px 30px 23px 30px; } .entry p { margin: 5px 0 5px 0; padding: 0; } .entry img { border: 0; } .entry img.alignleft { float: left; margin: 3px 3px 3px 0; } .entry img.alignright { float: right; margin: 0 3px 3px 3px; } .post .entry_footer { position: relative; background-color: #cdcdcd; padding: 11px 30px 3px 30px; } .post .entry_footer em, .post .entry_footer a, .post .entry_footer p { color: #505050 !important; font-size: 11px !important; line-height: 15px !important; } .post .entry_footer em { font-style: normal; font-weight: bold; padding-right: 8px; } .post .entry_footer .posted { float: left; width: 400px; } .post .entry_footer .comment_count { float: right; width: 130px; text-align: right; } .post .entry_footer .return_to_top { display: block; position: absolute; top: -11px; left: 613px; width: 104px; height: 47px; background: url(images/return_to_top.gif) no-repeat top left; } .post .entry_footer .return_to_top span { display: none; } .spacer { padding: 0px; text-align: right; clear: both; text-transform: lowercase; } .vvqquicktime { margin: 0 auto 10px auto !important; text-align: center; padding: 0 0 10px 0; } /* ------------------- Comments ------------------- */ .comment_block { clear: both; width: 590px; margin-bottom: 30px; } .comment_block a { text-decoration: none; } .comment_block a:hover { text-decoration: underline; } .comment_block ul .comment_block ol, .comment_block li { margin: 0; padding: 0; list-style: none; } h3#respond, h3#comments { padding: 0; margin: 20px 0 5px 0; } .comment { } .comment p, .comment li, .comment a { } .comment a:hover { } .comment p { } .comment .comment-data p { } .comment .comment-data p a { } .comment .comment-data p a:hover { } .alt { } .commentlist { margin-bottom: 20px; } .commentlist li { font-size: 11px; margin: 0 0 1px 0 !important; background-color: #fff; padding: 13px 30px; } .commentmetadata { display: block; font: 11px Helvetica, Arial, Verdana; padding-bottom: 7px; } .commentmetadata a { } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; } .commentlist p { font-size: 11px; } #commentform { } #commentform textarea { background: #fff; border: 1px solid #cccccc; width: 588px; } #commentform textarea:hover { background: #fff; border: 1px solid #cccccc; } #commentform textarea:focus { background: #fff; border: 1px solid #cccccc; } #commentform #email, #commentform #author, #commentform #url { padding: 4px; font-size: 11px; background: #fff; border: 1px solid #cccccc; width: 200px; } #commentform #email:hover, #commentform #author:hover, #commentform #url:hover { font-size: 11px; background: #fff; border: 1px solid #cccccc; width: 200px; } #commentform #email:focus, #commentform #author:focus, #commentform #url:focus { background: #f1f1f1; border: 1px solid #cccccc; width: 200px; } #commentform input { margin-bottom: 3px; } #commentform #submit { cursor: pointer; margin: 0 0 20px 0; height: 30px; font-size: 12px; float: left; font-weight: bold; border: 0; background-color: #fff; color: #80a10a; padding: 3px 5px; } /* ------------------- Sidebar ------------------- */ #sidebar .widget_search { } #sidebar .widget_search #search_field { border: 1px solid #ccc; font-weight: bold; color: #b2b2b2; padding: 4px 4px 5px 20px; margin-bottom: 8px; width: 174px; background: #fff url(images/icon_search_field.gif) no-repeat top left; } #sidebar .widget_search #submit { display: none; } #sidebar .widget_categories { padding: 8px 5px 12px 15px; background-color: #fff; } #sidebar .widget_network { padding: 8px 5px 12px 15px; background-color: #dbdbda; margin-bottom: 1px; } #sidebar .widget_network h2 { display: none; } #sidebar .widget_rss { margin-bottom: 10px; } #sidebar .widget_rss a { display: block; color: #292929; margin: 0; padding: 13px 0 11px 36px; background: #dbdbda url(images/icon_rss.gif) no-repeat top left; background-position: 14px 9px; font-weight: bold; font-size: 12px; } #sidebar h3 { color: #292929; font-size: 15px; font-weight: bold; margin: 0 0 10px 0; padding: 6px 0px 0px 0px; } #sidebar h3 a { color: #292929; } #sidebar p, #sidebar li { color: #606060; font-size: 12px; } #sidebar p, #sidebar ul, #sidebar ol { margin: 0; } #sidebar ul a { font-size: 11px; font-weight: bold; } #sidebar ul { list-style: none; } #sidebar ul li { padding: 0; margin: 0 0 2px 0; list-style-type: none; } #sidebar ul li.linkcat { padding: 0; margin: 0; } #sidebar a { color: #666; text-decoration: none; line-height: 14px; } #sidebar a:hover { color: #666; text-decoration: underline; } /* ------------------- Footer ------------------- */ /* Footer Navigation */ #footer { padding: 13px 0; width: 950px; height: 18px; clear: both; background-color: #fff; margin-bottom: 20px; } #footer * { font-size: 11px; color: #58585a; } #footer #footer_info { width: 600px; float: left; margin-left: 24px; } #footer #footer_info .address { } #footer #footer_info .address em { font-style: normal; color: #000; } #footer #footer_info .phone { } #footer #footer_info .divider { padding: 0 6px; } #footer #footernav_contact span { color: #000; } #footer #footernav_directions span { color: #000; } #footer #copyright { width: 250px; float: right; text-align: right; margin-right: 24px; } #footer #copyright a { color: #000; } #footer { } #footer #logintext, #footer #footertext { color: #7f7f7f; font-size: 11px; padding: 6px 0 0 0; } #footer #footertext { float: left; } #footer #logintext { float: right; } #footer #footertext a { color: #7f7f7f; text-decoration: none; } #footer #footertext a:hover { color: #7f7f7f; text-decoration: none; } #footer #searchform { padding: 33px 0 0 30px; } #footer #searchform .searchfield { height: 17px; } #footer #searchform .searchbutton { height:22px; }