/* LAYOUT */ /* ----------------------------------------- */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left; margin-right: 20px; margin-bottom: 20px; } .alignright { float:right; margin-left: 20px; margin-bottom: 20px; } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* You might find the following useful */ /* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */ br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */ body {background: url(../images/bg.jpg) top center no-repeat; text-align: center; } #container { width: 978px; margin: auto; text-align: left;} #main {width: 100%; overflow: auto; padding-bottom: 50px; } .home #main p {text-align: center;} .home #main {padding-bottom: 0px;} #content-onecolumn {width: 100%;} #content-left-sidebar {float: right; width: 730px;} #content-right-sidebar {float: left; width: 720px;} #content-both-sidebars {float: left; width: 500px; margin-left: 15px;} #content-left-sidebar ul { margin-bottom: 1em;} #content-left-sidebar ul li {list-style: disc; list-style-position: inside;} .wpsc-shopping-cart #content-both-sidebars {width: 720px;} #logo { display: block; width: 460px; height: 190px; text-indent: -9999px; background: url(../images/logo.png) top left no-repeat; overflow: hidden; float: left; margin-bottom: 0;} .widget_wpsc_categorisation a {color: #000;} .widget_wpsc_categorisation a:hover {color: #cc0000;} .widget_wpsc_categorisation {background: url(../images/categories-menu-bg.gif) top left no-repeat; height: 365px; } .widget_wpsc_categorisation .wpsc_categorisation_group {margin-left: 30px; width: 175px;} .widget_wpsc_categorisation li.wpsc-current-cat a {color: #cc0000;} .widget_wpsc_categorisation li.wpsc-current-cat ul li a {color: #000;} .widget_wpsc_categorisation li.wpsc-current-cat ul li a:hover {color: #cc0000;} .widget_wpsc_categorisation .wpsc_top_level_categories li {font-family: 'Bentham'; font-size: 20px; margin: 0px 0 0px 0; padding: 4px 0; letter-spacing: -1px; border-bottom: 1px dotted #a9a7a3; } .widget_wpsc_categorisation .wpsc_category_22, #wpsc_category_grid_item_22, /* Hide Homepage Slider category */ .widget_wpsc_categorisation .wpsc_category_24, #wpsc_category_grid_item_24, /* Hide Cartoon of the Week category */ .widget_wpsc_categorisation .wpsc_category_31, #wpsc_category_grid_item_31 {visibility: hidden; display: none;} .widget_wpsc_categorisation .wpsc_second_level_categories li {padding-left: 0px; font-family: 'Cabin', Arial, sans-serif; font-size: 12px; border-bottom: 0px; letter-spacing: normal;} /* Sidebars */ #sidebar-left {width: 230px; float: left; height: 100%; } #sidebar-right {width: 230px; float: right; height: 100%; } h3.widget-title {text-transform: uppercase; text-align: center; color: #fff; height: 28px; padding: 6px 0 0 0px; margin-bottom: 0px; font-size: 20px; letter-spacing: -1px;} #wpsc_categorisation-3 h3.widget-title {background: url(../images/categories-heading-bg.png) top center no-repeat;} #wpsc_shopping_cart-4 {position: relative;} #wpsc_shopping_cart-4 h3.widget-title {background: url(../images/tags-heading-bg.png) top center no-repeat; z-index: 100; position: relative;} #sidebar-right #sliding_cart {background: url(../images/shopping-cart-content-bg.png) bottom center no-repeat; padding: 20px 20px 20px 25px; margin-top: -10px; z-index: 99; position: relative;} #sliding_cart p.empty {padding: 0; margin: 0;} #cartoon {position: absolute; margin-top: 60px; margin-left: 570px;} #cart-widget-links {padding: 10px 0;} #wpsc_product_tags-3 h3.widget-title {background: url(../images/tags-heading-bg.png) top center no-repeat;} #wpsc_live_search-3 h3.widget-title {background: url(../images/search-heading-bg.png) top center no-repeat;} a.skip { position: absolute; left: -9999px; overflow: hidden;} #menu-about-gerald-submenu {background: url(../images/submenu-bg.png) top left no-repeat; height: 227px; margin-top: 25px; padding: 20px 10px 0px 35px; font-family: 'Bentham', Georgia, Times, serif; } #menu-about-gerald-submenu li {padding: 5px 0; border-bottom: 1px dotted #999; width: 155px; } #menu-about-gerald-submenu li a {color: #fff; font-size: 20px; } #menu-about-gerald-submenu li a:hover {color: #ff0000;} #menu-about-gerald-submenu li.current-menu-item a {color: #cc0000;} #header ul.menu {float: right; width: 518px; text-align: left; padding-top: 5px; } #header ul.menu li { float: left; padding-right: 12px;} #header ul.menu li a {color: #fff; font-family: Bentham, Georgia, times, serif; font-size: 20px; letter-spacing: -1px; text-shadow: 0px 1px 1px #990000; } #header ul.menu li a:hover { color: #000; text-shadow: 0px -1px 1px #ff6666;} #header ul.menu li.current-menu-item a, #header ul.menu li.current-page-parent a {color: #000;} #header {display: block; width: 100%; height: 200px;} ul#visual-categories {clear: both; padding-left: 40px; display: block; height: 250px;} ul#visual-categories li {float: left; } #product-slider-bar-wrapper {width: 100%; text-align: center; padding-top: 50px; background: url(../images/footer-bg.png) top center repeat-x;} #product-slider-bar {width: 978px; margin: auto; text-align: left; height: 300px; color: #fff;} #left-slider {width: 50%; float: left;} #right-slider {width: 50%; float: right;} #red-promo-bar-wrapper {width: 100%; text-align: center; padding-top: 50px; margin-top: -50px; background: url(../images/red-bar-bg.png) top center repeat-x;} #red-promo-bar {width: 978px; margin: auto; text-align: left; height: 350px;} #red-promo-bar a {color: #000;} #footer-wrapper {width: 100%; text-align: center; padding-top: 50px; background: url(../images/footer-bg.png) top center repeat-x; margin-top: -50px; } #footer {width: 978px; margin: auto; text-align: left; height: 100px; } #footer p {color: #ccc;} #footer h2 {color: #ccc; font-family: Arial, sans-serif; letter-spacing: normal;} #footer h2 a:hover {color: #fff;} #footer ul.menu {float: right; width: 510px; text-align: left; padding-top: 0px; } #footer ul.menu li { float: left; padding-right: 20px;} #footer ul.menu li a {color: #cc0000; font-family: Bentham, Georgia, times, serif; font-size: 18px; letter-spacing: -1px;} #footer ul.menu li a:hover { color: #fff;} .news-block {float: left; width: 680px;} .news-block p {color: #fff;} .news-block h2 {text-indent: -9999px; background: url(../images/news-footer-heading.png) top left no-repeat; height: 80px; } .news-block h3 {color: #fff;} .sign-up-block {float: right; width: 260px; } /* Grid View */ .product_grid_display .product_grid_item { border: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .product_grid_display h2.prodtitle a:link, #content .product_grid_display h2.prodtitle a:link, .product_grid_display h2.prodtitle a:visited, #content .product_grid_display h2.prodtitle a:visited { color: #000 !important; font-family: 'Cabin', Arial, sans-serif; letter-spacing: normal; font-size: 12px; text-align: center;} .product_grid_display .product_grid_item {padding: 0 !important; margin: 0 !important; text-align: center !important; width: 33.33% !important; } .product_grid_display .product_grid_item .item_image, .product_grid_display .product_grid_item .item_no_image { width: 150px !important;} #default_products_page_container .imagecol img, #list_view_products_page_container img, #grid_view_products_page_container img {} .product_grid_display h2.prodtitle, #content .product_grid_display h2.prodtitle {text-align: center !important;} .product_grid_display .price_container {visibility: hidden; display: none;} /** Biography Page tweaks */ .page-id-232 #main p {line-height: 1.8em;} .page-id-232 strong { color: #000; padding-right: 10px;} .page-id-232 h2 {font-size: 28px; margin-bottom: 0.5em; color: #990000;} .blog h2 {width: 100%; clear: both; margin-bottom: 0.25em;} .post-info { margin-bottom: 1em; font-family: Georgia, Times, serif; font-style: italic;} .post-info a:hover {text-decoration: underline;} .post-links { background: url(../images/post-links-bg.png) top left no-repeat; color: #fff; clear: both; padding: 10px 0 10px 25px; margin-bottom: 1.5em; margin-top:1em; height: 30px; } .post-links a:hover {text-decoration: underline; color: #fff;} .post {width: 100%; overflow: auto; padding-bottom: 20px; border-bottom: 1px dotted #ccc; margin-bottom: 20px;} .post-navigation {clear: both; padding: 20px 0 0 0; } .page-id-4 #main h1 { background: url(../images/about-gerald-heading.png) top left no-repeat; text-indent: -9999px; width: 300px; height: 70px; display: block;} .blog #main h1.news-heading, .single #main h1.news-heading, .archive #main h1.news-heading, .category #main h1.news-heading {background: url(../images/news-heading.png) top left no-repeat; text-indent: -9999px; width: 150px; height: 60px; display: block;} .widget_categories {background: url(../images/categories-widget-bg.png) top left no-repeat; padding-top: 10px; height: 230px; margin-top: 65px;} .widget_categories ul {margin-left: 20px;} .widget_categories ul li {padding: 5px 0; border-bottom: 1px dotted #555; width: 180px; font-size: 14px; } .widget_categories ul li a {color: #fff;} .widget_categories ul li a:hover { color: #ff0000;} .widget_recent_entries {background: url(../images/recent-posts-bg.png) top left no-repeat; padding-top: 10px; height: 230px; margin-top: 60px;} .widget_recent_entries ul {margin-left: 25px;} .widget_recent_entries ul li {padding: 5px 0; border-bottom: 1px dotted #555; width: 180px; } .widget_recent_entries ul li a {color: #fff;} .widget_recent_entries ul li a:hover {color: #ff0000;} #respond {visibility: hidden; display: none;} img.frame {padding: 5px; border: 1px solid #ccc;} #TB_window, #TB_window img { border: 0px !important;} /* Cartoon of the week form styles */ .cartoon-signup input[type="text"], .cartoon-signup input[type="email"] { background: #990000; border: 0px; padding: 4px; color: #fff; width: 220px; } .cartoon-signup input[type="text"]:focus, .cartoon-signup input[type="email"]:focus {background: #000; color: #fff; -moz-outline: none; outline: none;} .cartoon-signup button[type="submit"] { background: #000; border: 0; padding: 8px; color: #fff; font-family: Georgia; font-size: 14px; border-radius: 3px; } #box { width: 658px; height: 415px; filter: alpha(opacity=100); background: rgba(255,255, 255, 1); text-align: center; position: absolute; margin-left: -75px; margin-top: -75px; left: 30%; top: 20%; z-index: 20; display: none; color: #000; } #screen { position: absolute; left: 0; top: 0; background: #000; } ul.featured-list li { width: 25%; float: left; text-align: center; }