/* 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/ themes\thesis_16\custom */ /* ========================================== applies to all ============================================================================================== */ .clear { clear: both; height: 0px; padding-top: 0px; padding-bottom: 0px; } .column_bottom_header{color:#AAC555; font-family: Arial; font-weight: 600; font-size: 1.2em} .column_bottom_description{font-family: Arial; font-weight: 600; font-size: 1.2em; padding-bottom: 5px;} /* ========================================== end of applies to all ======================================================================================== */ /* ========================================== applies to other pages ====================================================================================== */ .custom #page {padding-left: 0px;} .custom #custom_logo { background:none}/* ==== over ride in .homepage ( background: )===*/ .custom #custom_logo {float: left; border: none; padding-left: 0px; padding-bottom: 0px;} .custom #custom_menu {float: right; margin-top: 15px; padding-bottom: 0px;} .custom div>#custom_menu {margin-top: 17px;}/* ====this is not seen by ie, other browsers will use it===*//* ==== over ride in .homepage ( margin-top: )===*/ .custom #the_head{background: none; padding-bottom: 0px; margin-bottom: 0px; margin-top: -3px; margin-left: -5px;} .custom div>#the_head{margin-top: -5px; margin-left: -5px;}/* ====this is not seen by ie, other browsers will use it===*/ .custom #header_contact{text-align: right; font-size: 17px; font-family: Arial; font-weight: 600;} .custom #header_contact{position: relative; left: 835px; top: -110px; color: #FFFFFF; width: 150px;}/* ==== over ride in .homepage ( color: )===*/ .custom div>#header_contact{top: -100px; }/* ====this is not seen by ie, other browsers will use it===*/ .custom #home_page{padding-top: 0px;} .custom #header{padding-bottom: 6px; padding-top: 10px; border: none;}/* ==== over ride in .homepage ( padding-bottom: )===*/ .custom div>#header{padding-bottom: 27px; padding-top: 13px;}/* ====this is not seen by ie, other browsers will use it===*/ .custom #header {display: block; height: 108px; width: 977px} .custom #header {background: url('images/other-page-header.png') no-repeat;outline: none; border: none }/* ==== over ride in .homepage ( background )===*/ .custom #content_box {display: block; width: 995px; margin-left: 0px; margin-top: -20px;} /* ==== over ride in .homepage ( margin-left: height: )===*/ .custom #content_box {color:#FFFFFF; background:none; background-color:#3B2415; outline: none;} .custom #content_box {font-size: 1.1em;} .custom div>#content_box {margin-top: 0px;} .custom #post_box {outline: none} .custom #left_main_body_column { width: 437px; height: 500px; border: none; float: left;} /* ==== over ride in .homepage (width: height: )===*/ .custom #left_main_body_column {padding-right: 10px; padding-left: 15px; padding-top: 20px} .custom #left_main_body_column {font-size: 1.3em; line-height: 25px; font-family: Arial; overflow: auto} .custom #left_main_body_content { padding-left: 2px;} /* ==== over ride in .homepage ( height )===*/ .custom #right_main_body_column { width: 527px; height: 354px; border: none; padding-top: 3px; float: right} /* ==== over ride in .homepage (width: height:)===*/ .custom #right_main_body_column {font-size: 12px; font-family: Arial} .custom #right_column_top {width: 526px; height: 354px;}/* ==== over ride in .homepage ( width )===*/ .custom #right_column_top {background: none} .custom #bottom_content { display: block; background-color:#6D7D34; text-align: center} /* ==== same location as right_column_bottom in .homepage ===*/ .custom .bottom_text_justify {text-align: left; padding-left: 65px; padding-top: 20px;} /* ==== over ride in .homepage ( padding-left ) ===*/ .custom #column_bottom_1 { width: 247px; height: 115px; border-right: 1px solid #BAC29F; float: left} /* ==== over ride in .homepage ( width )===*/ .custom #column_bottom_2 { width: 247px; height: 115px; border-right: 1px solid #BAC29F; border-left: 1px solid #BAC29F; float: left} /* ==== over ride in .homepage ( width )===*/ .custom #column_bottom_3 { width: 247px; height: 115px; border-right: 1px solid #BAC29F; border-left: 1px solid #BAC29F; float: left} /* ==== over ride in .homepage ( width )===*/ .custom #column_bottom_4 { width: 247px; height: 115px; border-left: 1px solid #BAC29F; float: left} /* ==== over ride in .homepage ( background )===*/ .custom #text_custom_footer {color: #000000;} .custom #text_custom_footer {padding-top: 7px; float: left; width: 940px;} .custom #text_custom_footer {text-align: center;font-size: 1.2em; font-family: Arial; font-weight: 500} .custom #copyright_custom_footer {color: #000000;} .custom #copyright_custom_footer {padding-top: 7px; float: left; width: 940px;} .custom #copyright_custom_footer {text-align: center; font-size: 1.2em; font-family: Arial; font-weight: 500} .custom #footer {display: block; height: 65px; width: 978px} .custom #footer {background: url('images/homepage_footer.png') no-repeat; outline: none; border: none; } .custom #floating_text {display: block; height: 0px; width: 350px} /* ==== over ride in .homepage ( width )===*/ .custom #floating_text { position: relative; left: 600px; top: 250px; z-index:2} /* ==== over ride in .homepage ( left: top: )===*/ .custom #floating_text { text-align: right; font-size: 1.6em; padding-right: 10px; padding-top: 10px;} .custom #floating_text {background: none} .custom #small_facebook {display: none; height: 36px; width: 34px;} /* to restore, change display from none to block */ .custom #small_facebook { position: relative; top: 1px; left:1px; z-index:2; float: right} .custom #small_facebook {background: url('images/facebook_footer.png') no-repeat; outline: none; border: none;} /* ==== over ride in .homepage ( background )===*/ .custom #small_pia {display: block; height: 40px; width: 70px} .custom #small_pia {float: left; position: relative; z-index:3; margin-top: -13px; margin-left:-943px;} .custom div>#small_pia {margin-top: -3px; margin-left:-940px;}/* ====this is not seen by ie, other browsers will use it===*/ .custom #small_pia {background: url('images/small_pia_footer.png') no-repeat; outline: none; border: none;} /* === nav menu customization === */ /* nav menu */ .custom .menu {border-color:#8CA143; border-bottom: 0px;} /* ==== over ride in .homepage ( border-color )===*/ .custom .menu {height: 39px; width: 730px; margin-top: 70px; margin-left: 240px} /* ==== over ride in .homepage ( margin-top: margin-left: )===*/ .custom .menu {font-family: Arial; line-height: 10px; font-weight: 600;} /* nav menu link */ .custom .menu a{background-image: url(images/menu_other_item_background.png); background-repeat: repeat-x; border-color:#8CA143} /* ==== over ride in .homepage ( border-color: background-image:)===*/ .custom .menu a{height: 23px; float: left}/* the float is for i.e */ .custom .menu a{ letter-spacing:-1px; line-height: 24px; font-size: 1.3em; color: #FFFFFF} /* ==== over ride in .homepage ( font-size: color: )===*/ .custom .menu a{text-transform: capitalize;} /* nav menu link item */ .custom .menu li {text-transform: capitalize;} /* nav menu behaviour */ .custom .menu a:hover, .custom .menu .current ul a:hover, .custom .menu .current-cat ul a:hover, .custom .menu .current-parent a:hover { background-image: url(images/other-page-hover.png); background-repeat: repeat-x; color: #FFFFFF; border-color:#8CA143 } /* ==== over ride in .homepage ( background-image: color:)===*/ .custom .menu ul a {background:transparent; color: #EEEEEE; background-image: url(images/other-page-clear-dropdown.png); background-repeat: repeat-x; } /* ==== over ride in .homepage ( color: background-image:)===*/ .custom .menu ul a {border-left: 0px; border-right: 0px;border-bottom: 1px; border-color:#8CA143} /* ==== over ride in .homepage ( border-color: )===*/ .custom .menu li > ul {margin-top: 40px} /* ==== opera requires this===*/ .custom .menu .current a:hover, .custom .menu .current-cat a, .custom .menu .current-cat a:hover { color: #FFFFFF; background: #6D7D34; } /* ==== over ride in .homepage ( color: background: )===*/ /* ========================================== end of applies to other pages =======================================================================================*/ /* ========================================== applies to home page ============================================================================================== */ .homepage #page {padding-left: 0px;} .homepage #custom_logo {height: 130px; width: 245px; background-color:#FFFFFF;} .homepage #custom_logo {float: left; border: none; padding-left: 0px; } .homepage #custom_menu {margin-top: 3px;} .homepage div>#custom_menu {margin-top: 2px;}/* ====this is not seen by ie, other browsers will use it===*/ .homepage #header{padding-bottom: 0px;} .homepage div>#header{padding-bottom: 27px;}/* ====this is not seen by ie, other browsers will use it===*/ .homepage #header {background: url('images/homepage_header.png') no-repeat;} .homepage #header_contact{color: #111111; top: -120px;} .homepage div>#header_contact{top: -100px;}/* ====this is not seen by ie, other browsers will use it===*/ .homepage #content_box {margin-top: -17px; display: block; height: 485px; width: 995px; margin-left: 1px; border:none; } .homepage div>#content_box {margin-top: 0px;}/* ====this is not seen by ie, other browsers will use it===*/ .homepage #left_main_body_column { width: 230px; height: 465px; border: none; float: left;} .homepage #left_main_body_content {height: 400px} .homepage #left_main_body_facebook {height: 50px; display: none;} .homepage #right_main_body_column { width: 737px; height: 465px; border: 0px; padding-top: 7px; float: right} .homepage #right_column_top {width: 734px; height: 354px;} .homepage #right_column_bottom { display: block; background-color:#6D7D34; text-align: center } .homepage .bottom_text_justify {text-align: left; padding-left: 30px; padding-top: 20px;} .homepage #column_bottom_1 { width: 181px; height: 115px; border-right: 1px solid #BAC29F; float: left} .homepage #column_bottom_2 { width: 181px; height: 115px; border-right: 1px solid #BAC29F; border-left: 1px solid #BAC29F; float: left} .homepage #column_bottom_3 { width: 181px; height: 115px; border-right: 1px solid #BAC29F; border-left: 1px solid #BAC29F; float: left} .homepage #column_bottom_4 { width: 181px; height: 115px; border-left: 1px solid #BAC29F; float: left} .homepage #floating_text {width: 500px} .homepage #floating_text {position: relative; left: 450px;top: -240px} .homepage #small_facebook {display: none;} /* to restore, change display from none to block */ /* ==== nav menu customization === */ /* nav menu */ .homepage .menu {border-color:#C5CCAF; border-bottom: 0px} .homepage .menu {height: 39px; width: 730px; margin-top: 75px; margin-left: 0px} /* nav menu link */ .homepage .menu a{background-image: url(images/menu_home_item_background.png); background-repeat: repeat-x; border-color:#C5CCAF} .homepage .menu a{ letter-spacing:-1px; line-height: 24px; font-size: 1.3em; color: #111111} /* nav menu behaviour */ .homepage .menu a:hover, .homepage .menu .current ul a:hover, .homepage .menu .current-cat ul a:hover, .homepage .menu .current-parent a:hover { background-image: url(images/home-page-hover.png); background-repeat: repeat-x; color: #000000; border-color:#8CA143; border-bottom: 1px } .homepage .menu ul a {background:transparent; color: #111111; background-image: url(images/home-page-clear-dropdown.png); background-repeat: repeat-x; border-bottom: 1px; border-color:#ECEAE8 } .homepage .menu .current a, .homepage .menu .current a:hover, .homepage .menu .current-cat a, .homepage .menu .current-cat a:hover { color: #000000; background: #FFFFFF; } /* ========================================== end of applies to home page ========================================================================================= */