/* 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/ */ body { background:#FFFFFF none repeat scroll 0 0; color:#111111; font-size:62.5%; } * { margin:0; padding:0; } #header { border-bottom:3px double #DDDDDD; clear:both; } #column_wrap { float:left; } .post_box, .teasers_box { border-top:1px dotted #BBBBBB; clear:both; } .teasers_box .post_box { border-top:medium none; clear:none; margin:0; } .teaser { float:left; } .teaser_right { float:right; } .top { border:medium none !important; } #sidebars { border-color:#DDDDDD; border-style:solid; } #sidebar_1 { border-color:#DDDDDD; border-style:dotted; } #footer { border-top:3px double #DDDDDD; clear:both; color:#888888; text-align:right; } a { color:#2361A1; text-decoration:none; } a:hover { text-decoration:none; } a.post_image_link { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; } a img { border:medium none; } blockquote { border-left:1px solid #DDDDDD; color:#666666; } abbr, acronym { border-bottom:medium none; cursor:help; letter-spacing:1px; line-height:1em; text-transform:uppercase; } code { background:#EEEEEE none repeat scroll 0 0; line-height:1em; } pre { background:#EEEEEE none repeat scroll 0 0; border:1px solid #DDDDDD; clear:both; overflow:auto; } p.center { text-align:center !important; } p.bottom { margin:0 !important; } .remove_bottom_margin { margin-bottom:0 !important; } input, textarea { background:#EEEEEE none repeat scroll 0 0; border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA; border-style:solid; border-width:1px; color:#444444; font-size:1em; } input:focus, textarea:focus { background:#FFFFFF none repeat scroll 0 0; border-color:#777777 #CCCCCC #CCCCCC #777777; } .sidebar .text_input { width:95%; } input.form_submit { background:transparent url(images/submit-bg.gif) repeat scroll 0 0; border-color:#CCCCCC #999999 #999999 #CCCCCC; border-style:double; border-width:3px; color:#111111; cursor:pointer; font-weight:bold; overflow:visible; width:auto !important; } #commentform input.form_submit { border-width:3px; } input.form_submit:hover { color:#009900; } img.alignleft, img.left { float:left; } img.alignright, img.right { float:right; } img.aligncenter, img.center { clear:both; display:block; float:none; margin-left:auto; margin-right:auto; } img.alignnone, img.block { clear:both; display:block; } img.frame { background:#EEEEEE none repeat scroll 0 0; border-color:#DDDDDD; border-style:solid; } img.stack { clear:none !important; } img[align="left"] { clear:left; float:left; } img[align="right"] { clear:right; float:right; } img[align="middle"] { clear:both; display:block; float:none; margin-left:auto; margin-right:auto; } .wp-caption { background-color:#EEEEEE; border-color:#DDDDDD; border-style:solid; font-style:italic; text-align:center; } .wp-caption.alignleft { float:left; } .wp-caption.alignright { float:right; } .wp-caption.aligncenter { clear:both; float:none; margin-left:auto; margin-right:auto; } .wp-caption.alignnone { clear:both; } h1, h2, h3, h6 { font-weight:normal; } h4, h5 { font-weight:bold; } h5, h6 { letter-spacing:1px; text-transform:uppercase; } .format_text h2.top, .format_text h3.top { margin-top:0 !important; } .sidebar h3 { color:#555555; font-variant:small-caps; letter-spacing:2px; } h2 a { color:#111111; } h2 a:hover { color:#2361A1; } .headline_meta { color:#888888; font-style:italic; } .headline_meta span, .headline_meta abbr { font-style:normal; letter-spacing:1px; text-transform:uppercase; } .headline_meta a { border-bottom:1px solid #EEEEEE; color:#888888; } .headline_meta a:hover { color:#111111; } ul#tabs { border-color:#DDDDDD; border-style:solid; border-width:0 0 1px 1px; list-style-image:none; list-style-position:outside; list-style-type:none; } ul#tabs li { background:#EFEFEF none repeat scroll 0 0; border-color:#DDDDDD #DDDDDD #DDDDDD -moz-use-text-color; border-style:solid solid solid none; border-width:1px 1px 1px 0; float:left; margin-bottom:-0.1em; } ul#tabs li.current_page_item, ul#tabs li.current-cat { background:#FFFFFF none repeat scroll 0 0; border-bottom:0 none; padding-bottom:0.1em; } ul#tabs li a { color:#111111; display:block; letter-spacing:2px; line-height:1em; text-transform:uppercase; } ul#tabs li a:hover { color:#111111; text-decoration:underline; } ul#tabs li.current_page_item a, ul#tabs li.current-cat a { cursor:default; } ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover { text-decoration:none; } ul#tabs li.rss { background:transparent none repeat scroll 0 0; border:medium none; float:right; padding-right:0; } ul#tabs li.rss a { background:transparent url(images/icon-rss.gif) no-repeat scroll 100% 50%; padding-right:16px; } #header #logo { font-weight:bold; } #header #logo a { color:#111111; } #header #logo a:hover { color:#2361A1; } #header #tagline { color:#888888; font-weight:normal; } .format_text a { text-decoration:underline; } .format_text a:hover { text-decoration:none; } .format_text p.note { background:#F5F5F5 none repeat scroll 0 0; border:1px solid #DDDDDD; } .format_text p.alert { background:#FFFFA0 none repeat scroll 0 0; border:1px solid #E5E597; } .format_text .drop_cap { color:#888888; float:left; } .format_text ul { list-style-image:none; list-style-position:outside; list-style-type:square; } .format_text dt { font-weight:bold; } .format_text blockquote.right, .format_text blockquote.left { border:medium none; } .format_text blockquote.right { float:right; } .format_text blockquote.left { float:left; } .format_text blockquote.right p, .format_text blockquote.left p { margin:0 !important; } .format_text .ad { clear:right; float:right; } .format_text .ad_left { clear:left; float:left; } .format_text .to_comments { clear:both; color:#666666; } .format_text .to_comments span { color:#111111; line-height:1em; } .format_text .to_comments span.bracket { color:#CCCCCC; } .format_text .to_comments a { color:#666666; text-decoration:none; } .format_text .to_comments a:hover { color:#111111; text-decoration:underline; } .post_tags { color:#666666; } .post_tags a { text-decoration:none; } .post_tags a:hover { text-decoration:underline; } #feature_box { background:#EEEEEE none repeat scroll 0 0; border-bottom:2px solid #DDDDDD; } .teaser a.teaser_link:hover { text-decoration:underline; } .teaser .teaser_author { color:#888888; font-style:italic; } .teaser .teaser_author .author { font-style:normal; letter-spacing:1px; text-transform:uppercase; } .teaser .teaser_date { color:#888888; } .teaser .edit_post { color:#888888; letter-spacing:1px; } .teaser .teaser_author a, .teaser a.teaser_comments, .teaser a.teaser_category, .teaser .edit_post a { border-bottom:1px solid #EEEEEE; color:#888888; letter-spacing:1px; text-transform:uppercase; } .teaser .teaser_author a:hover, .teaser a.teaser_comments:hover, .teaser a.teaser_category:hover, .teaser .edit_post a:hover { color:#111111; } .teaser .teaser_author a { font-style:normal; } .teaser .format_teaser a { text-decoration:underline; } .teaser .format_teaser a:hover { text-decoration:none; } #archive_info { border-bottom:2px solid #DDDDDD; } #archive_info p { letter-spacing:2px; text-transform:uppercase; } .prev_next { border-top:2px solid #DDDDDD; clear:both; color:#666666; letter-spacing:2px; text-transform:uppercase; } .prev_next .next { text-align:right; } .prev_next .floated { float:left; } .prev_next a { text-decoration:none; } .prev_next a:hover { text-decoration:underline; } .post_nav a { letter-spacing:normal; text-transform:none; } #comment_nav_2 { border-bottom:2px solid #DDDDDD; border-top:0 none; } #multimedia_box { width:100%; } #image_box { background:#EEEEEE none repeat scroll 0 0; border-bottom:1px solid #DDDDDD; } #image_box img { background:#FFFFFF none repeat scroll 0 0; border-color:#BBBBBB; border-style:solid; display:block; } #video_box { background:#000000 none repeat scroll 0 0; } #custom_box { background:#EEEEEE none repeat scroll 0 0; border-bottom:1px solid #DDDDDD; } .sidebar a:hover { text-decoration:underline; } ul.sidebar_list { list-style-image:none; list-style-position:outside; list-style-type:none; } li.widget { width:100%; } li.centered { text-align:center; } li.widget p a { text-decoration:underline; } li.widget p a:hover { text-decoration:none; } li.widget ul { list-style-image:none; list-style-position:outside; list-style-type:none; } li.widget ul li .num_comments { color:#111111; } li.widget .widget_box { background:#E3F0F2 none repeat scroll 0 0; border-color:#ADDDE6; border-style:solid; } .thesis_widget_subscriptions .sub_rss a { background:transparent url(images/icon-rss.gif) no-repeat scroll 0 50%; padding-left:20px; } .thesis_widget_subscriptions .sub_email a { background:transparent url(images/icon-email.gif) no-repeat scroll 0 50%; padding-left:20px; } li.thesis_widget_google_cse form input[type="text"] { width:95%; } li.thesis_widget_google_cse form input[type="submit"] { background:transparent url(images/submit-bg.gif) repeat scroll 0 0; border-color:#CCCCCC #999999 #999999 #CCCCCC; border-style:double; border-width:3px; color:#111111; cursor:pointer; font-weight:bold; } li.thesis_widget_google_cse form input[type="submit"]:hover { color:#2361A1; } #calendar_wrap { padding:0 1%; width:98%; } #calendar_wrap a { font-weight:bold; } #calendar_wrap a:hover { background:#DDDDDD none repeat scroll 0 0; text-decoration:none; } table#wp-calendar { border-collapse:collapse; width:98%; } table#wp-calendar caption { background:#E5E5E5 none repeat scroll 0 0; font-weight:normal; letter-spacing:2px; text-transform:uppercase; } table#wp-calendar th { background:#F2F2F2 none repeat scroll 0 0; border-bottom:1px solid #DDDDDD; text-align:center; width:14%; } table#wp-calendar td { color:#888888; text-align:center; width:14%; } table#wp-calendar td#next, table#wp-calendar td#prev { letter-spacing:1px; text-transform:uppercase; width:45%; } table#wp-calendar td#next { text-align:right; } table#wp-calendar td#prev { text-align:left; } .comments_intro p { color:#666666; } .comments_intro a { text-decoration:underline; } .comments_intro a:hover { text-decoration:none; } .comments_intro span { color:#111111; line-height:1em; } .comments_intro span.bracket { color:#CCCCCC; } dl#comment_list { border-top:1px dotted #BBBBBB; } dl#comment_list dt a:hover { text-decoration:underline; } dl#comment_list dt .comment_author { font-weight:bold; } .avatar img { float:right; } .comment_time, .edit_comment { color:#888888; } .comment_time { white-space:nowrap; } .comment_time a, .edit_comment a { color:#888888; } .comment_time a:hover, .edit_comment a:hover { color:#888888; } .comment_num { float:right; } dl#comment_list .comment_num a { color:#AAAAAA; font-weight:bold; } dl#comment_list .comment_num a:hover { background:#AAAAAA none repeat scroll 0 0; color:#FFFFFF; text-decoration:none; } dl#comment_list .bypostauthor { background:#E7F8FB none repeat scroll 0 0; } dl#comment_list dd { border-bottom:1px dotted #BBBBBB; } dl#comment_list dd p.reply a { color:#888888; letter-spacing:1px; text-decoration:none; text-transform:uppercase; } dl#comment_list dd p.reply a:hover { text-decoration:underline; } dl#comment_list dl { border-top:0 none; } dl#comment_list dl dt, dl#comment_list dl dd { background:transparent none repeat scroll 0 0; } dl#comment_list dl dd { border-bottom:0 none; } dl#comment_list dl .bypostauthor { background:transparent none repeat scroll 0 0; } dl#comment_list dl dt, dl#comment_list dl dd .format_text { border-color:#DDDDDD; border-style:solid; } dl#comment_list dl dt.bypostauthor, dl#comment_list dl dd.bypostauthor > .format_text { border-color:#BDE0E6; } a.comment_link { border-bottom:1px solid #BBBBBB; color:#111111; font-variant:small-caps; text-decoration:none; } a.comment_link:hover { border-bottom-color:#111111; color:#111111; } dl#trackback_list { border-top:1px dotted #BBBBBB; } dl#trackback_list dt a { color:#111111; } dl#trackback_list dt a:hover { color:#111111; text-decoration:underline; } dl#trackback_list dd { color:#888888; } .comments_closed p { color:#888888; letter-spacing:1px; text-transform:uppercase; } #respond_intro p { color:#555555; } #respond_intro p a { font-weight:bold; } #respond_intro p a:hover { text-decoration:underline; } .login_alert { background:#F5F5F5 none repeat scroll 0 0; border:1px solid #DDDDDD; } .login_alert p { font-weight:bold; } .login_alert p a:hover { text-decoration:underline; } .comment_moderated { font-weight:bold; } #commentform { border-top:1px dotted #BBBBBB; } #commentform p { margin-bottom:1em; } #commentform p a { text-decoration:underline; } #commentform p a:hover { text-decoration:none; } #commentform p .required { color:#DD0000; } #commentform span.allowed { background:#F9F7E4 none repeat scroll 0 0; border-color:#BBBBBB; border-style:dotted; color:#807E70; display:block; } #commentform span.allowed span { display:block; } #commentform p.subscribe-to-comments label { font-size:1em; } #footer a { border-bottom:1px solid #CCCCCC; color:#888888; } #footer a:hover { color:#111111; } ul#tabs:after, #content_box:after, #sidebars:after, .format_text:after, .teasers_box:after, .prev_next:after, ul.sidebar_list:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }