/* THEME NAME: Livestock Theme THEME URI: http://www.deadstock.ca DESCRIPTION: Livestock website and blog theme VERSION: 1.0 AUTHOR: Ballistic Arts Media Studios Inc. AUTHOR URI: http://www.deadstock.ca */ @charset "utf-8"; /* CSS Document */ @import url('css/sliders.css'); /* 1.0 BODY ======================================================================================================================================================================== */ body, html { padding:0; background: #000; font-family:Arial, Helvetica, sans-serif !important; font-size:12px!important; color:#FFF!important; } .theme { padding:0; margin:10px 0 0; background: #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; } a:link, a:visited { color:#FFF; text-decoration:none; } a:link { color: #FFF; } a:hover, a:active { color:#ED1F24; text-decoration:underline; } img a:hover, img a:active {text-decoration:none; background:none;} .clear { clear:both; } .right { float:right; padding:0 0 0 20px;} .left { float:left; padding:0 20px 0 0; margin-left: 15px; } h1, h2, h3, h4, h5, h6 {} p { font-size:12px; line-height:17px; padding:0; margin:0 0 15px; text-align:justify; } img { border:none; } .stockred {color:#ED1F24;} .clear { clear:both; } #container { width:900px; margin:0; padding:0; overflow:hidden; text-align:left; } .stockred {color:#ED1F24;} .stockred a {color:#ED1F24 !important;} a.stockred {color:#ED1F24 !important;} a .stockred {color:#ED1F24 !important;} /* 2.0 HEADER ======================================================================================================================================================================== */ #topheader {width:900px; margin:0; padding:0; overflow:hidden;} #appstore {width:250px; margin:0; padding:8px 0 0; float:left;} #header_social {width:245px; margin: 0; padding: 0; float: right;} #header_social #social_links{float: left; margin: 0; padding: 7px 0 0;} #header_social #likebox {float: left;} #header_social .rsslink, #header_social .signup { display: block; width:35px; height:25px; float:left; padding-top: 3px;} #header_social .rsslink a { width:35px; height:25px; display:block; background:url(images/main/social/rss-for-livestock.gif) no-repeat 10px 0; overflow:hidden; text-indent:-99999px; } #header_social .signup a { width:35px; height:25px; display:block; background:url(images/main/social/newsletter-signup.gif) no-repeat 7px 0; overflow:hidden; text-indent:-99999px; } #header_social .rsslink a:hover { background-position: 10px -25px; } #header_social .signup a:hover { background-position: 7px -25px; } #header_social .facebooklink { float:left; padding:0 10px; } #header_social .twitterlink { float:left; padding:5px 0 0; } #likebox {border:2px solid #000; width:160px; z-index:10; height: 58px; overflow: hidden; position:relative; top:-1px; left:-2px;} #likebox iframe{left:-5px; overflow:hidden; position:relative; top:-1px;} #headerarea { width:900px; margin:10px 0 20px; padding:20px 0; border-top:1px #FFF solid; border-bottom:1px #FFF solid; float:left; } #livestock { width:280px; padding:0; margin:0; float:left; overflow:hidden; } .logo { padding:0; margin:0; float:left; } .logo, .logo a { width:190px; height:90px; overflow:hidden; display:block; background:url(images/main/livestock-canadian-sneaker-boutique.gif) no-repeat 0 0; font-size:0; text-indent:-99999px; } .logo a:hover { background-position: -190px 0 !important; cursor:pointer; } .newslettersup { width:280px; height: 30px; margin:0; padding:10px 0 0; float:left; } .newsletterfield { background: #FFF; padding:2px; font-size:11px; color:#666; border:2px #000 solid; } .newslettersubmit { width:70px; height:22px; background:url(images/main/newsletter-signup.gif) no-repeat 0 0; border:0; padding:0; font-size:0; text-indent:-99999px; } .newslettersubmit:hover { background-position: -70px 0 !important; cursor:pointer ; } #topnav { width:500px; float:right; overflow:hidden; } #topnav ul { padding:0; margin:0; list-style:none; float:right; } #topnav li { width:195px; padding:0; margin:0; list-style:none; } #topnav li a { width:195px; height:18px; display:block; overflow:hidden; font-size:0; text-indent:-99999px; background: no-repeat 0 0; } #topnav li.navhome a { background: url(images/main/header-nav-home.gif) no-repeat 0 0; } #topnav li.navstore a { background: url(images/main/header-nav-store.gif) no-repeat 0 0; } #topnav li.navcontact a { background: url(images/main/header-nav-contact.gif) no-repeat 0 0; } #topnav li.navdisplay a { background: url(images/main/header-nav-displays.gif) no-repeat 0 0; } #topnav li.navevents a { background: url(images/main/header-nav-events.gif) no-repeat 0 0; } #topnav li.navblog a { background: url(images/main/header-nav-blog.gif) no-repeat 0 0; } #topnav li.navlinks a { background: url(images/main/header-nav-links.gif) no-repeat 0 0; } #topnav li.navhome a:hover, #topnav li.navstore a:hover, #topnav li.navcontact a:hover, #topnav li.navdisplay a:hover, #topnav li.navevents a:hover, #topnav li.navblog a:hover, #topnav li.navlinks a:hover { background-position: -200px 0 !important; } /* 2.1 HEADER for POP UP ======================================================================================================================================================================== */ #popupcontain { width:380px; padding:100px 0 0; margin:0; } #popupcontain .logo { float:none; } #popupcontain .newslettersup { float:none; } /* 3.0 SUB-NAVIGATION ======================================================================================================================================================================== */ #subnav { width: 900px; padding: 10px 0; margin:0; float:left; overflow:hidden; text-align:right; } #subnav ul { padding:0; margin:0; list-style:none; float:right; } #subnav li { padding:0 8px; margin:0; list-style:none; display: inline; border-right:1px #666 solid; } #subnav li.last { padding: 0 0 0 10px; border-right:none; } #subnav li a { font-size:11px; color:#FFF; text-transform:uppercase; } #subnav li a:hover { color:#ED1F24; } #subnav .pagenav { border:none; } #subnav ul.eventlist {} #subnav ul.eventlist li { float:right; } /* 4.0 FOOTER ======================================================================================================================================================================== */ #footerarea { width:900px; height:30px; margin:0; padding:10px 0; border-top:1px #FFF solid; float:left; font-size:11px; text-align:left; } #footerarea .legals { float:right; padding:5px 0 0; } #footerarea .legals a { color: #FFF; padding:0 5px; } #footerarea .legals a:hover { color:#ED1F24; text-decoration:underline; } #footerarea .rsslink, #footerarea .signup { width:25px; height:25px; float:left; } #footerarea .livechat { width:26px; height:25px; float:left; padding: 0 4px 0 0; } #footerarea .rsslink a { width:25px; height:25px; display:block; background:url(images/main/social/rss-for-livestock.gif) no-repeat 0 0; overflow:hidden; text-indent:-99999px; } #footerarea .signup a { width:25px; height:25px; display:block; background:url(images/main/social/newsletter-signup.gif) no-repeat 0 0; overflow:hidden; text-indent:-99999px; } #footerarea .livechat a { width:26px; height:25px; display:block; background:url(images/main/social/livechat-foot.jpg) no-repeat 0 0; overflow:hidden; text-indent:-99999px; } #footerarea .rsslink a:hover, #footerarea .signup a:hover { background-position: 0 -25px; } #footerarea .livechat a:hover { background-position: -28px 0; } #footerarea .facebooklink { float:left; padding:0 10px; } #footerarea .twitterlink { float:left; padding:5px 0 0; } /* 5.0 CONTENT ======================================================================================================================================================================== */ #homearea #contentarea, #blogarea, #showarea, #linkarea { width: 900px; padding:30px 0 15px; margin:0; float:left; overflow:hidden;font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; color:#FFF !important; } #homearea h1, #contentarea h1, #linkarea h1 { font-size:22px; line-height:24px; margin:0 0 20px; padding:0; text-transform:uppercase; color:#FFF; font-weight:bold; } #contentarea p, #linkarea p { font-size:12px; line-height:17px; padding:0; margin:0 0 15px; } #homearea p { font-size:12px; line-height:17px; padding:0; margin:0 0 15px; text-align:justify; text-transform:uppercase; } #homearea a, #contentarea a { color:#CCFF00; text-decoration:none; } #homearea a:hover, #contentarea a:hover { color:#ED1F24; } #linkarea a { } #linkarea a:hover { } a.addthis_button_expanded { color:#333 !important; } a.addthis_button_expanded:hover { color:#ED1F24 !important; } #homearea a img, #contentarea a img { color:#CCFF00; text-decoration:none; border:none;} #homearea a:hover img, #contentarea a:hover img { color:#ED1F24; background:#000; text-decoration:none; border:none;} #homearea .homepost {width:900px; padding:0; margin:0 0 50px; float:left; position:relative;} #homearea .homepost h2 { text-transform:uppercase; font-weight:bold; font-size:22px; padding:0; margin:0 0 8px;} .really_simple_share {background:#000;} .really_simple_share a {background:#000;} .really_simple_share_facebook_like {background:#000;} .really_simple_share iframe {background:#000;} .special .really_simple_share {position:absolute; bottom:0; left:0; display:none; visibility:hidden;} .special img {float:left; display:inline-block;} div.sociable { float: left; margin: 16px 0; } div.wp_twitter_button {float: left; margin: 0; padding: 14px 0 0 10px; } #contentarea div.wp_twitter_button, #linkarea div.wp_twitter_button {display: none;} /* 5.1 CONTENT for HOMEPAGE ======================================================================================================================================================================== */ #showsevents { width:900px; float:left; padding:20px 0; margin:0; overflow:hidden; } #showsevents ul { padding:0; margin:0; list-style:none; } #showsevents li { padding:0; margin:0; list-style:none; float:left; } #showsevents li a { color:#000; text-decoration:none; border:none; } #showsevents a { color:#ED1F24; text-decoration:none; } #showsevents a:hover { color:#ED1F24; text-decoration:underline; } /* 5.2 CONTENT for SHOWS and EVENTS ======================================================================================================================================================================== */ #showarea p { font-size:12px; line-height:17px; padding:0; margin:0 0 15px; text-align:left; text-transform:uppercase; } /* 6.0 CONTENT for BLOG ======================================================================================================================================================================== */ #blogcontent { width:650px; padding:0; margin:0; float:left; } #blogsidebar { width:180px; padding:0; margin:0; float:right; } #blogsidebar ul { padding:0; margin:0; list-style:none; } #blogsidebar li { padding:3px 0; margin:0; list-style:none; border-bottom:1px #999999 solid; } #blogsidebar li a { color:#FFF; text-decoration:none; display:block; } #blogsidebar li a:hover { color:#ED1F24; text-decoration:none; background:#FFF; } .searcharea { width:180px; margin:0; padding:0 0 20px; float:left; } .searchfield { background: #FFF; padding:2px; font-size:11px; color:#666; border:2px #000 solid; } .searchsubmit { width:70px; height:22px; background:url(images/main/search-button.gif) no-repeat 0 0; border:0; padding:0; font-size:0; text-indent:-99999px; } .searchsubmit:hover { background-position: -70px 0; cursor:pointer; } #blogsidebar .rssbutton { width:75x; height:75px; margin:0 0 30px; float:left; } #blogsidebar .rssbutton a { width:75px; height:75px; display:block; background:url(images/blog/rss-button.gif) no-repeat 0 0; overflow:hidden; text-indent:-99999px; } #blogsidebar .rssbutton a:hover { background-position: -75px 0; } #sociallinks { width:180px; padding:0 0 20px; margin:0; float:left; } #sociallinks .rsslink, #sociallinks .signup, #sociallinks .fbook, #sociallinks .twitter { width:25px; height:25px; margin:0 12px 0 0; float:left; } #sociallinks .rsslink a { width:25px; height:25px; display:block; background:url(images/main/social/rss-for-livestock.gif) no-repeat 0 0; overflow:hidden; text-indent:-99999px; } #sociallinks .signup a { width:25px; height:25px; display:block; background:url(images/main/social/newsletter-signup.gif) no-repeat 0 0; overflow:hidden; text-indent:-99999px; } #sociallinks .fbook a { width:25px; height:25px; display:block; background:url(images/main/social/facebook-for-livestock.gif) no-repeat 0 0; overflow:hidden; text-indent:-99999px; } #sociallinks .twitter a { width:25px; height:25px; display:block; background:url(images/main/social/twitter-for-livestock.gif) no-repeat 0 0; overflow:hidden; text-indent:-99999px; } #sociallinks .rsslink a:hover, #sociallinks .signup a:hover, #sociallinks .fbook a:hover, #sociallinks .twitter a:hover { background-position: -25px 0; } .search-excerpt { text-decoration:underline; background:#ED1F24; color:#FFF; } .searchdivider { border-bottom:1px solid #CCCCCC; margin:10px 0; padding:2px 0; } #blogcontent h2 { font-size:18px; line-height:24px; margin:0; padding:0; text-transform:uppercase; color:#FFF; font-weight:bold; } #blogcontent h2 a { color: #FFF; text-decoration:none; } #blogcontent h2 a:hover { color:#ED1F24; background:none; } /* 6.1 POSTS for BLOG ======================================================================================================================================================================== */ #blogcontent .info { } #blogcontent .cleartop { clear:both; height:20px; } #blogcontent p { font-size:12px; line-height:17px; padding:0; margin:0 0 15px; text-align:justify; } #blogcontent a { color:#CCFF00; text-decoration:none; } #blogcontent a:hover { color:#ED1F24; background:#FFF; } #blogcontent h1 { font-size:22px; line-height:24px; margin:0; padding:0; text-transform:uppercase; color:#FFF; font-weight:bold; } #blogcontent h1 a { color: #FFF; text-decoration:none; } #blogcontent h1 a:hover { color:#ED1F24; background:none; } #blogcontent .date { color:#CCC; font-size:11px; padding: 0 10px 0 0; margin:0; border-right:1px #666 solid; } #blogcontent .author { color:#CCC; font-size:11px; padding: 0 10px; margin:0; border-right:1px #666 solid; } #blogcontent .author a { color:#CCC; text-decoration:none; } #blogcontent .comment { color:#CCC; font-size:11px; padding: 0 10px; margin:0; } #blogcontent .catblock, #blogcontent .tagblock { color:#666; font-size:11px; padding:0; margin:0; } #blogcontent .catblock a, #blogcontent .tagblock a { color:#CCC; text-decoration:none; } /* 6.2 WIDGETS for BLOG ======================================================================================================================================================================== */ div.sociable ul{ float: left; list-style-type: none; list-style:none; margin: 0 0 10px; padding:6px 0 0 0; } div.sociable ul li{ float:left; display:inline; margin-right:4px;} div.widget-box{ width:175px; padding:20px 0; margin:0;} /* 6.3 NAVIGATION for BLOG ======================================================================================================================================================================== */ .infodivider {margin:10px 0 60px 0; padding:2px 0; } #navpost { width:650px; height: 20px; float:left; } #navpost a { width:250px; height:25px; display:block; text-indent:-99999px; overflow:hidden; font-size:0; color:#000; } #navpost .previous{ float:left; display:inline; } #navpost .next{ float:right; display:inline; } #navpost .previous a { background:url(images/blog/nav-single-prev.gif) no-repeat 0 0; } #navpost .previous a:hover { background-position: -250px 0 !important; } #navpost .next a { background:url(images/blog/nav-single-next.gif) no-repeat 0 0; } #navpost .next a:hover { background-position: -250px 0 !important; } #navcat { width:650px; height: 20px; float:left; } #navcat a { width:200px; height:18px; display:block; text-indent:-99999px; overflow:hidden; font-size:0; color:#000; } #navcat .previous{ float:left; display:inline; } #navcat .next{ float:right; display:inline; } #navcat .previous a { background:url(images/blog/nav-cat-nextpage.gif) no-repeat 0 0; } #navcat .previous a:hover { background-position: -200px 0 !important; } #navcat .next a { background:url(images/blog/nav-cat-prevpage.gif) no-repeat 0 0; } #navcat .next a:hover { background-position: -200px 0 !important; } #homearea #navcat {height:30px;} /* 6.4 COMMENTS for BLOG ======================================================================================================================================================================== */ #commentarea h3 { margin:0; padding:0 0 2px; font-size:14px; border-bottom: 1px solid #999999; } #commentarea a, #commentarea a:link{ padding:0; margin:0; text-decoration:none; color:#FFFFFF; } #commentarea a:hover{ color:#ED1F24; text-decoration:none; background:none; } ol.commentlist{ padding:0; margin:0; } ol.commentlist p{ padding:10px; } .comment_navigation{ font-size:14px; font-weight:bold; padding: 10px 0 10px 0;} #cancel-comment-reply{ font-size:11px; font-weight:bold; padding: 5px 0 5px 0; } .commentmetadata a, .commentmetadata a:link, .commentmetadata a:visited { padding:0px; color:#CCCCCC; font-size:10px; } #commentarea a.url{ font-size:12px; font-weight:normal; padding: 10px 0 10px 0; color:#FFFFFF; font-style:normal; } div.reply{ font-size:10px; padding: 0 0 0 68px; text-align:right; margin: 0 0 10px 0; } #respond h3 { margin:0; padding:0 0 2px; font-size:14px; border-bottom: 1px solid #999999; } #commentarea .comment{ display:block; overflow:hidden; padding:10px 10px 0 10px; color:#CCCCCC; } .comment p{ margin:0; padding:0; } .comment_entry{ float:left; width:100%; } .alt{background:#333; } .admin{ } h3.respond{ margin: 10px 0; padding:2px 0 0; border:none; display:block; overflow:hidden; } ul.children{ padding:0; margin:0; background:#333;} tr.lpPoweredBy { display:none;} tr.lpEmtStarRating { display:none; }