/* SmallBusinessHub.com Styles --------------------------- Updated 11/13/2007 By Todd Garland --------------------------- */ /* ----------------------------------------------------*/ /* ---------->>> Main Layout Definitions <<<-----------*/ /* ----------------------------------------------------*/ html,body{margin:0;padding:0;text-align:center;font-family:verdana,arial,helvetica,sans-serif;font-size:12px;color:#414141;} body.mceContentBody{text-align:left;} img{border:none;} a{text-decoration:underline;} a:hover{text-decoration:none;} h1,h2,h3,h4,h5,h6{font-family:georgia,"Times New Roman",times,serif;font-weight:normal;} p,ul,ol,li,h1,h2,h3,h4,h5,h6{padding:0;margin:0;} #container{margin:0 auto;width:910px;padding:0;text-align:left;background:#fff url("images/layout/bg_header-inner.gif") repeat-x top left;} #cwrap{margin:23px 0 0 0;} #twocols{position:relative;padding:15px 0 0 0;margin:0 0 25px 0;width:100%;} /* ------------------------------------------*/ /* ---------->>> Masthead Area <<<-----------*/ /* ------------------------------------------*/ #header{position:relative;height:108px;padding:0 35px;} #header h1{display:block;position:relative;float:left;} #header h1 a{display:block;float:left;width:155px;height:92px;text-indent:-9000px;background:transparent url("images/layout/hubspot-logo.gif") no-repeat;background-position:0 4px;} #header span#logo{display:block;position:relative;float:left;} #header span#logo a{display:block;float:left;width:155px;height:92px;text-indent:-9000px;background:transparent url("images/layout/hubspot-logo.gif") no-repeat;background-position:0 4px;} #header #auxnav,#header #nav{font-family:georgia,"Times New Roman",times,serif;} #header #auxnav{display:block;float:right;width:50%;} #header #auxnav ul{list-style-type:none;float:right;} #header #auxnav ul li{float:left;margin:0 0 0 3px;} #header #auxnav ul li a{float:left;display:block;padding:0;color:#465560;text-transform:uppercase;font-size:10px;text-decoration:none;background:transparent url("images/layout/auxnav_left.gif") no-repeat top left;} #header #auxnav ul li a span{float:left;display:block;height:26px;padding:0 18px 0 18px;background:transparent url("images/layout/auxnav_right.gif") no-repeat top right;} #header #auxnav ul li a span #hubspot-company{position:relative;display:block;height:26px;width:119px;background:transparent url("images/layout/internet-marketing-tools.gif") no-repeat 0 4px;text-indent:-9000px;} #header #auxnav ul li a span img{padding:4px 0 0 0;} #header #auxnav ul li a:hover{color:#e36f1e;cursor:pointer;} #header #nav{display:block;float:right;width:80%;margin:49px 0 0 0;} #header #nav ul{list-style-type:none;display:block;float:right;} #header #nav ul li{display:block;float:left;margin:0 0 0 6px;} #header #nav ul li a{display:block;float:left;color:#465560;font-size:17px;text-decoration:none;font-weight:normal;font-family:Georgia,"Times New Roman",Times,serif;} #header #nav ul li a span{display:block;float:left;height:25px;padding:8px 20px 0 20px;} #header #nav ul li a:hover{background:transparent url("images/layout/nav_left.gif") no-repeat top left;cursor:pointer;} #header #nav ul li a:hover span{background:transparent url("images/layout/nav_right.gif") no-repeat top right;} #header #nav ul li.selectedtab a,#header #nav ul li.selectedtab a:hover{background:#e36f1e url("images/layout/nav_left.gif") no-repeat;background-position:0 -33px;color:#fff;} #header #nav ul li.selectedtab a span,#header #nav ul li.selectedtab a:hover span{background:transparent url("images/layout/nav_right.gif") no-repeat;background-position:right -33px;} /* -----------------------------------------------*/ /* ---------->>> Right Column Area <<<------------*/ /* -----------------------------------------------*/ #rightcol{width:304px;display:block;float:left;position:relative;margin:0 0 0 30px;} /*#rightcol{width:304px;float:right;position:relative;padding:16px 0 0 0;}*/ /* ---------------------------------------------*/ /* ---------->>> Main Column Area <<<-----------*/ /* ---------------------------------------------*/ #maincol{float:left;display:block;position:relative;width:576px;padding:10px 0 0 0;margin:0;overflow:hidden;} /*#maincol{float:left;display:block;position:relative;width:556px;padding:24px 0 20px 0;}*/ #maincol h1{color:#e36f1e;font-size:22px;} #maincol h2{color:#455560;font-size:21px;padding:20px 0 3px 0;} #maincol h3{color:#455560;font-size:17px;line-height:150%;margin:10px 0 0 0;} #maincol p{line-height:155%;margin:15px 0;font-size:12px;} #maincol p a,#maincol li a{color:#589ceb;} #maincol ul,ol{margin:10px 0;color:#414141;} #maincol ul{list-style-type:none;} #maincol ul li{display:block;position:relative;padding:6px 0 3px 12px;background:transparent url("images/icons/bullet_grey.gif") no-repeat;background-position:0 14px;line-height:145%;} #maincol ol li{margin:0 0 0 22px;padding:6px 0 3px 8px;} #maincol dir{list-style-type:none;padding:0;margin:0;} #maincol dir li{display:inline-block;clear:right;margin:8px 0 0 0;padding:0 0 0 9px;background:transparent url("images/icons/bullet_orange.gif") no-repeat;background-position:0 8px;} #maincol dir li a{color:#414141;text-decoration:none;} #maincol dir li a:hover{text-decoration:underline;} #maincol dir li span.date{display:block;margin:2px 0 0 0;color:#999;font-size:10px;font-style:italic;} #maincol ul{list-style-type:none;padding:0;margin:0;} #maincol ul li{display:inline-block;clear:right;margin:8px 0 0 0;padding:0 0 0 9px;background:transparent url("images/icons/bullet_orange.gif") no-repeat;background-position:0 8px;} #maincol ul li a{color:#414141;text-decoration:none;} #maincol ul li a:hover{text-decoration:underline;} #maincol ul li span.date{display:block;margin:2px 0 0 0;color:#999;font-size:10px;font-style:italic;} /* -----------------------------------------*/ /* ---------->>> WSG Specific <<<-----------*/ /* -----------------------------------------*/ #maincol #ReportForm{margin:0;padding:0;width:100%;} #maincol fieldset{border:none;padding:0;margin:0;} #maincol fieldset legend{font-size:14px;color:#414141;} #maincol fieldset div table{display:block;clear:both;width:100%;} #maincol fieldset td{width:525px;float:none;clear:both;display:block;} #maincol .YellowUserKeywordsCaption{background:none;font-size:12px;line-height:145%;font-style:italic;color:#a5a5a5;} #maincol input.PageRankURLBox{font-size:18px;padding:4px;color:#a5a5a5;width:1525px;} #maincol input{font-size:18px;padding:4px;color:#a5a5a5;} #maincol textarea{font-size:18px;padding:4px;color:#a5a5a5;font-family:Arial, Helvetica, sans-serif;} #ReportForm fieldset{border:none;margin:15px 0 0 0;width:450px;} #ReportForm fieldset label{font-size:18px;color:#414141;} #ReportForm fieldset span.YellowUserKeywordsCaption{display:block;clear:both;font-size:12px;color:#a5a5a5;} /* --------------------------------------------*/ /* ---------->>> Reusable Blocks <<<-----------*/ /* --------------------------------------------*/ div.block{display:block;width:264px;padding:0 20px 13px 20px;margin:0 0 16px 0;background:transparent url("images/layout/bg_wsg.gif") repeat-x top left;} /* div.block{display:block;float:left;width:264px;padding:0 20px 13px 20px;margin:0 0 16px 0;background:transparent url("images/layout/bg_wsg.gif") repeat-x top left;} */ div.block h3{font-size:18px;color:#455560;width:100%;padding:18px 0 4px 0;margin:0 0 4px 0;background:transparent url("images/layout/bg_wsg-top.gif") no-repeat top center;} div.block p{line-height:145%;font-size:11px;} div.block a{color:#217ce5;} div.nobg{background:none;} /* Subscribe box */ div.subscribe h3{padding:0 0 4px 0;} span.subhead{display:none;} div.subscribe div div div div input{font-size:14px;padding:3px;color:#a5a5a5;width:95%;margin:0;} div.subscribe div div div input{display:block;font-size:15px;text-align:left;margin-left:-173px;} div.block p a.rss{padding:0 0 0 18px;margin:15px 0 0 0;display:block;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color:#217ce5;font-style:italic;background:transparent url("images/icons/rss16x16.gif") no-repeat;background-position:0 5px;} /* Partner Sites */ div.partner{background:none;} div.partner h3{color:#cf5c0c;border-bottom:1px solid #dbdbdb;} div.partner a.banner{display:block;width:125px;float:left;margin:8px 0 0 0;} div.partner a.left{margin:8px 14px 0 0;} /* bloglist block */ div.bloglist{background:none;margin:0;} div.bloglist h3{color:#cf5c0c;border-bottom:1px solid #dbdbdb;} div.bloglist dir{list-style-type:none;padding:0;margin:0;} div.bloglist dir li{display:inline-block;clear:right;margin:8px 0 0 0;padding:0 0 0 9px;background:transparent url("images/icons/bullet_orange.gif") no-repeat;background-position:0 8px;} div.bloglist dir li a{color:#414141;text-decoration:none;} div.bloglist dir li a:hover{text-decoration:underline;} div.bloglist dir li span.date{display:block;margin:2px 0 0 0;color:#999;font-size:10px;font-style:italic;} div.bloglist ul{list-style-type:none;padding:0;margin:0;} div.bloglist ul li{display:inline-block;clear:right;margin:8px 0 0 0;padding:0 0 0 9px;background:transparent url("images/icons/bullet_orange.gif") no-repeat;background-position:0 8px;} div.bloglist ul li a{color:#414141;text-decoration:none;} div.bloglist ul li a:hover{text-decoration:underline;} div.bloglist ul li span.date{display:block;margin:2px 0 0 0;color:#999;font-size:10px;font-style:italic;} /* ----------------------------------------*/ /* ---------->>> Footer Area <<<-----------*/ /* ----------------------------------------*/ #footer{height:55px;background:transparent url("images/layout/bg_footer.gif") repeat-x top left;clear:both;font-family:georgia,"Times New Roman",times,serif;color:#bbb;padding:13px 18px;} #footernav ul{list-style-type:none;float:left;width:55%;} #footernav ul li{float:left;} #footernav ul li a{float:left;display:block;color:#455560;text-decoration:none;font-family:georgia,"Times New Roman",times, serif;font-size:12px;} #footernav ul li a span{float:left;display:block;padding:0 9px;} #footernav ul li a:hover{text-decoration:underline;cursor:pointer;} #footer p.copyright{float:right;width:40%;font-size:12px;text-align:right;font-family:georgia,"Times New Roman",times,serif;} #footer p.copyright a{color:#bbb;font-family:georgia,"Times New Roman",times,serif;font-size:12px;} /* ------------------------------------*/ /* ---------->>> Buttons <<<-----------*/ /* ------------------------------------*/ a.button{display:table;height:28px;background:transparent url("images/layout/button_left.gif") no-repeat top left;font-family:georgia,"Times New Roman",times,serif;font-size:15px;color:#465560;font-style:italic;} a.button span{display:inline-block;height:24px;padding:4px 15px 0 20px;background:transparent url("../../images/layout/button_right.gif") no-repeat top right;} html>body a.button span{display:block;} a.button:hover{color:#000;cursor:pointer;} /* Exceptions */ #header-banner a.button span{background:transparent url("images/layout/button_right-header.gif") no-repeat top right;} /* -----------------------------------------------*/ /* ---------->>> Blog/News Section <<<------------*/ /* -----------------------------------------------*/ #listing,div.post,#listing div{margin:0;padding:0;font-size:12px;color:#414141;line-height:145%;} #listing div.post{color:#414141;font-size:12px;} #listing div.post h3{font-family:georgia,"Times New Roman",times, serif;color:#e36f1e;line-height:150%;margin:10px 0 0 0;padding:0;border:none;} #listing div.post h3 a{color:#e36f1e;margin:0;padding:0;font-size:21px;font-family:georgia,"Times New Roman",times, serif;} #listing div.post h3 a:hover{text-decoration:underline;} #listing div.post a{font-size:12px;color:#589ceb;} #listing div.post p.ListingText{font-size:12px;color:#414141;} #listing div.post p{margin:8px 0 0 0;} #listing div.post hr{height:1px;background:#ccc;} #listing div.post p.postfoot{color:#999;font-style:italic;font-size:11px;margin:0;padding:0;text-align:left;} #listing p[align="center"]{text-align:left;} /* ---------------------------------------------*/ /* ---------->>> Flotation Device <<<-----------*/ /* ---------------------------------------------*/ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height:1%;} .clearfix{display:block;} /* End hide from IE-mac */ /* -------------------------------------------------- */ /* ------------>>> DNN Action Menu <<<< --------------*/ /* ---------------------------------------------------*/ .ModuleTitle_SubMenu { background-color:#F7F7F7; border:1px solid #666666; cursor:pointer; margin:1px 0px 0px; padding:0px; z-index:1000; }