/* File: custom.css Description: Custom styles for Thesis Website: Critical Flare - Zohar Manor-Abel 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 { background-image: url(images/bg.gif); background-repeat: repeat; } #container { border-color:#ababab; -moz-box-shadow: 0 0 20px #111111; -webkit-box-shadow: 0 0 20px #111111; box-shadow: 0 0 20px #111111; padding: 0; } /* TYPOGRAPHY */ a:hover { -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; } #logo, #logo a { text-transform: lowercase; } #header #tagline { text-transform:uppercase; margin-bottom: 1em; } .headline_area { } .headline_area h1, .headline_area h2 { font-weight:bold; line-height: 1.23em; margin-bottom:0.5em; } .headline_area h2 a { padding: 0.1em; color: #853A3A; background: none; } .headline_area h2 a:hover { color: #fff; background: #853A3A; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; } .format_text h2, .format_text h3, .format_text h4, .format_text h5, .format_text h6 { font-family: inherit; } .format_text h2 { font-weight: normal; color:#888888; font-size:1em; font-weight:normal; text-transform:uppercase; } .format_text h4, #disqus_thread h3, .dsq-request-user-stats, .dsq-options { text-transform: uppercase; color: #888; font-weight: normal; } #disqus_thread h3 { margin: 1em 0 ; color: #555; } #disqus_thread a:hover { text-decoration: underline; } .dsq-brlink { display: none; } .dsq-request-user-stats, .dsq-options { font-size: 0.9em; } .format_text a,.lifestream_label .lifestream_icon a, .lifestream_label .lifestream_text a { text-decoration: none; /*border-bottom: 0.1em solid #cfcfcf;*/ padding: 0.1em 0.2em !important; font-weight: bold; } .format_text a { border-bottom:0.1em dotted #ABABAB; } .format_text a:hover { text-decoration: none; border-bottom: none; color: #fff; background: #853A3A; } .img a { border-bottom: none; } .img a:hover { border-bottom: 0; background: none; } .st-tag-cloud, .widget_tag_cloud { text-align: justify; } .st-tag-cloud a { -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; background: #a9abc4; color: #fff; padding: 0 0.2em 0.1em; font-weight: normal; line-height: 1.5em; border-bottom: 0; } .st-tag-cloud a:hover, .widget_tag_cloud a:hover { text-decoration: none; color: #fff !important; background: #0082ad; } .widget_tag_cloud a { text-transform: lowercase; padding: 0 0.2em 0.1em; color: #0082ad !important; } /*---:[ headline meta data (includes bylines) ]:---*/ #headline_meta { } .headline_meta { font-style: normal; } .headline_meta span, .headline_meta abbr { } .headline_meta span, .headline_meta abbr { } .headline_meta a { border-bottom: none; color: #0082ad; padding:0.1em 0.2em; } .headline_meta a:hover { color: #fff; background: #0082ad; } .bottom_meta { margin: 0 1.2em; margin-bottom: 2em; } .headline_area .right { text-align: right; } .headline_area .full_right { float: right; } .headline_area .space_below { margin-bottom: 1em; } /* WP3 NAVIGATION */ #header-nav { margin-bottom: 1em; } /* Left Menu */ .menu-left { float: left; } .menu-left .menu li { margin-right: 0.6em; } .menu-left .menu-item a { text-align: center; width: 9em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; color: #111; border: 0.1em #ddd solid; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ededed)); background: -moz-linear-gradient(top, #fafafa, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed'); /* ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed'); /* ie8 */ } .menu-left .menu-item a:hover { background: #dfdfdf; background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#ededed)); background: -moz-linear-gradient(top, #dfdfdf, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); /* ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); /* ie8 */ border-color: #bfbfbf; color: #111; } .menu-left .current-menu-item a { background: #efefef; font-weight: bold; border-color: #bfbfbf; color: #111; } .menu-left #menu-item-2987 a { /* Home */ color: transparent; background-image: url(images/home.png); background-repeat: no-repeat; background-position: center center; width: 2em; } .menu-left #menu-item-2987 a:hover { border-color: #bfbfbf; } /* Right Menu */ .menu-right { float: right; } .menu-right .menu-item a { text-align: center; margin-left: 0.8em; margin-top: 0.3em; padding: 0.4em 0.3em; color: #0082ad; } .menu-right .menu-item a:hover { background: #0082ad; color: #fff; } .menu-right .current-menu-item a { border-bottom: 0.3em solid #BD1B21; color: #111; cursor: default; } .menu-right .current-menu-item a:hover { border-bottom: 0.3em solid #BD1B21; background: #fff; color: #111; } /*.menu-right .menu-item a:before { content: "•"; }*/ /* Content */ .format_text { clear: both; } /* SHARING AND ENJOY */ #social_share { float: right; margin-top: 0; margin-bottom: 0.5em; margin-left: 0.8em; padding: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; border: 0.1em #ddd solid; background: #fafafa; } .fb_button, .tm_button, .gb_button { font-family: Arial, sans-serif; margin-left: 0.3em; cursor: pointer; list-style: none; text-align: center; } .tm_button { margin-right: -2.7em; margin-bottom: -0.3em; background: transparent; z-index: 0; } .fb_button { z-index: 1000; margin-bottom: 0.4em; } .gb_button { z-index: 1000; } .FBConnectButton_Small .FBConnectButton_Text { cursor: pointer; } #fb_like { float: right; width: 7em; } iframe #tweetmeme_button .count { color:white !important; } iframe #tweetmeme_button a { margin-right: 0.4em !important; } /* CONTENT */ #content_box { margin-top: 4em; } /* SIDEBAR */ li.widget { margin-bottom: 2em !important; } .sidebar h3 { font-variant: normal; text-transform: uppercase; color: #888888; } .sidebar h3 a { color: #0082ad; } .sidebar a { color: #0082ad; } .sidebar { color: #666666; } .st-tag-cloud { text-transform: lowercase; } #lastfm_recent li, #fergcorp_countdowntimer ul li { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; border: 0.1em #ddd solid !important; padding: 0.5em !important; background: #fafafa !important; } /* BOTTOM BAR */ #footerCol { border-top: 0.1em #ddd dotted; } #footerCol .widget { margin-bottom: 1.1em; } #footerCol .col { width: 32%; float: left; list-style: none; margin: 0 0.5%; } li.widget ul li { border-bottom: 0.1em #ddd dotted; margin-bottom: 0.4em; padding-bottom: 0.3em; } .icon_text { } #text-387153662 h3 { margin-bottom: -1.3em; } .lifestream { padding: 0 !important; } .lifestream li { padding: 0 0 0.45em 24px !important; background-position: 3px 0px !important; } .lifestream-link { text-align: center; margin-top: -2em; font-size: 0.8em; } .lifestream-link a { color: #888; } .about-me h3 { margin-bottom: 0.7em; } .about-me p { border-bottom: 0.1em #ddd dotted; margin-bottom: 0.6em !important; padding-bottom: 0.6em; } li.widget .traits { text-align: justify; color: #666; } .about-me .disclaimer, .about-me .license { color: #888; font-size: 0.9em; } p .license-img img{ margin: 0 35%; } #footer p { text-align: right; font-size: 1em; } /*.sidebar a { color: #003366; }*/ /* JUMP LINK */ .skip-link, .jump-link { float: right; } .skip-link a, #footer a { color: #ababab; border-bottom: 0; } .skip-link a:hover, #footer .jump-link a:hover { color: #888; } /* SEARCH */ .search_form #s { padding: 6px 6px 6px 8px; border: solid 1px #bcbbbb; outline: none; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } /* ---- */ .entry-content .ssg-gplayer { margin-bottom: 1em; } #fsDemo { height: 280px; } /* Links Teasers */ .cat_links #content .category-links { width:28em; display: inline-table; clear: both; } .teasers_box { padding-top: 2.2em; padding-bottom: 2.2em; } .cat_links #content h2 { font-size: 1.6em; line-height: 1.375em; } /* --------------------- */ /* DISQUS */ #disqus_thread { margin-left:1.2em; margin-right:2em; } #dsq-content .dsq-h3-reactions, #dsq-content .dsq-pagination, #dsq-content .dsq-options { background: none !important; } #dsq-content #dsq-comments, #dsq-content #dsq-reactions, #dsq-content .dsq-options { border-bottom: 0.1em #ddd dotted; } #dsq-content #dsq-pagination { display: none; } #dsq-content .dsq-h3-reactions { margin-top: 0; padding-top: 0; } /* SSG PLAYER */ .ssg-gplayer{ background:#efefef; border:1px solid #D9D9D9; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; } .ssg-gplayer .title{ font-size:11px !important; margin:4px 3px 2px !Important; font-family:Verdana, Arial, Helvetica, sans-serif !Important; letter-spacing:normal !Important; background:url(http://www.criticalflare.com/wp-content/plugins/ssg-wordpress-google-audio-player/screen_bg.gif); padding:4px 5px 1px; display:block; color:#5A5C50; border:1px solid #CED3B8; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:18px; overflow:hidden; }