/* Theme Name: KCR Theme URI: http://www.knobcreekgunsales.com/ Description: A custom theme developed by GrabYourBootstrap.com for Knob Creek Gun Range Version: 1.1 Author: Rod Goodman Author URI: http://www.grabyourbootstrap.com/ Tags: KCR, gun range */ /* CSS main */ * { margin:0; padding:0; } body { margin: -10px; padding: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 12px; color: #fff; background: url(images/background.jpg) top center repeat-y #000; height:100%; } #wrap { width:1036px; margin: 0 auto -25px auto; padding: 0; border: 0; height:100%; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #fff; } p, blockquote, ul, ol { margin-top: 0; padding-top: 0; margin-bottom:0.5em; } p { line-height:1.7em; font-size: 1.1em; margin-bottom: 0.9em; } pre { font-size:1.5em; } a:link, a:visited { color: #F00; text-decoration:none; text-shadow: #000000 2px 2px 2px; } a:hover,a:active { color:#F00; border-bottom:#fff 1px dashed; text-decoration:none; } img.left{ float:left; margin:0 1em 1em 0; } img.right { float:right; margin:0 0 1em 1em; } a img { border:0; max-width:100%; } blockquote { margin:1em; padding:5px 1em; color:#000; background:#f2f2f2; } fieldset { border:none; } dl { margin:1em 0px; } dt { font-weight:bold; } dd { margin:0.5em 1em; padding:0; } code{ font-size: 13px; } code li a { font-size:12px; } code a:link { font-size:12px; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size:0.6em; } sup { bottom: 1ex; } sub { top: .5ex; } /* Header */ #header { position:relative; width: 1036px; height:230px; margin: 0; border: 0; } /* Logo */ .logo { position: absolute; height:165px; width: 259px; overflow:hidden; padding:0; left: 25px; top:30px; } .searchbox { position: absolute; right: 32px; top: 20px; width:250px; border: 0; } .flags { position: absolute; right: 32px; bottom: 10px; width:500px; border: 0; } #menu { background:url("images/menuback.jpg") no-repeat top; clear:both; margin:0; padding: 10px 1px 1px 10px; width: 1034px; height: 49px; } .menu-bottom { padding-bottom:16px; } #menu ul { background:transparent; list-style:none outside none; margin:0 10px; padding:0px 3px 0 3px; text-align:left; float:left; } #menu li { display: inline; padding:14px 0 8px; border-left:1px solid transparent; border-right:1px solid transparent; white-space:nowrap; position:relative; height:60px; } #menu li.current_page_item, #menu li.current_page_item:hover { border-left:1px solid #transparent; border-right:1px solid #transparent; } #menu a { border:0 none; color:#fff; font-size:16px; font-weight:bold; text-decoration:none; text-shadow: #000000 2px 2px 2px; padding:10px 30px; line-height:40px; text-transform: uppercase; } #menu a:hover, #menu a:active, #menu li.current_page_item a:link, #menu li.current_page_item a:visited, #menu li.current_page_item a:hover, #menu li.current_page_item a:active{ color:#ec2300; border:0; } #menu li:hover { border-left:1px solid transparent; border-right:1px solid transparent; } /* Sub menu */ #menu ul ul { background: none; border: 1px solid #fff; } #menu ul ul li { display:block; padding:0; text-align:left; } #menu ul ul.children, #menu ul ul.sub-menu { display:none; position:absolute; left:-1px; top: 100%; background: url(images/submenuback.jpg) repeat #000; z-index:100000; padding: 0; margin: 0; border:1px solid #fff; } #menu ul > li:hover > ul.children, #menu ul > li:hover > ul.sub-menu { display:block; } #menu ul ul ul { left:100% !important; top:-1px !important; } /* Main */ #main { background: #000; border:0 solid #eee; margin:0 15px 0 15px; width: 1006px; padding: 0 0 0 5px; } #main h2 { font-size: 16px; line-height:1.2em; } #main h1, #main h2 { background:url(images/h1_back.jpg) no-repeat; font-size: 15px; line-height:50px; font-weight: bold; height:40px; margin-top:25px; padding: 0px 0 10px 40px; text-shadow: #000000 2px 2px 2px; text-transform: uppercase; clear:both; } #main h3 { padding: 4px 0px; font-size: 14px; line-height:1.2em; font-weight: bold; padding-left:15px; } #main h1 a, #main h2 a { border:0; font-size:15px; font-weight:normal; color:#fff; padding: 4px; font-family:Arial, Helvetica, sans-serif; } #content ul { font-family: Arial, Helvetica, sans-serif; margin: 0.5em 0; padding: 0 0 0 2em; list-style-type:none; } #content ul li { margin:0.75em 0; padding:0; line-height:130%; font-size:13px; list-style:disc; } #content a{ font-size:14px; } #main ol { margin:0; padding:0 0 0 2em; } #main ol li { font-size:16px; margin:0.75em 0; } #main ul { list-style:circle; } #main ul li { list-style:circle; } #main .post, #main .page{ margin-bottom:50px; margin-top:0; } #main .entry { clear:both; padding:0px 5px; font-family: Arial, Helvetica, sans-serif; } #main .entry p{ font-size:12px; line-height:140%; padding-left: 15px; } #main .entry h2{ font-size:15px; } .post .meta p { font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #fff; padding-left: 5px; } .post .comments, .page .comments { font-size:12px; border-bottom:0; color:#fff; margin-left:5px; padding-left:20px; background:url(images/icon_comments.gif) no-repeat left center; clear: both; } .post .comments a, .page .comments a { border-bottom:0px; color:#fff; } .commentmetadata a{ border:0; color:#777; } ul.authorposts { margin:0; padding:0 2em; } ul.authorposts li { margin:0; padding:5px; } ul.authorposts li em { float:right; font-style:normal; } /* Content */ #content { float:left; padding:0; width:726px; border: 0; font-size:12px; background: #000000; } /* Column Two */ #sidebar1 { float: left; width: 248px; padding: 2px 2px; font-size:12px; margin:0px; background:url(images/rightcol_back.jpg) repeat-y; border: 0; overflow: hidden; border: 0; height:100%; } #main .sidecol { color:#fff; font-size:14px; padding-left:10px; padding-right:10px; line-height:16px; } #main .sidecol ul { margin:0; padding:0; } #main .sidecol li { margin:0 0 30px 10px; padding:0; list-style:none; background:none; } #main .sidecol h2 { color:#fff; font-size:14px; font-weight:bold; height:42px; padding:9px 15px 3px; text-shadow:2px 2px 2px #000; width:220px; background:none; } #main .sidecol p, #main .sidecol form{ /*padding:0 10px 0 18px;*/ margin:0; } #main .sidecol p{ color:#fff; font-size:14px; font-weight:normal; text-shadow: #000000 2px 2px 2px; /* #color, #x, #y, #blur */ } #main .sidecol ul ul{ margin:-5px 0 0 25px; line-height:18px; padding:0; } #main .sidecol ul ul ul{ margin:0px 0 0 15px; padding:0; } #main .sidecol li li { list-style:disc outside url("img/bullet.png"); margin:12px 0; padding:0; } /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; text-decoration:none; } #wp-calendar #today { border:#999 1px solid; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Comments */ #searchsubmit { background-color:#444135; border: 2px solid; border-color: #fff; height:18px; font-size:14px; padding:0px 3px; color:#fff; } #searchsubmit { font-size:14px; visibility:hidden; } input { height:25px; color: #000; } #submit, input[type='submit'] { background-color:#444135; border:0; font-size:14px; height:35px; padding:3px 10px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-shadow:2px 2px 2px #000; font-weight:bold; -moz-box-shadow:2px 2px 2px #000000; -webkit-box-shadow:2px 2px 2px #000000; } #submit:hover, input[type='submit']:hover { background-color:#ec2300; } input.go { background-color:#444135; border:2px solid #fff; color:#fff; font-size:14px; font-weight:bold; height:38px; margin-left:-4px; padding:3px 4px 3px 3px; text-shadow:2px 2px 2px #000; vertical-align: middle; text-transform:uppercase; } input.go:hover { background-color:#ec2300; } input.textbox, input#s , input[type='text'] { border:2px solid #444135; color:#444135; font-size:14px; height:18px; padding:10px 5px; width:180px; vertical-align: middle; margin-right:4px; } input.with-button , #searchform input.with-button { -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } textarea{ width: 95%; padding:5px; height: 15em; border: 2px solid #444135; font:12px Arial, Helvetica, sans-serif; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } input.textbox:focus, textarea:focus, input#s:focus, input[type='text']:focus { border:#ec2300 2px solid; outline: none } #commentform { margin:0; } /* #commentform input { float:left; } #commentform p { clear:both; margin-bottom:10px; overflow:auto; } #commentform p.form-submit { overflow:visible; } */ #commentform p label { font-size:11px; margin-left:10px; font-family: Arial, Helvetica, sans-serif; } #main .commentlist { margin: 0; padding: 0; border-bottom:1px dotted #EEEEEE; } #main .commentlist li { list-style:none; margin: 0; padding: 1em; /*border-bottom:#ddd 1px solid;*/ font-size:1em; background-color: #444135; } #main .commentlist li p { font-family: Arial, Helvetica, sans-serif; font-size:14px; } #main .commentlist li cite { font-style:normal; font-weight:bold; font-size:1.1em; } #main .commentlist li.alt { background:#f9f9f9; } #main .commentlist li.comment-author-admin { background:#fdffd4; } #main .nocomments { font-size:13px; color:#fff; text-align:center; } /* Footer */ #footer { border:0; height:131px; margin:0; width:1036px; clear:both; background:url(images/footerback.jpg) top center no-repeat; position: relative; border: 0; } .secondamend { position: absolute; width:470px; height:115px; top:5px; left:10px; } .social { position: absolute; height:64px; width: 160px; right: 20px; top:35px; } .socialmessage { position: absolute; height:64px; width: 190px; right: 190px; top:25px; border:0; } .socialmessage h3 { padding: 0px 0 5px 5px; text-shadow: #000000 2px 2px 2px; font-size:17px; color:#fff; } .socialmessage p { text-shadow: #000000 2px 2px 2px; font-size:12px; color:#fff; } #footer p { color:#fff; font-size:12px; margin:0; padding:10px 10px 0; } #footer p span { float:right; } #footer a:link, #footer a:visited { color: #fff; border:0; } #footer a:hover, #footer a:active { color: #999; text-decoration:none; border:0; } #subfooter { border:0; height:250px; margin:0; width:1036px; clear:both; position:relative; top:-3px; padding:0; } .copyright { position: absolute; width:1036px; margin: 0 auto 0 auto; top:5px; left:0; } .copyright p { color:#fff; font-size:11px; margin:0; text-align:center; padding:0; text-shadow:#000 1px 1px 2px; } .created { position: absolute; width:250px; margin: 0 0 0 0; top:5px; right:10px; } .created p { color:#fff; font-size:11px; margin:0; text-align:center; padding:0; text-shadow:#000 1px 1px 2px; } .created span { color: #ec2300; } #sidebar, #footer{ overflow:hidden; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 0; text-align: center; background-color: #000; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#fff; } .wp-caption img { margin: 0; padding: 0; border: 1px solid #444135; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .tags{ color:#999; font-size:0.8em; } .tags a{ color:#999; border:0; } .newer-older { text-align:center; } .newer-older a, a.more-link , a.post-edit-link, .post .navigation a, .page .navigation a{ background-color:#F1F1F1; color:#A1A1A1; font-weight:bold; padding:2px 10px 3px; text-shadow:1px 1px 0 #FFFFFF; font-size:13px; font-family:Arial,sans-serif; -moz-border-radius:15px 15px 15px 15px; border-radius:15px 15px 15px 15px; -moz-box-shadow:1px 1px 0 #AAAAAA; -webkit-box-shadow: #AAA 1px 1px 0px; } .newer-older a:hover, a.more-link:hover , a.post-edit-link:hover, .post .navigation a:hover, .page .navigation a:hover{ background-color:#e7e7e7; border: 0; } .post .navigation, .page .navigation { padding:15px; position:relative; height:20px; } .post .navigation div, .page .navigation div { float: none; display: inline; position:absolute; } .post .navigation div.alignright, .page .navigation div.alignright { right:120px; } .post .navigation div.alignleft, .page .navigation div.alignleft{ left:120px; } .comment-author { float: left; } .comment-author .fn { font-family: Arial, Helvetica, sans-serif; padding-left:10px; } .comment-author .says { display: none; } .comment-body .comment-author img { vertical-align:middle; } .comment-body .comment-meta { color:#999; float:right; font-size:0.7em; font-style:normal; font-weight:normal; margin:0; padding:0 1em; font-family: Arial, Helvetica, sans-serif; } .comment-body p{ clear: both; padding-top:10px; } .comment-body .reply { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } #respond { clear:both; padding-top:15px; } .spacer { margin-top:37px; } /* JQuery tooltips */ #tooltip { position: absolute; z-index: 3000; font-family: Verdana, Geneva, sans-serif; border: none; width: 156px; padding:150px 75px 25px 105px; height: 163px; background: url(../../../cms/wp-content/themes/kcr/images/shadow.png) no-repeat; color:#fff; text-align:center; vertical-align:middle; } #tooltip h3{ margin-bottom: 2px; margin-top:0; font-size: 15px; text-transform:uppercase; text-align: center; color:#FFF; text-shadow:#000000 2px 2px 2px; } #tooltip div { margin: 0; } /* Widget styling */ h2.widgettitle { display:none; } div.textwidget { text-align:center; } .textwidget p{ line-height:16px; } #slider { border:1px solid red; } /* FAQ styling */ h4.faq-header { margin-bottom: 10px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } p.faq-question { font-size:15px; color:#fff; } p.faq-question a{ font-size: 15px; color: #9a9c5b; text-decoration:underline; margin-top:5px; } .odd p { color: #444; }