/* 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/ */ /* James CSS */ .cons { font-family: Verdana; font-size: 14px; line-height: 17px; color: #900; font-weight: bold; padding-left: 30px; } .pros { font-family: Verdana; font-size: 14px; line-height: 17px; color: #00C; font-weight: bold; padding-left: 30px; } /* End James CSS */ body { font-family: Verdana; font-size: 12px; line-height: 15px; color: #424242; background-image: url(http://www.prodentalwebdesign.com/images/bg_main.gif); background-repeat: repeat-x; margin: 0px; padding: 0px; background-color: #fff0ce; } p { margin: 0px; padding: 0px; } img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } blogimgleft { padding-right: 10px; padding-bottom: 10px; text-align: left; } h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; } a:link { color: #3f73bf; text-decoration: none; } a:visited { color: #3f73bf; text-decoration: none; } a:hover { color: #2C4462; text-decoration: underline; } .mainwrapper { background-image: url(http://www.prodentalwebdesign.com/images/bg_mainwrapper.gif); width: 960px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .clearboth { line-height: 0px; margin: 0px; padding: 0px; clear: both; height: 0px; width: 100%; visibility: hidden; } .innerwrapper { padding: 0px; width: 919px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; color: #424242; } .headerlinks { font-family: Arial, Helvetica, sans-serif; color: #8e8e8e; margin: 0px; padding: 0px; float: right; width: 250px; text-align: right; font-weight: bold; font-size: 11px; line-height: 15px; height: auto; } .custom .footer { background-image: url(http://www.prodentalwebdesign.com/images/bg_footer.gif); height: 64px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 25px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .footer_inner { padding: 0px; width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; color: #FFF; line-height: 18px; } .footer_inner_inner { padding: 0px; float: right; width: 730px; margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .footer a:link { color: #FFF; text-decoration: none; } .footer a:visited { color: #FFF; text-decoration: none; } .footer a:hover { color: #FFF; text-decoration: underline; } .address_footer { background-image: url(http://www.prodentalwebdesign.com/images/address_footer.png); background-repeat: no-repeat; height: 16px; width: 188px; padding-left: 196px; background-position: 0px 1px; float: right; } .bluetext { color: #3f73bf; } .bluetext02 { color: #2d4362; } .phonenumber_header { padding: 0px; float: left; height: 47px; width: 199px; margin-top: 45px; margin-right: 0px; margin-bottom: 0px; margin-left: 65px; } .livechat { padding: 0px; float: right; height: 69px; width: 261px; clear: right; margin-top: 16px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .navbar { background-image: url(http://www.prodentalwebdesign.com/images/bg_navbar.gif); margin: 0px; padding: 0px; height: 48px; width: auto; } .custom img[align="left"] { float: left; clear: none; } .navbar_item { font-family: Arial, Helvetica, sans-serif; margin: 0px; float: left; padding-top: 17px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; font-size: 14px; line-height: 16px; font-weight: bold; word-spacing: 0em; width: auto; } .flashcontainer { padding: 0px; height: 224px; width: 919px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .widget_one { padding: 0px; float: left; width: 281px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; color: #424242; } .widget_bullet { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .widget_bullet li { margin-bottom: 7px; list-style-image: url(http://www.prodentalwebdesign.com/images/bullet_smallblue.gif); } .porfolio_container { width: 278px; margin-left: 3px; } .portfolio_cont_inner { background-image: url(http://www.prodentalwebdesign.com/images/bg_port_container.gif); padding-top: 10px; padding-left: 15px; padding-right: 15px; text-align: justify; } .leftcolumn { padding: 0px; width: 598px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #fffefa; border: 1px solid #f8f7f6; } .leftcolumn-inner { width: 565px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .rightcolumn { padding: 0px; width: 292px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #ededed; border: 1px solid #d1d1d1; font-family: Arial, Helvetica, sans-serif; } .sidebar_widget { background-image: url(http://www.prodentalwebdesign.com/images/bg_sidebar_widget.gif); width: 269px; margin-top: 15px; margin-left: 10px; } .h1_container { background-image: url(http://www.prodentalwebdesign.com/images/bg_h1_index.gif); height: 56px; width: 527px; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 68px; } .h1_topper { font-family: "Times New Roman", Times, serif; font-size: 16px; font-style: italic; line-height: 17px; color: #3f73bf; } .h1_class01 { font-size: 20px; font-weight: bold; text-transform: uppercase; color: #2d4362; line-height: 23px; } .h1_class02 { font-size: 22px; font-weight: bold; text-transform: uppercase; color: #2d4362; line-height: 21px; } .h1_class03 { font-size: 20px; font-weight: bold; padding-top: 25px; text-transform: uppercase; color: #2d4362; line-height: 21px; } .h2_class01 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #3f73bf; line-height: 20px; } .h2_class02 { font-size: 26px; font-weight: normal; color: #3f73bf; line-height: 26px; margin-top: 45px; margin-bottom: 15px; font-family: "Times New Roman", Times, Georgia, serif; letter-spacing: .02em; } .h2_class03 { font-size: 14px; font-weight: bold; color: #3f73bf; line-height: 16px; margin-bottom: 5px; margin-top: 0px; } .h2_class04 { font-size: 14px; font-weight: bold; color: #3f73bf; line-height: 18px; margin-bottom: 0px; margin-top: 0px; } .h2_class06 { font-size: 18px; font-weight: bold; color: #3f73bf; line-height: 20px; margin-bottom: 10px; margin-top: 2px; font-family: Verdana, Geneva, sans-serif; } .leadin { font-size: 14px; line-height: 19px; color: #2d4362; margin-bottom: 10px; text-align: justify; } .simple_p01 { font-size: 12px; line-height: 17px; color: #444039; margin-bottom: 10px; text-align: justify; } .simple_p02 { font-size: 12px; line-height: 16px; color: #444039; margin-bottom: 10px; text-align: justify; } .simple_p03 { font-size: 13px; line-height: 18px; color: #444039; margin-bottom: 10px; text-align: justify; } .simple_p04 { font-size: 12px; line-height: 18px; color: #444039; margin-bottom: 10px; text-align: justify; } .formfield { background-color: #FFF; width: 238px; border: 1px solid #e0e0e0; font-size: 11px; line-height: 13px; padding-top: 3px; padding-right: 1px; padding-bottom: 3px; padding-left: 1px; margin-top: 2px; } .contact-name { color: #2d4362; font-size: 13px; line-height: 13px; font-weight: bold; } .contact-details { font-size: 11px; line-height: 15px; color: #424242; } .sidebar_widget02 { background-image: url(http://www.prodentalwebdesign.com/images/bg_sidebar_widget02.gif); width: 269px; margin-top: 15px; margin-left: 10px; } .flashcontainer_innerpage { padding: 0px; height: 224px; width: 919px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .leftcolumn_innerpage { padding: 0px; width: 598px; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #fffefa; border: 1px solid #f8f7f6; } .blog_callout { background-color: #f7f7f7; width: 510px; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; border: 1px solid #e3e3e3; text-align: center; padding: 20px; } .custom #header { padding: 0px; } .custom #sidebar_1 { background-color: #fffefa; } .custom #content_box { width: 919px; margin-left: 20px; } .custom #content { width: 598px; float: left; } .custom #footer { color: #888888; border-top-width: 0px; border-top-style: none; text-align: right; clear: both; } .custom .sidebar_widget table { font-size: 12px; line-height: 17px; margin-left: 10px; } .custom .sidebar_widget #button { border:none; margin-top: 5px; margin-bottom: -10px; } .custom .sidebar_widget p { font-size: 12px; line-height: 17px; padding-top: 3px; } .style2 {font-size: 10px} .custom #header { border-bottom-width: 0px; border-bottom-style: none; clear: both; } .custom #page { padding-top: 1.8em; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .twitter_widget { width: 263px; margin-top: 5px; margin-left: 15px; } .custom .avatar { float:left; border:1px solid #EBEBEB; margin-right:15px; padding: 2px; } .blognav { padding: 0px; width: 919px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; font-size: 13px; font-weight: bold; background-image: url(http://www.prodentalwebdesign.com/images/bg_blognav.gif); height: 34px; } .blog_navbar_item { margin: 0px; float: left; padding-top: 10px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; word-spacing: 0em; } .blog_sidebarfooters { margin-top: -10px; margin-bottom: -10px; } .formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; } .ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none} .formError .formErrorContent { width:100%; background:#ee0101; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .greenPopup .formErrorContent {background:#33be40;} .blackPopup .formErrorContent {background:#393939;color:#FFF;} .formError .formErrorArrow{ position:absolute; bottom:0;left:20px; width:15px; height:15px; z-index:5001; } .formError .formErrorArrowBottom{top:0;margin:-6px;} .formError .formErrorArrow div{ border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block; } .formError .formErrorArrowBottom div{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .greenPopup .formErrorArrow div{background:#33be40;} .blackPopup .formErrorArrow div{background:#393939;color:#FFF;} .formError .formErrorArrow .line10{width:15px;border:none;} .formError .formErrorArrow .line9{width:13px;border:none;} .formError .formErrorArrow .line8{width:11px;} .formError .formErrorArrow .line7{width:9px;} .formError .formErrorArrow .line6{width:7px;} .formError .formErrorArrow .line5{width:5px;} .formError .formErrorArrow .line4{width:3px;} .formError .formErrorArrow .line3{width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd;} .formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;} .formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}