/* 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 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/ */ /*MH My Font Stacks. Use these where you want or if they need to be impimented somewhere else*/ .custom ul#tabs{font-family: "Helvetica Neue", "Helvetica", "Arial Narrow Bold", "Arial", sans-serif;} /*Some other notes about font color & type Most body font should be #454545 unless it is bold or a heading, where it should be #000 */ body.custom {background: #f4f4f4 url(images/wpcoop-header-repeat.jpg) top repeat-x; font-family:Helvetica Neue,Verdana, Arial, Helvetica, sans-serif;} /*MH Changed BG color from #000 to #f4f4f4 to get the full width look ;) */ .custom #container {width:100%; margin-top: 0; margin-bottom: 0; padding:0; background:#F2F2F2 url(images/wpcoop-header.jpg) top repeat-x; } .custom #page {width:96em; padding:0; margin: 0 auto;} .custom #header {display:block; position:relative; height:150px; margin-top:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; border-bottom:none; clear: both;} .custom #logo {display:block; position:absolute; top:1.4em; height:75px; width:405px; background:url(images/wpcoop-header-logo.png) top left no-repeat;} .custom #logo a {display:block; height:75px; width:405px; text-indent:-9999px;} .custom #header #tagline {display:none; color: #D54E21;} .custom #tabs {position:absolute; top:7em; left:47em; border:0; margin-bottom: 0;} .custom ul#tabs li {background:transparent; margin-right:1em; border-style:none; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; -webkit-border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -webkit-border-bottom-right-radius: 0.5em;} .custom ul#tabs li a { color: #FFF; text-transform:capitalize; font-size: 18px; padding: .2em .5em;text-shadow: #000 0px -1px 1px;} .custom ul#tabs li a:hover { color: #D54E21; text-decoration:none; cursor:pointer;} .custom ul#tabs li.current_page_item {color:#CCCCCC; background:#D54E21; cursor:pointer; text-shadow: #9e3018 0px -1px 1px;} .custom ul#tabs li.current_page_item a:hover{ color:#CCCCCC;} /* Top Nav bar */ .custom #topnavcontainer {display:block; width:96em; position:absolute; top:0; padding:0;} .custom ul#topnav {float:right; list-style-image:none; list-style-position:outside; list-style-type:none;margin-top: 5px; text-shadow: #000 0px -1px 1px;} .custom ul#topnav li {float:left; padding: 3px 10px 3px 0px; color:#a7a7a7; font-size: 1.3em;} .custom ul#topnav li a {color:#F2F2F2; } .custom ul#topnav li a:hover { text-decoration: none; color: #D54E21;} .custom #content_box {background:#F2F2F2;} .custom #content {border-right:1px dotted #BBBBBB;} .custom .post_box {border-top:none; margin:0 1em 0 1em;} .custom #sidebars h3{color:#000; font-size:1.3em; font-variant:none; font-family: "Helvetica Neue", "Helvetica", "Arial Narrow Bold", "Arial", sans-serif;} .custom #sidebar_1 {border:none;} .custom #sidebar_2 {} .custom.home #sidebars li {list-style-type: none;} .custom #featured_widget { margin:4px; text-align:left;} .custom #featured_widget h3{ padding-top:4px; font-weight:bold; font-size:1em;} .custom #featured_widget .align-left { float:left; margin: 8px 8px 4px 0; } .custom #featured_widget .readmore{ color:#D54E21; float:right; padding-right: 32px; background:url(images/arrow-right2.png) top right no-repeat;} .custom #featured_widget .readmore:hover {background-position: right -45px;} .custom #featured_widget .frame { padding: 5px; border: 1px solid #aaa; } .custom h1.hpCallOut {text-shadow: #fff 0px -1px 1px; color: #000; font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif; font-weight: 300; font-size: 24px; line-height: 1.6em; }/*MH added class to h1 title on home page, as it will have a unique style */ .custom #topboxcontainer {color:#000; text-align:center; padding-top:2em;} /*MH illustration box on HP*/ .custom #topbox {color:#FFF; background:#000; width:960px; height: 305px; margin-top:2em; margin-right:auto; margin-left:auto; margin-bottom: 2em; text-align: left;} .custom #topbox a{text-indent: -9999px;}/*hide link text*/ .custom #iAm{float: left; width: 480px;height: 305px;} .custom #iNeed {float: right; width: 480px;height: 305px;} .custom #iAm a {display: block; width: 480px;height: 305px; background: url(images/wpcoop-illustration.jpg) 0 0;} .custom #iNeed a{display: block; width: 480px;height: 305px; background: url(images/wpcoop-illustration.jpg) 480px 0;} .custom #iAm a:hover{background-position: 0 -309.9px} .custom #iNeed a:hover{background-position: 480px -309.9px} /* our Members and Member Profile */ .custom .memberbox { display:block; padding: 0.5em; background:#DDDDDD;} .custom #boxleft {float:left;width: 18em;padding-left: 0.5em;margin: 0 0 2em 0.5em;} .custom #boxcenter {float:left;width: 18em;padding-left: 0.5em;margin: 0 0 2em 0.5em;} .custom #boxright {float:left;width: 18em;padding-left: 0.5em;margin: 0 0 2em 0.5em;} .custom #boxleft h3, #boxcenter h3, #boxright h3{margin-top:0;} .custom #boxleft p, #boxcenter p, #boxright p{line-height: 0.5em;} .custom #boxleft a, #boxcenter a, #boxright a{text-decoration:none;} /*MH Comment Styles*/ .custom #comment_list {background-color: #e2e2e2;} .custom #lowerbox {color:#000; width:100%; border-top: 1px solid #333; border-bottom: 1px solid #333; margin-top:2em; margin-right:auto; margin-left:auto; margin-bottom: 2em;} .custom #lowerbox p{margin: 1em 0 0 2em; font-size: 1.3em;}/*MH lines up the p content under the heading*/ .custom .lowerboxleft {float:left; background:#FFF; width:24em; padding:2em;} .custom .lowerboxcenter {float:left; background:#FFF; width:24em; padding:2em; margin-left:6em;} .custom .lowerboxright {float:left; background:#FFF; width:24em; padding:2em; margin-left:6em;} .custom #footer{text-align:left; border-top:none; border-top:none; padding:0;} .custom #footer_bg{height:40em; background: #181818 url(images/wpcoop-footer.jpg) top center repeat-x; } .custom #footer_new{display:block; width:100%; background: #181818 url(images/wpcoop-footer.jpg) top center repeat-x; text-shadow: #000 0px -1px 1px;}/*text-shadow adds depth to the text*/ .custom #footer a{border-bottom:none;} .custom #footerbox {display:block; height:28em; width:96em; padding-top:2em; margin:0 auto 0 auto;} .custom #footerbox li {list-style-image:none; list-style-position:outside; list-style-type:none;} .custom #footerbox .widgettitle, .custom #footerbox .widgettitle a{color: #c7c7c7; font-weight:bold; padding-bottom:0.5em;} .custom #footerbox li.widget ul li, .custom #footerbox li.widget ul li a{display:block; color:#999; font-size: 1em; margin-bottom:1em} /*MH footer font size should be around 14px, changed from .9em to 1em */ .custom #footerbox4 li.widget ul li{border-bottom: 1px solid #333333;} .custom #footerbox li.widget ul li a:hover{ color:#fff;} .custom #footerbox1 {float:left; width:19em; padding:0 1em 0 1em;} .custom #footerbox2, .custom #footerbox3 {float:left; width:23em; padding:0 1em 0 1em; border-left: 1px dashed #999;} .custom #footerbox4 {float:left;width:23em; padding:0 0 0 1em; border-left: 1px dashed #999;} .custom a.rsswidget img {background-color: transparent;} .custom .widget_theme_my_login input {padding: 5px;} .custom p.forgetmenot input#rememberme-tml-1{float: left; margin: 3px 10px 0 0;} .custom p.submit input#login-submit-tml-1:hover, .custom p.submit input#lostpassword-submit-tml-1:hover{background-color: #797979; color:#fff; cursor: pointer;} .custom .login-avatar img{border: 5px solid #181818;} /*Set height of footer boxs so lines are of equal height*/ .custom #footerbox1, .custom #footerbox2, .custom #footerbox3, .custom #footerbox4{height: 25em;} .custom #afterfooter{display:block; clear:both; height:4em; width:105em; margin:0 auto 0 auto; padding-bottom:1em;color:#ccc; font-size: 0.9em;} .custom #afterfooter p, .custom #afterfooter a, .custom #afterfooter a:visited{color:#999; border-bottom:none; font-size: 12px;} .custom #afterfooter a:hover{color: #fff;} .custom .checkboxstyle .wpcf7-list-item, .custom .radiostyle .wpcf7-list-item {display:block;} .custom .checkboxstyle .wpcf7-list-item input, .custom .radiostyle .wpcf7-list-item input{width:10px;} .custom #tml-1 label {color:#CCCCCC;} .clear{clear:both;}/*utitliy class to clear floats*/ /*Page RSS Setup*/ .custom #pageRSS{margin:2em 0 2em 0; width:380px; height: 65px;} .custom #pageRSS a {text-indent: -9999px;} .custom #subscribe_rss {float:left; display: block; width: 190px;height: 65px;} .custom #subscribe_email {float:right; display: block; width: 190px;height: 65px;} .custom #subscribe_rss a {display: block; width: 190px;height: 65px; background: url(images/wpcoop-page-rss.jpg) 0 0;} .custom #subscribe_email a{display: block; width: 190px;height: 65px; background: url(images/wpcoop-page-rss.jpg) 190px 0;} .custom #subscribe_rss a:hover{background-position: 0 -80px;} .custom #subscribe_email a:hover{background-position: 190px -80px;}