/* Theme Name: Dirtygirl_Garden Theme URI: http://www.dirtygirlgarden.com/ Description: The Theme for Dirty Girl Gardening. Version: 1 Author: Chris Sanders Author URI: http://www.thegraphicworks.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /*-------------------------- Begin Typography & Colors ---------------------------*/ *, html, body { margin:0; padding:0; } body { outline:0; font-family:"Georgia", Times New Roman, Times, serif; background:#fff url(images/green-middle.jpg); } a:focus { outline:0; } a, img { border:none; } #wrapper { margin:0; padding:0; width:100%; background:url(images/top-green.jpg) repeat-x top left; } #header { margin:0 auto; width:1000px; height:400px; background: url(images/header-img.jpg) left top no-repeat; } #header a { width:310px; height:360px; display:block; float:right; padding:0; margin:; } #container { width:100%; } #content { margin:0 auto; width:1000px; padding-bottom:10px; padding-top:20px; } /*-------------------------- Styles Global Font ---------------------------*/ h1, h2, h3, h4, h5, h6, code, p, td, ul, ol, li, a { margin:0; padding:0; text-align:left; } h1 { font-size:30px; } h2 { font-size:24px; } h3 { font-size:20px; } h4 { font-size:16px; } h5 { font-size:14px; } h6 { font-size:12px; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin-bottom:5px; color:#ecffcc; font-style:italic; text-decoration:none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#fff; background:#fbabfe; text-decoration:underline; } p { margin-bottom:10px; font-weight:200; color:#fff; text-align:justify; font-size:16px; line-height:18px; } code, li { font-weight:200; color:#686868; text-align:justify; font-size:14px; } ul { margin:0px 0px 10px 40px; } ol { margin:10px 0px 10px 30px; } a { color:#fff; } a:hover { color:#fbabfe; } .alignleft { float:left; } .alignright { float:right; } .alignnone { float:none; } /*-------------------------- Styles Main Navigation at the very top of site ---------------------------*/ #main_nav { margin:0 auto; padding-bottom:20px; padding-top:0px; width:1000px; overflow: auto } #main_nav ul { margin:18px 0 0 0; padding:0; width:850px; float:left; height:40px; list-style:none; } #main_nav li { margin:0 8px; padding:0; float:left; } #main_nav li a { color:#ecffcc; padding:0 15px 5px 0; display:block; font-size:22px; font-style:italic; font-weight:bold; text-decoration:none; background:url(images/green-btn.gif) top right no-repeat; } #main_nav a:hover { color:#fff; background: url(images/grey-btn.gif) top right no-repeat; } #main_nav ul li a .sliding-doors { background:url(images/green-btn.gif) top left no-repeat; display: block; padding: 8px 0 8px 15px; } #main_nav ul li a:hover .sliding-doors { background: url(images/grey-btn.gif) top left no-repeat; } #main_nav ul li.current_page_item a:link, #main_nav ul li.current_page_item a:visited, #main_nav ul li.current_page_item a:active { color:#fff; background:url(images/grey-btn.gif) top right no-repeat; } #main_nav ul li.current_page_item a:link .sliding-doors, #main_nav ul li.current_page_item a:visited .sliding-doors, #main_nav ul li.current_page_item a:active .sliding-doors { color:#fff; background:url(images/grey-btn.gif) top left no-repeat; } #main_nav ul li.current_page_parent a:link, #main_nav ul li.current_page_parent a:visited, #main_nav ul li.current_page_parent a:active { color:#fff; background:url(images/grey-btn.gif) top right no-repeat; } #main_nav ul li.current_page_parent a:link .sliding-doors, #main_nav ul li.current_page_parent a:visited .sliding-doors, #main_nav ul li.current_page_parent a:active .sliding-doors { color:#fff; background:url(images/grey-btn.gif) top left no-repeat; } .visitStore { float:right; width:auto; padding:0; margin:0; } /*-------------------------- Styles Sub Navigation on Pages area ---------------------------*/ #subnav { margin-top:40px; width:238px; background:#6187cd; float:left; padding:0; } #subnav ul { list-style:none; text-align:left; margin:0; padding:0; } #subnav li { padding:0; margin:0; display:block; border-bottom:1px solid #fff; } #subnav a { text-decoration:none; display:block; padding:5px 10px 5px 10px; color:#fff; font-size:14px; } #subnav a:hover { color:#fff; background:#7ec643; } #subnav .current_page_item a:link, #subnav .current_page_item a:visited, #subnav .current_page_item a:active { color:#fff; background:#7ec643; } /*-------------------------- Styles Page Content + Blog Posting ---------------------------*/ #home-box { background:url(images/home-box-top.gif) top left no-repeat; padding-top:16px; width:990px; margin:0 auto; } #home-box-middle { background:url(images/home-box-middle.gif) top left repeat-y; padding:0; } #home-box-content { margin:0 auto; width:960px; } #entry-wrapper { width:1000px; margin:0 auto; padding-top:30px; } #entry { width:650px; float:left; margin:0; padding:0; } #blog-entry { margin:0; padding:0; width:600px; } #post-container { width:600px; margin-bottom:60px; padding:0; display:block; } .post_thumbnail { border:1px solid #fff; margin-bottom:5px; display:block; } .more-link { float:right; } .addthis_toolbox { margin:0; padding:20px 0; display:block; width:600px; } #press-container { width:680px; margin-bottom:60px; padding:0; display:block; } #press-thumb { float:left; width:auto; padding:5px; background:#fff; } #press-excerpt { float:right; width:450px; } #press-thumb img { margin:0 auto; width:auto; display:block; } .press_thumbnail { margin:0 auto; display:block; } /*-------------------------- Styles for Pagnigation Bottom Links of Blog ---------------------------*/ #navgition { width:auto; margin:0; 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 3px 7px; margin-right:7px; } .wp-pagenavi .page { border:1px solid #ccdeff; background:#ccc; padding:1px 7px 3px 7px; margin-right:7px;} .wp-pagenavi .page a { text-decoration:none; color:#666; font-size:16px; } /*-------------------------- Styles Sidebar + Widgets ---------------------------*/ #sidebar { width:300px; margin:0; padding:0; float:right; display:block; } #sidebar p { width:270px; margin:0 auto; color:#fff; padding:10px; font-size:14px; } #sidebar .widget_text, #sidebar .widget_sp_image, #sidebar .widget_recent_entries h3, #sidebar .widget_links h3, #sidebar .widget_categories h3, #sidebar .widget_search, #sidebar .widget_pages h3, #sidebar .widget_text h3, #sidebar .widget_tag_cloud h3, #sidebar .widget_meta h3, #sidebar .widget_recent_comments h3, #sidebar .widget_archive h3, #sidebar .widget_calendar h3, #sidebar .widget_sp_image h3, #sidebar .widget_twitter h3 a { font-size:22px; display:block; color:#fff; padding:5px 0px 5px 10px; } #sidebar .widget_recent_entries ul, #sidebar .widget_links ul, #sidebar .widget_categories ul, #sidebar .widget_pages ul, #sidebar .widget_text ul, #sidebar .widget_tag_cloud ul, #sidebar .widget_meta ul, #sidebar .widget_recent_comments ul, #sidebar .widget_sp_image ul, #sidebar .widget_archive ul { list-style:none; margin:0; padding:0; width:245px; font-size:14px; } #sidebar .widget_recent_entries li, #sidebar .widget_links li, #sidebar .widget_categories li, #sidebar .widget_pages li, #sidebar .widget_tag_cloud li, #sidebar .widget_meta li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_sp_image li, #sidebar .widget_text li {padding:0; margin:0; display:block; border-top:1px solid #fff; } #sidebar .widget_recent_entries li a, #sidebar .widget_links li a, #sidebar .widget_categories li a, #sidebar .widget_pages li a, #sidebar .widget_tag_cloud li a, #sidebar .widget_meta li a, #sidebar .widget_recent_comments li a, #sidebar .widget_archive li a, #sidebar .widget_calendar a, #sidebar .widget_sp_image a, #sidebar .widget_text li a { text-decoration:none; display:block; padding:10px; color:#fff; font-size:14px; } #sidebar a:hover { color:#fff; background:#7ec643; } #calendar_wrap { margin-top:10px; } #sidebar .widget_calendar { color:#fff; } #sidebar .widget_calendar a { color:#000; padding:0; margin:0; } #sidebar .widget_calendar a:hover { color:#fff; background:#7ec643; } #wp-calendar { width:235px; margin:0 auto; padding-top:10px; } #sidebar .InstantTranslate_widget { margin:0 auto; padding:10px 0 20px 0; width:280px; } #sidebar .InstantTranslate_widget h3 { display:none; } #sidebar #language { width:280px; height:20px; border:1px solid #fff; } /* Styles for two-column display */ #wp125adwrap_2c { width:100%; height:450px; } #wp125adwrap_2c .wp125ad { width:125px; float:left; padding:4px; } #notes { width:240px; margin:0 auto; padding-bottom:30px; } #dirty-girl-clean { width:200px; margin:0 auto; margin-bottom:30px; } #icon { display:block; padding-bottom:20px;} .icon { float:right; margin-right:5px; display:block; } #search div { margin:0; padding:0; } #searchform { height:33px; width:auto; margin-top:10px; padding:0; float:right; } .screen-reader-text { display:none; margin:0; padding:0; height:0px; width:0px; } #searchsubmit { float:right; color:#fff; font-size:14px; background:url(images/search-bg.gif) no-repeat left top; width:77px; height:31px; border:none; margin:0; padding:0; } #s { float:left; height:29px; width:170px; font-size:16px; padding-left:5px; border-left:1px solid #808d6a; border-right:none; border-top:1px solid #808d6a; border-bottom:1px solid #808d6a; margin:0; } /*---- Comments Styles ---*/ #comments { margin-top:40px; width:600px; } #comments ul { margin:0; padding:0; list-style:none; } .commentlist { margin:0; padding:0; list-style:none; } .commentlist li { margin-bottom:10px; width:auto; border-top:1px dashed #ecffcc; padding:10px; } .commentlist p { margin-top:10px; width:auto; text-align:justify; } .commentlist a { color:#ecffcc; text-decoration:underline; } #comment { width:580px; height:200px; padding:10px; font-size:18px; } #respond { margin-top:40px; } .comment-meta { margin:0; text-align:left; } .fn { font-size:26px; font-style:italic; } /*-------------------------- Styles Form ---------------------------*/ .wpcf7-form { margin:0; width:600px; padding:0; } #row { margin-bottom:10px; } .require { color:#fcabff; } #form_left { width:280px; float:left; } #form_right { width:280px; float:right; } .wpcf7-form p { margin-bottom:5px; color:#ecffcc; font-style:italic; font-size:20px; } #name, #email, #phone, #choice_menu { width:280px; height:20px; font-size:20px; color:#575757; border:1px solid #a1ac35; padding:4px 0px 0px 3px; } #message { width:380px; height:200px; font-size:16px; color:#575757; border:1px solid #a1ac35; padding:5px; } #submitbttn { width:77px; height:31px; font-size:18px; color:#fff; border:none; background:url(images/search-bg.gif); } #tags p { font-size:12px; } /*-------------------------- Styles Footer Links + Copyright ---------------------------*/ #footer-wrapper { margin:0; bottom:0; width:100%; background:#fff; padding:20px 0; } #footer { width:1000px; margin:0 auto; padding:0; } #footer-logo { float:left; width:650px; } #footer-statement { float:right; width:310px; } #footer-statement a { color:#3b99c5; text-decoration:underline; } #footer_nav { width:1000px; margin:20px 0; padding:0; height:20px; } #footer_nav ul { margin:0; padding:0; text-align:left; list-style:none; width:auto; float:left; } #footer_nav li { display:inline; margin-right:10px; } #footer_nav a { color:#3b99c5; text-decoration:underline; } #footer_nav p { color:#3b99c5; float:right; font-size:13px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#616161; } #footer p { color:#616161; } #footer ul { list-style:none; padding-bottom:40px; } /*-------------------------- Styles for Clearing Floats ---------------------------*/ #clear, #clear-post { clear:both; }