/* Theme Name: sunrise Theme URI: http://sunrisepaintinginc.com Description: Sunrise Painting theme. Version: 1 Author: The Chris Sanders 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; } html { margin:0; padding:0; border:0; } body { outline:0; background-color:#000; font-family:"Arial", sans-serif; } a:focus { outline:0; } /*-------------- positions the footer to the bottom of the screen ------------------------*/ #container { margin:0; background-color:#fff; width:100%; } #content { margin:0 auto; padding:30px 0; display:block; width:1000px; } /*-------------------------- Global Font Styles ------------------------*/ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#231f20; font-weight:500; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { margin-bottom:5px; padding:0; font-weight:500; text-align:left; text-decoration:none; color:#d68d00; } ul, ol, li { margin:0; padding:0; color:#5e6060; } ul { margin-left:15px;} h1 { font-size:35px; } h2 { font-size:25px; } h3 { font-size:18px; } h4 { font-size:16px; } h5 { font-size:14px; } h6 { font-size:12px; } p { margin-bottom:20px; text-align:justify; color:#2c2c2c; } code, p, td, ul, ol, li { color:#2c2c2c; font-weight:400; text-align:justify; font-size:14px; } ol { margin-left:30px; } img { padding:0; margin:0; } a { color:#56afdc; } a:hover { text-decoration:underline; color:#5f5f5f; } a img { border:none; } a:focus { outline:0; } .alignleft, .alignright, .alignnone { border:1px solid #333; } .alignleft { float:left; margin:0px 10px 10px 0px; } .alignright { float:right; margin:0px 0px 10px 10px; } .alignnone { margin:10px; } #entry_about .alignnone { margin:0; } /*------------------------ Main Navigation Styles ------------------------*/ #nav_wrapper { margin:0 auto; padding:0; width:1000px; height:152px; } #logo { margin:0; padding:0; width:358px; height:152px; float:left; } #social-wrapper { float:right; margin:0; padding:0; width:auto; } #top-btn { display:block; margin-top:20px; height:40px; padding:0; width:auto; } #top-btn ul { list-style:none; margin:0; padding:0; width:auto; } #top-btn li { float:right; display:block; margin:0; padding:0 0 0 10px; } #top-btn .twitter, #top-btn .linkedin, #top-btn .facebook { margin-top:12px; } /*------------------------ styles main navigation ------------------------*/ #main_nav { margin-top:25px; padding:0; width:auto; float:right; } #main_nav ul { margin:0; padding:0; list-style:none; } #main_nav li { float:left; } #main_nav li a { margin:0; padding:6px 10px 6px 10px; display:block; color:#696969; background:url(images/bg_nav.gif) repeat-x center left; font-size:16px; text-decoration:none; border-right:1px solid #a8a8a8; } #main_nav .first_item { border-left:1px solid #a8a8a8;} #main_nav li a:hover, #main_nav li a:active, #main_nav li a:focus { background:url(images/bg_nav_rollover.gif) repeat-x top left; color:#fff; } #main_nav .current_page_item a:link, #main_nav .current_page_item a:visited, #main_nav .current_page_item a:active { color:#fff; background:url(images/bg_nav_select.gif) repeat-x top left; } #main_nav .current_page_parent a:link, #main_nav .current_page_parent a:visited, #main_nav .current_page_parent a:active { color: #fff; background: url(images/bg_nav_select.gif) repeat-x top left; } #main_nav .current_page_ancestor a:link, #main_nav .current_page_ancestor a:visited, #main_nav .current_page_ancestor a:active { color: #fff; background: url(images/bg_nav_select.gif) repeat-x top left; } /*------------------------ styles sub navigation ------------------------*/ #subnav { margin:0; width:180px; margin-bottom:30px; } #subnav ul { width:auto; list-style:none; padding:0; margin-left:0px; } #subnav ul li { margin:0; } #subnav ul li a { font-size:16px; font-weight:500; display:block; text-decoration:none; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8;color:#696969; padding:6px; background:url(images/bg_nav.gif) repeat-x center left; } #subnav ul li li{ margin:0; } #subnav ul li li a { text-decoration:none; display:block; font-size:14px; font-weight:300; color:#696969; padding:6px; background:url(images/bg_nav.gif) repeat-x center left; border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8; border-top:1px solid #a8a8a8;} #subnav a:hover { background: url(images/bg_nav_rollover.gif) repeat-x top left; color:#fff; } #subnav .current_page_item a:link, #subnav .current_page_item a:visited, #subnav .current_page_item a:active { color:#fff; background:#929598; } /*-- handles the drop down menu first --*/ #subnav .page_item .page_item a { color:#696969; padding-left:20px; background:url(images/bg_nav.gif) repeat-x center left; } #subnav .page_item .page_item a:hover { color:#fff; background: url(images/bg_nav_rollover.gif) repeat-x top left; } #subnav .page_item .current_page_item a { color:#fff; background:#ffc34d; } #subnav .page_item ul { display:block; margin:0; padding:0; } #subnav ul ul, #subnav .current_page_item ul, #subnav .current_page_ancestor ul, #subnav .current_page_ancestor .current_page_item ul, #subnav .current_page_ancestor .current_page_ancestor ul, #subnav .current_page_ancestor .current_page_ancestor .current_page_item ul, #subnav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul { display:block; margin:0; padding:0; } #subnav ul ul { margin:0; padding:0; } /*------------------------ Global Styles for Content Containers ------------------------*/ #flash_wrapper { margin:0 auto; padding:0; width:100%; height:480px; background:url(images/banner_bg.gif) top left repeat-x; } #flash { margin:0 auto; padding:0; width:1000px; } #home_bottom { margin:0; padding:0; width:1000px; height:382px; } .home1, .home2 { margin:0; padding:0; width:272px; height:382px; float:left; display:block; } .home2 { margin-left:85px; padding:0; height:382px; } .home3 { margin:0; padding:0; width:282px; height:382px; float:right; display:block; } #home1_wrapper, #home2_wrapper, #home3_wrapper, #home-title1, #home-title2, #home-title3 {margin:0; padding:0; height:63px; } .thumbnail { margin:3px 0px 0px 3px; width:200px; border:none; } #post-wrapper { display:block; margin-bottom:10px; width:650px; padding:15px; } #post-img { float:left; width:auto; height:auto; background:#CCC; margin:0; padding:0; } #post-words { float:right; width:430px; margin:0; padding:0; } #post-words h1{ margin:0; padding:0; text-align:center; } #post-words a { text-decoration:none; } #post-words a:hover { color:#52a9e9; text-decoration:underline; } .post_thumbnail { border:0; } .home_post_thumbnail { border:0; margin:10px 0px 0px 10px} #home2_wrapper p { margin:0 auto; padding-top:10px; width:250px; font-size:12px; } /*------------------------ set the width and height to match your images for hub page slideshow ------------------------*/ #slideshow, #slideshow1 { position:relative; height:281px; width:270px; margin:0; padding:0; border-left:1px solid #888882; border-right:1px solid #888882; } #slideshow DIV { position:absolute; top:0; left:0; margin:0; padding:0; z-index:8; opacity:0.0; height:281px; } #slideshow1 DIV { position:absolute; top:0; right:0; margin:0; padding:0; z-index:8; opacity:0.0; height:281px; } #slideshow DIV.active, #slideshow1 DIV.active1 { z-index:10; opacity:1.0; } #slideshow DIV.last-active, #slideshow1 DIV.last-active1 { z-index:9; } #slideshow DIV IMG, #slideshow1 DIV IMG { height:281px; display:block; border:0; margin:0; padding:0; } #comslideshow { position:relative; height:350px; width:780px; margin:0 auto; padding:0; border:1px solid #888882; border-right:1px solid #888882; } #comslideshow DIV { position:absolute; top:0; left:0; margin:0; padding:0; z-index:8; opacity:0.0; height:350px; } #comslideshow DIV.active { z-index:10; opacity:1.0; } #comslideshow DIV.last-active { z-index:9; } #comslideshow DIV IMG { height:350px; display:block; border:0; margin:0; padding:0; } #slideshow h3 { margin:0 auto; padding-top:10px; width:250px;} #homefacebook { display:block; height:281px; width:270px; margin:0; padding:0; border-left:1px solid #888882; border-right:1px solid #888882; } .entry { width:1000px; margin:0 auto; padding:40px 0px 0px 0px; } .entry_home { width:1000px; margin:0 auto; padding:0; height:224px; background:url(images/entry-home-bg.jpg) no-repeat; } #home-post { margin:0; padding-left:250px; width:520px; float:left; } #home-post p { margin-top:75px; padding:0; width:520px; } #home-calendar-btn { width:152px; float:right; padding:0; margin-top:53px; padding-right:35px; } #home-calendar-btn ul { list-style:none; padding:0; margin:0; width:152px; } #home-calendar-btn li { height:39px; width:152px; margin:0; padding-bottom:8px; display:block; } .entry_contact { width:60px; margin:0; padding:0; float:left; } .entry_about { width:780px; margin:0; padding:0; float:right; } .entry_about .alignnone { margin:0; } #post-container { float:left; display:block; width:240px; margin:0px 0px 15px 18px; padding:0; } #post-container a { color:#000; text-decoration:none; } #post-container .hub-img { height:auto; display:block; margin-top:5px; padding:0; border:1px solid #000; } #post-container .hub-link { display:block; margin:0; padding:0; } #post-container p { margin:5px 0px 0px 0px; } .entry-content { margin-bottom:30px; padding:0; width:230px; font-size:16px; color:#666; } .entry-content a { color:#32ccff; } .entry-content a:hover { text-decoration:underline; color:#5f5f5f; } .hub-box { width:950px; margin:0; padding:20px 0px 0px 0px; } #about_side { float:right; margin:0; padding:30px; width:280px; } #painter-day { margin-bottom:20px;} #side-quote { font-size:16px; text-align:justify; } .more-btn { margin:0; padding:0; } #why-us-chart { margin-top:20px; } #why-us-chart td { border:1px solid #CCC; } #why-us-chart h3 { padding:10px; } #why-us-chart p { font-size:12px; padding:10px; } #commercial-boxes { margin-top:20px;} /*------------------------ Styles Contact Form ------------------------*/ .require { color: #F00; } #submitbttn { width:100px; height:30px; border:1px solid #fff; font-size:16px; color:#fff; } span.wpcf7-not-valid-tip { position:absolute !important; z-index:100 !important; right:0 !important; left:0 !important; background:#F00 !important; font-size:13px !important; color:#fff !important; border:none !important; width:100% !important; padding:5px 0 5px 5px !important; float:right !important; vertical-align:top !important; top:0 !important; margin:0 !important; width: 200px; } span.wpcf7-form-control-wrap {margin:0; padding:0; width:auto; } div.wpcf7-response-output { margin:0; padding:0; } div.wpcf7-mail-sent-ok { border:none; background:#398f14; padding:4px; color:#fff; font-size:16px ; width:760px; position:relative ; } div.wpcf7-validation-errors { border:none ; background:#F00; padding:0; color:#fff ; width:760px; font-size:16px ; position:relative ; vertical-align:top; } div.wpcf7-mail-sent-ng { border:2px solid #ff0000; } div.wpcf7-spam-blocked { border:2px solid #ffa500; } .ajax-loader { visibility:hidden; display:none; } .wpcf7-text {border:1px solid #999; padding:2px; margin:0; } /*------------------------ Styles Employee Request Form ------------------------*/ #form_wrapper { width:760px; float:right; margin:0; padding:0; position:relative; display:block; } #form_wrapper td { padding:4px; margin:0;position:relative; } #agreement { margin:0 auto; padding:10px; width:750px; height:60px; overflow:auto; border:1px solid #999; } #employee_box1, #employee_box2, #employee_box3, #employee_box4, #employee_box5, #employee_box6 { margin:0 0 35px 0; padding:5px; border:1px solid #999; width:760px; } #form_wrapper h2 { color:#385d86; display:block; font-size:18px; margin:0; padding:0 0 5px 0; } #employee_box1 h4, #employee_box2 h4, #employee_box3 h4, #employee_box4 h4, #employee_box5 h4, #employee_box6 h4 { background:#CCC; font-weight:bold; color:#385d86; font-size:14px; padding:4px 4px 4px 10px; } #employee_box1 p, #employee_box2 p, #employee_box3 p, #employee_box4 p, #employee_box5 p, #employee_box6 p { text-align:left; background:none; } #featured { margin:0; padding:0; width:760px; } #form-entry { width:235px; } #zipcode { width:100px; } #startdate, #stopdate, #startpay, #stoppay { width:110px; } #whyleave, #likeposition, #leaveposition { width:750px; height:50px; } /*---- Styles Contact Form Complete/Error Messages ---*/ .require{ color: red; } /*------------------------ Blog and Community Styles ------------------------*/ .entry-blog { width:700px; float:left; margin:0; padding:0; } .post { margin-bottom:50px; display:block; } #content-block { width:700px; display:block; } #small { font-size:12px; font-weight:600; padding-bottom:10px; margin-top:2px; color:#666; text-align:left; display:block; } #small a { color:#56afdc; } #small a:hover { color:#5f5f5f; } #navgition { width:auto; margin-bottom:15px; padding:0;} .wp-pagenavi { width:auto; margin:0; padding:0;} .wp-pagenavi .pages { border:none; } .wp-pagenavi .current { border:1px solid #eeeeee; padding:1px 7px; margin-right:7px; } .wp-pagenavi .page { border:1px solid #ccdeff; background:#ebf2ff; padding:1px 7px; margin-right:7px;} .wp-pagenavi .page a { text-decoration:none; } /*---- Comments Styles ---*/ #comments { margin-top:80px; width:580px; } .commentlist { color:#fff; list-style:none; } .commentlist li { margin-bottom:10px; width:560px; color:#fff; background:#ccc; border:1px solid #fff; padding:10px; } .commentlist p { margin-top:10px; width:470px; color:#575757; text-align:justify; } .commentlist a { color:#fff; text-decoration:none; } #comment { width:580px; height:300px; padding:10px; font-size:18px; } #respond { margin-top:80px;} .comment-author img { margin:0px; border:1px solid #fff; float:left; width:96px; height:96px; padding:0px; } .comment-meta { margin:0px; width:470px; float:right; text-align:left; } #respond #submit { width:100px; height:30px; border:1px solid #fff; background:url(images/bg_nav_rollover.gif) repeat-x top left; font-size:16px; color:#fff; } /*------------------------ Sidebar Styles ------------------------*/ #right_side { margin:0; padding:0; float:right; width:250px; } #left_side { margin:0; padding:0; float:left; width:200px; } #sidebar { margin:0 auto; padding:0; text-align:left; } #sidebar h2, #sidebar h3, #sidebar h3 a { text-decoration:none; } #sidebar ul, #sidebar ol { width:250px; text-align:left; list-style:none; margin:0 auto; padding:0; } /*------------------------ Widget Styles ------------------------*/ #wp-calendar, .widget_calendar, .widget_categories, .widget_links, .widget_recent_entries, .widget_pages, .widget_text { margin-bottom:50px; padding:0; width:250px; } .textwidget a, .widget_categories a, .widget_links a, .widget_recent_entries a { color:#666; font-size:16px; padding-bottom:5px; } .textwidget a:hover, .widget_categories a:hover, .widget_links a:hover, .widget_recent_entries a:hover { text-decoration:underline; color:#5f5f5f; } .widget_calendar ul, .widget_links ul, .widget_categories ul, .widget_recent_entries ul, .widget_pages ul, .widget_text ul { padding-bottom:6px; } .textwidget li, .widget_categories li, .widget_links li, .widget_recent_entries li { padding-bottom:5px; } .widgettitle, .widget_calendar h3, .widget_links h3, .widget_categories h3, .widget_recent_entries h3, .widget_pages h3, .widget_text h3 { margin-bottom:10px; padding:0; list-style:none; width:200px; text-align:left; } #wp-calendar { width:200px; } #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; } /*------------------------ Footer Styles ------------------------*/ #social_icons { margin:0 auto; width:1000px;} #social_icons a { color:#6bb1ff; text-decoration:none; } #footer { width:100%; margin:0; padding:5px 0px 0px 0px; display:block; } #foot_box { width:1000px; margin:0 auto; } #footer_nav{ background:#000; margin:0; } .footer { width:600px; float:left; padding:30px 0px; margin:0 auto; } .footer li { display:inline; margin-right:5px; } .footer a { color:#6bb1ff; text-decoration:none; } .footer a:hover { color:#f7c13f; text-decoration:underline; } #email_box { margin-top:12px; float:right; width:315px; padding:0; } #email_box p { margin-bottom:2px; padding:0; color:#f7c13f; font-size:0.95em; } #email { float:left; margin:0; width:234px; padding:0px 0px 2px 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; } /*------------------------ Clears all Styles ------------------------*/ #clear_employee_info, #clear_nav, #clear-post, #clear { clear:both; }