/* Theme Name: Bayou Sports Shop Description: The Wordpress theme custom created for bayou sports shop. Version: 1 Author: Matt Wang Author URI: http://goodworkmarketing.com/ Tags: custom, bayou sports shop */ /************************************************************************************************************ GENERAL TAGS ************************************************************************************************************/ body { text-align:center; margin:0; padding:0; font-size:14px; background:#000 url(images/bayou-bg.jpg) top center no-repeat; } h1 {font-family:Arial, Helvetica, sans-serif;} h2 {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#fff; display:block; background:#662D91; line-height:32px; padding-left:10px;} h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:15px 0;} h4 {font-family:Arial, Helvetica, sans-serif;} h5 {font-family:Arial, Helvetica, sans-serif;} h6 {font-family:Arial, Helvetica, sans-serif;} p {font-family:Arial, Helvetica, sans-serif; line-height:22px;} address {font-family:Arial, Helvetica, sans-serif;} strong, b {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:inherit;} i, em {font-family:Arial, Helvetica, sans-serif; font-style:italic;} hr {font-family:Arial, Helvetica, sans-serif;} blockquote {font-family:Arial, Helvetica, sans-serif;} a {font-family:Arial, Helvetica, sans-serif;color:#E09E01; text-decoration:underline; } a:hover { color:#000; text-decoration:none;} smalll {font-family:Arial, Helvetica, sans-serif;} table, tr, td { vertical-align:middle;} input[type=button] {cursor:pointer;} .tooltip { background:#fff;} /************************************************************************************************************ GENERAL STRUCTURE ************************************************************************************************************/ /********** wrapper - centers content and resets text align *************/ .address-top { height:24px; line-height:24px; background:#000; display:block; color:#fff; font-size:10px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:.2em; font-weight:bold;} #pg-wrapper {width: 980px; margin:0 auto; padding:0; background:#662D91; text-align:left; } #pg-wrapper-sidebar { width: 980px; margin:0 auto; padding:0; background:#fff url(images/sidebar-bg.jpg) repeat-y 714px top; text-align:left; overflow:visible;} #hdr {width:980px; height:110px; margin:0; padding:0; background:url(images/hdr-bg2.jpg) bottom left no-repeat #000; position:relative; } #hdr h1 {width:272px; height:110px; float:left; text-indent:-9999em; margin:0; padding:0; background:url(images/bayou-sport-shop-logo.png) top left no-repeat;} #hdr p {width:601px; margin:0; padding:0; height:44px; margin-top:30px; text-indent:-9999em; float:left; background:url(images/bayou-sport-slogan.png) top left no-repeat;} #hdr hr { display:none;} .shop-login { position:absolute; bottom:5px; right:15px; color:#fff; text-transform:uppercase; text-decoration:none; letter-spacing:.2em;} .shop-login:hover {color:#fff; text-decoration:none;} .shop-login:visited {color:#fff; text-decoration:none;} #main-nav { width:980px; display:block; background:#662D91; padding:3px 0 2px; margin:0;} #main-nav ul { padding:0; margin:0;} #main-nav ul li { list-style:none; display:inline; border-left:1px solid #fff; padding:0; margin:0;} #main-nav ul li a { display:inline-block; padding:5px 10px; color:#fff; text-transform:uppercase; font-size:12px; line-height:12px; text-decoration:none; letter-spacing:.1em;} #main-nav hr { display:none;} #sub-nav { width:980px; display:block; background:#E09E01; text-align:right; position:relative;} #sub-nav ul li { list-style:none; display:inline; border-left:1px solid #fff; padding:0; margin:0;} #sub-nav ul { padding:0; margin:0;} #sub-nav ul li a { display:inline-block; padding:5px 10px; color:#fff; text-transform:uppercase; font-size:12px; line-height:12px; text-decoration:none; font-weight:bold;} #sub-nav hr { display:none;} #sub-nav a.search-link { padding:5px 10px; color:#fff; text-transform:uppercase; font-size:12px; line-height:12px; text-decoration:none; font-weight:bold; text-align:left; position:absolute; left:0; top:0;} #main-nav ul li.page-item-3, #sub-nav ul li.first, #main-nav ul:first-child { border-left:none;} #content { min-height:700px;} iframe { background:#fff; } .entry { padding:20px 0;} .post { padding:20px 40px ;} #content small { font-family:Arial, Helvetica, sans-serif;} .post p { padding-bottom:15px;} .entry h2 { color:#662D91;} .post h2 { color:#662D91;} .narrowcolumn { width:714px; background:#fff; border:10px solid #662d91; float:left;} #sidebar { margin-left:714px; padding:0; background:#fff url(images/sidebar-bg.jpg) top left repeat-y; padding:10px 0 50px 35px; } #sidebar h2 { margin:15px 0 0 0; color:#662D91; background:none; font-size:20px; font-weight:normal; border-top:1px dotted #f3f3f3;} #sidebar ul li ul { padding: 0 20px; margin:0;} #sidebar ul li ul li { margin-bottom:8px; list-style:disc outside;color:#662D91; font-weight:bold; } #sidebar ul li ul li a { text-decoration:none;} #sidebar #events-calendar {padding-right:20px;} #sidebar #events-calendar #events-calendar-list li a { color:#E09E01;} #sidebar #events-calendar #events-calendar-list li strong { font-weight:normal; font-size:12px; font-style:italic;} .home-links { padding:15px; background:#200E2E; width:143px; float:left;} .home-links a { color:#E09E01; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; line-height:20px;} .home-links address { color:#E09E01; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:20px; padding:10px 0 0; margin-top:10px; border-top:1px solid #E09E01; font-size:12px; } .home-links strong { color:#E09E01;} .ftr-bar { width:980px; background:url(images/ftr-bar.gif) top left repeat-x #000; height:39px; clear:left; display:block;} .ie .home-about-content { padding-bottom:20px;} /************************************************************************************************************ HOME PAGE SPECIFIC RULESETS CSS rules strictly for the shopping cart framework below. ************************************************************************************************************/ /************* Home Page Specific ***********************/ /************* ***********************/ /************* holds the shopping cart and category list on the home page ***********************/ .sm-lft-column { width:189px; float:left; background:#662D91; } .sm-lft-column hr { width:189px; margin:5px 0 0 0; background:#E09E01; color:#E09E01; border:none; font-size:1px; line-height:1px; height:2px;} .sm-lft-column h2 { padding:15px 0 5px 10px; color:#fff; font-weight:bold; font-size:16px;} .sm-lft-column ul { padding:0 10px 0 20px; margin:0; list-style:none;} .sm-lft-column li { list-style:none; font-size:12px; padding:0; margin:0; line-height:16px; } .sm-lft-column a { color:#fff; text-decoration:none; } /************* banner image - image replacement ***********************/ .banner-image-home { width:498px; height:319px; float:left; display:block; zoom:1; position:relative;} .banner-image-home hr { display:none;} /************* hide semantic horizontal rules ***********************/ /************* Focus Buttons for home page ***********************/ .sm-rt-column { width:290px; float:left;} .shop-frame { clear:both; padding-top:5px; border-top:1px solid #000; border-bottom:1px solid #000; margin-top:1px;} .home-bottom { clear:left; width:980px; background:#200E2E; position:relative; padding:0; margin:0; float:left;} .home-about { float:left; width:807px; background:url(images/about-bg2.gif) top left no-repeat #fff; position:relative; padding-top:20px; } .authentic-merchandise { width:300px; text-align:center; float:left;} .authentic-caption { color:#662D91; text-align:center; font-size:12px; line-height:12px; font-weight:bold; padding:2px 0 0 0;} .bayou-setting { width:192px; height:21px; display:block; background:url(images/in-a-unique-bayou-setting.gif) center center no-repeat; text-indent:-9999em; margin:0 auto;} .home-about-content { width:472px; float:left; padding-right:35px; background:none;} .home-about-content h2 { float:left; display:block; width:260px; height:25px; background:url(images/about-the-bayou-sports-shop.png) no-repeat top; text-indent:-9999em; padding-bottom:5px;} .unique-story { float:left; display:block; width:183px; height:25px; background:url(images/next-our-unique-story.png) no-repeat top; text-indent:-9999em; padding-bottom:5px;} .home-about-content .entry { background:none; padding:0;} .home-about-content .post { background:none; padding:0;} .home-about-content p { clear:left; font-size:12px; line-height:15px; padding-top:5px; } .home-about-content:after { content:""; position:absolute; right:0; bottom:0; background:url(images/scratch-br.gif) bottom right no-repeat; display:block; width:507px; height:59px; margin:-30px 0 0;} /************************************************************************************************************ DIGISHOP CSS rules strictly for the shopping cart framework below. ************************************************************************************************************/ /************* Shop Specific ***********************/ .price { font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:normal; font-size:14px;} .sprice { font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:normal; font-size:20px;} #categoryGrid .sprice { font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:normal; font-size:20px;} #extraDetails #price { font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:normal; font-size:32px; padding-top:20px;} #shop-pg-title { text-indent:-9999em; width:725px; height:122px; text-transform:capitalize; background:url(images/shop-hdr1.jpg); display:block; } .shop-lft-column { width:240px; float:left; background:#662D91; } .shop-lft-column hr { width:240px; margin: 0; background:#E09E01; color:#E09E01; border:none; font-size:1px; line-height:1px; height:2px; display:block;} .shopcolumn { width:734px; background:#fff; border:none; float:left;} .shopcolumn h2 { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#fff; display:block; background:#662D91; line-height:32px; padding-left:10px;} .shopcolumn h2 a { color:#fff; text-decoration:none; font-size:18px;} .shopcolumn h2 a:hover { color:#fff; text-decoration:none; font-size:18px;} .shopcolumn h2 a:visited { color:#fff; text-decoration:none; font-size:18px;} #categoryGrid, #customerLogin, #productGrid, #viewCart, #cartItems, #productDetail, #checkoutBilling, #checkoutShipping, #checkoutPayment, #checkoutConfirm, #checkoutComplete , #clientAccount, #topOptions { padding:0; margin:0; width:735px; display:block; } #productGrid table { border-collapse:collapse; margin:0;} #categoryGrid table div.photo { vertical-align:bottom; display:table; height:135px; padding-top:10px;} #categoryGrid table div.photo img { vertical-align:bottom; } #productDescription { padding:20px;} #productDetail #productDescription { padding:20px 20px 20px 20px; width:340px; float:left; font-size:14px; font-weight:bold;} #productDetail h2 {padding:20px; margin-bottom:20px; text-transform:capitalize;} #productDetail #productReviews { padding:0 0 20px 0; margin:10px auto; width:340px; display:block; border:none; float:right; clear:none; } #productDetail #detailGroup { margin:20px auto; width:340px; display:block; border:none; float:left; clear:none; } #productDetail .hdr-title .hdr-title-text {color:#fff; font-family:Arial, Helvetica, sans-serif;} #productDetail #productsRelated {padding-bottom:20px;} #productDetail #productDescription ul { margin-left:20px; } #productDetail #productDescription ul li { list-style:outside disc; line-height:16px; padding-bottom:5px; } #detailGroup #productBundle #bundlePhotos { margin:10px 25px 10px 25px; width:290px;} #detailGroup #productBundle #bundlePhotos td { text-align:center;} #detailGroup #productBundle #bundleCaption { margin:5px 25px;width:290px;} #detailGroup #productBundle #bundleOverview { margin:5px 25px;width:290px; font-size:10px;} #widgetFooter {width:675px; margin:0 auto 35px auto; overflow:hidden;} #widgetFooter .copyright {width:150px; color:#fff; float:left; padding:0 10px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;} #widgetFooter .nav {width:150px; color:#fff; float:left; padding:0 10px; border-left:1px dotted #404040;} #widgetFooter .actionItems { padding-bottom:20px;} #widgetFooter .title { color:#fff; font-family:Arial, Helvetica, sans-serif;} #widgetFooter .nav a { font-size:10px; line-height:14px;} #widgetFooter a:hover { color:#fff;} #productGrid .details .buttons a { color:#000;} #productGrid .description { font-size:12px; line-height:14px; padding:5px;} #productGrid .description p { font-size:12px; line-height:14px;} #btmOptions .pagination { padding:5px 40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-top:1px dotted #f0f0f0; display:block;} #productGrid #btmOptions .pagination a { color:#662D91;} #topOptions .myrow { padding:5px 15px; margin:0; line-height:20px; } #content #pageNote { color:#fff; background:#662D91; font-family:Arial, Helvetica, sans-serif; padding:20px 5px 20px 5px; border-top:1px solid #fff; display:block; width:725px; text-align:center;} /********** Shopping Cart Rules *************/ #content #viewCart form { padding:0; margin:0; width:735px;} #content #viewCart tbody { padding:0; margin:0; width:735px;} #content #viewCart thead { padding:0; margin:0; width:735px; } #content #viewCart thead tr th { color:#fff; background:#662D91; font-family:Arial, Helvetica, sans-serif; padding:10px 5px 5px 5px; border-top:1px solid #fff;} #content #viewCart tbody tr { padding:5px 20px; } #content #viewCart tbody td { padding:5px;} #content #viewCart table { width:100%; margin:0 auto;} #checkoutComplete .container { padding: 10px 0; margin:0; float:left; clear:left;background:#662D91;} #checkoutComplete .container2 { padding:20px; margin:1px 0 0 0; float:left; clear:left;} #clientAccount .section { display:block; background:#662D91; width:650px;} #clientAccount .logout { display:block; background:#662D91; width:85px; vertical-align:middle; } #clientAccount .logout a { vertical-align:middle;} #content div div.hdr-title { background:#662D91; color:#fff;} #content div div div.hdr-title { background:#662D91; color:#fff;} #content div div#orderList table thead tr th { background:#662D91; color:#fff;} #content #cartInfo { width:605px; margin: 0; float:none; padding: 0 0 0 10px;} #content #cartButtons { padding-bottom:20px;} /********** Cross Sell Products *************/ #content #crossSell { border-left:1px solid #fff; padding:0; margin:0; width:733px;} #content #crossSell table { width:735px;} #content #crossSell h2 { font-size:14px; font-weight:bold;} /************************************************************************************************************ WORDPRESS CSS rules strictly for the wordpress framework below. ************************************************************************************************************/ /************* Calendar ***********************/ #post-12 h2 { padding:0;} #calendar-pg-title { text-indent:-9999em; width:715px; height:122px; text-transform:capitalize; background:url(images/calendar.jpg); display:block; margin:0; padding:0;} #CalendarLarge-Header { background:#fff url(images/wide-collumn-top.jpg) top left no-repeat; width:714px; height:51px; margin:0; padding:0; padding-top:10px; } #CalendarLarge-Header td {font-size:32px; font-weight:bold; } #CalendarLarge-Header div {font-size:32px; font-weight:bold;} #CalendarLarge-Header span {font-size:14px; font-weight:bold;} #EC_previousMonthLarge { padding-left:75px;} #EC_nextMonthLarge { text-align:right; float:right; padding-right:75px;} #wp-calendarLarge { background:#fff url(images/scratch-br.gif) bottom right no-repeat; width:714px; margin:0; padding:0;} #wp-calendarLarge td { width:14%; word-wrap:break-word; } #wp-calendarLarge th { width:14%; word-wrap:break-word; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;} li#events-calendar { margin-top:10px;} #sidebar li#events-calendar ul#events-calendar-list li:hover { margin:0; padding:0; background:0; border:none; margin-bottom:8px; } #sidebar li#events-calendar2 ul#events-calendar-list li:hover { margin:0; padding:0; background:0; border:none; margin-bottom:8px; } /************* Blog Specific ***********************/ #blog-pg-title { text-indent:-9999em; width:705px; height:122px; text-transform:capitalize; background:url(images/blog.jpg); display:block; } #commentform { width:600px; margin:10px 33px; border:1px solid #333; padding:10px; background:#fff;} #commentform textarea { width:580px; padding:10px; margin:10px auto; border:1px solid #333;} .post { background:#fff url(images/wide-collumn-top.jpg) top left no-repeat; padding-bottom:20px;} .post h2 { padding:15px 0 0 0; font-weight:bold; font-size:24px; line-height:32px; background:none;} .post h2 a { color:#000; text-decoration:none;} .post h2 a:hover { color:#E09E01; text-decoration:underline;} #searchform label { font-family:Arial, Helvetica, sans-serif; color:#662D91; font-weight:bold; padding:15px 0 0 0;display:block;} #respond h3 {padding-left:35px;} p.postmetadata { font-size:11px; font-style:italic; border-top:1px dotted #f6f6f6;} .sociable { padding-top:10px; margin-top:10px; border-top:1px dotted #f0f0f0;} .sociable_tagline { padding-bottom:5px;} #content .commentlist .comment {padding:5px 20px;} #content h3.comments {margin-left:25px;} #content .commentlist .comment cite.fn { font-size:16px; font-family:arial;} /************************************************************************************************************ DIGISHOP INTEGRATION CSS rules sets for integrated digishop widgets in wordpress framework ************************************************************************************************************/ /************* Sitewide Category List Widget ***********************/ #widgetCategories { margin:0; padding:0;} #widgetCategories .body { margin:0; padding:0; } #widgetCategories .body ul { padding:0 10px 0 0; margin:0; list-style:none;} #widgetCategories .body ul li { list-style:none; font-size:12px; padding:0; margin:0; line-height:16px;} #widgetCategories .body ul li a { color:#fff; font:16px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:15px 0 5px 10px; display:block;} #widgetCategories .body ul li ul li { padding:0; margin:0;} #widgetCategories .body ul li ul li a { color:#fff; font:12px Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; padding:2px 0 0 20px; margin:0; display:block;} /************* Sitewide Detailed Shopping Cart Widget ***********************/ #widgetSidebarDetailed {} #widgetSidebarDetailed .top a { color:#fff; font:16px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:15px 0 5px 10px; display:block;} #widgetSidebarDetailed table { padding:0 0 10px 20px;} #widgetSidebarDetailed table td { vertical-align:middle; color:#fff; padding-bottom:5px;} #widgetSidebarDetailed table td a { color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } #widgetSidebarDetailed table td.price { padding:5px; border-top:1px solid #fff; padding-bottom:10px;} .lft-column-cell { padding-right:5px;} .rt-column-cell { padding-left:5px;} .odd { background:#fff;} .even { background:#eee;} /************* Sitewide New Arrivals Widget ***********************/ .shop-frame .new-arrivals-widget { float:left; background:url(images/new-arrivals-bg.jpg) top left no-repeat; width:499px; height:168px; padding:30px 25px 60px; border-top:1px solid #000; position:relative;} #widgetNewArrivals .body {width:150px; float:left; padding-left:10px;} #widgetNewArrivals .body .photo {width:150px; height:150px; text-align:center; display:block;} #widgetNewArrivals .body .photo a {width:150px; height:150px; text-align:center; vertical-align:middle; display:table-cell;} #widgetNewArrivals .body .photo a img {vertical-align:middle; } #widgetNewArrivals .body .title {width:150px; height:25px; text-align:center; display:block;} #widgetNewArrivals .body .title a {color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; font-size:11px;} .new-arrivals-widget a.more { width:78px; height:26px; position:absolute; display:block; bottom:5px; right:0; text-decoration:none; z-index:9999;} /************* Sitewide Featured Items Widget ***********************/ .shop-frame .featured-widget { float:left; background:url(images/features-items-bg.jpg) top right no-repeat; width:406px; height:218px; padding:35px 0 0 25px; border-top:1px solid #000; border-bottom:1px solid #000; position:relative;} .featured-widget #productGrid { width:406px;} .ie6 .featured-widget #productGrid { width:406px;} .featured-widget #productGrid .photo { float:left; width:150px; height:200px; text-align:center; display:block; vertical-align:middle;} .featured-widget #productGrid .photo a {width:150px; height:150px; text-align:center; vertical-align:middle; display:table-cell;} .featured-widget #productGrid .photo a img {vertical-align:middle; } .featured-widget #productGrid .title { padding:10px; color:000;} .featured-widget #productGrid .title a {color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; font-size:22px; line-height:24px; text-indent:0;} .featured-widget #productGrid .description { color:000;} .featured-widget #productGrid .details .sprice { padding:20px 0; color:000; font-size:22px;} .featured-widget #productGrid .details a { display:inline; margin:5px 0; font-size:12px; line-height:22px;} .featured-widget #productGrid .details .addToCartBtn { display:inline; margin:5px 5px 5px 0; font-size:12px; line-height:22px;} .featured-widget #productGrid .details .detailBtn { display:inline; margin:5px; font-size:12px; line-height:22px;} .featured-widget #productGrid .details .buttons img { margin-bottom:0px;} .featured-widget a.more { width:78px; height:26px; position:absolute; display:block; top:0; right:0; z-index:9999; text-decoration:none;} /************* Sidebar Featured Items Widget ***********************/ #sidebar #widgetFeatured { background:none; padding:5px 0 0 0; position:relative; overflow:hidden; } #sidebar #widgetFeatured .photo { text-align:center; display:block; vertical-align:middle;} #sidebar #widgetFeatured .photo a { text-align:center; vertical-align:middle; display:table-cell;} #sidebar #widgetFeatured .photo a img {vertical-align:middle; } #sidebar #widgetFeatured .title { padding:10px; color:000; } #sidebar #widgetFeatured .title a {color:#662D91; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; font-size:14px;} #sidebar #widgetFeatured .details a { display:inline; margin:5px 0; font-size:12px; line-height:22px;} #sidebar #widgetFeatured .details .detailBtn { margin:5px; font-size:12px; line-height:22px; display:inline;} #sidebar #widgetFeatured .details .buttons img { margin-bottom:0px;} #sidebar #widgetFeatured a { margin:5px; font-size:12px; line-height:22px;display:inline;} /************************************************************************************************************ BROWSER HACKS TO FIX INTERNET EXPLORER ************************************************************************************************************/ /********** browser hacks *************/ .ie6 #hdr h1 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="images/bayou-sport-shop-logo.png",sizingMethod="scale"); } .ie6 #hdr p {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="images/bayou-sport-slogan.png",sizingMethod="scale");} .ie6 .sm-lft-column { width:190px;} .ie6 #widgetCategories .body ul li a { padding:10px 0 5px 10px; } .ie6 #widgetCategories .body ul li ul li a { padding:2px 0 0 15px; } .ie6 #content { height:700px;} .ie6 #productGrid { width:715px;}