/* 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: http://artofmanliness.com/wp-admin/themes.php?page=thesis-openhook/css-edit.php .custom a, .custom a:visited { color: #87240f; } <--- 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/ */ .custom a, .custom a:visited { color: #87240f; } .custom a:hover { color: #333333; } .custom .full_width .page { padding: 0 1.9em; background: #f8f3ea;} .custom #logo a { display:block; height:172px; width:1000; text-indent:-9999px; } .custom #header { border-bottom:none; height:225px; padding-top:0; padding-bottom:2px; background:url("http://www.yourlara.com/personalimages/yourlara-this-is-my-world.jpg") center left no-repeat; } .custom #header #logo { display:none; } .custom #header #tagline { display:none; } .custom #header_area .page { padding-top:0; } .custom ul#tabs { background-color:#330000; border-width:0; padding:0 2em; width:100%; margin-left:-20px; position: relative; height: 44px; } .custom ul#tabs li.current_page_item, ul#tabs li.current-cat { background:transparent none repeat scroll 0 0; } .custom ul#tabs li.current_page_item a, ul#tabs li.current-cat a { color:#87240f; letter-spacing: 0px; } .custom ul#tabs li { border-style:none; background-color:transparent; } .custom ul#tabs li a { font-family:helvetica,arial,verdana,sans-serif; font-weight:bold; color: #f8f3ea; font-size: 1.5em; text-transform: none; line-height:28px; letter-spacing: 0px; } .custom ul#tabs li a:hover { color:#F8F3EA; text-decoration:underline; } .custom #content_box {background: transparent url(http://www.yourlara.com/wp-content/themes/thesis/custom/images/sidebarbg.gif) repeat-y scroll 638px 0} .custom #footer_area .page { background: #87240f; } .custom #footer { border-top: none; padding-bottom: 10px; border-bottom: 1px solid #000000; } h3.after_multimedia_box { font-size:1.3em; font-variant:small-caps; letter-spacing:2px; line-height:1.385em; margin-bottom:0.615em; color: #555555; margin-left:1em; } #sidebox { width: 350px; margin:10px 0; padding: 5px 0 20px 14px; } #sidebox p { font-size:1.2em; line-height:1.5em; } h3.sidebox { font-size:1.3em; font-variant:small-caps; letter-spacing:2px; line-height:1.385em; margin-bottom:0.615em; color: #555555; } #fbFeature { text-align:center; margin-left:-20px; } #custom_box { border-bottom:none; padding:0; background:none; } #custom_box img{ padding:18px; } #pagewidth{ width:961px; text-align:left; margin-left:auto; margin-right:auto; } #leftcol{ width:33.33%; float:left; position:relative; } #twocols{ width:66.67%; float:right; position:relative; } #rightcol{ width:50%; display:inline; text-align:right; float: right; } #maincol{ float: left; display:inline; position: relative; width:50%; } #footer h3 { color: #F8F1C4; font-weight:bold; font-size:1.3em; margin-bottom:10px; } #footer a:hover { color:#AD8551; } #footer a { border-bottom:medium none; color:#AD8551; } #footer li { list-style-type:none; } /* *** Float containers fix *** */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{display: inline-block;width:100%;} li.widget { margin-bottom:0; margin-top: 10px; } .comments_intro span.bracket { color:#000000; } .comments_intro p { color:#000000; } dl#comment_list dd { border-bottom:1px dotted #000000; } #commentform {style.css (line 416) border-top:1px dotted #000000; } dl#comment_list { border-top:1px dotted #000000; } .prev_next { border-top:2px solid #000000; } .headline_meta a { border-bottom:1px solid #666666; color:#666666; } #commentform { border-top:1px dotted #000000; } img.frame { background:transparent none repeat scroll 0 0; border-color:#000000; } #multimedia_box { margin-left:8px; } li.widget { list-style-type:none; } #archive_info { border-bottom:2px solid #000000; } /* Tabber CSS */ .tabber_box { width:300px; } #jtabber { margin: 0px 0px 0px 0px; padding: 0px; display: block; } #jtabber #nav2 { display: block; border-bottom: 1px solid #999999; padding: 5px 0px 4px 0px; } /* A tab before it is activate */ #jtabber #nav2 a { font: bold 7px; list-style: none; margin: 0 5px 0 0; padding: 8px 3px; color:#7c7c7c; text-decoration:none; } /* An Active Tab */ #jtabber #nav2 a.selected { color:#545454; background: #D5CDB1; text-decoration:none; padding: 5px 6px; -moz-outline: none; border: 1px solid #999999; border-bottom: none; font-size:.8em; font-weight:bold; } /* What an active tab will look like */ #jtabber .hiddencontent { clear: both; padding:10px; display: none; background: #D5CDB1; border:1px solid #999999; border-top:0px; } /* The styles for the stuff inside the active tab */ #jtabber .hiddencontent { } #jtabber .hiddencontent a { text-decoration: none; } #jtabber .hiddencontent a:hover { color: #333333; text-decoration: underline; } #jtabber .hiddencontent ul { list-style-type: disc; font-size: 13px; color:#666; margin: 0px; padding: 0px 0px 0px 15px; } #jtabber .hiddencontent ul li { margin: 0px; padding: 0px 0px 5px 0px; } a:active, a:focus { outline: 0 } .full_width {} h2 a.teaser_category { font:bold 16px Georgia,"Times New Roman",Times,serif; margin-top:10px;} .custom .teaser h2 { color:#87240f; font-size:2em; font-style:italic; } .custom .teaser .teaser_link { color:#87240f; font-weight:bold; line-height: 4em; } .custom .teaser .teaser_author { font-style:none; } .custom h2 a { color:#87240f; } .custom .teaser .format_teaser { margin: 0.5em 0; } #topad { width: 1000px; height: 98px; border-bottom: 1px solid #000000; background: transparent url(http://content.artofmanliness.com/uploads/images/wood_top.jpg) repeat scroll 0 0; margin:0 -20px; padding: 5px 0 0 0; text-align:center; } div.d13fader a { font-family:"Times New Roman",Times,Georgia,serif; font-size:20px; font-style:italic; } #d13slideshow { margin:0 0 20px 0 !important; } .subscribers { font-family:"Times New Roman",Times,Georgia,serif; font-size:1.5em; } .sidebar h3 { font-weight:bold; letter-spacing:opx; color:#FFFFFF; padding-left: 10px; padding-right: 6px; padding-botton: 6px; padding-top: 6px; background-repeat:no-repeat; background-image:url(http://www.yourlara.com/wp-content/themes/thesis/custom/images/menu_bg.png); height:35px; } .sidebar li { margin-bottom: 1.1em; border: 1px dotted #bbbbbb; border-left: 0; border-right:0; border-top:0; } .sidebar p { margin-top: 10px; } img.icon { margin-top: 10px; } #cred_footer { background:#F8F3EA none repeat scroll 0 0; color:#87240F; font-family:helvetica,arial,verdana,sans-serif; font-size:12px; font-weight:bold; text-align:center; width:880px; line-height: 4em; margin:0 -19px; } #fatfooter { background-image:url(http://www.yourlara.com/wp-content/themes/thesis/custom/images/fat_footer_bg.jpg); color:#87240F; font-family:helvetica,arial,verdana,sans-serif; font-size:12px; text-align:center; width:999px; line-height: 4em; margin-left:-30px; margin-top:10px; border-top: 1px solid #000000; height:56px; } #fatfooter_content { margin-left:36px; } h2.fatfooter { color:#87240F; font-family:helvetica,arial,verdana,sans-serif; font-size:1em; } #fatfooter ul li a { color:#87240F; display:list-item; font-family:helvetica,arial,verdana,sans-serif; font-size:.8em; font-weight:bold; line-height:14px; text-transform:none;} .custom #footer_area .page { padding-bottom:0; } .custom .post_box, .teasers_box top { padding-top: 2.2em; } .custom #footer ul li a { display: inline; font-family:helvetica,arial,verdana,sans-serif; font-weight:bold; color: #ffffff; font-size: 1.5em; text-transform: none; line-height:28px; } .custom #footer ul li { display: inline; margin: 0 8px 0 8px; } .custom #footer ul { display:inline; float:left; text-align:left; width:400px; } #sicons { display:inline; width:600px; } #sicons img { margin: 0 8px; } .teasers_boxs { width:628px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-bottom:10px; display: box; } .teasers_boxs .post{ float:left; width:145px; margin-left:10px; margin-top:5px; margin-bottom:5px; border-right: 1px solid #cccccc; } h3.entry-title { font-size: 1em; } h2.category-title, .teaser_category { font: bold 14px/18px Gerogia, Times, Serif; color: #111010; } .sharingBox { background-color:#f1dfc9; border:1px solid #CCCCCC; clear:both; height:284px; overflow:hidden; width:96%; } .sharingAd { float:left; margin:16px 16px 16px 16px; } .sharingIcons { float:left; } .sharingIcons li { clear:both; font-size:1em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 12px; font-weight: bold; } .sharingBox h2 { font-weight: bold; font-size: 1.6em; line-height:1em; margin:1em 0; } .sharingIcons li a { text-decoration: none; } .sharingIcons li img { margin-bottom:-4px; } .relatedBox { background:#cfb38c none repeat scroll 0 0; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; margin:0; padding:0; width:96%; } .custom .search_form { background-image:url(http://www.yourlara.com/postimages/search.png); background-repeat:no-repeat; padding:14px 16px 32px 0; } .custom .sidebar input[type="text"], .sidebar input[type="submit"] { float:right; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; padding:0.308em; width:200px; background-color:#D5CDB1; height: 12px; font-size: .7em; } .teasers_box .hentry {padding-bottom:5px;} #d13slideshow{ background-color:#000000; width:618px; height:336px; margin:0px; padding:0px; } #d13nav{ margin:0px; padding:0px; } #navleft{ z-index:200; position:absolute; width:15px; height:266px; margin:0px; padding:0px; } #navright{ z-index:201; position:absolute; width:15px; height:266px; margin:0px; padding:0px; margin-left:603px; } #navleft a, #navright a{ width:15px; height:266px; display:block; background-color:#000000; filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3; background-position:center center; background-repeat:no-repeat; } #navleft a{ background-image:url(http://artofmanliness.com/wp-content/plugins/d13slideshow/left.gif); } #navright a{ background-image:url(http://artofmanliness.com/wp-content/plugins/d13slideshow/right.gif); } #navleft a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; } #navright a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; } #navleft a span, #navright a span{ display:none; } div.d13slide{ padding:0px; margin:0px; } div.d13slide img{ padding:0px; margin:0px; } div.d13fader{ background-color:#000000; font-family:Arial, Helvetica, sans-serif; filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; height:70px; z-index:1; margin:-70px 0px 0px 0px; padding:0px; } div.d13fader h3{ font-size:12px; font-weight:bold; padding:4px; margin:0px; } div.d13fader h3 a{ color:#FFFF00; } div.d13fader h3 a:hover{ color:#FFFFFF; } div.d13fader p{ font-size:10px; font-weight:normal; padding:2px 4px 4px 4px; margin:0px; color:#FFFFFF; } div.d13fader p a{ color:#FF3300; } div.d13fader p a:hover{ color:#FFFFFF; } .custom #archive_info { margin-bottom:1.8em; } .5minBox { background-color:#f1dfc9 none repeat scroll 0 0; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; clear:both; overflow:hidden; width:96%; }; width:96%; }