/* 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/ */ /* This styles the Background */ body.custom { background: #f4f9fb; } /* HEADER */ .custom #header #tagline { color:#111111; font-weight:normal; font-size: 10px; line-height: 0px; width: 0px; } .custom #header #logo a, .custom #header #logo a:visited { color:#111111; font-weight:normal; } .custom #header { border-bottom:0 double #DDDDDD; clear:both; margin-top: -38px; } .custom #header #logo { text-indent: -9999px; } .custom #header #logo a { background:transparent url(images/logo.jpg) no-repeat scroll 0 0; display:block; float:left; height:199px; margin-bottom:10px; margin-left:-32px; margin-top:-133px; position:relative; text-align:center; width:949px; } .custom #tagline { background:transparent none repeat scroll 0 0; text-indent: -9999px; line-height: 0px; margin-top: -5px; width: 5px; height: 5px; } .custom .ow_button_border { line-height:12px !important; text-decoration:none !important; margin-top:80px !important; } /* This styles the Nav */ .custom .menu { border-color:transparent; border-style:solid; border-width:0 0 1px 1px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-bottom:10px; margin-top:0; width:720px; } .custom .menu li { background:transparent none repeat scroll 0 0; border-color:#DDDDDD #DDDDDD #DDDDDD -moz-use-text-color; border-style:solid solid solid none; border-width:0; float:left; margin-bottom:-0.1em; } .custom .menu a { border:1px solid #cccccc !important; color:#111111; display:block; letter-spacing:2px; line-height:1em; margin-left:5px; margin-right:5px; text-transform:uppercase; } .custom .menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover { background:#004B76 none repeat scroll 0 0; color:#FFFFFF; border:1px solid #cccccc !important; } .custom .menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover { background:#DDDDDD none repeat scroll 0 0; border:1px solid #cccccc !important; color:#111111; text-decoration:underline; } .custom .menu .current ul a, .menu .current-cat ul a { background:#004B76 none repeat scroll 0 0; color:#FFFFFF; border:1px solid #cccccc !important; } /* This styles the Content Areas */ .custom #page { background:transparent; margin-top:0px; } .custom #container { margin-bottom:2em; margin-top:132px; } .custom #content_box { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF url(images/dot-ddd.gif) repeat-y scroll 63.4em 0; border:1px solid #CCCCCC; margin-left:-20px; padding:11px; width:102%; } .custom #content { border-right:1px solid #CCCCCC; float:left; margin-top:-11px; } /*search box positioning*/ .custom #s { float:right; font-size:12px; margin:-40px 0 -10px 10px; padding:7px; position:static; width:175px; } .custom input, .custom textarea { background:#9FC7FE none repeat scroll 0 0; border:1px solid #3C5EFA; font-size:10px; width:140px; -moz-border-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } /* This styles sidebar titles */ .custom .sidebar h3 { background:#004B76 none repeat scroll 0 0; color: #ffffff; font-size:20px; line-height:1.385em; margin-bottom:0.692em; padding:5px; text-align:center; } /* This styles widgets */ .custom #sidebar_1 { border:0 none; margin-left:-5px; margin-top:-15px; padding-top:0; } .custom li.widget { background:#FFFFFF none repeat scroll 0 0; font-size:1.3em; line-height:1.385em; margin-bottom:2.769em; padding:2px; } /* optinbox code */ #optinbox h3 { background:transparent none repeat scroll 0 0; padding-top:25px; } .sidebarbox1, #optinbox { background:transparent url(images/optinbox.jpg) no-repeat scroll 10px 10px; color:#111111; font-size:16px; height:367px; line-height:29px; margin-bottom:-15px; margin-left:-18px; margin-top:-15px; padding:92px 10px 0 22px; text-align:center; width:273px; } #optinnote { padding:0; width:240px; } .custom .sidebar input[type="text"], .sidebar input[type="submit"] { font-family:Georgia,"Times New Roman",Times,serif; padding:0.308em; width:161px; font-size:17px; margin-bottom:2px; margin-top:6px; } #signupsub input { background:transparent url(img/signup2.png) repeat scroll 0 0; border:medium none; color:#FFFFFF; font-size:17px; font-weight:bold; height:58px; width:218px; } /* This styles the footer widgets */ .custom #footerwidgets div.col { float:left; margin:16px 20px 5px 10px; padding-left:0; text-align:center; width:271px; } .custom #footer { background:#004B76 none repeat scroll 0 0; border:0 none; color:#FFFFFF; height:30px; margin-left:-20px; padding-bottom:4.1em; padding-top:1.1em; width:930px; } .custom #footer p { font-size:1.2em; line-height:1.667em; margin-bottom:17px; } .custom #footer a { border-bottom:1px solid #FFFFFF; color:#F4F9FB; } /*--- :[ custom teasers ]: ---*/ .custom .teasers_box { padding-bottom:0; padding-top:0; border:0px; } .custom .teaser { border-top:1px dotted #CCCCCC; margin-bottom:20px; margin-top:20px; width:57.9em; } .custom .teaser h2 { font-size:20px; line-height:1.375em; margin-top:20px; text-align:left; } .custom .teaser .teaser_link { font-size:18px; line-height:1.5em; } .custom .top { border:0px solid #CCCCCC; } .custom .prev_next { font-size:15px; margin-left:3px; padding-bottom:1.1em; padding-top:1.1em; width:543px; border-top:1px dotted #cccccc; } /* This styles the title headers */ .custom .headline_area h1, .headline_area h2 { font-size:34px; line-height:1.364em; } /* This styles twitter feeds widget */ .twtr-widget { font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important; font-size:12px !important; margin-left:12px; position:relative; } #socialbutts { float:none; margin:0 8px 10px 11px; } /* removes comments are closed */ .custom .comments_closed p { color:#888888; display:none; letter-spacing:1px; text-transform:uppercase; } /* Custom H3 content titles - this example is RED and a useful format to use for warning text */ .custom #content h4 { -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background:#FF5656 url(images/whitegradsmall.png) repeat-x scroll 0 0; border:1px solid #F51616; text-align: center; font-size: 21px !important; font-family:Georgia,Times New Roman,Times,serif; font-style: italic; line-height:30px; margin-bottom:15px; padding:7px; text-align:center; } /* Custom H4 content titles - this example is a useful format to use for Breaking your content into groups. */ .custom .format_text h5 { -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background:#004B76 url(images/whitegradsmall.png) repeat-x scroll 0 0; border:1px solid #004b76; color:#ffffff; font-family:Georgia,Times New Roman,Times,serif; font-size:21px !important; font-style:italic; line-height:30px; margin-bottom:15px; padding:7px; text-align:center; } /* Custom H3 content titles - this example is GREEN and a useful format to use for attention text or Special Offers. */ .custom .format_text h3 { -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background:#5ae753 url(images/whitegradsmall.png) repeat-x scroll 0 0; border:1px solid #24d11b; font-family:Georgia,Times New Roman,Times,serif; font-size:26px !important; font-style:italic; line-height:30px; margin-bottom:15px; padding:7px; text-align:center; } .custom table#wp-calendar caption { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#004B76 none repeat scroll 0 0; color:#FFFFFF; font-size:0.846em; line-height:2em; } /* This is your code for the sidebar adboxes */ #advertarea { padding:2px; } #advert1 { padding:2px; float:right; } #advert2 { padding:2px; float:left; } #advert3 { padding:2px; float:right; } #advert4 { padding:2px; float:left; }