/* File: custom.css Description: Custom styles for Thesis Tags: buddypress 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 HTMLelements. CSS styling is applied through rules of specificity, and because declarationsprepended 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 foundin the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* this css file handles the header styling across all blogs */ @import url("../header.css"); .custom .body { width:1030px; padding-top: 0px !important; } .custom #container { width:1080px; } .custom #content { background-color: #FFFFFF; margin-left:46px; width:672px; border-left: #7B542D solid 1px; border-right: #7B542D solid 1px; min-height: 600px; } .custom #page { padding-top:0; } .custom #header { border-width: 0; height:145px; padding-bottom: 0; padding-top: 0; width:1005px; background-color: #e4efe4 /*#EACB79*/; border-left: 1px solid #000000; border-right: 1px solid #000000; } .custom .header_menu { font-family:Arial,Sans-Serif; font-size:11px; font-weight:bold; margin-right:20px; margin-top: -60px; position:relative; text-decoration:none; } .custom .headerLogo { height:101px; left:85px; position:relative; top:-13px; width:222px; } .custom .sloganImage { position: relative; top: 10px; left: -2px; } .custom .menu { background-color:#5D452F; border-color:#685848 #2E2013 #2E2013 #685848; border-style:solid; border-width:3px; color:#FFFFFF; height:42px; padding-left:170px; width:85.3em; } .custom .menu a { border-color:#5D452F; } .custom .menu ul li { border-color:#5D452F; color:#FFFFFF; height:38px; margin-bottom:1px; margin-right:50px; text-indent:-9999px; } .custom .menu .tab-1 { height:42px; text-align:center; text-indent:-9999px; width:100px; border-left:1px solid #706657; } .custom .menu .tab-1 a { background:url("http://crazibeautiful.com/files/2010/03/cooking.png") no-repeat scroll center top transparent; height:26px; } .custom .menu .tab-1 a:hover { background:url("http://crazibeautiful.com/files/2010/03/cooking.png") no-repeat scroll center top #412D1B; border-bottom:1px solid #412D1B; color:#FFFFFF; position:relative; margin-top: 1px; } .custom .menu .tab-2 { height:42px; text-align:center; text-indent:-9999px; width:180px; border-left:1px solid #706657; } .custom .menu .tab-2 a { background:url("http://crazibeautiful.com/files/2010/03/honoring-womanhood.png") no-repeat scroll center top transparent; height:26px; } .custom .menu .tab-2 a:hover { background:url("http://crazibeautiful.com/files/2010/03/honoring-womanhood.png") no-repeat scroll center top #412D1B; border-bottom:1px solid #412D1B; color:#FFFFFF; position:relative; margin-top: 1px; } .custom .menu .tab-3 { height:42px; text-align:center; text-indent:-9999px; width:90px; border-left:1px solid #706657; } .custom .menu .tab-3 a { background:url("http://crazibeautiful.com/files/2010/03/living.png") no-repeat scroll center top transparent; height:26px; } .custom .menu .tab-3 a:hover { background:url("http://crazibeautiful.com/files/2010/03/living.png") no-repeat scroll center top #412D1B; border-bottom:1px solid #412D1B; color:#FFFFFF; padding-left:10px; position:relative; margin-top: 1px; } .custom .menu .tab-4 { height:42px; text-align:center; text-indent:-9999px; width:100px; border-left:1px solid #706657; } .custom .menu .tab-4 a { background:url("http://crazibeautiful.com/files/2010/03/creating.png") no-repeat scroll center top transparent; height:26px; } .custom .menu .tab-4 a:hover { background:url("http://crazibeautiful.com/files/2010/03/creating.png") no-repeat scroll center top #412D1B; border-bottom:1px solid #412D1B; color:#FFFFFF; position:relative; margin-top: 1px; } .custom .menu .tab-5 { height:42px; text-align:center; text-indent:-9999px; width:200px; border-left:1px solid #706657; border-right:1px solid #706657; } .custom .menu .tab-5 a { background:url("http://crazibeautiful.com/files/2010/03/g-2-g.png") no-repeat scroll center top transparent; height:26px; } .custom .menu .tab-5 a:hover { background:url("http://crazibeautiful.com/files/2010/03/g-2-g.png") no-repeat scroll center top #412D1B; border-bottom:1px solid #412D1B; color:#FFFFFF; position:relative; margin-top: 1px; } .custom .menu .sel { background-color: #412D1B; } .custom .post_box { width: 672px; margin: 0 auto; padding-top: 0px !important; /*background-color: #EAD2BF;*/ background-color: #FFFFFF; } .custom .format_text { padding-left: 10px; padding-right: 10px; } .custom #column_wrap { width: 80.2em; } .custom .comments_closed p { display: none; } .custom #footer { width: 102.9em; padding: 0px; text-align: left; border-style: none; } .custom #footer p { display: none; } .custom .headline_area { /*display: none;*/ } .custom .headline_area h2 { padding-top: 10px; padding-left: 10px; } .custom .headline_area p { padding-left: 10px; } .custom .prev_next { margin-left: 5px; } .custom #custom_footer { background-color: #5D452F; color: White; clear: both;} .custom .accentBorders { border-top: #685848; border-left: #685848; border-bottom: #2E2013; border-right: #2E2013; border-style: solid; border-width: 3px; } .custom .homepageBackground { position: relative; top: -62px; left: 20px; z-index: 0; } .custom .pageTopper { margin-left: -10px; background: url("http://crazibeautiful.com/files/2010/01/pageTopper_girlfriendToGirlfriend.png") repeat-x; } .custom .pageTopper img { margin-left: 70px; } .custom #content_box { background-color: #e4efe4 /*#EACB79*/; border-left: 1px solid #000000; border-right: 1px solid #000000; width: 102.7em; } .custom .centerContent { width: 539px; text-align: center; } .custom .g2gwidget { background-color:#C7D4D5; border:1px solid #AE8F4E; font-size:1.3em; margin-left:-11px; padding-bottom:7px; padding-top:7px; text-align:center; width:204px; } .custom .g2gwidget img { margin-left:5px; } .custom .g2g-ad2 { border-width:0; height:142px; margin-top:-5px; padding:0; width:189px; } .custom .g2g-clear-widget { margin-left:auto; margin-right:auto; text-align:center; } .custom .g2g-clear-widget img { border:0 none; } .custom widgetmenulink { font-family:Arial,Sans-Serif; font-size:12px; } .custom a.widgetMenuLink { color:White; line-height:1.6em; text-decoration:none; } .custom a.widgetMenuLink:hover { color:#000000; } .custom .sidebar ul.sidebar_list { text-align: center; } .custom ul.sidebar_list1 { list-style-type:none; padding-top:10px; margin-bottom:20px; } .custom #sidebar_1 { background-color: #e4efe4 /*#EACB79*/; border: 0; float:right; margin-bottom:0; margin: 0 auto; } .custom .about_button { padding: 2px; text-align: center; margin: 0 auto; } .custom .cat_list { margin: 0 auto; padding: 2px; width: 200px; background-color: #FFFFFF; border: #000000 solid 1px; } .custom .cat_list_header { margin: 0 auto; text-align: center; background-color: #A78643; font-size: 20px; color: #412D1B; line-height: 180%; border: #000000 solid 1px; } .custom .cat-item { margin: 2px 0 auto; text-align: center; background-color: #E6E6E6; font-size: 20px; line-height: 180%; padding-top: 2px; border: #C5E7E7 solid 1px; } .custom .cat-item a { color: #412D1B; text-decoration: none; } .custom .post_thumb_container { margin: 0 auto; padding: 2px; width: 277px; height: 82px; background-color: #8b6543; border: #000000 solid 1px; white-space:nowrap; list-style-type:none; font-family: Georgia, Arial, Verdana; font-weight: bold; } .custom .post_thumb_box { margin: 2px; text-align: center; width: 63px; height: 63px; background-color: #FFFFFF; border: #000000 solid 1px; float: left; display: inline; } .custom .post_thumb_box_caption { color: #FFFFFF; font-size: 8px; text-decoration: none; } .custom .aboutCenter { background:none repeat scroll 0 0 #FFFFFF; } .custom .aboutBox { border:1px solid black; margin-bottom:20px; } .custom .aboutBox img { margin-bottom:20px; margin-left:130px; } .custom .sectionCenter { background:none repeat scroll 0 0 #FFFFFF; } .custom .section { background-color:#F6FAFB; border:1px solid #DDDFDE; margin-top:20px; padding:15px; text-align:left; } .custom #emails span { background-color:Green; display:block; width:1500px; } .custom div.col.Footer1 { margin-left:auto; margin-right:auto; text-align:center; width:916px; } .custom ul.sidebar_list1 { list-style-type:none; padding-top:10px; margin-bottom:20px; } .custom div.col.Footer1 ul.sidebar_list1 li.widget { background-color:#FFFFFF; border:5px solid #5D452F; float:left; margin-bottom:0; padding:2px; width:215px; } .custom div.col.Footer2 { margin-left:auto; margin-right:auto; text-align:center; width:916px; } .custom ul.sidebar_list2 { list-style-type:none; } .custom div.col.Footer2 ul.sidebar_list2 li.widget { background-color:#FFFFFF; border:5px solid #5D452F; float:left; margin-bottom:10px; padding:2px; width:215px; } .custom #sideMenu { background-color:#5D452F; border:1px solid White; left:762px; position:absolute; top:80px; width:230px; z-index:200; clear: both; } .custom #sideMenu li { border-bottom:2px solid #706657; height:71px; position:relative; list-style:none; outside none; } .custom #sideMenu a { display: block; } .custom #sideMenu li a:hover { background-color:#412D1B; } .custom #sideMenu h1 { color:#000000; font-size:1.1em; font-weight:normal; margin-top:3px; } .custom #sideMenu h2 { color:#FFFFFF; font-size:150%; font-weight:normal; margin-top:0px; } .custom #sideMenu div { color:#FFFFFF; font-family:"Arial Narrow"; height:100%; left:82px; position:absolute; text-align:center; width:148px; display: block; } .custom .sideMenuHover { background-color:#412D1B; } .custom .menuImg { height:69px; width:80px; } .custom img.inactiveCover { left:2px; position:absolute; top:1px; } .custom .splashImage { display:none; left:46px; position:absolute; z-index:200; width:678px; } .custom #mainContent { height:820px; } /* register.php */ .custom #register-page { margin-top: 80px; margin-left: 18px; font-family: Arial; background-color: #FFFFFF; height: 600px; } .custom .reg-form-items { margin-top: 20px; } .custom .reg-top-bar { background: url('http://crazibeautiful.com/files/2010/04/register-top-bar.png') no-repeat scroll center center transparent; height: 40px; text-align: left; font-size: 24px; padding-top: 11px; padding-left: 60px; color: #f87b09; } .custom .reg-top-asterisk { padding-bottom: 20px; height: 40px; font-size: 72px; left: 10px; } .custom .reg-top-text { left: 20px; } .custom .reg-header-text { margin-left: 40px; margin-top: 20px; font-size: 24px; color: #cb6508; } .custom .reg-header-desc { font-size: 14px; margin: 20px 40px 0 40px; color: #858484; } .custom .reg-header-begin { margin-top: 20px; font-size: 24px; color: #cb6508; } .custom .register-section { margin-left: 40px; } .custom #signup_form label { color: #858484; font-size: 18px; } .custom #signup_username { margin-left: 130px; margin-top: -25px; float: left; width: 200px; height: 20px; border: 1px #858484 solid; background-color: #FFFFFF; } .custom .reg-username-text { margin-left: 130px; color: #cb6508; font-size: 12px; } .custom #signup_email { margin-left: 130px; margin-top: -25px; float: left; width: 200px; height: 20px; border: 1px #858484 solid; background-color: #FFFFFF; } .custom .reg-email-text { margin-left: 130px; color: #cb6508; font-size: 12px; } .custom .extra-fields { margin-left: 40px; margin-top: 10px; font-size: 14px; color: #858484; } .custom .submit { cursor: pointer; border: none; margin-bottom: -5px } .custom .reg-submit { width: 72px; display: block; cursor: pointer; } .custom .reg-submit-instruct { font-size: 14px; text-align: center; color: #858484; } .custom .reg-submit-terms { font-size: 14px; color: #858484; } .custom .test { margin-left: 80px; font-size: 14px; color: #858484; width: 500px; } /* activate.php */ .custom #activate-page { padding-top: 20px; font-family: Arial; background-color: #FFFFFF; height: 600px; } .custom .activate-top-bar { background: url('http://crazibeautiful.com/files/2010/04/activate-top-bar.png') no-repeat scroll center center transparent; height: 40px; text-align: left; font-size: 24px; padding-top: 11px; padding-left: 60px; color: #f87b09; } .custom .activated-top-bar { background: url('http://crazibeautiful.com/files/2010/04/activated-top-bar.png') no-repeat scroll center center transparent; height: 40px; text-align: left; font-size: 24px; padding-top: 11px; padding-left: 60px; color: #f87b09; } .custom .activate-header-text { margin-left: 40px; margin-top: 20px; font-size: 24px; color: #cb6508; } .custom .activate-header-lable { margin-left: 40px; margin-top: 20px; font-size: 18px; color: #858484; } .custom .activated-header-notice { margin-left: 40px; margin-top: 20px; font-size: 18px; color: #858484; } .custom .error { margin-left: 40px; margin-top: 20px; font-size: 18px; color: #FF0000; } .custom #signup_form { background: url('http://crazibeautiful.com/files/2010/05/blue-large-box.png') no-repeat; height: 600px; padding-top: 1px; } .custom .submit-text { margin-left: 10px; margin-top: -2px; } .custom .widget .widget_wp_sidebarlogin { } .custom li.reg-tab, li.reg-tab-sel { display: inline; font-size: 20px; vertical-align: middle; } .custom .reg-tab-sel { background: url('http://crazibeautiful.com/files/2010/05/blue-tab.png') no-repeat; height: 43px; width: 202px; } .custom .reg-tab { background: url('http://crazibeautiful.com/files/2010/05/brown-tab.png') no-repeat; height: 35px; width: 180px; margin-top: 7px; } .custom .register-tabs ul { list-style-type: none; margin-top: 43px; margin-left: 30px; display: block; } .custom .register-tabs li { float: left; margin-right: 5px; text-align: center; color: #412D1B; } .custom .reg-tab-sel img { margin-top: 10px; margin-left: 2px; vertical-align: bottom; } .custom .reg-tab img { margin-top: 7px; margin-left: 2px; vertical-align: bottom; } .custom .reg-tab a { text-decoration: none; color: #412D1B; padding-top: 8px; vertical-align: middle; } .custom .questions-page { background: url('http://crazibeautiful.com/files/2010/05/blue-large-box.png') no-repeat; height: 600px; padding-top: 1px; } .custom .questions-title { font-family: Arial; font-size: 20px; color: #CB6508; margin-left: 30px; margin-top: 20px; margin-bottom: 20px; } .custom .question { font-family: Arial; font-size: 14px; color: #CB6508; margin-left: 30px; width: 500px; margin-bottom: 5px; } .custom .answer { font-family: Arial; font-size: 14px; color: #412D1B; margin-left: 30px; margin-bottom: 10px; width: 500px; } .custom #sidebar-login { background-color: #FFFFFF; border: solid 2px #412D1B; height: 64px; margin: 5px; width: 270px; } .custom #sidebar-login img { border: none; width: 60px !important; height: 60px !important; margin-top: -35px; } .custom .pagenav { float: right; width: 200px; margin-top: -35px; } .custom .profile-flower { height: 25px; width: 25px; vertical-align: middle; } .custom #sidebar-login h3 { float: right; width: 200px; height: 25px; vertical-align: middle; text-align: center; } .custom #profile-container { margin-top: 20px; } .custom .pc-left { float: left; width: 188px; height: 290px; margin-left: 5px; clear: right; background: url('http://crazibeautiful.com/files/2010/05/large-profile-with-header-2.png') no-repeat; } .custom .pc-right { margin-top: 1px; margin-left: 2px; float: left; } .custom .pc-edit { background: url('http://crazibeautiful.com/files/2010/05/submit-content-edit.png') no-repeat; width: 289px; height: 23px; float: right; text-align: right; color: #FFFFFF; font-weight ; bold;} .custom .edit-text { padding-top: 4px; text-align: center; } .custom .pc-header-box { width: 465px; height: 80px; background-color: #412D1B; text-align: center; padding-top: 3px; padding-left: 5px; } .custom .pc-header-box img { padding-top: -15px; padding-left: 5px; padding-right: 5px; vertical-align: middle; } .custom .profile-big-user-name { background: url('http://crazibeautiful.com/files/2010/05/blue-box.png') no-repeat; height: 49px; text-align: left; font-family: Georgia; font-size: 24px; padding-top: 10px; } .custom .profile-big-user-name img { margin-top: -8px; } .custom .edit-image, .custom .edit-profile, .custom .edit-password { padding-left: 5px; padding-right: 5px; color: #412D1B; } .custom .edit-image a, .custom .edit-profile a, .custom .edit-password a { text-decoration: none; color: #412D1B } .custom .profile-image { margin-top: 43px; margin-left: 12px; height: 300px; } .custom .profile-image img { width: 166px; height: 166px; } .custom .profile-button { background: url('http://crazibeautiful.com/files/2010/05/profile-brown-button.png') no-repeat; text-align: center; vertical-align: bottom; height: 26px; width: 168px; padding-bottom: 2px; } .custom .profile-button-text { font-family: Georgia; font-size: 12px; color: #FFFFFF; vertical-align: middle; height: 26px; } .custom .profile-details-section { width: 465px; margin-top: 40px; } .custom #profile-edit-form { margin-top: 40px; margin-left: 20px; margin-right: 20px; } .custom #avatar-upload { position: relative; } .custom #avatar-file { position: relative; text-align: right; } .custom .profile p { margin-top: 10px; margin-left: 5px; font-family: Georgia; font-size: 10px; letter-spacing: 0.2ex; line-height: 120%; } /* SOCIAL */ .custom .front-social-links { width: 250px; height: 60px; clear: both; margin: 0 auto; padding-top: 15px; text-align: center; left:752px; position:absolute; } .custom .social-button { float: left; width: 33%; margin: auto; } .custom .page-nav { font-size: 1.35em; font-weight: bold; margin: 2em 0; padding: 0 0 0 .8em; overflow: hidden; } .custom .page-nav-intro { float: left; padding: .3em .5em; margin: 0 1em 1em 0; background: #efefef; border: .1em solid #ccc; } .custom .page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #fff; border: .1em solid #ccc; } .custom .current-page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #efefef; border: .1em solid #ccc; } .custom .elipses { float: left; padding: .3em .2em; } .custom .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; } .custom .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; } .custom .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; } .custom .postauthor h2 { color:#515151; font-size: 13px; } .custom .postauthor p { color: #515151; font-size: 13px; margin-bottom: 5px; } // .custom .more_honoring_womanhood { background-color: #FFFFFF; height: 100%; } .custom .more-top { width: 650px; border-bottom: dotted 1px; padding-bottom: 2px; } .custom .more-post-container { float: left; margin: 0 auto; width: 650px; } .custom .more-post { width: 112px; padding-right: 10px; float: left; } .custom .more-post-image { width: 112px; border-bottom: dotted 1px; } .custom .more-post p { text-align: center; width: 112px; height: auto; color: #5d452f; font-size: 10px; letter-spacing: -0.01em;} .custom .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }