/* 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/ */ body.custom{background-attachment: scroll;background-color:#CCA0A0;background-image:url(images/srbackground2.jpg);background-repeat:repeat-x;background-position:0px 0px;} a{color:#800000;} #header_area{background-color:#CCA0A0;margin-top:4em;} #header_area .page {padding-top:0;} #header{background-color:#CCA0A0;} .menu{background-color:#9d3d3e;} /*.menu a{font-weight:bold;}*/ .custom_box{background-color:#cca0a0;} #container{} #page{} #feature_box{ color: #800000;/* margin:.5em;*//* border: 1px solid #3A93CC;*/ font-size:1.5.em;background-color:transparent;border:none;; } #header{border-bottom:none;} /*#content_area{ background-image: url(images/shaerupley.png); background-repeat: no-repeat; background-position: 50px 100px; }*/ #nav_area .full_width{background:transparent;} /*---:[ nav menu styles ]:---*/ ul#tabs { list-style: none; border: none;border-width: 0;padding-bottom:.5em;padding-top:.5em} ul#tabs li { margin-bottom: -0.1em; background: transparent;float: left;border:0;border-right:#fff 1px solid; } ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0.1em; background: transparent; border-bottom: 0; } ul#tabs li a { display: block; line-height: 1em; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; } ul#tabs li a:hover {text-decoration: underline; color:#ffffff;} ul#tabs li.current_page_item a, ul#tabs li.current-cat a { cursor: default; background:#CCA0A0} ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover {color:#ffffff;text-decoration: underline; } ul#tabs li.rss { padding-right: 1em ; background: none; border: none;border-left:#fff 1px solid; float: right; } ul#tabs li.rss a {padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; } ul#tabs li.rss a:hover{color:#ffffff;text-decoration:underline;} ul#tabs li ul {display:none; position:absolute; list-style:none;} ul#tabs li ul li {float:none;} ul#tabs li:hover ul {display:block;} #content_box{background:#FFFFFF;} #column_wrap{} .no_sidebars #content {background:#FFFFFF;border-right:none;} #content{/*border-left:1px #ddd solid;*/border-right:1px #ddd solid;} #multimedia_box{list-style:none;} #image_box{background:#ddd;} #custom_box {background: transparent;border-bottom: medium none;text-align: left; font-size: 1.3em;list-style: square;list-style-position: inside;} #custom_box a{color:#800000;} #custom_box ul li{list-style-position:inside;line-height:1em;} #custom_box a:hover{text-decoration:underline;} #sidebar_1{border-right:#DDD 1px solid;} #sidebar_2{} #footer_area{} #footer{border-top:none;} #footer a{color:#800000; font-size:1.3em;text-decoration:underline;border-bottom:none;} /*footer widgets*/ #footer-sidebar {display:block; width:100%;height:125px;list-style-type:none;float:left;text-align:left;padding-top:1em;} #footer-sidebar h3{color: #800000;font-weight:bold;text-decoration:underline;line-height:1.5em;font-variant:small-caps; font-size:100%;padding-left:10px;letter-spacing:2px;} #footer-sidebar a {color:#000000;border:none;padding-left:10px;} #footer-sidebar a:hover{text-decoration:underline;} #footer-sidebar1{float:left; width:20%;text-align:left;border-left:#800000 1px solid;height:125px; } #footer-sidebar2{float:left; width:20%;text-align:left;border-left:#800000 1px solid;height:125px; } #footer-sidebar3{float:left; width:30%;text-align:left;border-left:#800000 1px solid;height:125px; } #footer-sidebar4{float:left; width:29.5%;text-align:left;border-left:#800000 1px solid;border-right:#800000 1px solid;height:125px;} /* Social Media Links */ /* Define the clear div to offset the link floats */ div.clear{clear: both;height: 1px;width: 1px;} /* This is the style for the container */ div.socialmedia_sidebar{background: transparent;margin: -18px 0 5px 0; /* If you are using this below the media box, use a negative top margin to raise it up. If not, adjust accordingly */ padding: 5px 0 5px 10px;border:none; } div.socialmedia_sidebar h3 {font-size:1.3em;font-variant: small-caps;letter-spacing: 2px;color: #555555;} div.socialmedia_sidebar ul li{float: left;list-style: none;text-align: center;} div.socialmedia_sidebar span.name{font-size: 2em;display: block;} div.socialmedia_sidebar span.service{font-style: italic;} div.socialmedia_sidebar ul li a{width: 35px;padding: 5px;display: block;border: 1px solid #fff;} /* Non-hover profile links */ #twitter{ height: 35px; text-indent: 35px; background-color: transparent; background-image: url(images/Twitter_32x32.png); background-repeat: no-repeat; background-position: 5px 5px; } #facebook{ height: 35px; text-indent: 45px; background-color: transparent; background-image: url(images/FaceBook_32x32.png); background-repeat: no-repeat; background-position: 5px 5px; } #linkedin{ background: #FEF9BF url('##PATHTOLINKEDINICON##') 5px 5px no-repeat; height: 35px; text-indent: 40px;} #rss{ height: 35px; text-indent: 45px; background-color: transparent; background-image: url(images/Feed_32x32.png); background-repeat: no-repeat; background-position: 5px 5px; } /* Hover profile links */ #twitter:hover{background:#999 url(images/Twitter_32x32.png) 5px 5px no-repeat} #facebook:hover{background:#999 url(images/FaceBook_32x32.png) 5px 5px no-repeat} #linkedin:hover{background:#999 url('##PATHTOLINKEDINICON##') 5px 5px no-repeat} #rss:hover{background:#999 url(images/Feed_32x32.png) 5px 5px no-repeat} /*---:[ #header styles ]:---*/ #header #logo {font-weight:normal;} #header #logo a { color: #FFFFFF;text-align:center;} #header #logo a:hover { background-color: transparent;color:#FFFFFF; } #header #tagline { color:#FFFFFF;font-weight: normal;font-size:24pt;padding-left:15px; } /*headlines */ /*.headline_area h1, .headline_area h2 {color:#800000;}*/ /*h2 a{color:#800000;}*/ h2 a:hover{color:#800000;} h4, h5 {color:#555555;font-weight:normal;} /* Teasers */ /*.teaser h2 a {color:#800000;}*/ /*.teaser {width:100%;}*/ .teaser h2 a:hover{text-decoration:underline;} .teaser a{color:#800000;} .teaser a:hover{color:#800000;text-decoration:underline;} /* Archive */ /*#archive1{float:left;} #archive2 {float:right;} #archive3 {float:left;} #archive4 {float:right;}*/ /* Subscribe and Twitter Text Widget */ .sidebar .twitter_follow {float: left; width: 50%;} .sidebar .twitter_follow a {display: block; padding-left: 45px; background-color: transparent; background-image: url(images/twitter_48.png); background-repeat: no-repeat; background-position: 0 50%; } .sidebar .subscribe {width:50%;line-height: 32px;float:left;} .sidebar .subscribe a {background: transparent url(http://www.feedburner.com/fb/images/pub/feed-icon32x32.png) no-repeat 0 50%; display: block; padding-left: 35px;} /* Tabbed Widgets */ .tw-accordion .tw-widgettitle:hover, .tw-accordion .tw-hovered { background: none;} .tw-accordion .tw-widgettitle {background:transparent;padding:0px;letter-spacing:2px;font-variant:small-caps;font-size:1em;} .tw-accordion .tw-widgettitle h4, .tw-accordion .tw-widgettitle h5{} .tw-accordion .tw-widgettitle span {padding:0;} .tw-accordion .widget {font-weight: normal; padding:0px;font-size:1em;} ul.tw-nav-list li.ui-tabs-selected a, #sidebar ul.tw-nav-list li.ui-tabs-selected a, ul.tw-nav-list li.ui-tabs-selected a:hover, #sidebar li.ui-tabs-selected a:hover { background:transparent; color:#fff; text-decoration:none; font-weight:normal; } ul.tw-nav-list a, #sidebar ul.tw-nav-list a {background:transparent none repeat-x scroll left top;color:#333333;float:left;font-weight:bold;padding:0.45em 0.6em 0.55em;width:auto;} ul.tw-nav-list li.ui-tabs-selected, #sidebar ul.tw-nav-list li.ui-tabs-selected {background:transparent none;padding-bottom:3px;} /* Fun with Sidebar Tabs */ div#fw_tabs_tabs_surround_1, #sidebar ul div.fw_tabs_tabs_surround { margin:10px 0; padding-top:.1em; padding-bottom:2em; padding-left:10px; padding-right:10px;} div#fw_tabs_tabdisplay_1.first {border:1px solid #800000;margin-top:1em;padding:10px 0;} div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3, #sidebar ul div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3 { background-color:transparent; border:1px solid #800000; color: #000000; font-family: georgia;font-size: 1.3em; font-variant: small-caps; padding-top: 5px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px;text-decoration: none;} div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3:hover, #sidebar ul div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3:hover {text-decoration:underline; background-color:#CCA0A0;} div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3.selected, #sidebar ul div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3.selected { background-color:#CCA0A0;color:#FFFFFF;;border-bottom:1px solid #CCA0A0;} div#fw_tabs_tabdisplay_1 div.tab-content ul li { padding-left:5px; font-size: 1.3em; list-style-type: none;line-height: 1.385em; } /* Accordion */ .accordion-tabwrap{border-bottom: 1px solid #800000;padding-left: 0px;} .accordion-tab, .accordion-tabon{white-space: nowrap;display: inline;border: 1px solid #800000;padding: 0 5px;z-index: 2; background: transparent;border-bottom: none;margin-left: 0px;font-size: 100%;} .accordion-tab, .accordion-tabon a{color:#800000;} .accordion-tab{border-color: #800000;}*/ .accordion-tabon{padding-top: 1px;position: relative;top: 1px;} li.widget_accordion{width:90%;margin-left:1em; margin-right:1em;color:#800000;} /*li.widget_accordion a{color:#800000;font-weight:bold;}*/ ul#accordion_1 {border:1px solid #800000;} /* Tag Cloud */ li.tag_cloud {list-style-type:none;width:90%;padding-left:1em;} li.tag_cloud h3{color:#555555;font-variant:small-caps;font-size:1em;letter-spacing:2px;} li.tag_cloud a{color:#800000;font-size:1em;} /*Special Search Box */ /*li.widget special_search{width:200px;float:right;}*/ /* DOMtabs skin by Michael Martin - http://www.problogdesign.com */ /* DOMtabs script - http://www.onlinetools.org/tools/domtabdata/ */ /* Install guide: http://www.problogdesign.com/general-tips/how-to-install-domtabs-on-wordpress/ */ #sidebar ul.domtabs li.active {background:#000000;} /* Active tab background color */ #sidebar ul.domtabs li:active a {color:#ffffff;} /* Active tab font color */ #sidebar ul.domtabs li {background:#888888;} /* Inactive tabs background color */ #sidebar ul.domtabs li a {color:#ffffff;} /* Inactive tabs font color */ #sidebar ul.domtabs li {border-color:#000000;} /* Tabs border color */ .domtab div {border:1px solid #000000;} /* Box border color - Should be the same as the Active tab background color */ .domtab div {background:#ffffff;} /* Box background color */ #sidebar ul.domtabs li {margin-right:0.5em;} /* Space between each tab. Set to 0 for no space. */ div.domtab div {display:none;} #sidebar ul.domtabs {list-style:none;padding:0;margin:0;} #sidebar ul.domtabs li {float:left;padding:0 0.5em;text-align:center;border-style:solid;border-width:1px 1px 0 1px;} #sidebar ul.domtabs li a {text-decoration:none;} .domtab div {border-width:0 1px 1px 1x;padding:0.5em;clear:both;} .format_text a{color:#800000; text-decoration:none;} .format_text a:hover{text-decoration:underline;} .sidebar a{color:#800000;} #commentform p a{color:#800000;} .prev_next p a{color:#800000;} /* MM Box */ #mmbox{text-align:center;padding-top:2.2em;} /* Close Comments */ .comments_closed p { display: none; } #archive_info p {display:none;} #archive_info h1 {display:none;} #archive_info {display:none;} /*.headline_area h1, .headline_area h2 {display:none;}*/