/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ .leaderboardattext { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 4px; } .custom #respond{ font-family: georgia; } .custom #comments{ font-family: georgia; } .custom #comment{ font-family: georgia; } .custom #comment p{ font-family: georgia; } .custom #respond_intro{ font-family: georgia; } .custom #respond_intro p { color:#FFFFFF; background-image: url(http://www.atlantamoms.com/blog/blogimages/header-comments.gif); background-repeat: no-repeat; background-position: left; height: 49px; width: 285px; font-size: xx-small; } .custom #respond_intro { color:#555555; background-image: url(http://www.atlantamoms.com/blog/blogimages/header-comments.gif); background-repeat: no-repeat; background-position: left; height: 49px; width: 285px; } /*---:[ form inputs ]:---*/ input, textarea { font-size: 1em; color: #444; background: #eee; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; } input:focus, textarea:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; } .sidebar .text_input { width: 95%; } input.form_submit { font-weight: bold; color: #111; background: url('http://atlantamoms.com/blog/wp-content/themes/thesis_16/lib/images/submit-bg.gif'); border-top-color: #FF6699; border-left-color: #FF6699; cursor: pointer; width: auto !important; overflow: visible; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #FF6699; border-bottom-color: #FF6699; } #commentform input.form_submit { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } input.form_submit:hover { color: #FF0066; } .custom #page { padding:5px; } .custom #header { border:0px; margin-bottom:1px; width:990px; border-top:2px; border-bottom:2px; } .custom #content{ margin-top:-25px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; } .custom #content-box{ margin-top:-25px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; } .custom #sidebar{ margin-top:-25px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; } .searchboxincolumn { background-image: url(http://www.atlantamoms.com/Images/background-box-search.gif); background-repeat: no-repeat; height:75px; padding-top: 5px; padding-left: 10px; } .searchfield { height: 20px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: inset; border-right-style: inset; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; margin-top:-3px; } .sidebar_top { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color: #FF3399; background-image: url(http://www.atlantamoms.com/sidebarimages/top.gif); background-repeat: no-repeat; background-position: center bottom; text-align: center; width: 315px; margin-left:-8px; font-variant: normal; } .sidebar_middle { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; background-image: url(http://www.atlantamoms.com/sidebarimages/middle.gif); background-repeat: repeat-y; background-position: center top; line-height: 22px; width: 315px; padding-right: 10px; padding-left: 12px; } .sidebar_bogttom { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; background-image: url(http://www.atlantamoms.com/sidebarimages/bottom.gif); background-repeat: no-repeat; background-position: center top; width: 315px; margin-left:-8px; } .sidebartitleonly{ font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color: #FF3399; text-align: center; font-variant: normal; } .topsidebarcell { margin-left: 15px; padding-left:10px; } .searchbutton { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background-color: #E7F8F7; width: 75px; border: 1px dotted #66CCCC; color: #65CACA; height:22px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; margin-top: 3px; padding-right: 5px; padding-bottom: 2px; padding-left: 2px; } .searchfield { height: 20px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: inset; border-right-style: inset; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; margin-top:-3px; } .custom #menu{ margin-left:145px; } #menu{ margin-left:135px; } .menu{ margin-left:135px; width:890px; } .custom h3,.custom h4,.custom h5,.custom h6{ letter-spacing: 0px; } .thesisblognav{ margin-top:-35px; margin-left:190px; } .thesisblogonimage { margin-top:-35px; padding-right:0px; margin-right:15px; } .secondmenu{ padding-bottom:25px; font-family:Rockwell, "Myriad Pro", Helvetica, Arial, sans-serif; } .boxmargin { padding: 20px; } /************************************************ * second nav bar * ************************************************/ #subnavbar2 { color: #FFFFFF; height:35px; padding: 0px; font-weight: bold; margin-top: 3px; margin-right: auto; margin-bottom: 0px; margin-left:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; background-color: #66CCCC; } #subnav2 { margin: 0px; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; background-color: #66CCCC; } #subnav2 ul { list-style: none; padding-top: 2px; padding-right: 7px; padding-bottom: 2px; padding-left: 4px; margin-right:5px; background-color: #66CCCC; margin-top: 0px; margin-bottom: 0px; } #subnav2 a { color: #FFFFFF; display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 5px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: none; border-right-color: #E7F8F7; border-left-color: #E7F8F7; } #subnav2 a:hover { color: #333333; display: block; text-decoration: none; font-size: 12px; font-weight: bold; background-color: #E7F8F7; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 5px; } #subnav2 a:active { color: #300; display: block; text-decoration: none; font-size: 12px; font-weight: bold; } #subnav2 li { float: left; font-size: 12px; background-color: #66CCCC; padding-right: 0px; padding-left: 4px; margin-right: 0px; } #subnav2 li li { float: left; background-color: #FFFFFF; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; margin-left:-3px; } .navbarextra { margin-bottom: -1px; } #subnav2 li li a, #subnav2 li li a:link, #subnav2 li li a:visited { float: none; font-size: 12px; color: #0066CC; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding-bottom: 3px; padding-top: 3px; background-color: #FFFFFF; padding-right: 6px; padding-left: 5px; } #subnav2 li li a:hover, #subnav2 li li a:active { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6699; padding-top: 3px; padding-bottom: 3px; background-color: #FFFFCC; padding-right: 5px; padding-left: 5px; } #subnav2 li ul { position: absolute; width: 10em; left: -999em; font-size: 12px; background-color: #FFFFFF; } #subnav2 li:hover ul { left: auto; display: block; font-size: 12px; background-color: #FFFFFF; } #subnav2 li:hover ul, #subnav2 li.sfhover1 ul { font-size: 12px; list-style-position: inside; list-style-image: url(Images/arrow.gif); list-style-type: none; text-align: left; } /************************************************ * third nav bar * ************************************************/ #subnavbar3 { color: #FFFFFF; height:35px; padding: 0px; font-weight: bold; margin-top: 3px; margin-right: auto; margin-bottom: 0px; margin-left:0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; background-color: #CC0066; } #subnav3 { margin: 0px; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; background-color: #CC0066; } #subnav3 ul { list-style: none; padding-top: 2px; padding-right: 7px; padding-bottom: 2px; padding-left: 7px; margin-left:5px; margin-right:5px; background-color: #CC0066; margin-top: 0px; margin-bottom: 0px; } #subnav3 a { color: #FFFFFF; display: block; font-size: 13px; font-weight: bold; text-transform: capitalize; text-decoration: none; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 4px; padding-bottom: 3px; padding-left: 0px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: none; border-right-color: #FF3366; border-left-color: #CCCCCC; } .pagebannerback { background-image: url(Images/bannerbackground.gif); background-repeat: no-repeat; background-position: center center; } #subnav3 a:hover { color: #333333; display: block; text-decoration: none; font-size: 13px; font-weight: bold; background-color: #CC0066; padding-top: 3px; padding-right: 4px; padding-bottom: 3px; padding-left: 0px; } #subnav3 a:active { color: #300; display: block; text-decoration: none; font-size: 13px; font-weight: bold; } #subnav3 li { float: left; font-size: 13px; background-color: #CC0066; padding-right: 0px; padding-left: 7px; margin-right: 0px; } #subnav3 li li { float: left; background-color: #FFFFFF; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; margin-left:-3px; } #subnav3 li li a, #subnav3 li li a:link, #subnav3 li li a:visited { float: none; font-size: 13px; color: #0066CC; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding-bottom: 3px; padding-top: 3px; background-color: #FFFFFF; padding-right: 6px; padding-left: 7px; } #subnav3 li li a:hover, #subnav2 li li a:active { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FF6699; padding-top: 3px; padding-bottom: 3px; background-color: #FFFFCC; padding-right: 5px; padding-left: 6px; } #subnav3 li ul { position: absolute; width: 10em; left: -999em; font-size: 13px; background-color: #FFFFFF; } #subnav3 li:hover ul { left: auto; display: block; font-size: 13px; background-color: #FFFFFF; } #subnav3 li:hover ul, #subnav3 li.sfhover1 ul { font-size: 13px; list-style-position: inside; list-style-image: url(Images/arrow.gif); list-style-type: none; text-align: left; } /************************************************ * bar * ************************************************/ #subnavbar { color: #300; padding: 0px; font-weight: bold; margin-top: 6px; margin-right: auto; margin-bottom: 0px; margin-left:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; background-color: #E7F8F7; height:35px; border-bottom-width: 2px; border-bottom-style: none; } #subnav { margin: 0px; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6666; font-weight: bold; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; background-color: #E7F8F7; } #subnav ul { margin: 0px; list-style: none; padding-top: 2px; padding-right: 12px; padding-bottom: 2px; padding-left: 12px; margin-left:12px; margin-right:0px; background-color: #E7F8F7; } #subnav a { color: #300; display: block; font-size: 12px; font-weight: bold; text-transform: capitalize; text-decoration: none; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 17px; padding-bottom: 3px; padding-left: 17px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: none; border-right-color: #CCCCCC; border-left-color: #CCCCCC; border-right-width: 2px; border-right-style: dotted; border-right-color: #CCCCCC; } #subnav a:hover { color: #FFFFFF; display: block; text-decoration: none; font-size: 12px; font-weight: bold; background-color: #FF6666; } #subnav a:active { color: #300; display: block; text-decoration: none; font-size: 12px; font-weight: bold; } #subnav li { float: left; font-size: 12px; background-color: #E7F8F7; } #subnav li li { float: left; width: 180px; background-color: #FFFFFF; border-left-width: 1px; border-left-style: solid; border-right-color: #CCCCCC; border-left-color: #CCCCCC; margin-left:-3px; } #subnav li li a, #subnav li li a:link, #subnav li li a:visited { float: none; font-size: 13px; color: #0066CC; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding-bottom: 3px; padding-top: 3px; background-color: #FFFFFF; padding-right: 6px; padding-left: 7px; } #subnav li li a:hover, #subnav li li a:active { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FF6699; padding-top: 3px; padding-bottom: 3px; background-color: #FFFFCC; padding-right: 5px; padding-left: 6px; } #subnav li ul { position: absolute; width: 10em; left: -999em; font-size: 13px; background-color: #FFFFFF; } #subnav li:hover ul { left: auto; display: block; font-size: 13px; background-color: #FFFFFF; } #subnav li:hover ul, #subnav li.sfhover1 ul { font-size: 13px; list-style-position: inside; list-style-image: url(Images/arrow.gif); list-style-type: none; text-align: left; }