/* Theme Name: Ultimate Fishing Directory Theme URI: http://www.themelayouts.com/ Description: Designed by Empirical. Version: 1.0 Author: Brian Skene, Amy Tilarso Author URI: http://www.empirical.com */ /* RESETTER */ * { margin: 0px; padding: 0px; } /* COMMON */ .clear { clear: both; } .rel { position: relative } .abs { position: absolute; } .fl { float: left; } .fr { float: right; } body { background: #2d1e04 url(http://www.ultimatefishingdirectory.com/images/main-background.jpg) top center repeat; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px; color: #3C2704; line-height: 17px; } img { background:transparent; border:none; } p { font-family: Arial, Helvetica, sans-serif !important; } p a { color: #C04F4A !important; text-decoration: none !important; } p a:hover { text-decoration: underline !important; } /* HEADER ITEMS */ .headerBanner { background: url(http://www.ultimatefishingdirectory.com/images/header-background.png) bottom repeat-x; height: 254px; margin: 0 auto; } .headerContainer { position: relative; width: 940px; margin: 0 auto; } .intro { position: absolute; width: 545px; top: 45px; left: 400px; } .logo { position: absolute; top: 5px; left: 0px; width: 338px; height: 186px; } /* NAVIGATION ITEMS */ .topNav { position: absolute; top: 5px; right: 20px; } .navContainer { background: url(http://www.ultimatefishingdirectory.com/images/navigation-background.png) bottom no-repeat; height: 59px; width: 940px; margin-top: 186px; float: left; } .navContainer ul { width: 940px; height: 59px; list-style: none; float: left; } .navContainer ul li { float: left; text-align: center; } .navContainer ul li a { padding-bottom: 15px; color: #ffffff; font-size: 12px; line-height: 13px; font-weight: bold; letter-spacing: -0.01em; text-decoration: none; display: block; } .navContainer ul li a:hover { color: #e4ff03; text-decoration: none; } .navContainer ul li.gearBaitTackle a { width: 135px; padding-top: 16px; } .navContainer ul li.travelAccommodations a { width: 134px; padding-top: 16px; } .navContainer ul li.guidesCharters a { width: 134px; padding-top: 16px; } .navContainer ul li.events a { width: 135px; padding-top: 16px; } .navContainer ul li.publications a { width: 134px; padding-top: 16px; } .navContainer ul li.fishSpecies a { width: 134px; padding-top: 25px; } .navContainer ul li.associations a { width: 134px; padding-top: 25px; } /* Branding Variables - Rev:A001 */ #branding-body { width:484px; height:94px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } #branding { width:396px; height:94px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } #branding h1 { color:#FFFFFF; font-size:22px; font-weight:bold; text-decoration:none; margin:0px; padding:0px; top:21px; position:relative; } #branding h1 a { color:#FFFFFF; font-size:22px; font-weight:bold; text-decoration:none; } #branding h1 a:visited { color:#FFFFFF; text-decoration:none; } #branding h1 a:hover { color:#FFFFFF; text-decoration:none; } #branding p { color:#d7eaee; font-size:12px; font-weight:bold; font-style:italic; text-decoration:none; margin:0px; padding:0px; top:22px; left:10px; position:relative; } #logo { width:88px; height:94px; top:0px; position:relative; float:left; } #logo a { width:88px; height:94px; position:relative; float:left; border:none; } /* Banner-Ad Variables - Rev:A001 */ #banner-ad-body { width:545px; height:79px; text-align:center; margin:0px; padding:15px 0px 0px 0px; position:relative; float:left; overflow:hidden; } /* Navigation Variables - Rev:A002 */ #navigation-bar { width:1029px; height:25px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } #navigation { width:auto; height:25px; margin:0px; padding:0px; position:relative; float:left; } #navigation ul { height:25px; padding:0px; margin:0px; list-style-type:none; float:left; } #navigation li { background:url("images/Navigation-TabTip-Normal.png") no-repeat top left; height:25px; padding:0px 0px 0px 10px; margin:0px 0px 0px 5px; list-style-type:none; float:left; } #navigation li a { background:url("images/Navigation-TabExt-Normal.png") no-repeat top right; color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; margin:0px; padding:3px 11px 8px 0px; float:left; display:block; } #navigation li a:visited { color:#FFFFFF; font-weight:bold; text-decoration:none; } #navigation li a:hover { color:#ffdb08; font-weight:bold; text-decoration:none; } #navigation li, .current_page_item { color:#3C2704; font-weight:bold; text-decoration:none; } /* --------- /Header Components Variables --------- */ /* --------- Post Components Variables --------- */ /* Page Container Variables - Rev:A001 */ #content { background-color: #ffffff; height:auto; margin:0px auto; margin-top: 84px !important; width: 920px; padding: 20px 0px 40px 20px; position:relative; overflow:hidden; z-index: 1000; } /* Content Container Variables - Rev:A001 */ #content-shrink { width: 900px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:visible; } /* Content Toolbar Variables - Rev:A001 */ #toolbar-body { background:url("images/Content-ToolbarBody.png") no-repeat; width:1029px; height:69px; margin:0px; padding:0px; position:relative; float:left; } #toolbar-feeds { width:694px; height:auto; margin:0px; padding:0px; top:26px; left:35px; position:relative; float:left; } .feeds-body { width:210px; height:30px; margin:0px; padding:0px; position:relative; float:left; } .feeds-image { width:30px; height:29px; margin:0px; padding:0px; position:relative; float:left; } .feeds-link { width:170px; margin:0px 0px 0px 10px; top:6px; position:relative; float:left; } .feeds-link a { color:#949494; text-decoration:none; font-size:12px; font-weight:bold; } .feeds-link a:visited { color:#949494; text-decoration:none; } .feeds-link a:hover { color:#3C2704; text-decoration:underline; } .feeds-body-alt { width:235px; height:30px; margin:0px; padding:0px; position:relative; float:left; } .feeds-link-alt { width:170px; margin:0px 0px 0px 10px; top:6px; position:relative; float:left; } .feeds-link-alt a { color:#949494; text-decoration:none; font-size:12px; font-weight:bold; } .feeds-link-alt a:visited { color:#949494; text-decoration:none; } .feeds-link-alt a:hover { color:#3C2704; text-decoration:underline; } .feeds-body-alt-2 { width:200px; height:30px; margin:0px; padding:0px; position:relative; float:left; } .feeds-link-alt-2 { width:145px; margin:0px 0px 0px 10px; top:6px; position:relative; float:left; } .feeds-link-alt-2 a { color:#949494; text-decoration:none; font-size:12px; font-weight:bold; } .feeds-link-alt-2 a:visited { color:#949494; text-decoration:none; } .feeds-link-alt-2 a:hover { color:#3C2704; text-decoration:underline; } #toolbar-search { width:265px; height:30px; margin:0px; padding:0px; top:26px; left:35px; position:relative; float:left; } #toolbar-searchform { width:265px; height:30px; margin:0px; padding:0px; position:relative; } #toolbar-s { width:220px; height:20px; color:#b3b4b5; font-style:italic; background-color:#fdfdfd; border-top:solid 1px #e8e8e8; border-left:solid 1px #e8e8e8; border-right:solid 1px #e8e8e8; border-bottom:solid 1px f4f4f4; margin:0px 4px 0px 0px; padding:4px 0px 0px 3px; position:relative; float:left; } #toolbar-s:hover { color:#61676b; background-color:#fdfdfd; } #toolbar-s:focus { color:#61676b; background-color:#fdfdfd; } #toolbar-submit { width:auto; height:auto; margin:0px; padding:0px; position:relative; float:left; } /* Post Variables - Rev:A001 */ #posts-body { width: 590px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Post Machanics Variables - Rev:A001 */ .post { width:590px; border-bottom:1px solid #E6E6E6; margin: 20px 0px 0px 0px; padding:0px; position:relative; float:left; clear:both; } .post-alt { width:590px; border-bottom:1px solid #E6E6E6; margin: 20px 0px 0px 0px; padding:0px; position:relative; float:left; clear:both; } .post-date { background:url("images/Content-Post-DateBadge.png") no-repeat; width:75px; height:78px; float:left; } .post-date-day { color:#84A63D; font-size:17px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0px; padding:20px 0px 0px 0px; display:block; } .post-date-month { color:#3C2704; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0px; padding:0px 0px 0px 0px; display:block; } .post-title { width:515px; height:75px; text-align:left; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .post-title h2 { line-height: 18px; width:500px; color:#3C2704; font-size:18px; margin:0px 0px 0px 15px; padding:0px; top: 10px; position:relative; } .post-title h2 a { color:#3C2704; text-decoration:none; } .post-title h2 a:visited { color:#3C2704; text-decoration:none; } .post-title h2 a:hover { text-decoration: underline; } .post-info { line-height: 40px; width:500px; height:auto; color:#666666; font-size:11px; text-align:left; margin:0px 0px 0px 15px; padding:0px; top: 2px; position:relative; overflow:hidden; } .post-info a { color:#C04F4A; text-decoration:none; } .post-info a:visited { color:#C04F4A; text-decoration:none; } .post-info a:hover { text-decoration: underline; } .post-content-body { width:590px; height:auto; min-height:30px; border-top:#dcdcdc dashed 1px; margin:0px; padding:0px; position:relative; float:left; clear:both; } .post-article { width:590px; font-size:13px; line-height:17px; text-align:left; margin:10px 0px 0px 0px; padding:0px; position:relative; float:left; clear:both; } .post-article p { margin:0px; padding:0px 0px 10px 0px; position:relative; } .post-article a { color:#C04F4A; text-decoration:none; } .post-article a:visited { color:#C04F4A; text-decoration:none; } .post-article a:hover { color:#C04F4A; text-decoration:underline; } .post-article blockquote { background:#f4f4f4; border-left:solid #dcdcdc 5px; margin:10px 0px 15px 0px; padding:1px 10px; position:relative; } .post-article blockquote p { color:#61676b; font-style:italic; margin:0px; padding:10px 0px 10px 0px; position:relative; } .post-article blockquote blockquote { background:#eeeded; } .post-article img { padding:5px; margin:0px; } .post-footer-alt { width:579px; height:13px; margin:0px; padding:0px; position:relative; float:left; clear:both; } .post-footer { width:590px; height:auto; border-top:#E6E6E6 dashed 1px; margin:0px; padding:11px 0px 15px 0px; position:relative; float:left; clear:both; } .post-lower-info { wcolor:#61676b; font-size:11px; text-align:left; margin:0px; padding:0px; position:relative; overflow:hidden; clear:both; } .post-lower-info a { color:#C04F4A; text-align:center; text-decoration:none; } .post-lower-info a:visited { color:#C04F4A; text-align:center; text-decoration:none; } .post-lower-info a:hover { text-align:center; text-decoration:underline; } .post-spacer { width:400px; height:30px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; } /* Next/Previous Button Variables - Rev:A001 */ .page-navigation { background:#f4f4f4; width:545px; height:15px; font-size:12px; font-weight:bold; text-align:center; margin:30px 0px 0px 0px; padding:5px; left:40px; position:relative; float:left; clear:both; } .page-navigation a { color:#949494; text-decoration:none; } .page-navigation a:visited { color:#949494; text-decoration:none; } .page-navigation a:hover { color:#16344c; text-decoration:none; } .page-nav-prev { float:left; } .page-nav-next { float:right; } /* 404 Error Page Variables - Rev:A001 */ .not-found { width:717px; text-align:center; margin:100px 0px 0px 0px; padding:15px; position:relative; float:left; } .not-found h2 { color:#3C2704; font-size:16px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; } /* --------- /Post Components Variables --------- */ /* --------- Comment System Variables --------- */ /* Comments Body Varibles - Rev:A002 */ #comments-body { width:590px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .comments-center-alt { width:560px; height:auto; color:#16344c; font-size:16px; font-weight:bold; font-style:italic; text-align:center; margin:0px; padding:15px; position:relative; float:left; } .comments-center { width:590px; height:auto; color:#3C2704; font-size:16px; font-weight:bold; text-align:center; margin:0px; padding:0px; position:relative; float:left; } /* Comment List Variables - Rev:A001 */ #comments { width:590px; height:auto; border-bottom:#dcdcdc dashed 1px; margin:0px; padding:0px; left:0px; position:relative; float:left; overflow:hidden; clear:both; } .comment-box { width:580px; border-top:#dcdcdc dashed 1px; margin:0px; padding:10px; position:relative; float:left; overflow:hidden; } .black { background:#f6f8f9; } /* Body Background 1 */ .white { background:#FFFFFF; } /* Body Background 2 */ .avatar { padding:0px 10px 0px 0px; float:left; } .comment-info { width:577px; height:auto; border-bottom:#dddfe6 solid 1px; position:relative; float:left; } .comment-author { width:80%; color:#094b90; font-size:13px; font-weight:bold; margin:5px 0px 0px 0px; padding:0px; position:relative; float:left; } .comment-author a { color:#16344c; text-decoration:underline; } .comment-author a:visited { color:#16344c; text-decoration:underline; } .comment-author a:hover { color:#3C2704; text-decoration:none; } .comment-stat { color:#61676b; font-size:11px; text-decoration:none; margin:7px 0px 5px 0px; padding:0px; position:relative; float:left; } .comment-stat a { color:#3C2704; text-decoration:underline; } .comment-stat a:visited { color:#3C2704; text-decoration:underline; } .comment-stat a:hover { color:#16344c; text-decoration:none; } .comment-text { width:80%; font-size:11px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .comment-text p { color:#61676b; margin:10px 0px 10px 0px; padding:0px; position:relative; } .comment-text a { color:#3C2704; text-decoration:underline; } .comment-text a:visited { color:#3C2704; text-decoration:underline; } .comment-text a:hover { color:#16344c; text-decoration:none; } .comment-text blockquote { background:#f4f4f4; border-left:solid #dcdcdc 5px; margin:10px 0px 15px 0px; padding:1px 10px; } .comment-text blockquote p { color:#61676b; font-style:italic; margin:0px; padding:10px 0px 10px 0px; } .comment-text blockquote blockquote { background:#eeeded; } .comment-spacer { width:590px; height:20px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Comments Form Variables - Rev:A001 */ #comment-form { width:580px; height:auto; margin:0px; padding:15px; position:relative; float:left; } #comment-form h2 { color:#3C2704; font-size:16px; text-decoration:none; margin:0px; padding:0px; } #comment-form p { color:#61676b; font-size:11px; margin:10px 0px 0px 0px; padding:0px; } #comment-form b { color:#61676b; } #comment-form a { color:#c04f4a; font-size:11px; text-decoration:none; } #comment-form a:visited { color:#c04f4a; text-decoration:none; } #comment-form a:hover { text-decoration: underline; } #commentform label { color:#16344c; font-size:10px; left:10px; position:relative; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { color:#b3b4b5; background-color:#fdfdfd; border:solid 3px #f4f4f4; font-size:12px; padding:0px 0px 3px 2px; overflow:hidden; } #commentform:hover #author:hover, #commentform:hover #email:hover, #commentform:hover #url:hover, #commentform textarea:hover { color:#61676b; background-color:#fdfdfd; border:solid 3px #dddfe6; padding:0px 0px 3px 2px; } #commentform:focus #author:focus, #commentform:focus #email:focus, #commentform:focus #url:focus, #commentform textarea:focus { color:#61676b; background-color:#fdfdfd; border:solid 3px #c9c9c9; padding:0px 0px 3px 2px; } #commentform textarea { width:500px; height:150px; overflow:hidden; } #submit-comment { } .comment-form-center { width:580px; height:auto; color:#3C2704; font-size:16px; font-weight:bold; text-align:center; margin:0px; padding:0px; position:relative; float:left; } /* --------- /Comment System Variables --------- */ /* --------- Sidebar & Widgets Variables --------- */ #sidebars { width: 300px; height:auto; margin:0px; padding:0px; position:relative; float:right; } .sidebars-spacer { width: 280px; height:30px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; } /* Center Sidebar Variables - Rev:A001 */ #sidebar-center { width:265px; height:auto; margin:27px 0px 20px 0px; padding:0px; left:10px; position:relative; float:left; overflow:hidden; } #sidebar-center-ads { width:265px; height:auto; margin:0px; padding:0px; left:0px; position:relative; float:left; } #sidebar-center-ads img { width:125px; height:125px; margin:3px 3px 4px 4px; padding:0px; position:relative; float:left; } /* Left Sidebar Variables - Rev:A001 */ #sidebar-left { width:286px; margin:0px; padding:0px; position:relative; float:right; } #sidebar-left h2 { width:286px; height:23px; border-top:solid 1px #c9c9c9; color:#3C2704; font-size:18px; font-weight:normal; text-align:left; margin:0px; padding:15px 0px 15px 0px; position:relative; } .sidebar-item-left { width:286px; height:auto; margin:0px 0px 20px 0px; padding:0px; position:relative; float:left; overflow:hidden; } .sidebar-item-left a { color:#61676b; text-decoration:none; } .sidebar-item-left a:visited { color:#61676b; text-decoration:none; } .sidebar-item-left a:hover { color:#16344c; text-decoration:underline; } .sidebar-item-left ul { width:286px; color:#61676b; font-size:12px; list-style:none; border-bottom:#dcdcdc dashed 1px; margin:0px 0px 10px 0px; padding:0px; position:relative; float:left; overflow:hidden; } .sidebar-item-left ul li { width:286px; height:auto; border-top:#dcdcdc dashed 1px; margin:0px; padding:5px 0px 5px 0px; float:left; overflow:hidden; } .sidebar-item-left ul li ul { background:none; width:auto; height:auto; border:none; margin:5px 0px 5px 0px; padding:0px; overflow:hidden; } .sidebar-item-left ul li ul li { width:286px; height:auto; border:none; font-size:11px; margin:0px 0px 0px 20px; padding:5px 0px 5px 0pxx; float:left; overflow:hidden; } /* Calenda Widget - Rev:A001 */ #wp-calendar { width:100%; margin:0px auto; padding:0px 20px 10px 20px; position:relative; } #wp-calendar table { width:100%; margin:0px; padding:0px; position:relative; } #wp-calendar caption { width:100%; color:#3C2704; font-weight:bold; text-align:center; margin:0px; padding:10px 0px 10px 0px; position:relative; } #wp-calendar th { color:#ffdb08; font-style:normal; text-transform:capitalize; margin:5px 0px 5px 0px; padding:3px 0px 3px 0px; } #wp-calendar td { border:1px solid #f4f4f4; color:#61676b; text-align:center; margin:0px; padding:3px 0px 3px 0px; } #wp-calendar td a { color:#16344c; text-align:center; text-decoration:underline; margin:0px; padding:3px 0px 3px 0px; } #wp-calendar td a:visited { color:#16344c; } #wp-calendar td a:hover { color:#3C2704; } #wp-calendar #next a { color:#3C2704; text-align:right; text-decoration:underline; margin:0px; padding-right:10px; } #wp-calendar #next a:visited { color:#3C2704; } #wp-calendar #next a:hover { color:#16344c; } #wp-calendar #prev a { color:#3C2704; text-align:left; text-decoration:underline; margin:0px; padding-left:10px; } #wp-calendar #prev a:visited { color:#3C2704; } #wp-calendar #prev a:hover { color:#16344c; } /* Tag Cloud Widget - Rev:A001 */ .tag-cloud { width:265px; text-align:justify; margin:0px auto; padding:0px; position:relative; } .widget_tag_cloud { width:265px; text-align:justify; margin:0px auto; padding:0px; position:relative; } /* Text - Rev:A001 */ .textwidget { width:265px; border-top:#dcdcdc dashed 1px; border-bottom:#dcdcdc dashed 1px; color:#61676b; font-size:11px; text-align:left; word-spacing:1px; line-height:17px; margin:0px 0px 10px 0px; padding:5px 0px 5px 0px; } .textwidget img { float:left; padding:0px 5px 5px 0px } .textwidget p { color:#61676b; margin:0px; padding:0px; } .textwidget a { color:#3C2704; text-decoration:none; } .textwidget a:visited { color:#3C2704; text-decoration:none; } .textwidget a:hover { color:#16344c; text-decoration:underline; } /* Search Widget - Rev:A001 */ #searchform { margin:0px 10px 5px 10px; padding:0px; position:relative; } #s { width:200px; height:22px; color:#b3b4b5; font-style:italic; background-color:#fdfdfd; border:solid 1px #f4f4f4; margin:0px 0px 0px 0px; padding:4px 0px 0px 3px; position:relative; } #s:hover { color:#61676b; background-color:#fdfdfd; border:solid 1px #dddfe6; } #s:focus { color:#61676b; background-color:#fdfdfd; border:solid 1px #c9c9c9; } #submit { margin:0px; padding:2px; top:0px; position:relative; } /* --------- /Sidebar & Widgets Variables --------- */ /* FOOTER ITEMS */ .footerBanner { background: url(http://www.ultimatefishingdirectory.com/images/footer-background.png) bottom repeat-x; height: 129px; padding-top: 50px; margin: 0 auto; } .footerContainer { position: relative; width: 940px; margin: 0 auto; overflow: hidden; /* IMPORTANT FOR OPACITY TO WORK IN ALL BROWSERS */ } .footerContainer .transparency { position: absolute; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; background-color: #000000; width: 940px; height: 4500px; top: 20px; left: 0px; } .footerContent { position:relative; width: 870px; height: 70px; padding: 20px 0px 20px 0px; text-align: center; margin: 0 auto; } .footerContent p.footer { margin-top: 10px; } /* see ie6.css for alternative */ .footerContent p.footer a { color: #ffffff !important; } /* Footer Variables - Rev:A001 */ #footer { width:1029px; height:auto; margin:0px auto; padding:0px; position:relative; overflow:hidden; } #footer-toolbar { background:url("images/Footer-Toolbar.png") no-repeat; width:1029px; height:60px; margin:0px; padding:0px; position:relative; float:left; } #footer-toolbar-nav { width:auto; height:auto; text-align:center; margin:0px auto; padding:0px; top:15px; left:30px; position:relative; float:left } #footer-toolbar-nav ul { width:auto; height:auto; padding:0px; margin:0px; list-style-type:none; float:left; } #footer-toolbar-nav li { width:auto; height:auto; padding:0px; margin:0px 10px; list-style-type:none; float:left; } #footer-toolbar-nav li a { color:#3C2704; text-decoration:none; } #footer-toolbar-nav li a:visited { color:#3C2704; text-decoration:none; } #footer-toolbar-nav li a:hover { color:#16344c; text-decoration:underline; } #footer-toolbar-nav li, .current_page_item { color:#3C2704; text-decoration:none; } #footer-text { width:1021px; height:50px; margin:0px auto; color:#61676b; font-size:11px; text-align:center; padding:30px 0px 0px 0px; position:relative; float:left; } #footer-text a { color:#16344c; text-decoration:underline; } #footer-text a:visited { color:#16344c; text-decoration:underline; } #footer-text a:hover { color:#3C2704; text-decoration:none; } /* --------- /Footer Variables --------- */ .brownSideContainer { position: relative; background: #281901 url(http://www.ultimatefishingdirectory.com/images/brown-side-background.jpg) top no-repeat; width: 260px; /* full width: 280px; - padding */ margin-top: 10px; margin-bottom: 20px; padding: 60px 10px 30px 10px; float: left; z-index: 10000; } .featuredListingsSmall_header { position: absolute; top: -10px; left: -5px; width: 292px; height: 67px; } .searchResults_header { position: absolute; top: 260px; left: -5px; width: 953px; height: 78px; z-index: 10000; } .listingSmall { width: 260px; margin-bottom: 8px; float: left; } .brownHorizontalDivider { background: url(http://www.ultimatefishingdirectory.com/images/brown-horizontal-divider.png) top repeat-x; height: 2px; width: 100%; margin: 10px 0px 20px 0px; float: left; } /* BUTTON ITEMS */ .getStarted, .submitSmall, .checkItOut { text-indent: -9999px !important; display: block; text-decoration: none; border: none; cursor: pointer; } .getStarted { position: absolute; top: 90px; left: 360px; } .getStarted { height: 48px; width: 176px; background: url(http://www.ultimatefishingdirectory.com/images/get-started.png) left no-repeat; } .getStarted:hover { background-position: -176px 0px; } /* see ie6.css for alternative */ .submitSmall { height: 42px; width: 145px; background: url(http://www.ultimatefishingdirectory.com/images/submit-small.png) no-repeat; } .submitSmall:hover { background-position: -145px 0px; } .checkItOut { position: absolute; top: 90px; left: 360px; } .checkItOut { height: 48px; width: 176px; background: url(http://www.ultimatefishingdirectory.com/images/check-it-out.png) no-repeat; } .checkItOut:hover { background-position: -176px 0px; } /* see ie6.css for alternative */ /* FONT ITEMS */ a { color: #c04f4a; text-decoration: none; } a:hover { text-decoration: underline; } .bold { font-weight: bold; } .noBold { font-weight: normal; } a.loginNav, a.homeNav { color: #ffffff; font-size: 14px; background-color: #0d0b09; padding: 2px 4px 3px 4px; display: block; text-decoration: none; float: left; margin-left: 10px; } a.loginNav:hover, a.homeNav:hover { color: #daf205; text-decoration: none; } .standard12 { font-size: 12px; } .standard13 { font-size: 13px; } .standard14 { font-size: 14px; } .standard15 { font-size: 15px; } .standard16 { font-size: 16px; } .standard17 { font-size: 17px; line-height: 19px; } .standard18 { font-size: 18px; line-height: 20px; } .standard20 { font-size: 20px; line-height: 20px; } .lineheight20 { line-height: 20px; } .letterspacing { letter-spacing: -0.02em; } .letterspacingFull { letter-spacing: -1px; } .noLetterspacing { letter-spacing: 0px; } h2 { font-size: 30px; letter-spacing: -1px; font-weight: bold; line-height: 34px; } h3 { color: #3c2704; font-size: 20px; letter-spacing: -1px; font-weight: bold; line-height: 24px; margin-bottom: 15px; } .yellow { color: #e4ff03; } .darkYellow { color: #cee403; } .brown { color: #3c2704; } .gray { color: #666666; } .red { color: #a6281f; } .whiteFont { color: #ffffff; } .listingSmall a { color: #e4ff03; text-decoration: none; } .listingSmall a:hover { text-decoration: underline; } .listingSmall li { list-style: none; padding: 0px 0px 6px 0px; background: url(http://www.ultimatefishingdirectory.com/images/brown-horizontal-divider.png) bottom repeat-x; width: 100%; margin: 6px 0px 0px 0px; float: left; } /* IE6 BOX ITEMS */ .ie6Container { position: relative; width: 900px; margin: 0 auto; text-align: center; margin-bottom: 20px; overflow: hidden; /* IMPORTANT FOR OPACITY TO WORK IN ALL BROWSERS */ } .ie6Container .transparency { position: absolute; opacity: 0.9; filter: alpha(opacity=80); -moz-opacity: 0.8; background-color: #000000; width: 900px; height: 4500px; top: 0px; left: 0px; } .ie6Container_content { position: relative; padding: 15px 5px 15px 5px; } /* FACEBOOK FAN WIDGET ITEMS */ .facebookContainer { position: relative; background: #281901 url(http://www.ultimatefishingdirectory.com/images/brown-side-background.jpg) top no-repeat; width: 280px; /* full width: 280px; - padding */ margin-top: 10px; margin-bottom: 20px; float: left; z-index: 10000; /* position: relative; background: #281901 url(http://www.ultimatefishingdirectory.com/images/brown-side-background-wide.jpg) top no-repeat; width: 300px; float: left */ }