/* 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/ */ /* begin added by Daniel from AHTJSC */ body { background: #48494A url(images/main-bg.jpg) repeat-y center; } .wrapcenter { } .center { background: url(images/bg_toppage.png) no-repeat top center; _background-image: none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled='true',src='http://aht.homelinux.com/aht330_thesis/wp-content/themes/thesis_151/custom/images/toper.png',sizingMethod='crop'); float:left; width:1024px; } .center #wraper { background:transparent url(images/bg_wraper.png) repeat-y scroll center center; _background-image: none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://aht.homelinux.com/aht330_thesis/wp-content/themes/thesis_151/custom/images/bg_wraper.png'); text-align:center; width:1024px; } #container { width:902px; } #page { margin-top:0px; padding:0px; } #header { border-bottom:none; margin:0; width:902px; } #header, #footer { padding-left:0; padding-right:0; } #header-logo{ height:78px; float:left; margin:8px 0px 0px 50px; } #elephant_header{ float:left; width:902px; height:204px; background: url(images/logo.gif) no-repeat; } #navigation{ clear:both; height:25px; margin:0; padding:0; width:898px; } .menu{ background:transparent url(images/bg_menu.gif) repeat-x; font-size:0.85em; height:34px!important; left:25px!important; width:902px!important; float:left; } #om4-aweber-466908291{ height:122px; } .sidebar_3{ } .sidebar_3 .sidebar_list{ } #parent-36{ margin-left:40px; } /* Root = Horizontal, Secondary = Vertical */ ul#tabs { margin: 0; border: 0 none; padding: 0; width: 898px; /*For KHTML*/ list-style: none; height: 32px; } ul#tabs li { color: #ffffff; background:transparent; margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 32px; } ul#tabs ul { color: #ffffff; margin: 0; border: 0 none; padding: 0; width: 204px; list-style: none; display: none; position: absolute; top: 32px; left: 0; background: transparent url(images/bg_child_title.gif) repeat-x left bottom; } .menu ul li ul { background: transparent url(images/bg_child_title.gif) repeat-x left bottom; float:left; width:180px; } .menu ul li ul li { background: transparent url(images/bg_child_title.gif) repeat-x left bottom; border-bottom:1px solid #191A1C; display:block !important; float:left; height:28px; width:180px; } .menu ul ul a { color:#FFF!important; font-weight:bold!important; } ul#tabs ul:after, .menu ul:after /*From IE 7 lack of compliance*/{ color: #ffffff; clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#tabs ul li { color: #ffffff; width: 210px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ height: 32px; border-bottom: 1px solid #7bb9cc; } .menu ul li { border:0 none; display:inline; float:left; height:32px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:relative; text-align:left; } .menu ul li ul li a{padding:0px 15px;} .menu ul ul, .menu ulul li { background: transparent url(images/bg_child_title.gif) no-repeat; width:180px; text-align:left; } /* Root Menu */ ul#tabs a, .menu a { -x-system-font:none; background:transparent none repeat scroll 0 0; border-right:1px solid #000000; color:#FFFFFF; display:block; float:none !important; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; height:auto !important; line-height:22px; padding:5px 15px; text-decoration:none; text-transform:uppercase; } /* Root Menu Hover Persistence */ ul#tabs a:hover, ul#tabs li:hover a, ul#tabs li.iehover a, .menu a:hover, .menu li:hover a, .menu li.iehover a { background: transparent url(images/navigatonHover.gif) repeat-x left top; color: #FFF; } /* 2nd Menu */ ul#tabs li:hover li a, .menu li:hover li a, ul#tabs li.iehover li a, .menu li.iehover li a { float: none; background: none; color: #fff; border-right: none; font: normal 12px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: none; } /* 2nd Menu Hover Persistence */ ul#tabs li:hover li a:hover, ul#tabs li:hover li:hover a, ul#tabs li.iehover li a:hover, ul#tabs li.iehover li.iehover a, .menu li:hover li a:hover, .menu li:hover li:hover a, .menu li.iehover li a:hover, .menu li.iehover li.iehover a { background: transparent url(images/bg_child_title.gif) repeat-x left top; color: #FFF; } /* 3rd Menu */ ul#tabs li:hover li:hover li a, ul#tabs li.iehover li.iehover li a { background: #EEE; color: #666; } /* 3rd Menu Hover Persistence */ ul#tabs li:hover li:hover li a:hover, ul#tabs li:hover li:hover li:hover a, ul#tabs li.iehover li.iehover li a:hover, ul#tabs li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF; } ul#tabs ul ul, ul#tabs ul ul ul { display: none; position: absolute; top: 0; left: 160px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#tabs li:hover ul ul, ul#tabs li:hover ul ul ul, ul#tabs li.iehover ul ul, ul#tabs li.iehover ul ul ul { display: none; } ul#tabs li:hover ul, ul#tabs ul li:hover ul, ul#tabs ul ul li:hover ul, ul#tabs li.iehover ul, ul#tabs ul li.iehover ul, ul#tabs ul ul li.iehover ul { display: block; } #footer { background-color:#3D3D40; border-top:medium none; padding:24px 0px 10px 0px; text-align:center; width:902px; color:#FEFEFF; font-size:25px; } #footer ul { width: 898px; text-align: center; } #footer p { clear: both; font-size: 12px; color: #0a3f6b; padding: 20px 0px 0px 0px; } #footer a { color:#0A3F6B; border:none; } #content_box { clear: both; background:#ffffff url(images/bg_content.gif) repeat-x bottom; width: 902px; margin: 0; overflow:hidden; height:100%; } #sidebars { width:252px; float:left; background:url(images/bg_slidebar_right.gif) repeat-y; } #content { width:650px; font-family:Arial,Verdana,Helvetica,sans-serif; text-align:left; } #content_box .child_page{ padding-left:20px; } .no_sidebars #content{ width:100%!important; } .post_box { padding-bottom:10px; padding-top:0; } /* end added by Daniel from AHTJSC */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* hack to correct IE5.5 faulty box model */ * html .menu {width:902px;} /* remove all the bullets, borders and padding from the default list styling */ .subMenu ul {padding:0;margin:0;list-style-type:none;} .menu ul {padding:0;margin:0;list-style-type:none;} .subMenu ul, .menu ul ul {width:auto;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;width:auto;position:relative;padding:0 10px 0 0; font-weight: bold;} .subMenu li {float:left;width:auto;position:relative;padding:5px 10px 0 0; font-weight: bold;} .subMenu li:first-child {padding-left: 5px;} .subMenu li.current_page_item { font-weight: normal !important; } /* style the links for the top level */ .current_page_item a{ color:#75A4CD!important; } .menu a{padding:5px 30px;} .menu a, .menu a:visited { -x-system-font:none; background:transparent none repeat scroll 0 0; border-right:2px solid #000000; color:#FFFFFF ; display:block; float:none !important; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:15px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:22px; text-decoration:none; text-transform:uppercase; } a#parent-10 { border-right:none; } .subMenu a, .subMmenu a:visited { display:block; font-size:11px; text-decoration:none; color:#d8c779; width:auto; height:20px; border:0px solid #000; border-width:0; padding-left:5px; padding-right:0px; line-height:20px; } #fwidget-1 a ,#fwidget-2 a,#fwidget-3 a{ color:#FFFFFF; float:left; font-size:16px; font-weight:bold; margin:0; padding:0 0 10px; text-transform:uppercase; width:100%; } .fwidget-readmore, .more-link { height:18px !important; margin:0; padding:0 20px 0 0 !important; width:auto !important; color:#FFFFFF; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:12px !important; font-weight:bold; line-height:normal; text-decoration:none; text-transform:uppercase; } .fwidget-readmore:hover, .more-link:hover { text-decoration:underline; } .widget_sideposts a.more-link { background:transparent url(images/readmore02.gif) no-repeat right center; text-indent:-9999px; width:198px!important; height:42px!important; margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:0; } #stnl_submit { background:transparent url(images/btnBg.gif) no-repeat scroll left top; border:medium none; color:#FFFFFF; cursor:pointer; font-size:13px; font-weight:bold; height:26px; text-transform:uppercase; width:97px; } /* a hack so that IE5.5 faulty box model is corrected */ /* * html .menu a, * html .menu a:visited {width:149px; width:138px;} */ /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited {background:transparent url(images/drop.gif) bottom right repeat-x;} /* style the second level hover */ .menu ul ul a.drop:hover{background:transparent url(images/drop.gif) bottom right repeat-x;} .menu ul ul :hover > a.drop {background:transparent url(images/drop.gif) bottom right repeat-x;} /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited {background:transparent;} /* style the third level hover */ .menu ul ul ul a:hover {background:transparent;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul { background:#BCF4FD url(images/navigatonSubBg.gif) repeat-x scroll left bottom; visibility:hidden; position:absolute; /*height:0;*/ top:31px; left:0; width:181px; border-top:0px solid #000; } /* another hack for IE5.5 */ * html .menu ul ul {top:30px;top:31px;} /* position the third level flyout menu */ .menu ul ul ul{left:149px; top:-1px; width:auto;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-149px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited { -x-system-font:none; background:transparent none repeat scroll 0 0; border-right:medium none; color:#666666; float:none; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:28px !important; height:30px; text-transform:none; } /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited { width:150px; } /* style the top level hover */ .menu a:hover { background:transparent url(images/bg_child_title.gif) no-repeat; color:#75A4CD!important; } .menu ul ul a:hover { color:#75A4CD!important; background:transparent url(images/bg_child_title.gif) no-repeat; /*background:transparent; */ } /* .menu :hover > a, .menu ul ul :hover > a {color:#d8c779;background:#190107;} */ .menu :hover > a, .menu ul ul :hover > a { /* background: transparent; */ } /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} /* for footer box */ .fwidget { clear:both; font-size:12px; margin:0; overflow:hidden; width:100%; position:relative; } .fwidget-child { display:inline!important; float:left; height:150px; margin:0 20px 0 0; overflow:hidden; padding:10px; position:relative; width:178px; } .fwidget-child p{ clear:both; float:left; width:100%; } #fwidget-1 { background:transparent url(images/sidepostbg-01.gif) no-repeat scroll left top; margin-left:10px; display:inline!important; float:left; } #fwidget-2 { background:transparent url(images/sidepostbg-02.gif) no-repeat scroll left top; } #fwidget-3 { background:transparent url(images/sidepostbg-03.gif) no-repeat scroll left top; } .logo_footer{ background:transparent url(images/red_elephant_music_footer.gif) no-repeat center center; width:170px; height:24px; margin-left:360px; _margin-left:0px; #margin-left:0px; } #flinks { text-align:center; } #list-flinks { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; width:898px; } .page-item-41 { display:inline; } .comments_closed {display:none} #list-flinks li { display:inline; margin:0; padding:0; } #list-flinks li a { color:#D91D24; font-size:12px; padding:0 10px; text-decoration:none; } #list-flinks li:first-child a { background:transparent none repeat scroll 0 0; } #list-flinks .page-item-41 a{ background:transparent none repeat scroll 0 0; } /* for footer links */ #flinks p{ color:#FFFFFF; font-family:arial; font-size:12px; padding:0 0 0; } .headline_area{ margin-bottom:0.2em!important; margin-top:10px!important; } #post-23 .headline_area { display:none; } .domtabs { } ul.domtabs { float:left; text-align:left; } ul.domtabs li{ background:#dddddd none repeat scroll 0 0; border:1px solid #6DA8C6; display:inline; padding:0 5px; white-space:nowrap; z-index:2; float:left; height:25px; width:auto !important; line-height:25px; margin-right:5px; } ul.domtabs li.active{ background:#005C97 none repeat scroll 0 0; display:inline; white-space:nowrap; } ul .domtab a{font-style:normal;} ul.domtabs li.active a{color:#fff;} ul.domtabs li a{ color:#666;font-style:normal;} .domtab .contenttab { border:1px solid #6da8c6; float:left; width:96%; background:#ffffff; padding-bottom:10px; } .domtab .contenttab ul { float:left; padding-left:10px; } .domtab .contenttab ul li { border-bottom:1px solid #000; float:left; text-align:left; padding:10px 0; width:317px !important; } #sidebar_1, #sidebar_2, .sidebar_3 { clear:both; display:inline; float:left; padding:0; z-index:12; margin-bottom:15px; } #sidebar_1 h3{display:none;} #sidebar_1 .sidebar_list li.widget{ /* background:transparent url(images/slide_bar_bg.gif) repeat-y scroll center; */ clear:both; display:inline; float:left; } .sidebar_3 .sidebar_list li{ /*background:transparent url(images/slide_bar_bg.png) repeat-y scroll center;*/ display:inline; float:left; margin-top:5px; float:left; width:100%; } .sidebar_3 .sidebar_list li h2, .sidebar_3 .sidebar_list li ul{ } .sidebar_3 .sidebar_list li ul li{ width:90%; } .sidebar_3 .sidebar_list li .contenttab ul li a{ text-decoration:underline; } .sidebar_3 .sidebar_list li .contenttab ul li a:hover{ text-decoration:underline; color:#666666; } .sidebar_3 .sidebar_list li .textwidget{ font-style:normal; color:#555555; font-family:arial; font-size:12px; } .sidebar_3 .sidebar_list li .textwidget h2{ color:#000; line-height:30px; } .sidebar_3 .sidebar_list li .textwidget{ /* background:transparent url(images/slide_bar_top_bar3.png) no-repeat scroll center bottom; */ width:350px; text-align:left; } .column { float: left; } .child_page .textwidget{text-align:left;} #sidebar_1 h3 { border-bottom:1px solid #58595B; font-family:georgia !important; font-size:14px; font-weight:bold; margin-left:30px; margin-right:16px; font-variant:normal; } input.form_submit:hover{ color:#D21C23!important; } #sidebar_1 ul.sidebar_list { width:252px; text-align:left; height:227px; } #sidebar_2 h2, #om4-aweber-466908291 h2{ display:none; } .format_text{ margin-top:12px; } #sidebar_2, #om4-aweber-466908291{ background:transparent url(images/bg_send_info.gif) no-repeat scroll center top; margin-top:20px; width:282px; } #om4-aweber-466908291 { margin-top:35px; } #om4-aweber-466908291 ul.sidebar_list { background:none; } #sidebar_2 .sidebar_list label, #form_sub label{ background-color:#8D8E92; color:#FFFFFF; display:block; font-family:verdana; font-size:13px; height:18px; margin-right:-3px; padding-left:15px; text-transform:inherit; width:56px; border:1px solid #000000; } #form_sub #aweber_466908291-email,#form_sub #aweber_466908291-name {height:18px;border:1px solid #58595B;} .format_text img.left, .format_text img.alignleft, .wp-caption.alignleft{ margin:0px!important; } .e_text{ background:transparent url(images/e_text.png) no-repeat scroll center top; height:109px; margin:73px 0 0 38px; width:405px; float:left; } #sidebar_2 .sidebar_list input, #om4-aweber-466908291 .sidebar_list input{ background: transparent url(images/button_send_me.gif) no-repeat center center; border:0px; width:211px; height:24px; } #sidebar_2 .sidebar_list #aweber_466908292-email, #sidebar_2 .sidebar_list #aweber_466908292-name{ background: #FFFFFF; width:139px; #width:140px!important; height:12px; margin-bottom:2px; font-family:arial; font-size:10px; } #aweber_466908291-email,#aweber_466908291-name { background: #FFFFFF!important; width:139px!important; #width:140px!important; height:18px!important; margin-bottom:2px; font-family:arial; font-size:10px; text-indent:0px !important; border:1px solid #58595B; } #sidebar_2 ul.sidebar_list, #om4-aweber-466908291 ul.sidebar_list{ margin:-50px 15px 32px 18px; #margin:-65px 15px 32px 18px;; } #om4-aweber-466908291 .textwidget { padding-left:5px; } #om4-aweber-466908291 input { text-indent:-9999px; } .textwidget, .execphpwidget, #quotescollection_randomquote-0 { /* background:transparent url(images/slide_bar_bottom.jpg) no-repeat scroll -2px bottom; */ color:#FF3300; font-style:italic; height:100%; overflow:hidden; line-height:14px; margin-top:5px; } #quotescollection_nextquote-0 {display:none;} /* for test */ #text-2 { display:none; } /* for test */ #execphp-3{ background: url(images/testimonials.gif) no-repeat; width:230px; height:510px; margin-left:13px; padding-top:70px; } #execphp-3 h3{display:none;} #execphp-3 hr{ width:223px; height:2px; background:#A7A9AC; margin:10px 0px; color:#A7A9AC; } #execphp-3 .testimonial{ color:#0D6DAE; font-size:11px; line-height:16px; padding:0 10px; } li.widget { margin-bottom:0px; } li.widget_text{padding-left:15px;} li.widget ul li { margin-bottom:0px; } .sidebar ul.sidebar_list { padding-left:0; padding-right:0px; } #form_sub input { padding:0px; text-indent:-9999px; } #form_sub input#aweber_2-name, #form_sub input#aweber_2-email { text-indent:0px; } .sidebar ul.sidebar_list #shiftthis-f1 { color:#47484A; font-size:16px; font-weight:bold; padding-bottom:20px; text-transform:uppercase; margin:0px; } .fontBig { color:#00AEF0; font-size:24px; } .subscribeform label { color:#3B3C3D; font-size:13px; margin:0; padding:0; text-transform:none; width:173px; font-weight:bold; } input:focus, textarea:focus { background-color:#FFFFFF; } input, textarea { background-color:#FFFFFF; border:1px solid #AACFED; } #form_sub{ background: transparent url(images/bg_subscribe.gif) no-repeat; height:102px; margin:0px 0px 25px 10px; padding:10px 10px 0; width:232px; } .aweber_msg { color:#030000; font-family:arial; font-size:11px; font-weight:bold; margin-top:10px; padding-bottom:5px; text-transform:uppercase; text-align:center; } li.widget_aweber input[type="submit"]{ border: medium none ; background: transparent url(images/btnBg.gif) no-repeat scroll left top; color: rgb(255, 255, 255); cursor: pointer; font-size: 13px; font-weight: bold; height: 21px; margin:16px 5px 0 0; text-transform: uppercase; width: 139px; float:right; } #form_sub .submit{ border: medium none ; background: transparent url(images/btnBg.gif) no-repeat !important; color: rgb(255, 255, 255); cursor: pointer; font-size: 13px; font-weight: bold; height: 21px; margin:16px 5px 0 0; text-transform: uppercase; width: 139px; float:right; } li#li-4 ul li a { padding:0px 15px; } li#li-4 ul, li#li-4 ul li { background: transparent url(images/bg_child_title.gif) no-repeat; width:197px; _width:180px; height:30px; text-align:left; } .headline_area h1 { display:none; } .headline_area h1.entry-title { display:block; } li#li-23 { padding-left:10px; } #photo li{ border:1px solid #888888; padding:5px; width:70px; } #photo li img{ width:70px; height:70px; } #quotescollection_randomquote-0 q{ background: transparent url(images/bg_quote.png) no-repeat; height:50px; float:left; line-height:15px; padding-left:49px; padding-top:10px; width:302px; color:#fff; } .quotescollection_author{ color:#0D278A !important; font-size:13px; font-style:normal; font-weight:bold; margin-right:15px; } #categories-2, .widget_categories{ margin:20px 0px; } .widget_categories ul li ul li{padding:5px 0px 5px 20px;} #twitter_icon { background-image:url(images/twitter.png); background-repeat:no-repeat; height:32px; float:left; width:45px; } #tweet_top { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(images/twitter_roundtop.png) no-repeat scroll 0 0; height:6px; margin-left:45px; width:290px; } #tweet { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#333333 none repeat scroll 0 0; color:#F1F1F1; font-size:12px; line-height:14px; margin-left:45px; padding:4px 10px; width:270px; } #tweet li{ float:none; } #tweet_bot { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(images/twitter_roundbot.png) no-repeat scroll 0 0; height:6px; margin-left:45px; width:290px; } #follow { clear:both; float:right; color:#0D278A !important; font-size:13px; font-style:normal; font-weight:bold; margin:15px 15px 0px 0px; } #flickr { } #flickr img { border:1px solid #888888; margin:3px; padding:3px; width:70px; } .footer-widgettitle{ font-size:18px; font-weight:bold; color:#000; } .teaser { width:100%; padding-top:25px; } .teasers_box { width:495px; border-top:none medium; padding-bottom:0; padding-top:0; } .teaser .format_teaser { margin-bottom:0; }.block{overflow:hidden !important;}