/* 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 { margin: 0; padding: 0; background: #e8f0e2 url('images/bg-header.jpg') center top no-repeat; color: #666666; font: 62.5% Arial, Tahoma, Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif; } /*---:[ global elements ]:---*/ .custom a { color: #006699; text-decoration: none; } .custom a:hover { text-decoration: none; } /*---:[ core layout elements ]:---*/ #container { width: auto; margin: 0 auto; background: url('images/bg-container.jpg') center top no-repeat; border: 0; } #page { margin: 0 auto; padding: 0; width: 870px; background: url('images/bg-page.png') center top repeat-y; } #header, #footer { padding-right: 1.1em; padding-left: 1.1em; } #header { margin: 0 auto; padding: 97px 0 8px 0; width: 850px; position: relative; border: 0; } #footer { margin: 0 11px; padding: 10px 9px; color: #888; border-top: 1px solid #ddd; text-align: right; } #content_box { width: auto; padding: 2px 10px; background: url('images/bg-content.png') 0 0 no-repeat; } .no_sidebars { background: none !important; } #content { padding: 0 0 0 55px; width: 475px; float: left; } .no_sidebars #content { width: 100%; } .post_box, .teasers_box, .full_width #content_box .page { margin: 0; border: 0; } .post_box { margin: 0; border-top: 0px dotted #bbb; padding: 0; } .full_width #content_box .page { width: auto; } .no_sidebars .post_box { margin: 0 1.1em; } .teasers_box { width: auto; margin: 0; padding: 0; float: none; } .teaser { width: auto; float: none; border-top: 1px dotted #ddd; padding-top: 15px; margin-bottom: 25px; } #archive_info, .prev_next { padding-right: 0; padding-left: 0; } #sidebars { margin: 5px 5px 0 0; padding: 20px; width: 250px; float: right; background: #edefeb; } .sidebar { width: 100%; } #sidebar_1 { border: 0; } .sidebar ul.sidebar_list { padding: 0; } /* pulls extra tags */ #page #header { display: none; } /* social media pages */ #smp-wrapper {} #smp-wrapper a { padding: 0 5px 0 0; } #smp-wrapper p { display: none; } /*---:[ multimedia box elements ]:---*/ #image_box, #video_box, #custom_box { padding: 0; margin: 0 auto; } #image_box img { padding: 0.1em; border-width: 0.1em; } #image_box img.square { width: 240px; height: auto; } #image_box img.four_by_three { width: 240px; height: auto; } #image_box img.three_by_four { width: 240px; height: auto; } #image_box img.three_by_two { width: 240px; height: auto; } #image_box img.two_by_three { width: 240px; height: auto; } #image_box img.five_by_four { width: 240px; height: auto; } #image_box img.four_by_five { width: 240px; height: auto; } #image_box img.sixteen_by_nine { width: 240px; height: auto; margin: 0 auto; } #image_box img.nine_by_sixteen { width: 240px; height: auto; margin: 0 auto; } #image_box img.two_by_one { width: 240px; height: auto; } #image_box img.one_by_two { width: 240px; height: auto; } /*---:[ nav menu styles ]:---*/ #tabs { margin: 0 auto 15px auto; padding: 0; width: 850px; height: 40px; border: 0; background: none; } #tabs li { margin: 0; padding: 5px 20px 5px 0; font-family: Arial, Tahoma, Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif; line-height: 18px; background: none; /* Background color when nav item IS NOT highlighted */ border: 0; } #tabs .current_page_item, #tabs .current-cat { padding-bottom: 0.1em; background: none; border-bottom: 0; } #tabs a { color: #fff; text-decoration: none; padding: 0 0 0 18px; background: url('images/bg-nav-li.png') 0 50% no-repeat; font-weight: bold; text-transform: none; letter-spacing: 0; line-height: 30px; } #tabs a:hover { color: #fff; text-decoration: underline; } #tabs .current_page_item a, #tabs .current-cat a { cursor: text; color: #ffff99; text-decoration: underline; } #tabs .current_page_item a:hover, #tabs .current-cat a:hover { text-decoration: none; } #tabs .rss { padding-right: 0; background: none; border: none; float: right; } #tabs .rss a { font-size: 1.25em; font-weight: normal; padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; } /*---:[ nav menu styles ]:---*/ ul#tabs li a { font-size: 1.5em; padding: 0 0 0 16px; } /*---:[ nav menu styles ]:---*/ .menu { margin: 0 auto 15px auto; padding: 0; width: 850px; height: 40px; border: 0; background: none; } .menu, .menu a, .menu li ul { border-style: none; } .menu a { text-transform: none; letter-spacing: 2px; } .menu .current > a, .menu .current-cat > a { color: #ffff99; cursor: text; background: url('images/bg-nav-li.png') 0 50% no-repeat; text-decoration: underline; } .menu .rss { float: right; } .menu .rss a, .menu .rss a:hover { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; border: none; } .menu .rss a:hover { text-decoration: underline; } .menu li { margin: 0; padding: 5px 20px 5px 0; font-size: 14px; font-family: Arial, Tahoma, Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif; line-height: 18px; background: none; /* Background color when nav item IS NOT highlighted */ border: 0; text-transform: none; } .menu li a { color: #fff; text-decoration: none; padding: 0 0 0 18px; background-color: none; background: url('images/bg-nav-li.png') 0 50% no-repeat; font-weight: bold; text-transform: none; letter-spacing: 0; line-height: 30px; } .menu li a:hover, .menu .current > a:hover, .menu .current-cat > a:hover { background: url('images/bg-nav-li.png') 0 50% no-repeat; color: white; text-decoration: underline; } /*---:[ navigation links ]:---*/ .prev_next { text-transform: uppercase; letter-spacing: 0; border-top: 2px solid #ddd; color: #666; clear: both; } /*---:[ #header styles ]:---*/ #header #logo { text-indent: -4444px; } #header #logo a { margin: 0; padding: 0; display: block; height: 50px; width: 150px; background: url('images/logo.jpg') no-repeat; outline: none; } #header #logo a:hover { color: #2361a1; } #header #tagline { position: absolute; top: 120px; left: 165px; font-size: 1.3em; line-height: 18px; font-family: Arial, Tahoma, Verdana, Georgia, "Times New Roman", Times, serif; } /*---:[ headlines ]:---*/ .headline_area h1, .headline_area h2 { font-size: 1.8em; line-height: 1.364em; font-family: Georgia, serif; } /*---:[ headlines and bylines ]:---*/ h1, h2, h3, h6 { font-weight: normal; } h4, h5 { font-weight: bold; } h5, h6 { text-transform: uppercase; letter-spacing: 1px; } .format_text h2.top, .format_text h3.top { margin-top: 0 !important; } .sidebar h3 { font-variant: small-caps; letter-spacing: 2px; color: #555; } h1 a, h2 a { color: #005413; } h1 a:hover, h2 a:hover { color: #000; } /*---:[ headline meta data (includes bylines) ]:---*/ .headline_meta { font-style: normal; color: #666666; } .headline_meta span, .headline_meta abbr { font-style: normal; text-transform: none; letter-spacing: 0; } .headline_meta a { color: #888; border-bottom: 1px solid #eee; } .headline_meta a:hover { color: #111; } /*---:[ bylines ]:---*/ .headline_meta { font-size: 1.1em; line-height: 1.8em; } /*---:[ post content area ]:---*/ .format_text { font-size: 1.2em; line-height: 1.25em; } .format_text p { margin-bottom: 1.571em; } .format_text p.note, .format_text p.alert { padding: 0.571em 0.786em; } .format_text .drop_cap { font-size: 3.571em; line-height: 0.76em; padding: 0.04em 0.12em 0 0; } .ie6 .format_text .drop_cap { padding-right: 0.06em; } .format_text acronym, .format_text abbr { font-size: 0.786em; } .format_text code, .format_text pre { font-family: Consolas, "Andale Mono", Monaco, Courier, "Courier New", Verdana, sans-serif; } .format_text code { font-size: 0.929em; } .format_text pre { font-size: 0.857em; line-height: 1.5em; margin-bottom: 1.833em; padding: 0.667em 0.917em; } .format_text sub, .format_text sup { line-height: 0.786em } .format_text ul { margin: 0 0 1.571em 1.571em; } .format_text ol { margin: 0 0 1.571em 1.571em; } .format_text ul ul, .format_text ul ol, .format_text ol ul, .format_text ol ol { margin: 0 0 0 1.571em; } .format_text dl { margin-bottom: 1.571em; } .format_text dd { margin-bottom: 1.571em; } .format_text blockquote { margin: 0 0 1.571em 0.786em; padding-left: 0.786em; } /*---:[ pullquotes ]:---*/ .format_text blockquote.right, .format_text blockquote.left { width: 45%; font-size: 1.286em; line-height: 1.222em; } .format_text blockquote.right { margin: 0 0 1.222em 1.222em; } .format_text blockquote.left { margin: 0 1.222em 1.222em 0; } /*---:[ image handling classes ]:---*/ .format_text img.left, .format_text img.alignleft, .wp-caption.alignleft { margin: 0 1.571em 1.571em 0; } .format_text img.right, .format_text img.alignright, .wp-caption.alignright { margin: 0 0 1.571em 1.571em; } .format_text img.center, .format_text img.aligncenter, .wp-caption.aligncenter { margin: 0 auto 1.571em auto; } .format_text img.block, .format_text img.alignnone, .wp-caption.alignnone { margin: 0 auto 1.571em 0; } .format_text img[align="left"] { margin-right: 1.571em; margin-bottom: 1.571em; } .format_text img[align="right"] { margin-bottom: 1.571em; margin-left: 1.571em; } .format_text img[align="middle"] { margin-bottom: 1.571em; } .format_text img.frame, .format_text .wp-caption { padding: 0.714em; border-width: 0.071em; } .format_text img.stack { margin-left: 1.571em; } .format_text .wp-caption p { font-size: 0.857em; line-height: 1.5em; margin-bottom: 0; } /*---:[ ad and miscellaneous "block" classes ]:---*/ .format_text .ad { margin-left: 1.571em; } .format_text .ad_left { margin-right: 1.571em; } .more-link, .teaser .teaser_link { font-size: 1.1em; line-height: 1.5em; background: #e2efda; padding: 5px; font-weight: bold; } .more-link { font-size: .9em; } /*---:[ after-post elements ]:---*/ .format_text .to_comments { color: #666; clear: both; background: #ebebeb; border-top: 1px solid #91c7cf; padding: 5px; } .format_text .to_comments span { color: #fff; line-height: 1em; } .format_text .to_comments span.bracket { color: #fff; } .format_text .to_comments a { color: #fff; text-decoration: none; background: #a4bbaa; padding: 4px 7px; } .format_text .to_comments a:hover { color: #fff; text-decoration: underline; } /*---:[ after-post elements ]:---*/ .format_text .to_comments { font-size: 1em; line-height: 1.833em; margin-bottom: 1.833em; } .format_text .to_comments span { font-size: 1em; } .format_text .post_tags { font-size: 0.857em; line-height: 1.833em; margin-bottom: 1.833em; } /*---:[ teaser styles ]:---*/ .teaser h2 { font-size: 1.6em; line-height: 1.25em; } .teaser .format_teaser { font-size: 1.2em; line-height: 1.25em; margin-top: 1.5em; margin-bottom: 1.5em; } .teaser .teaser_author, .teaser .teaser_category, .teaser .teaser_date, .teaser .teaser_comments, .teaser .edit_post { } .teaser .teaser_author { font-size: 1em; line-height: 1.6em; } .teaser .teaser_category { font-size: 1em; line-height: 1.6em; } .teaser .teaser_date { font-size: 1em; line-height: 1.6em; letter-spacing: 0; font-family: Arial; text-transform: none; } .teaser .teaser_comments { font-size: 1em; line-height: 1.6em; } .teaser .teaser_link { font-size: 1.2em; line-height: 1.5em; } .teaser .post_tags { font-size: 1.1em; line-height: 1.636em; } .teaser .edit_post { padding-left: 0.8em; } /*---:[ home page teasers ]:---*/ .teaser a.teaser_link:hover { text-decoration: underline; } .teaser .teaser_author { font-style: italic; color: #888; } .teaser .teaser_author .author { font-style: normal; text-transform: none; letter-spacing: 0; } .teaser .teaser_date { color: #888; } .teaser .edit_post { letter-spacing: 1px; color: #888; } .teaser .teaser_author a, .teaser a.teaser_comments, .teaser a.teaser_category, .teaser .edit_post a { text-transform: none; letter-spacing: 0; color: #888; border-bottom: 1px solid #eee; } .teaser .teaser_author a:hover, .teaser a.teaser_comments:hover, .teaser a.teaser_category:hover, .teaser .edit_post a:hover { color: #111; } .teaser .teaser_author a { font-style: normal; } .teaser .format_teaser a { text-decoration: underline; } .teaser .format_teaser a:hover { text-decoration: none; } /*---:[ sidebar styles ]:---*/ .sidebar { } #column_wrap .sidebar ul.sidebar_list { padding-top: 0; } /*---:[ sidebar styles ]:---*/ .sidebar a:hover { text-decoration: underline; } ul.sidebar_list { list-style: none; color: #999999; } li.widget { width: 100%; font-size: 1.1em; } 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: none; } li.widget { line-height: 1.2em; margin-bottom: 2.769em; } li.tag_cloud { line-height: auto; } li.widget p { margin-bottom: .5em; } li.widget div { margin-bottom: .5em; } li.widget abbr, li.widget acronym { font-size: 0.769em; } li.widget code { font-size: 0.846em; } li.widget ul li { margin-bottom: .5em; } li.widget li ul { margin: 0; } li.widget h3 { border-top: 1px dotted #b2b2b2; margin: 0; padding: 5px 0; color: #666; } li.widget a { color: #006699; padding: 0 0 0 10px; /*display: block;*/ text-decoration: underline; } li.widget .delicious_title_link { background: none; padding: 0; color: #666; text-decoration: none; } .widget_delicious a { background: url('images/bg-sidebar-a.png') 0 2px no-repeat; } li.widget .ctc { line-height:1.5em; padding-top:10px; } li.widget .ctc a { text-decoration:none; } li.widget .ctc a:hover { text-decoration:underline; } /*---:[ comment styles ]:---*/ .comments_intro p { color: #666; } .comments_intro a { text-decoration: underline; } .comments_intro a:hover { text-decoration: none; } .comments_intro span { color: #111; line-height: 1em; } .comments_intro span.bracket { color: #ccc; } dl#comment_list { border-top: 2px solid #fff; } 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: #888; } .comment_time { white-space: nowrap; } .comment_time a, .edit_comment a { color: #888; } .comment_time a:hover, .edit_comment a:hover { color: #888; } .comment_num { float: right; } dl#comment_list .comment_num a { font-weight: bold; color: #aaa; } dl#comment_list .comment_num a:hover { color: #fff; background: #aaa; text-decoration: none; } dl#comment_list .bypostauthor { background: #e7f8fb; } dl#comment_list dd { border-bottom: 2px solid #fff; } dl#comment_list dd p.reply a { color: #888; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } dl#comment_list dd p.reply a:hover { text-decoration: underline; } dl#comment_list dl { border-top: 0; } dl#comment_list dl dt, dl#comment_list dl dd { background: none; } dl#comment_list dl dd { border-bottom: 0; } dl#comment_list dl .bypostauthor { background: none; } dl#comment_list dl dt, dl#comment_list dl dd .format_text { border-style: solid; border-color: #ddd; } dl#comment_list dl dt.bypostauthor, dl#comment_list dl dd.bypostauthor > .format_text { border-color: #bde0e6; } a.comment_link { color: #111; text-decoration: none; font-variant: small-caps; border-bottom: 1px solid #bbb; } a.comment_link:hover { color: #111; border-bottom-color: #111; } /*---:[ author comment and alternating comment colors ]:---*/ dl#comment_list .even { background: #e1ede4; } dl#comment_list .odd { background: #e1ede4; } /*---:[ comment area ]:---*/ .comments_intro { margin-top: 1em; margin-bottom: .5em; } .comments_intro p { font-size: 1.5em; line-height: 1.833em; } .comments_intro span { font-size: 1em; } dl#comment_list dt { padding-top: 5px; } dl#comment_list dt span { font-size: 1.1em; line-height: 1.833em; } dl#comment_list dt .comment_author { font-size: 1.1em; line-height: 1.375em; padding-right: 0.688em; } .avatar img { margin-left: 0.833em; } .comment_time { padding-right: 0.917em; } .comment_num { padding-left: 0.833em; } .comment_num a { font-size: 1em; line-height: 1.833em; padding: 0.083em 0.25em; } dl#comment_list dd { padding-top: 7px; } dl#comment_list dd p.reply a { font-size: 0.786em; line-height: 1.636em; } dl#comment_list dl dd p.reply { margin-bottom: 0; } dl#comment_list dl dt, dl#comment_list dl dd { padding-top: 0; } dl#comment_list dl dd .format_text { margin-bottom: 1.571em; } dl#trackback_list dt { padding-top: 1.1em; } dl#trackback_list dt a { font-size: 1.4em; line-height: 1.571em; } dl#trackback_list dd span { font-size: 1.2em; line-height: 1.833em; } .comments_closed { margin-top: 4.4em; margin-bottom: 2.2em; } /*---:[ comments area ]:---*/ #comments { margin-right: 0; margin-left: 0em; } .comments_intro, #respond_intro { margin-left: 0; } dl#comment_list dt, dl#trackback_list dt { padding-right: 1.1em; padding-left: 15px; } dl#comment_list dd, dl#trackback_list dd { padding-left: 15px; } dl#comment_list dd .format_text, dl#comment_list dd #respond { padding-right: 1.1em; } dl#comment_list dl dt { padding-left: 15px; border-width: 0 0 0 0.1em; } dl#comment_list dl dt.bypostauthor { padding-left: 2.1em; border-width: 0 0 0 0.2em; } dl#comment_list dl dd { padding-left: 0; } dl#comment_list dl dd .format_text { padding-left: 1.6em; border-width: 0 0 0 0.071em; } dl#comment_list dl dd.bypostauthor > .format_text { padding-left: 1.5em; border-width: 0 0 0 0.143em; } dl#comment_list dl dd dl { padding-left: 2.2em; } #commentform { border-top: 0 dotted #bbb; padding: 0; margin: 0; } /*---:[ headlines ]:---*/ h1, h2, h3, h4 { font-weight: normal; font-size: 1em; } h1 { font-size: 1.8em; color: #005413; font-family: Georgia, serif; } h2 { font-size: 2.2em; line-height: 1.455em; font-family: Georgia, serif; } h2 a, h2 a:visited { color: #111; text-decoration: none; } h2 a:hover { color: #2361a1; } .post_box h1, .post_box h2 { padding-top: 1em; } .no_byline .post_box h1, .no_byline .post_box h2 { margin-bottom: 1em; } #archive_info h1 { font-weight: normal; font-size: 2.4em; line-height: 1em; padding-top: 0.458em; } h3 { font-weight: normal; font-size: 1.286em; line-height: 1.222em; } .sidebar h3 { font-size: 1em; font-weight: bold; line-height: 1.385em; margin-bottom: 0em; font-variant: normal; letter-spacing: 0; color: #666; } h4 { } .format_text h4 { line-height: 2.2em; } /* Custom Social Media Links under each post */ .format_text ul li#stumbleupon { list-style: none; padding-right: 0; background: none; border: none;} .format_text ul li#stumbleupon a { padding-right: 25px; padding-bottom: 20px; background: url(images/stumbleupon.png) 100% 50% no-repeat; float: right; } .format_text ul li#delicious { list-style: none; padding-right: 0; background: none; border: none; } .format_text ul li#delicious a { padding-right: 25px; padding-bottom: 20px; background: url(images/delicious.png) 100% 50% no-repeat; float: right; } .format_text ul li#digg { list-style: none; padding-right: 0; background: none; border: none; } .format_text ul li#digg a { padding-right: 25px; padding-bottom: 20px; background: url(images/digg.png) 100% 50% no-repeat; float: right; } .format_text ul li#twitter { list-style: none; padding-right: 0; background: none; border: none; } .format_text ul li#twitter a { padding-right: 25px; padding-bottom: 20px; background: url(images/twitter.png) 100% 50% no-repeat; float: right; } .format_text ul li#facebook { list-style: none; padding-right: 0; background: none; border: none; } .format_text ul li#facebook a { padding-right: 25px; padding-bottom: 20px; background: url(images/facebook.png) 100% 50% no-repeat; float: right; } .format_text ul li#friendfeed { list-style: none; padding-right: 0; background: none; border: none; } .format_text ul li#friendfeed a { padding-right: 25px; padding-bottom: 20px; background: url(images/friendfeed.png) 100% 50% no-repeat; float: right; } .format_text ul li#designfloat { list-style: none; padding-right: 0; background: none; border: none; } .format_text ul li#designfloat a { padding-right: 25px; padding-bottom: 20px; background: url(images/design_float.png) 100% 50% no-repeat; float: right; } .format_text ul li#reddit { list-style: none; padding-right: 0; background: none; border: none; } .format_text ul li#reddit a { padding-right: 25px; padding-bottom: 20px; background: url(images/reddit.png) 100% 50% no-repeat; float: right; } .format_text ul li#designbump { list-style: none; padding-right: 0; background: none; border: none; } .format_text ul li#designbump a { padding-right: 25px; padding-bottom: 20px; background: url(images/designbump.png) 100% 50% no-repeat; float: right; } .format_text ul li#linkedin { list-style: none; padding-right: 0; background: none; border: none; } .format_text ul li#linkedin a { padding-right: 25px; padding-bottom: 20px; background: url(images/linkedin.png) 100% 50% no-repeat; float: right; } /* Customize for Photodropper Plugin */ .custom .photo_left, .custom .photo_right { background: #eee; border: 0.071em solid #ccc; color: #888; margin-bottom: 1.571em; padding: 0.714em; } .custom .photo_center { clear: both; color: #888; float: none; margin-bottom: 1.571em; text-align: center; } .custom .photo_left { clear: left; float: left; margin-right: 1.571em; text-align: left; } .custom .photo_right { clear: right; float: right; margin-left: 1.571em; text-align: right; } .custom .photo_center img { background: #eee; border: 0.071em solid #ccc; margin-bottom: -2.714em; padding: 0.714em 0.714em 2.714em 0.714em; } .custom .photo_center small a img { background: transparent; border: none; margin: 0; padding: 0; } .custom .photo_center small a, .custom .photo_left small a, .custom .photo_right small a { color: inherit; text-decoration: none; }