/* 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/ */ /* Background */ body.custom { background:#000000 url('images/bg.png') fixed repeat; } /* Header */ .custom #header #logo { text-indent: -9999px; } .custom #header #logo a { background:transparent url(images/logo.png) no-repeat scroll 0 0; display:block; float:left; height:316px; margin-bottom:0; margin-left:-12px; margin-top:-15px; position:relative; text-align:center; width:289px; } /* Tagline */ .custom #tagline { background:transparent none repeat scroll 0 0; text-indent: -9999px; line-height: 0px; margin-top: -5px; width: 5px; height: 5px; } .custom #title_area { background:#111111 none repeat scroll 0 0; border-bottom:1px solid #333333; border-top:1px solid #333333; height:305px; margin-top:-2px; padding:1em 0; } /* Nav Area Styling */ .custom #nav_area ul {border-bottom:none; border-left:none;} .custom #nav_area ul li {border-width:0; margin-bottom:0; padding-bottom:0; background:none;} .custom #header {border-bottom:none;} .custom #header_area{display:none;} .custom #nav_area {background:#000000; padding:0.5em 0; border-bottom:0px solid #0f6b00;} .custom #nav_area ul {border-bottom:none; border-left:none;} .custom #nav_area ul li {border-width:0; margin-bottom:0; padding-bottom:0; background:none;} .custom #header {border-bottom:none;} /* Menu Tabs */ .custom .menu { margin-left:-10px; } .custom .menu a { margin-left:10px; } /* Sidebars */ .custom #sidebar_1 { background:#FFFFFF none repeat scroll 0 0; border:0 none; margin-left:5px; margin-top:0px; } /* Headlines and titles */ .custom .headline_area h1, .headline_area h2 { background:transparent none repeat scroll 0 0; color:#111111; font-size:42px; line-height:1.364em; margin-left:-21px; margin-right:-25px; margin-top:-25px; padding:10px 20px; text-align:left; text-shadow:2px 2px 7px; } .home h1, h2, h2 a { color:#111111; } .custom h1 { color:#111111; } .custom .format_text h2, .format_text h3 { color:#111111; } .custom h1 a { color:#111111; } .custom .headline_meta { font-size:11px; margin-top:5px; } .custom .headline_meta span, .headline_meta abbr { color:#111111; font-style:normal; letter-spacing:1px; } .custom a:hover { border-bottom:0 solid #FF0099; color:#33CCFF !important; text-decoration:none; } /* Feature box and Slider */ .custom #feature_box { background:transparent none repeat scroll 0 0; border:0 none; float:right; margin-bottom:-10px; margin-right:10px; margin-top:-318px; padding-left:1.1em; padding-right:1.1em; width:450px; } .sldrlink a { display:none; } /* Other Widget Areas */ #adspacewidget { float:right; height:125px; margin-right:-22px; margin-top:-20px; width:450px; } #adspacewidget2 { height:92px; margin-left:-10px; margin-top:-102px; padding:0; width:877px; } /* Styles Custom Header Widgets */ #googlewidget { background:transparent none repeat scroll 0 0; float:left; font-size:10px; height:240px; margin-bottom:25px; margin-left:-9px; margin-top:0; width:500px; } #googlepostwidget { float:left; height:55px; margin-bottom:25px; margin-left:60px; margin-top:5px; } #2leepwidget { float:left; height:200px; margin-bottom:25px; margin-left:-27px; margin-top:0; width:500px; } #googlewidget h3 { padding-top:0px; } #googad1 { float:left; margin-left:20px; margin-bottom:20px; } #statsbox { margin-left:18px; height:120px; padding:2px; } .custom .sidebar h3 { color:#111111 !important; font-size:17px; font-weight:bold; line-height:10px; margin-bottom:4px; margin-left:10px; margin-top:0; padding-top:0; } /* Page & Content */ .custom #content_box { background:transparent; margin-bottom:20px; margin-top:10px; } .custom #content { background:transparent; margin-left:-10px; padding-left:0px; } .custom .post_box { background:#FFFFFF none repeat scroll 0 0; margin-bottom:20px; padding:2.2em; width:635px; border:medium none; text-align:justify; } .custom .full_width > .page { background:transparent none repeat scroll 0 0; } .custom #footer_area .page { padding-bottom:65px; background:#000000; } /* Header Content Widget */ #adspacewidget { display:block; float:right; height:360px; margin-bottom:0; margin-right:-10px; margin-top:-51px; width:450px; } .home #adspacewidget { display:none; } #googles { display:block; float:right; font-size:14px; height:16px; margin-right:-5px; margin-top:-13px; padding:0; } /* Footer Sidebar */ .custom #footerbar { display:block; padding-left:1.1em; padding-right:1.1em; } .custom #footerwidgets div.col { background:transparent none repeat scroll 0 0; border:7px solid transparent; color:#ffffff !important; float:left; margin:0px 23px 0 -6px; padding:0; text-align:left; width:195px; } .custom #footerwidgets div.col h3 { border-bottom:2px dotted #777777; color:#FFFFFF; font-size:22px; margin-bottom:5px; padding-bottom:10px; text-shadow:2px 2px 10px; } .custom #footerwidgets div.col a { color:#33CCFF; } .custom #footerwidgets div.col a:hover { color:#ff29d4 !important; } #footerwidgets li.widget ul li { border-bottom:1px dotted #333333; margin-bottom:7px; padding-bottom:2px; } /* Footer Styling */ .custom #footer a:hover { color:#ffffff; } .custom #footer_area { background:#000000 none repeat scroll 0 0; border-top:1px solid #222222; padding:5px 0; margin-top:20px; margin-bottom:0px; } .custom #footer {border-top:0;} /* Styles Left & Right Footer Info */ #footerleft { float:left; font-size:12px; color:#555555; padding:2px; line-height:14px; margin-top:20px; padding-bottom:20px; text-align:left; margin-left:-13px; } #footerright { float:right; font-size:12px; color:#555555; padding:2px; line-height:14px; margin-top:20px; padding-bottom:20px; margin-right:3px; } /* Comments Styling */ .custom #comments { background:#FFFFFF none repeat scroll 0 0; margin-left:11px; margin-right:2.3em; margin-top:-64px; padding:0px 2.3em 0; width:633px; } .custom .comments_intro p { display:block; font-size:12px; height:40px; line-height:2.833em; margin-top:30px; padding-top:18px; text-align:left; width:320px; } .custom .prev_next { border-width:0; font-size:13px; margin-bottom:-15px; margin-top:0px; } .custom #respond_intro p { border-top:medium none; color:#000000; font-size:25px; line-height:1.294em; padding-top:40px; text-shadow:1px 1px 5px; } .custom #commentform { border-top:medium none; } /* Hides Comments Closed Statement */ .custom .format_text .to_comments { display:none; } .custom .comments_closed p { display:none; } /* Fixes final tab for ie */ .custom .menu .tab-4 a { width:45px; } /* Theme chooser styling */ .flavour_styleswitcher { display:block; height:16px; margin-top:0px; padding-left:528px; } #switchers { margin-top:-5px; } .flavour_styleswitcher h3 { color:#FFFFFF; display:block; font-size:14px; height:10px; margin-bottom:-30px; margin-left:-67px; padding-top:6px; } #switcher_1 a { background:#000000 url(images/style1.jpg) no-repeat scroll 0 50%; float:left; height:16px; line-height:30px; margin-right:5px; margin-top:0; padding:7px; width:17px; border:1px solid #333333; } #switcher_2 a { background:#000000 url(images/style2.jpg) no-repeat scroll 0 50%; float:left; height:16px; line-height:30px; margin-right:5px; margin-top:0; padding:7px; width:17px; border:1px solid #333333; } #switcher_3 a { background:#000000 url(images/style3.jpg) no-repeat scroll 0 50%; float:left; height:16px; line-height:30px; margin-right:5px; margin-top:0; padding:7px; width:17px; border:1px solid #333333; } #switcher_1 a:hover { background:#666666 url(images/style1h.jpg) no-repeat scroll 0 50%; border:1px solid #ffffff; } #switcher_2 a:hover { background:#666666 url(images/style2h.jpg) no-repeat scroll 0 50%; border:1px solid #ffffff; } #switcher_3 a:hover { background:#666666 url(images/style3h.jpg) no-repeat scroll 0 50%; border:1px solid #ffffff; } /*--- :[ custom teasers ]: ---*/ .custom .teasers_box { background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC !important; margin:0 0 20px 10px; padding:2.2em 0 2.2em 13px; width:665px; } .custom .teaser { background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; margin-left:0; margin-right:13px; padding-left:10px; padding-right:8px; padding-top:6px; width:296px; height:321px; } .custom .teaser h2 { font-size:17px; line-height:1.375em; text-align:left; padding:4px; } .custom .teaser .format_teaser .post_image_link img.alignleft { margin-bottom:0; margin-right:0.75em; margin-top:-10px; padding:4px; } .custom .teaser .format_teaser { font-size:1.2em; line-height:1.5em; margin-bottom:1.5em; margin-top:1.5em; padding:5px; } .custom .teaser .teaser_author { font-size:1em; line-height:1.6em; padding-left:8px; } .custom .teaser .teaser_link { font-size:16px; line-height:30px; margin-bottom:10px !important; padding:5px; display:none; } /* Teaser Titles */ .custom .teaser h2 a { color:#111111 !important; font-size:17px; line-height:1.375em; padding:5px; text-shadow:2px 2px 4px; } .custom .teaser h2 a:hover { color:#3399FF !important; line-height:1.375em; } .custom .top { border:0px solid #CCCCCC; } .gbcshop .post_box { background:#FFFFFF none repeat scroll 0 0; margin-bottom:75px; padding:2.2em; width:856px; } /* Shop Code */ #amazonshop { margin-left:25px; margin-top:-20px; } /* Author Bios */ #authorlinks { float:left; width:300px; } #authorinfluence { float:right; width:300px; } /* Optin Box */ .sidebarbox1, #optinbox { background:transparent url(images/optinbox.png) no-repeat scroll 10px 10px; color:#FFFFFF; font-size:14px; height:236px; line-height:15px; margin-bottom:-42px; margin-left:-8px; margin-top:-33px; padding:70px 20px 0 8px; text-align:center; width:100%; } #optintext { padding:0 7px 7px; width:186px; } .sidebar input[type="submit"] { background:#3399FF none repeat scroll 0 0; border:0 none; color:#FFFFFF; font-family:Tahoma,Geneva,Verdana,sans-serif; padding:0.308em; } .sidebar input[type="text"] { border:0 none; } /* Tag Pages */ .custom #archive_info, #comment_nav_2 { border-width:0; } .custom #archive_info p { color:#FFFFFF; font-size:14px; line-height:1em; margin-bottom:1.1em; margin-top:-10px; } .custom #archive_info h1 { color:#FFFFFF; font-size:31px; line-height:31px; } .custom .format_text .post_tags { border:medium none; color:#111111; font-size:15px; height:48px; line-height:1.833em; margin-bottom:-10px; margin-top:20px; padding-left:0; width:315px; } /* Topics Page */ #topicslinkbox { float:left; padding:8px; width:195px; } #topicslinkbox h3 { font-size:25px; margin-top:5px; } #topicslinkbox h3 a { font-size:25px; } #topicslinkbox h3 a:hover { color:#111111 !important; } #topicspagetop { width:650px; float:left; } #topicspagetop { width:650px; float:left; } .showcase .post_box { width:860px; } #techmedia { margin-left:20px; float:left; } /* Author Box */ #authorsnippetbox { display:block; float:left; margin-left:-2px; padding:8px; width:262px; } #authorsnippettext { display:block; float:left; width:192px; } #authorsnippetimg { display:block; float:right; padding:4px; width:58px; } .custom .atab_box { border:medium none; color:#666666; font-size:13px; font-weight:normal; height:118px; line-height:16px; margin-bottom:10px; margin-top:8px; padding:10px 0 0; width:323px; } .custom .avatar { border:0 solid #CCCCCC; display:inline; float:right; height:65px; margin:-14px 4px 1px -2px; padding:15px; width:65px; } /* Related Ads */ #relateds { border:medium none; float:right; font-size:13px; margin-top:35px; padding:5px 10px; width:290px; } /* NUMBERED PAGE NAV */ .page-nav { font-size:1.35em; font-weight:bold; margin:11px; overflow:hidden; padding:0; } .page-nav-intro { -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:url(images/buttongrad.png) repeat-x scroll center top transparent; border:0 solid #CCCCCC; color:#FFFFFF; float:left; margin:0 1em 1em 0; padding:0.3em 0.5em; } .page-number { -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:transparent; border:0 solid #CCCCCC; float:left; height:16px; margin:0 0.2em; padding:0.3em 0.5em; } .page-number:hover { background:url(images/buttongrad.png) repeat-x scroll center top transparent; color:#ffffff; } .current-page-number { -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:url("images/buttongrad.png") repeat-x scroll center top transparent; border:0 solid #CCCCCC; color:#FFFFFF; float:left; height:16px; margin:0 0.2em; padding:0.3em 0.5em; } .elipses { display: block; float: left; height: 16px; width: 15px; color:#FFFFFF; } .custom #commentluv { clear:both !important; margin-top:5px; padding-bottom:10px; } .custom div.findmeon-bookmarks ul.networks { background:none repeat scroll 0 0 transparent !important; border:0 none !important; margin-left:9px !important; outline:0 none !important; } .custom .sidebarbox2 h2 { display:none; } #hompage { display:block; padding-bottom:40px; } #homerow { background:url("images/stripedline.gif") repeat-x scroll left bottom transparent; height:623px; margin-bottom:20px; margin-top:15px; padding-bottom:25px; } #homesrow h2 { font-family:Helvetica; font-size:23px; padding-bottom:5px; } #homeintro { display:block; font-size:14px; height:114px; margin-top:-12px; line-height:24px; text-align:justify; width:858px; } #homeintro p { padding-bottom:4px; } #homebox { display:block; float:left; padding:5px 15px 5px 4px; width:410px; } #homebox h2 { background:url("images/stripedline2.gif") repeat-x scroll left bottom transparent; border-bottom:6px solid #111111; color:#111111; font-size:24px; margin-bottom:7px; padding-bottom:7px; } #homebox li { padding-bottom:4px; list-style-type:none; margin-top:13px; } #homebox li a { font-size:16px; text-decoration:none; } #homebox li a:hover { text-decoration:underline; } #rssdescription { font-size:11px; padding-bottom:4px; padding-top:3px; } .authors .post_box, .teasers_box { border-width:0; width:860px; } .authors #content { float:left; margin-right:10px; text-align:justify; width:935px; } element.style { height:298px; width:198px; } .home .fb_iframe_widget { display:inline-block; margin-top:-46px !important; position:relative; } /* Facebook Open Graph */ /* Related Box */ .fbConnectWidgetTopmost { border:1px solid #FFFFFF !important; overflow:hidden; padding:0; position:relative; } #fbrec .fbConnectWidgetTopmost { border:1px solid #FFFFFF !important; overflow:hidden; padding:0; position:relative; } #fbrec h4 { font-size:18px; display:block; } #fbcomments { background:none repeat scroll 0 0 #FFFFFF; float:left; margin-left:11px; margin-top:-20px; padding:10px 9px 10px 20px; width:650px; } /* Social Area */ .social { border: dashed #ddd; border-width:1px 0 1px 0; margin: -15px auto 10px; display:block; padding: 3px 0 1px 0px; overflow: hidden; } .social .social_button {float: left; display: inline; overflow: hidden; height:22px; } .social .social_button.dg { margin: 0px 0 0 20px ; padding-top: 0px;} .social .social_button.tm { margin:0 0 0 22px; padding-top:4px; width:75px; } .social .social_button.fb { padding-bottom:0; padding-left:0; width:90px; } .social .social_button.su { margin: 0px 0 0 22px; padding-top: 2px;} .social .social_button.gb {height:23px;margin:0 0 0 22px;padding-top:1px;} .social .social_button.em { height:25px !important; margin:-1px 0 0 20px; padding-top:0; } .social .social_button.em a { background:url("images/byline_email.gif") no-repeat scroll 2px -2% transparent; border:0 solid #DDDDDD; font-size:10px; padding:1px 3px 3px 23px; text-decoration:none; } .social .social_button.em a:hover {background:url("images/byline_email.gif") no-repeat scroll 2px -2% transparent;} .social .social_button a img { border: 0; padding: 0; } .social strong { font-size: 11px; float: left; margin:1px 0 0 0; color:#555;} .clear{clear:both;}