/* Theme Name: alifano Theme URI: http://alifano.com Description: alifano theme. Version: 1 Author: The Graphic Works Author URI: http://thegraphicworks.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /*-------------------------- Structure Styles ---------------------------*/ *, html, body { margin:0; padding:0; } body { background:#fff; outline:0; font-family:Arial, Helvetica, sans-serif } /*-------------------------- Global Font Styles ---------------------------*/ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#000; } td,ul, ol, li, a { color:#5e6060; } code, p { margin:0px 0px 20px 0px; padding:0; color:#5e6060; } h1 { font-size:24px; } h2 { font-size:22px; margin:0px 0px 10px 0px;} h3 { font-size:20px; margin:0px 0px 10px 0px;} h4 { font-size:16px; margin:0px 0px 10px 0px;} h5 { font-size:14px; margin:0px 0px 10px 0px;} h6 { font-size:12px; margin:0px 0px 10px 0px;} p { font-size:14px; text-align:justify; } a:focus { outline:0; } #banner_area, #container_bottom { margin:0; padding:0; width:100%; } #header { margin:0 auto; padding:0; height:150px; width:1000px; } #logo { margin:0; padding:0; height:149px; float:left;width:300px; } #logo a { margin:0; padding:0; } #header_right_box { list-style:none; width:320px; float:right; } #header_right_box ul { margin:43px 0px 15px 115px; list-style:none; width:auto; } #header_right_box li { margin:0; padding:0px 0px 0px 5px; display:inline; } #header_right_box a { margin:0; text-decoration:none; } #header_right_box a:hover { color:#086fb8; text-decoration:underline; } #banner_area { height:350px; padding:0; margin:0; background:#05426e url(images/gradient.jpg) no-repeat center top; } #banner { margin:0 auto; padding-top:25px; width:1000px; height:325px; } #banner h1 { float:left; padding:0; width:450px; font-size:36px; font-weight:200; color:#fff; } #banner p { margin:0; padding:0; } /*-------------------------------------- positions the youtube videos on the banner/top parts of the main sections ---------------------------------------*/ #youtube { float:right; } /*-------------------------- set the width and height to match your images ---------------------------*/ #slideshow { position:relative; height:293px; } #slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height:293px; } #slideshow DIV.active { z-index:10; opacity:1.0; } #slideshow DIV.last-active { z-index:9; } #slideshow DIV IMG { height:293px; display:block; border:0; margin:0;} /*-------------------------- set the width and height to match your images ---------------------------*/ #side_banners { margin-bottom:30px; } #side_banners h2 { margin-bottom:10px; } #sideshow { position:relative; height:185px; } #sideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height:185px; } #sideshow DIV.active { z-index:10; opacity:1.0; } #sideshow DIV.last-active { z-index:9; } #sideshow DIV IMG { height:185px; display:block; border:0; margin:0;} #main_nav_wrapper { margin:0; padding:0; height:57px; background:#086fb8; } #main_nav { margin:0 auto; padding:0; height:57px; width:1000px; } #nav { margin:0; padding:0; } ul #nav { margin:0; padding:0px; list-style:none; float:left; width:660px; } #nav li { margin:0; float:left; display:block; clear:right; text-align:center; } #nav a { color:#fff; padding:8px 30px; display:block; text-decoration:none; text-align:center; font-weight:600; letter-spacing:0.05em; font-size:20px; } #nav a:hover { background:#008cee; } /*------- styles the bottom part of navigation tab -----*/ .brand { font-size:12px; line-height:16px; font-weight:200; text-align:center; } #nav .current_page_item a:link, #nav .current_page_item a:visited, #nav .current_page_item a:active, #nav .current_page_parent a:link, #nav .current_page_parent a:visited, #nav .current_page_parent a:active, #nav .current_page_ancestor a:link, #nav .current_page_ancestor a:visited, #nav .current_page_ancestor a:active { background:#05426e; } #social_nav { float:right; margin:0; padding-top:7px; width:160px; } #social_nav p { color:#fff; font-size:14px; margin-bottom:4px; padding:0; } #social_nav ul { list-style:none; width:160px; } #social_nav li { display:inline; margin:0; padding:0px 4px 0px 0px;} #email_box { margin:0; width:315px; padding:0; } #email { float:left; margin:0; width:234px; padding:2px 0px 0px 2px; height:19px; color:#666; font-size:13px; border:1px solid #ababab; text-align:left; } #submit-btn { float:right; margin:0; width:76px; height:23px; padding:0; } /*-------------------------- Subnav Styles ---------------------------*/ #subnav { margin:0; width:250px; padding:0; float:left; } #subnav ul { list-style:none; text-align:left; margin:0; padding:0; } #subnav li { display:block; background:#e1e1e1; margin-bottom:3px; } #subnav a { text-decoration:none; display:block; padding:4px 8px; color:#5e6060; font-size:16px;} #subnav a:hover { background:#008cee; color:#fff; } #subnav .current_page_item a:link, #subnav .current_page_item a:visited, #subnav .current_page_item a:active { background:#05426e; color:#fff; } /*-------------------------- Global Page Styles ---------------------------*/ #entry_wrapper { width:1000px; margin:0 auto; padding:30px 0px 30px 0px; } #entry_content { width:700px; margin:0; padding:0; float:right; } .entry_home { width:1000px; margin:0 auto; padding:20px 0px 10px 0px; } .entry { width:600px; margin:0; padding:0; float:left;} .entry p { margin-bottom:15px; } .entry h1 { margin-bottom:5px; color:#000; } .entry h2 { margin:20px 0px 5px 0px; color:#086fb8; font-size:18px; font-weight:400; } .entry h3 a { margin:0; color:#086fb8; text-decoration:none; font-weight:200; } #blog_wrapper { margin:0 auto; padding:30px 0px; width:1000px; } #blog_entry { margin:0; padding:0; width:600px; float:left; } #single_entry { margin:0; padding:0; width:600px; float:left; } #home_side { margin:0 auto; padding:0; width:1000px; overflow:hidden; } #home1 { margin:0; padding:0; width:250px; float:left; text-align:justify; } #home1 h1 { margin-bottom:10px; } #home1 p { margin-top:10px; } #home1 a { text-decoration:none; } #home1 .thumbnail { margin:0 auto; border:none; } #home2 { margin:0px 0px 0px 60px; padding:0; width:370px; float:left; text-align:justify; } #home2 h3 { text-align:left; margin:12px 0px 25px 0px; } #home2 h3 a { text-decoration:none; font-size:18px; color:#06F; } #home2 h3 a:hover { text-decoration:underline; color:#999; } #home3 { margin:0; padding:0; width:250px; float:right; } .alignleft { float:left; } .alignright { float:right; } /*----------------------------- Styles for the Blog + Events pages + Widgets -----------------------------*/ #post-content-right { float:right; width:450px; } #post_wrapper { display:block; width:700px; margin:0;padding-top:15px; } .post { margin-bottom:60px; padding:0; } .post h3 a { text-decoration:none; color:#000; margin-bottom:5px; font-size:24px; width:600px; } .post h3 a:hover { text-decoration:underline; color:#93C; } #small_tags { text-decoration:none; color:#06F; margin:0; font-size:12px; width:400px; } .more-btn { margin:10px 0px 30px 0px; padding:0; } .more-link { margin:0; padding-top:0; } #featured_product { margin:0 auto; padding:30px 0px; width:250px; } #featured_product .thumbnail { margin:0 auto; padding:20px 0px; width:160px; border:none; } #featured_product p { margin:10px 0px; padding:0; width:200px; font-size:14px; text-align:justify; } #featured_product h3 { margin:0; padding:0; font-size:18px; text-align:center; } #navgation { padding:0px 0px 30px 0px; margin-left:30px; width:600px; } /*---- Comments Styles ---*/ #comments { margin-top:40px; padding:0; width:600px; } .commentlist { color:#fff; margin:0; padding:0; list-style:none; } .commentlist li { margin-bottom:10px; width:580px; color:#fff; background:#ccc; padding:10px; } .commentlist p { margin-top:10px; width:490px; color:#575757; padding:0; text-align:justify; } .commentlist a { color:#fff; text-decoration:none; } #comment { width:580px; height:300px; padding:10px; font-size:18px; } #respond { margin-top:30px; } #respond p { margin-bottom:10px; float:none; padding:0; } .comment-author img { margin:0px; border:1px solid #fff; float:left; width:64px; height:64px; padding:0px; } .comment-meta { margin:0px; width:490px; float:right; text-align:left; } #respond #author, #respond #email, #respond #url { width:300px; height:20px; float:none; display:block; } /*-------------------------- Sidebar Styles ---------------------------*/ #sidebar { margin:0px 0px 30px 0px; text-align:left; padding:0px 0px 0px 20px; border-left:1px solid #999; width:260px; float:right; } #sidebar h2, #sidebar h3, #sidebar h3 a { text-decoration:none; } #sidebar ul, #sidebar ol { width:260px; text-align:left; list-style:none; margin:0 auto; padding:0; } /*-------------------------- Widget Styles ---------------------------*/ #wp-calendar, #wp-calendar a, .widget_calendar, .widget_calendar a, #today a , .widget_categories, .widget_links, .widget_recent_entries, .widget_pages, .entry-content, .entry-content a, .widget_text { margin-bottom:30px; padding:0; width:230px; } .widget_calendar ul, .widget_links ul, .widget_categories ul, .widget_recent_entries ul, .widget_pages ul, .widget_text ul { padding-bottom:6px; } .widgettitle, .widget_calendar h3, .widget_links h3, .widget_categories h3, .widget_recent_entries h3, .widget_pages h3, .widget_text h3 { margin:0; padding:0; list-style:none; width:230px; text-align:left; } #wp-calendar { width:230px; } #wp-calendar a, .widget_calendar a { color:#fff; width:20px; } #today a { color:#666; width:20px; background:#fff; } #today a:hover { color:#fff; background:#000; } .widget_twitter { width:259px; } .widget_twitter li { width:259px; display:block; margin:0px 0px 34px 0px; padding:0px 0px 64px 0px; background:#e1e1e1 url(images/tweet_bottom.gif) no-repeat left bottom; } .widget_twitter li .entry-content{ width:239px; margin:0; display:block; padding:30px 10px 0px 10px; background: url(images/tweet_top.gif) no-repeat left top; } .widget_twitter h3, .widget_twitter .from-meta, .widget_twitter .time-meta, .widget_twitter li .entry-meta { display:none; } /*-------------------------- Footer Styles ---------------------------*/ #footer_logo { margin:0 auto; width:984px; padding:0; } #footer_logo p { margin-bottom:10px; text-align:center; font-size:12px; } #container_bottom { margin:0 auto; width:1000px; overflow:hidden; height:36px; padding-top:10px; border-top:1px solid #9b9b9b; } #container_bottom ul { list-style:none; } #container_bottom li { display:inline; } #container_bottom a { text-decoration:none; } #container_bottom a:hover { color:#086fb8; text-decoration:underline; } #footer_left { float:left; } #footer_right { float:right; } /*-------------------------- Clears all Styles ---------------------------*/ #clear_home, #clear_emailbox, #clear_email, #clear, #clear_entry, #clear_blog, #clear_social, #clear_comment { clear:both; }