/* 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/ */ .format_text input, #commentform input, #commentform textarea { width:100%;} .suzysunflower {position: relative; top: -265px; left:-93px; z-index: 2;} .chatwidget 2 {z-index: 0;} body{background:url(images/body_bg.png) repeat top left; margin:0px; padding:0px; font-family:Georgia; color:#565657;} .custom #container{width:980px; padding:0px; margin:0px auto; background:url(images/container_bg.png) repeat-y top left;} .custom #page{width:980px; background:none; margin:0px auto; padding:0px;} .custom #header{width:980px; padding:0px; margin:0px; border:0px;} .custom #customheader{width:980px; margin:0px; padding:0px; border:0px; overflow:hidden;} .custom #content_box{width:980px; margin:0px; padding:12px 0 12px 0px; border-bottom:1px solid #a8ab3b; background:none;} .custom #footer{background:url(images/body_bg.png) repeat 0 0; height:65px; margin:0px; padding:10px 0 0 0px; border:0px; text-align:center; font:normal 12px Georgia; color:#242424; text-decoration:none;} /****** HEADER ******/ .custom .headertopbac{background:url(images/header_topbg.jpg) no-repeat top left; margin:0px; padding:0px;} .custom .callustext1{font:normal 24px Georgia; color:#fef5a3; margin:0px; padding:0px;} .custom .callustext2{font:normal 24px arial; color:#fef5a3; margin:0px; padding:0px;} .custom .followustext{font:bold 16px arial; color:#fef5a3; margin:0px; padding:0px;} /****** MENU ******/ .custom .menu{background:url(images/menu_bg.jpg) no-repeat top left; width:980px; height:40px; border:0px; margin:0px auto;} .custom ul.menu li{padding:0px 9px 0 9px; border:0px; margin:0px; background:url(images/nav_seperator.gif) right 0 no-repeat; height:40px;} .custom ul.menu li a{text-align:center; font:bold 14px Georgia; color:#FFFFFF; text-decoration:none; letter-spacing:0px; padding:0px; text-transform:none; border:0px; line-height:35px; background:none;} .custom ul.menu li a:hover{background:none; border:0px; color:#E1E1E1;} .custom .menu .current, .menu .current:hover{color:#E1E1E1;} .custom .menu .tab.current{color:#E1E1E1; } .custom .menu .current-cat > a{color:#ffffff;} .custom ul.menu li ul {margin:0px; padding:0px; background:none; border:none; width:220px; } .custom ul.menu li ul li{padding:0px; border:0px; margin:0px 0 0 0; background:none; border:none; height:30px; width:220px; display:block; float:none; border:1px solid #781C03;} .custom ul.menu li ul li a{margin:0px 0 0 0; background: #9A2408; border:none; padding:5px 10px; line-height:20px; text-align:left; display:block; width:200px; border-bottom:1px solid #781C03;} .custom ul.menu li ul li a:hover{background: #9A2408; color:#FFFFFF;} .custom .menu li:hover ul, .custom .menu a:hover ul, .custom .menu :hover ul :hover ul, .custom .menu :hover ul :hover ul :hover ul { visibility: visible; top:32px; left:0px; border:none; background:none; } .custom.menu :hover ul ul, .custom.menu :hover ul :hover ul ul { visibility: hidden; border:none; background:none; } .custom ul.menu li ul li ul {margin:0px; padding:0px; background:none; border:none; width:220px; } .custom ul.menu li ul li ul li{padding:0px; border:0px; margin:0px 0 0 0; background:none; border:none; height:30px; width:220px; display:block; float:none; border:1px solid #781C03;} .custom ul.menu li ul li ul li a{margin:0px 0 0 0; background: #9A2408; border:none; padding:5px 10px; line-height:20px; text-align:left; display:block; width:200px; border-bottom:1px solid #781C03;} .custom ul.menu li ul li ul li a:hover{background: #9A2408; color:#FFFFFF;} .custom .menu li:hover ul li:hover ul, .custom .menu a:hover ul li:hover ul, .custom .menu :hover ul :hover ul li:hover ul, .custom .menu :hover ul :hover ul :hover ul li:hover ul { visibility: visible; top:0px; left:0; border:none; background:none; } .custom.menu :hover ul ul ul, .custom.menu :hover ul :hover ul ul:hover ul ul { visibility: hidden; border:none; background:none; padding:20px;} .custom .menu ul {padding:0 0 0 0; margin:0; list-style:none;font:bold 14px Georgia; color:#FFFFFF; position:relative; z-index:200;} .custom .menu {height:40px; padding:0;} .custom .menu table {border-collapse:collapse;} .custom .menu li {float:left; padding:0 9px;} .custom .menu li li {float:none;} /* a hack for IE5.x and IE6 */ .custom .menu li a li {float:left;} .custom .menu li a {display:block; float:left; color:#ffffff; height:40px; line-height:40px; text-decoration:none; white-space:nowrap;} .custom .menu li li a {height:20px; line-height:20px; float:none;} .custom .menu li:hover {position:relative; z-index:300; } .custom .menu a:hover {position:relative; z-index:300; text-decoration:none; color:#E1E1E1;} .custom .menu :hover ul {left:0; top:22px;} /* another hack for IE5.5 and IE6 */ .custom .menu a:hover ul {left:-10px;} .custom .menu ul {position:absolute; left:-9999px; top:-9999px} /* it could have been this simple if all browsers understood */ /* show next level */ .custom .menu li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;} /* keep further levels hidden */ .custom .menu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;} /* show path followed */ .custom .menu li:hover > a {text-decoration:none; color:#E1E1E1;} /* but IE5.x and IE6 need this lot to style the flyouts*/ /* show next level */ .custom .menu a:hover a:hover ul, .custom .menu a:hover a:hover a:hover ul, .custom .menu a:hover a:hover a:hover a:hover ul, .custom .menu a:hover a:hover a:hover a:hover a:hover ul {left:0; top:-1px;} /* keep further levels hidden */ .custom .menu a:hover ul ul, .custom .menu a:hover a:hover ul ul, .custom .menu a:hover a:hover a:hover ul ul, .custom .menu a:hover a:hover a:hover a:hover ul ul {position:absolute; left:0; top:-9999px;} /****** CONTENT ******/ .custom #content{width:664px; padding:0px; margin:0px 24px 0 16px;} .custom .post_box{padding:2px 0 0 2px; margin:0px;} .custom .headline_area{padding:10px 0 0 0px; margin:0px;} .custom .headline_area h2{font:normal 22px Georgia; color:#3e3e1c; text-transform:uppercase; margin:0px; padding:0 0 15px 0px;} .custom .headline_area h1{font:normal 22px Georgia; color:#3e3e1c; text-transform:uppercase; margin:0px; padding:0 0 15px 0px;} .custom .format_text h1{font:normal 18px Georgia; color:#3e3e1c; text-transform:uppercase; margin:0px; padding:0px;} .custom .format_text p{font:normal 14px Georgia; color:#323232; line-height:20px; margin:0px; padding:0px;} .custom .format_text .text1{font:normal 16px Georgia; color:#323232; line-height:20px; margin:0px; padding:0px;} .custom .format_text .link1{font:normal 14px Georgia; color:#dc4304; text-decoration:none; margin:0px; padding:0px;} .custom .format_text .link1:hover{font:normal 14px Georgia; color:#323232; text-decoration:none; margin:0px; padding:0px;} /****** SIDEBARS ******/ .custom #sidebars{width:260px; padding:0px; margin:0px; float:left;} .custom .sidebar_list{padding:0px; margin:0px;} .custom .widget{width:250px; margin:35px 20px 0px 15px; padding:0px; background:url(images/sidebars_bg1.jpg) no-repeat 0 0; background-color:#FFF; height:auto;} .custom .sidebar ul.sidebar_list{padding:0px; margin:0px;} .custom .widget h3{font:normal 18px Georgia; color:#3e3e1c; margin:0px; padding:10px 0 0 15px; letter-spacing:0;} .custom #multimedia_box{padding:0px; margin:0px; background:none;} .custom #custom_box{padding:0px; margin:0px; background:none; border:0px;} .custom li.widget ul li{margin:0 0 0 18px; padding:5px 5px 2px 15px; background:url(images/arrow1.png) no-repeat left center;} .custom li.widget ul li a{color:#000000; font:normal 12px Georgia; color:#393c26;} .custom #text-6{background:none; margin:0px; padding:10px 0 0 0;} .custom .textwidget{width:220px; margin:0px auto; padding:0px; font:normal 12px Georgia; color:#393c26;} /****** FOOTER ******/ .custom #footer ul{height:25px;} .custom #footer ul li{display:inline; float:left; padding:0 10px 0 10px; border-right:1px solid #0A1A3B; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#242424; text-decoration:none;} .custom #footer ul li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#242424; text-decoration:none; font-weight:normal; line-height:15px; text-decoration: none; border:0px; } .custom .clear{clear:both;} .custom .footer_text{margin:0px; padding:0px;} .custom.hide_title .headline_area { display: none; } .custom .TextBox input {width:45%}