/* 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:none repeat scroll 0 0 transparent; font-family:tahoma; } .custom .full_width > .page { background:none repeat scroll 0 0 #FFFFFF; padding-left:0; padding-right:0; } /* Header */ .custom #header { height:130px; padding-bottom:10px; padding-left:0; padding-top:10px; border-width:0; } .custom #header_area .page { display:none; padding-bottom:0; padding-top:0; } .custom #logo { background:transparent; } .custom #logo a { background:url("images/logo.png") no-repeat scroll 0 0 transparent; display:block; font-weight:bold; height:105px; text-indent:-9999px; margin-left:5px; width:425px; float:left; } .custom #tagline { color:#888888; text-indent:-9999px; } .custom #title_area { background:url("http://www.itsnotforgirls.com/wp-content/themes/thesis_18/custom/images/title1.png") repeat-x scroll 0 0 transparent; border-bottom:0px solid #999999; border-top:0 solid #000000; height:110px; margin-bottom:-2px; margin-top:0; padding:0; } /* Slider */ .custom #feature_box { background:none repeat scroll 0 0 transparent; border-color:#DDDDDD; border-style:solid; border-width:0 0 1px; display:block; float:left; height:195px; margin-bottom:0; margin-left:11px; padding-left:0; padding-right:0; padding-top:0; width:708px; } .custom #smooth_sldr div { display:block; padding-left:0; padding-top:0; } .custom #feature_box .sidebar ul.sidebar_list { padding-left:0; padding-right:0; } #adspacewidget2 { margin-left:0px; } /* Changing Header Banner per Page START */ .custom #featuredslider { background:transparent; height:150px; margin-bottom:10px; margin-left:13px; width:980px; } /* Changing Header Banner per Page END */ #thesliderwidget { display:block; float:left; margin-left:0; width:700px; } .custom #smooth_sldr h2 { background:none repeat scroll 0 0 transparent; font-family:tahoma; font-size:20px; font-weight:normal; list-style:none outside none; padding-bottom:7px; vertical-align:baseline; } .custom #smooth_sldr { background:none repeat scroll 0 0 transparent; line-height:18px; margin:0 auto 10px; overflow:hidden; } .custom .smooth_slider_thumbnail { border:0 solid #000000; float:left; margin:10px 15px 0 0; max-height:120px; max-width:143px; } .custom .sldrlink a { display:none; } /* Menus */ .custom #adspacewidget .menu a { background:none repeat scroll 0 0 transparent; border-bottom:0 none !important; border-left:0 none !important; border-right:0 solid #DDDDDD; border-top:0 none !important; color:#444444; font-size:12px; font-variant:normal; font-weight:normal; height:14px; margin-bottom:7px; margin-right:1px; margin-top:2px; padding-bottom:2px; padding-top:2px; text-transform:none; } .custom #adspacewidget .menu a:hover { background:transparent; border:0 none !important; border-right:0px solid #DDDDDD !important; color:#111111; } .custom li.menu-item-4812 .menu a { border-right:0px; } .custom #nav_area { background:none repeat scroll 0 0 transparent; height:36px; margin-bottom:0; margin-top:7px; padding-top:0; } .custom #nav_area .page { background:none repeat scroll 0 0 #F9F9F9; border:1px solid #DDDDDD !important; height:30px; padding-left:0; padding-right:0; width:980px; } .custom .menu { margin-left:2px; } .custom .menu a { background:none repeat scroll 0 0 transparent; border-bottom:0 none !important; border-left:0 none !important; border-right:1px solid #DDDDDD; border-top:0 none !important; color:#111111; font-size:10px; font-weight:bold; margin-bottom:7px; margin-right:1px; margin-top:2px; } .custom .menu a:hover { background:transparent; border:0 none !important; border-right:1px solid #DDDDDD !important; color:#555555; } .custom ul.sub-menu .menu-item a { background:none repeat scroll 0 0 #F9F9F9; border-right:0 none; border-top:1px dotted #DDDDDD !important; color:#111111; font-size:9px; font-weight:normal; height:100%; margin-bottom:0; margin-top:0 !important; } .custom ul.sub-menu .menu-item a:hover { background:none repeat scroll 0 0 #D54701; color:#FBE101; } .custom .menu, .menu a, .menu li ul { border-style:none; } .custom li.search { float:right; list-style:none outside none; } .custom li.search input { background:url("images/search.png") no-repeat scroll 2px 1px #EEEEEE; font-family:helvetica; font-size:13px; height:11px; margin-right:3px; margin-top:3px; padding:5px 6px 6px 28px; width:125px; } .custom .menu-main-menu-container { width:765px; } #navi { float:left; width:765px; } /* Content */ .custom #content_box { background:none repeat scroll 0 0 transparent; } /* Titles */ .custom #archive_intro h1 { margin-bottom:1em; margin-top:5px; } /* Archives */ .custom #archive_intro { border-bottom:1px solid #DDDDDD !important; margin-left:10px; padding-top:2.2em; width:672px; } /* Teasers */ .custom .teasers_box { border-width:0; padding-bottom:0; padding-top:0; } .custom .teaser { border-bottom:1px solid #DDDDDD; float:left; padding-bottom:15px; padding-top:20px; width:710px; } .custom .teaser .post_image_link img.alignleft { margin-bottom:1.8em; margin-right:1.8em; max-height:148px; max-width:140px; } .custom .teaser .format_teaser { font-size:1.2em; line-height:1.5em; margin-bottom:5px; margin-top:10px; } .custom .teaser .teaser_comments { float:right; font-size:1em; line-height:1.6em; } .custom .teaser h2 { font-size:23px; line-height:25px; } .custom .teaser h2 a:hover { color:#D53A04; } .custom .prev_next { border-width:0; } /* Extra Widgets */ #adspacewidget { float:right; height:100px; margin-right:0px; margin-top:0px; width:434px; } .custom #adspacewidget h3 { background:none repeat scroll 0 0 transparent; color:#1D2C60; font-family:tahoma; font-size:12px; font-weight:lighter; margin-top:0; padding:0; } .custom #adspacewidget ul.sidebar_list { height:100px; padding:3px 0 0; } .custom #adspacewidget li.widget { margin-bottom:0px; } .custom #adspacewidget li.widget .widget_box { border-width:0.077em; height:60px; padding:0.692em; } #adspacewidget2 { float:right; margin-right:7px; margin-top:0; width:990px; } .custom #adspacewidget2 h3 { background:none repeat scroll 0 0 transparent; color:#1D2C60; font-family:tahoma; font-size:12px; font-weight:lighter; margin-top:0; padding:0; } .custom #adspacewidget2 ul.sidebar_list { padding:0 4px 0 2px; } .custom #adspacewidget2 li.widget { margin-bottom:0px; } .custom #adspacewidget2 li.widget .widget_box { border-width:0.077em; padding:0.692em; } /* Sidebar */ .custom .sidebar ul.sidebar_list { padding-top:0; } .custom #sidebar_1 h3 { background:none repeat scroll 0 0 #EEEEEE; border-top:1px solid #cccccc; color:#555555; padding:4px 4px 4px 8px; } li.widget ul.social2 { height:40px; list-style:none outside none; margin-top:15px; } li.widget ul.social2 li { background:none repeat scroll 0 0 transparent !important; border-bottom:0 none !important; float:left; padding-left:0px !important; } .custom li.widget { float:left; margin-bottom:5px; } .custom #sideads { background:none repeat scroll 0 0 transparent; display:block; float:left; margin-bottom:20px; position:relative; width:250px; } .custom #sidead1 a img { display:block; float:left; margin-bottom:10px; margin-right:8px; width:120px; } .custom #sidead2 a img { display:block; float:right; margin-bottom:8px; margin-right:0; width:120px; } .custom #sidead3 a img { display:block; float:left; margin-bottom:10px; margin-right:8px; width:120px; } .custom #sidead4 a img { display:block; float:right; margin-bottom:8px; margin-right:0; width:120px; } /* Breadcrumbs */ .custom #breadcrumb { color:#444444; display:block; float:left; font-size:13px; height:20px; margin-bottom:0; margin-left:11px; margin-top:6px; padding-top:0; width:700px; } .custom #bread { color:#444444; display:block; float:left; height:16px; padding-top:0; width:440px; } .home #bread { display:none; } .home #breadcrumb { display:none; } /* Footer */ .custom #footer_area .page { background:url("images/logo-mini.png") no-repeat scroll left bottom transparent; padding-bottom:2.2em; } .custom #footer { border-top:1px solid #dddddd; padding-bottom:0px; height:10px; } .custom #footer p { font-size:11px; line-height:1.667em; color:#444444; } .custom #footer a { border-bottom:0 solid #FFFFFF; color:#003768; } .custom #footer a:hover { border-bottom:0 solid #FFFFFF; color:#536DDE; } #rightfooter { float:right; font-size:11px; line-height:16px; margin-top:3px; } #leftfooter { float:left; font-size:11px; line-height:16px; margin-left:165px; margin-top:3px; } /* Footer Widgets */ .custom #footerwidgets h3 { border-bottom:1px solid #DDDDDD; color:#888888; font-family:tahoma; font-size:18px; margin-bottom:5px; padding-bottom:6px; padding-top:0; } .custom #footerwidgets .col_footer1 { background:none repeat scroll 0 0 transparent; float:left; margin:2px 10px 5px; padding:0; width:230px; } .custom #footerwidgets .col_footer2 { background:none repeat scroll 0 0 transparent; float:left; margin:2px 10px 5px; padding:0; width:230px; } .custom #footerwidgets .col_footer3 { background:none repeat scroll 0 0 transparent; float:left; margin:2px 10px 5px; padding:0; width:230px; } .custom #footerwidgets .col_footer4 { background:none repeat scroll 0 0 transparent; float:left; margin:2px 10px 5px; padding:0; width:230px; } /* NUMBERED PAGE NAV */ .page-nav { font-size: 1.35em; font-weight: bold; margin: 1em 0; color:#555555; padding: 0; overflow: hidden; } .page-nav-intro { float: left; padding: .3em .5em; margin: 0 1em 1em 0; background: #efefef; border: .1em solid #ccc; } .page-number { float: left; color:#D53A04; padding: .3em .5em; margin: 0 .2em; background: #fff; border: .1em solid #ccc; } .page-number a { color:#888888; } .page-number a:hover { color:#D53A04; } .current-page-number { float: left; padding: .3em .5em; margin: 0 .2em; color:#D53A04; background: #efefef; border: .1em solid #ccc; } .elipses { float: left; padding: .3em .2em; } /* Shop Customizations */ .shop .headline_area h1 { display:none; } .shop #breadcrumb { display:none; } .shop #bread { display:none; } .shop .headline_area { margin-bottom:0; } .shop .post_box { padding-top:2px; } #newtitle { display:block; padding-bottom:10px; } #products_page_container h1 { font-size:22px; font-weight:normal; margin-top:0; padding-top:0; } .custom div.breadcrumb { font-size:12px; margin:0 0 10px; } .custom div.productdisplaysingle { clear:none; float:right; left:0; margin-bottom:12px; padding:0; position:relative; text-align:left !important; top:0; width:770px; } .custom h2.prodtitles span { display:block; float:left; font-size:22px; font-weight:normal; line-height:125%; } .custom a.wpsc_edit_product { display:none; } .custom #products_sidebar { display:block; float:left; width:200px; } .custom #products_sidebar a { font-size:16px; } .custom #products_sidebar a:hover { font-size:16px; text-decoration:none; } .custom #products_sidebar h2 { font-size:22px; font-weight:normal; margin-top:0; padding-top:0; } .custom div.single_product_display { clear:none; float:right; left:0; margin-bottom:12px; padding:0; position:relative; text-align:left !important; top:0; width:780px; } .custom div.single_product_display div.textcol { margin-left:250px !important; min-height:250px; width:525px; } .custom div.product_grid_display { float:right; margin-bottom:20px; text-align:left !important; width:780px; } .custom div.product_grid_display div.product_grid_item { float:left; height:auto !important; margin:4px 2px 8px 0; position:relative; width:192px; } .custom div.wpsc_product_search { background-color:transparent; display:block; float:right; height:22px; margin:0 0 12px; padding:4px; width:777px; } /* Single Product Page */ .custom #TB_window { background:none repeat scroll 0 0 #000000; border:0 solid #525252; color:#FFFFFF; display:none; position:absolute; text-align:left; z-index:102; } .custom #TB_Header { background: none repeat scroll 0 0 transparent; color: transparent; font-size: 12px; height: 23px; margin: 6px auto 0; padding: 4px; width: 95%; } .custom #TB_additional_images { display: block; float: left; margin-left: 15px; margin-top: 25px; padding: 0; width: 75px; } .custom #TB_Header #TB_TopCloseAjaxWindow { display: block; float: right; font-size: 30px; margin: 0; padding: 0; text-align: right; } .custom #TB_window a:link { color: #FFFFFF; } .custom div.wpsc_description img { clear:both; padding-left:10px; float:right; } .custom input.wpsc_buy_button { background: url("images/buynow.png") no-repeat scroll 0 0 transparent; border: medium none !important; float: left; height: 51px; margin-top: 15px; text-indent: -9995px; width: 400px; cursor: pointer; } .custom input.wpsc_buy_button:hover { background: url("images/buynow.png") no-repeat scroll 0 0 transparent; border: medium none !important; float: left; height: 51px; margin-top: 15px; text-indent: -9995px; width: 400px; cursor: pointer; } /* Indents Product Categories and Subs */ .custom ul.categorychecklist li { line-height:19px; margin:0; padding-bottom:0; padding-left:18px; padding-top:0; word-wrap:break-word; } ul.children li { line-height:19px; margin:0; padding:0; word-wrap:break-word; } /* Authors */ #author-box { border-bottom:1px solid #CCCCCC; display:block; float:left; width:700px; margin-top:20px; } #author-box-img { float:left; } #author-box h2 { font-size:17px; margin-top:0; padding-top:0; } #author-box h2 a { font-size:17px; } #author-box-content { float:right; width:510px; } #theafterpostad { margin: auto; padding-top: 30px; width: 530px; } /* code for Author's profile box below the post */ .postauthor { background: none repeat scroll 0 0 #FEFCFC; border: 1px solid #E1E1E0; overflow: hidden; padding: 1.5em; width: 700px; } .postauthor img {border: 1px solid #e2dede; float: left; margin-right: 1.5em; } .postauthor h4 {color: #666; font-size: 2em; margin-bottom: 5px; } .postauthor p {color: #515151; font-size: 13px; margin-bottom: 12px; } .postauthor p.hlight {font-size: 11px; text-transform: uppercase; } .postauthor p.hlight span {color: #CB3131; font-size: 1.5em; font-style: italic; font-weight: bold; letter-spacing: 0.8px; } .custom .postauthor p { font-size:15px; } .custom .postauthor p.hlight{ font-size:13px; font-weight:bold; } .custom .imageMenu a { background: none repeat scroll center center #FFFFFF; border-bottom: 2px solid #FFFFFF; color: #FFFFFF; cursor: pointer; display: block; float: left; font-size: 12px; font-weight: bold; overflow: hidden; position: relative; } /* 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: 2px 12px 0 20px; padding-top: 0; } .social .social_button.tm { margin:0 0 0 22px; padding-top:4px; width:75px; } .social .social_button.fb { margin-right: 0; padding: 2px 0 0 11px; } .social .social_button.su { margin:0 0 0 17px; padding-top:2px; } .social .social_button.gb { height: 23px; margin: -1px 0 0 29px; padding-top: 0; } .social .social_button.em { height:25px !important; margin:-1px 0 0 29px; 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;} .greet_block_close { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; float: right; height: 22px; margin: 0 0 0 10px; padding-left: 2px; width: 16px; } .custom .dsq-brlink { display: none; } /* Advertise Page */ #advertise-page { display:block; } #advertise-col-left { display:block; float:left; width:550px; } #advertise-col-right { display:block; float:right; width:350px; padding-left:10px; } /* GUIDE TEMPLATE CSS */ #guide-template { display:block; width:950px; } #guide-template h1 { border-bottom: 2px solid #DDDDDD; float: left; font-size: 32px; margin-bottom: 0; margin-top: 10px; padding-bottom: 17px; padding-top: 0; width: 963px; } .guide-css .headline_area { display:none; } .guide-css .post_box { margin-top: 0; padding-top: 1px; } #guide-header { background: url("images/guide/guide-bg.png") repeat-x scroll 0 0 transparent; display: block; height: 250px; width: 980px; } .guide-nav { padding-left: 0; } .guide-nav li { display: inline; float: left; height: 85px; margin-right: 4px; } .guide-nav li a { color: #FFFFFF; display: block; font-family: Arial; font-size: 0; height: 80px; margin-left: 43px; padding-top: 0px; text-align: center; text-decoration: none; width: 180px; } .guide-nav li.nav-1 a { background: url("images/guide/guide-nav1.png") no-repeat scroll 0 0 transparent; } .guide-nav li.nav-2 a { background: url("images/guide/guide-nav2.png") no-repeat scroll 0 0 transparent; } .guide-nav li.nav-3 a { background: url("images/guide/guide-nav3.png") no-repeat scroll 0 0 transparent; } .guide-nav li.nav-4 a { background: url("images/guide/guide-nav4.png") no-repeat scroll 0 0 transparent; } .guide-nav li.nav-1 a:hover { background: url("images/guide/guide-nav1.png") no-repeat scroll 0 -81px transparent; } .guide-nav li.nav-2 a:hover { background: url("images/guide/guide-nav2.png") no-repeat scroll 0 -81px transparent; } .guide-nav li.nav-3 a:hover { background: url("images/guide/guide-nav3.png") no-repeat scroll 0 -81px transparent; } .guide-nav li.nav-4 a:hover { background: url("images/guide/guide-nav4.png") no-repeat scroll 0 -81px transparent; } #guide-content { padding:10px; } #guide-content h2 { font-size: 22px; margin-top: 0; } #guide-content p { font-size:13cebpx; } .guide-product { border-bottom: 2px solid #DDDDDD; float: left; margin-top: 0px; padding-bottom: 10px; width: 965px; } .guide-product h3 { line-height: 15px; margin-bottom: 10px; margin-top: 4px; padding-top: 0; } .guide-product-info { float: left; width: 693px; } .guide-product-image { float: right; margin-left: 20px; margin-top: 15px; width: 250px; } .guide-product-image img { width:250px; height:250px; } .guide-product-foot { background: none repeat scroll 0 0 #EEEEEE; display: block; float: left; margin-top: 10px; padding: 13px; width: 939px; } .guide-product-foot-left { width:400px; float:left; display:block; } .guide-product-foot-left b { color:#0E9D07; } .guide-product-foot-right { width:400px; float:right; display:block; } .guide-product-foot-right b { color:#DD0505; }