/* 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: #fff; color: #111; font-size: 62.5%; background: url(images/header_bg.jpg) repeat-x left top; } * { padding: 0; margin: 0; } /*---:[ core layout elements ]:---*/ #header { border-bottom: 3px double #ddd; clear: both; height: 100px; padding: 0; } #column_wrap { float: left; } .post_box, .teasers_box { border-top: 1px dotted #bbb; clear: both; } .teasers_box .post_box { margin: 0; border-top: none; clear: none; } .teaser { float: left; } .teaser_right { float: right; } .top { border: none !important; } #sidebars { border-style: solid; border-color: #ddd; } #sidebar_1 { border-style: dotted; border-color: #ddd; } #footer { color: #888; border-top: 3px double #ddd; text-align: right; clear: both; } /*---:[ global elements ]:---*/ a { color: #2361a1; text-decoration: none; } a:hover { text-decoration: none; } a.post_image_link { outline: none; } a img { border: none; } blockquote { border-left: 1px solid #ddd; color: #666; } abbr, acronym { line-height: 1em; letter-spacing: 1px; border-bottom: none; cursor: help; } code { line-height: 1em; background: #eee; } pre { background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; } p.center { text-align: center !important; } p.bottom { margin: 0 !important; } .remove_bottom_margin { margin-bottom: 0 !important; } /*---:[ form inputs ]:---*/ input, textarea { font-size: 1em; color: #444; background: #eee; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; } input:focus, textarea:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; } .sidebar .text_input { width: 95%; } input.form_submit { font-weight: bold; color: #333; background-color:#fff; border: 3px solid #999; cursor: pointer; width: auto !important; overflow: visible; } #commentform input.form_submit { border-width: 3px; } input.form_submit:hover { color: #090; } /*---:[ universal image classes ]:---*/ img.alignleft, img.left { float: left; } img.alignright, img.right { float: right; } img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; } img.alignnone, img.block { display: block; clear: both; } img.frame { background: #eee; border-style: solid; border-color: #ddd; } img.stack { clear: none !important; } img[align="left"] { float: left; clear: left; } img[align="right"] { float: right; clear: right; } img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; } /*---:[ image captioning ]:---*/ .wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; } .wp-caption.alignleft { float: left; } .wp-caption.alignright { float: right; } .wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; } .wp-caption.alignnone { clear: both; } /*---:[ headlines and bylines ]:---*/ h1, h2, h3, h6 { font-weight: normal; } h4, h5 { font-weight: bold; } h5, h6 { } .format_text h2.top, .format_text h3.top { margin-top: 0 !important; } .sidebar h3 { font-variant: small-caps; letter-spacing: 2px; color: #555; } h2 a { color: #111; } h2 a:hover { color: #2361a1; } /*---:[ headline meta data (includes bylines) ]:---*/ .headline_meta { font-style: italic; color: #888; } .headline_meta span, .headline_meta abbr { font-style: normal; letter-spacing: 1px; } .headline_meta a { color: #888; border-bottom: 1px solid #eee; } .headline_meta a:hover { color: #111; } /*---:[ nav menu styles ]:---*/ ul#tabs { list-style: none; border: 1px solid #ddd; border-width: 0 0 1px 1px } ul#tabs li { margin-bottom: -0.1em; background: #efefef; border: 1px solid #ddd; border-left: 0; float: left; } ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0.1em; background: #fff; border-bottom: 0; } ul#tabs li a { display: block; line-height: 1em; color: #111; text-transform: uppercase; letter-spacing: 2px; } ul#tabs li a:hover { color: #111; 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 { padding-right: 0; background: none; border: none; float: right; } ul#tabs li.rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; } /*---:[ searchbox styles ]:---*/ #s { float: right; color: #333; padding: 6px 10px 6px 30px; width: 156px; } /*---:[ #header styles ]:---*/ #header #logo { font-weight: bold; } #header #logo a { color: #111; } #header #logo a:hover { color: #2361a1; } #header #tagline { font-weight: normal; color: #888; } /*---:[ content styles ]:---*/ .format_text a { text-decoration: underline; } .format_text a:hover { text-decoration: none; } .format_text p.note { background: #f5f5f5; border: 1px solid #ddd; } .format_text p.alert { background: #ffffa0; border: 1px solid #e5e597; } .format_text .drop_cap { color: #888; float: left; } .format_text ul { list-style: square; } .format_text dt { font-weight: bold; } /*---:[ pullquotes ]:---*/ .format_text blockquote.right, .format_text blockquote.left { border: 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; } /*---:[ end pullquotes ]:---*/ .format_text .ad { float: right; clear: right; } .format_text .ad_left { float: left; clear: left; } /*---:[ after-post elements ]:---*/ .format_text .to_comments { color: #666; clear: both; } .format_text .to_comments span { color: #111; line-height: 1em; } .format_text .to_comments span.bracket { color: #ccc; } .format_text .to_comments a { color: #666; text-decoration: none; } .format_text .to_comments a:hover { color: #111; text-decoration: underline; } /*---:[ tags are not targeted further because these styles need to cascade to teasers as well ]:---*/ .post_tags { color: #666; } .post_tags a { text-decoration: none; } .post_tags a:hover { text-decoration: underline; } /*---:[ feature box ]:---*/ #feature_box { background: #FFF; border-bottom: none; } /*---:[ 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; } .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 { 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; } /*---:[ archive information block ]:---*/ #archive_info { border-bottom: 2px solid #ddd; } #archive_info p { } /*---:[ navigation links ]:---*/ .prev_next { border-top: 2px solid #ddd; color: #666; clear: both; } .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 { text-transform: none; letter-spacing: normal; } #comment_nav_2 { border-top: 0; border-bottom: 2px solid #ddd; } /*---:[ multimedia box ]:---*/ #multimedia_box { width: 100%; } #image_box { background: #eee; border-bottom: 1px solid #ddd; } #image_box img { display: block; background: #fff; border-style: solid; border-color: #bbb; } /*---:[ video box styles ]:---*/ #video_box { background: #000; } /*---:[ custom box styles ]:---*/ #custom_box { background: #eee; border-bottom: 1px solid #ddd; } /*---:[ sidebar styles ]:---*/ .sidebar a:hover { text-decoration: underline; } ul.sidebar_list { list-style: 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: none; } li.widget ul li .num_comments { color: #111; } /*---:[ widget box styles ]:---*/ li.widget .widget_box { background: #e3f0f2; border-style: solid; border-color: #addde6; } /*---:[ subscriptions widget ]:---*/ .thesis_widget_subscriptions .sub_rss a { padding-left: 20px; background: url('images/icon-rss.gif') 0 50% no-repeat; } .thesis_widget_subscriptions .sub_email a { padding-left: 20px; background: url('images/icon-email.gif') 0 50% no-repeat; } /*---:[ google custom search ]:---*/ li.thesis_widget_google_cse form input[type="text"] { width: 95%; } li.thesis_widget_google_cse form input[type="submit"] { font-weight: bold; color: #111; background: url('images/submit-bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; } li.thesis_widget_google_cse form input[type="submit"]:hover { color: #2361a1; } /*---:[ calendar widget ]:---*/ #calendar_wrap { width: 98%; padding: 0 1%; } #calendar_wrap a { font-weight: bold; } #calendar_wrap a:hover { background: #ddd; text-decoration: none; } table#wp-calendar { width: 98%; border-collapse: collapse; } table#wp-calendar caption { font-weight: normal; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; } table#wp-calendar th { width: 14%; background: #f2f2f2; border-bottom: 1px solid #ddd; text-align: center; } table#wp-calendar td { width: 14%; color: #888; text-align: center; } table#wp-calendar td#next, table#wp-calendar td#prev { width: 45%; text-transform: uppercase; letter-spacing: 1px; } table#wp-calendar td#next { text-align: right; } table#wp-calendar td#prev { text-align: left; } /*---:[ 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: 1px dotted #bbb; } 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: 1px dotted #bbb; } dl#comment_list dd p.reply a { color: #888; 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: #f5f5f5; } dl#comment_list .odd { background: #fff; } */ dl#trackback_list { border-top: 1px dotted #bbb; } dl#trackback_list dt a { color: #111; } dl#trackback_list dt a:hover { color: #111; text-decoration: underline; } dl#trackback_list dd { color: #888; } .comments_closed p { color: #888; } /*---:[ comment form styles ]:---*/ #respond_intro p { color: #555; } #respond_intro p a { font-weight: bold; } #respond_intro p a:hover { text-decoration: underline; } .login_alert { background: #f5f5f5; border: 1px solid #ddd; } .login_alert p { font-weight: bold; } .login_alert p a:hover { text-decoration: underline; } .comment_moderated { font-weight: bold; } #commentform { border-top: 1px dotted #bbb; } #commentform p { margin-bottom: 1em; } #commentform p a { text-decoration: underline; } #commentform p a:hover { text-decoration: none; } #commentform p .required { color: #d00; } #commentform span.allowed { display: block; color: #807e70; background: #f9f7e4; border-style: dotted; border-color: #bbb; } #commentform span.allowed span { display: block; } /* Support for the highly-recommended Subscribe to Comments Plugin */ #commentform p.subscribe-to-comments label { font-size: 1em; } /*---:[ footer styles ]:---*/ #footer a { color: #888; border-bottom: 1px solid #ccc; } #footer a:hover { color: #111; } /*---:[ self-clearing floats from Dan Cederholm ]:---*/ ul#tabs:after, #content_box:after, #sidebars:after, .format_text:after, .teasers_box:after, .prev_next:after, ul.sidebar_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*---:[ core layout elements ]:---*/ #container { width: 99.9em; margin: 0 auto; } #page { padding: 0em; } #header, #footer { padding-right: 1.1em; padding-left: 1.1em; } .no_sidebars { background: none !important; } #content { width: 59.3em; float: left; } .no_sidebars #content { width: 100%; } .post_box, .teasers_box, .full_width #content_box .page { margin: 0 2.2em 0 1.1em; } .full_width #content_box .page { width: auto; } .no_sidebars .post_box { margin: 0 1.1em; } .teasers_box { width: 56em; } .teaser { width: 26.9em; } #archive_info, .prev_next { padding-right: 1.1em; padding-left: 1.1em; } #sidebars { width: 40.5em; border: 0; float: right; } #sidebar_1 { width: 20.2em; border-width: 0 0.1em 0 0; float: left; clear: left; } #sidebar_2 { width: 20.1em; float: left; } .sidebar ul.sidebar_list { padding-right: 1.1em; padding-left: 1.1em; } #sidebar_2 ul.sidebar_list { padding-right: 1em; } /*---:[ multimedia box elements ]:---*/ #image_box, #video_box, #custom_box { padding: 1.1em; } #image_box img { padding: 0.1em; border-width: 0.1em; } #image_box img.square { width: 37.9em; height: 37.9em; } #image_box img.four_by_three { width: 37.9em; height: 28.4em; } #image_box img.three_by_four { width: 37.9em; height: 50.5em; } #image_box img.three_by_two { width: 37.9em; height: 25.3em; } #image_box img.two_by_three { width: 37.9em; height: 56.9em; } #image_box img.five_by_four { width: 37.9em; height: 30.3em; } #image_box img.four_by_five { width: 37.9em; height: 47.4em; } #image_box img.sixteen_by_nine { width: 37.9em; height: 21.3em; margin: 0 auto; } #image_box img.nine_by_sixteen { width: 37.9em; height: 67.4em; margin: 0 auto; } #image_box img.two_by_one { width: 37.9em; height: 19em; } #image_box img.one_by_two { width: 37.9em; height: 75.8em; } /*---:[ comments area ]:---*/ #comments { } .comments_intro, #respond_intro { margin-left: 1.1em; } dl#comment_list dt, dl#trackback_list dt { padding-right: 1.1em; padding-left: 1.1em; } dl#comment_list dd, dl#trackback_list dd { padding-left: 1.1em; } dl#comment_list dd .format_text, dl#comment_list dd #respond { } dl#comment_list dl dt { padding-left: 2.2em; 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 { padding-right: 2.2em; padding-left: 1.1em; background-color:#F0F0F0 } .login_alert { } /*---:[ content elements ]:---*/ body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } #header { /*padding-top: 2.2em; padding-bottom: 2.2em;*/ } .post_box { padding-top: 2.2em; } .headline_area { margin-bottom: 2.2em; } .teasers_box { padding-top: 2.2em; padding-bottom: 2.2em; } #multimedia_box { margin-bottom: 2.2em; } #footer { padding-top: 1.1em; padding-bottom: 1.1em; } /*---:[ #header styles ]:---*/ #header #logo { font-size: 3.6em; line-height: 1.167em; } #header #tagline { font-size: 1.4em; line-height: 1.429em; } /*---:[ nav menu styles ]:---*/ ul#tabs li a { font-size: 1.1em; padding: 0.545em 0.818em; } /*---:[ headlines ]:---*/ .headline_area h1, .headline_area h2 { font-size: 2.2em; line-height: 1.364em; } .format_text h2, .format_text h3 { font-size: 1.286em; line-height: 1.222em; margin: 1.833em 0 0.611em 0; } .format_text h4 { font-size: 1em; } .format_text h5 { font-size: 0.786em; } .format_text h6 { font-size: 0.786em; } .teaser h2 { } .sidebar h3 { font-size: 1em; line-height: 1.385em; margin-bottom: 0.692em; } #archive_info h1 { font-size: 1.8em; line-height: 1em; } /*---:[ bylines ]:---*/ .headline_meta { font-size: 1em; line-height: 1.8em; } .headline_meta .pad_left { padding-left: 0.9em; } /*---:[ headline area (image thumbnails) ]:---*/ .headline_area img.alignleft { margin: 0 2.2em 2.2em 0; } .headline_area img.alignright { margin: 0 0 2.2em 2.2em; } .headline_area img.alignnone { margin: 0 auto 2.2em 0; } .headline_area img.aligncenter { margin: 0 auto 2.2em auto; } .headline_area img.frame { padding: 1em; border-width: 0.1em; } /*---:[ post content area ]:---*/ .format_text { font-size: 1.4em; line-height: 1.571em; } .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; } /*---:[ after-post elements ]:---*/ .format_text .to_comments { font-size: 0.857em; line-height: 1.833em; margin-bottom: 1.833em; } .format_text .to_comments span { font-size: 1.833em; } .format_text .post_tags { font-size: 0.857em; line-height: 1.833em; margin-bottom: 1.833em; } /*---:[ archive information block ]:---*/ #archive_info { padding-top: 1.1em; padding-bottom: 1.1em; } #archive_info p { font-size: 1em; line-height: 1em; margin-bottom: 1.1em; } /*---:[ previous and next links on index, archive, and search pages ]:---*/ .prev_next { padding-top: 1.1em; padding-bottom: 1.1em; } .prev_next p { font-size: 1em; line-height: 2.2em; } .post_nav .previous { margin-bottom: 0.55em; } .post_nav a { font-size: 1.4em; line-height: 1.571em; } /*---:[ comment area ]:---*/ .comments_intro { margin-top: 4.4em; margin-bottom: 1.1em; } .comments_intro p { font-size: 1.2em; line-height: 1.833em; } .comments_intro span { font-size: 1.833em; } dl#comment_list dt { padding-top: 1.8em; } dl#comment_list dt span { font-size: 1.2em; line-height: 1.833em; } dl#comment_list dt .comment_author { font-size: 1.6em; 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: 1.1em; } 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: 4.4em 0 2.2em 1.1em; } /*---:[ comment form styles ]:---*/ #respond_intro { margin-top: 4.4em; margin-bottom: 1.1em; } .comment #respond_intro { margin-top: 0; } #respond_intro p { font-size: 1.7em; line-height: 1.294em; font-weight:900; } .login_alert { margin-top: 4.4em; margin-bottom: 2.2em; padding: 8em 1.1em; } #commentform { padding-top: 1.1em; padding-bottom: 2.2em; } #commentform p, .login_alert p { font-size: 1.4em; line-height: 1.571em; } #commentform p.comment_box { line-height: 0.786em; } #commentform label { padding-left: 0.786em; } #commentform textarea { height: 12.571em; line-height: 1.571em; } #commentform span.allowed { width: 97.3%; padding-top: 0.5em; padding-bottom: 0.5em; border-width: 0 0.071em 0.071em 0.071em; } #commentform span.allowed span { font-size: 0.857em; line-height: 1.833em; padding: 0 0.583em; } /* Support for the highly-recommended Subscribe to Comments Plugin */ #commentform p.subscribe-to-comments { font-size: 1.4em; } #commentform p.subscribe-to-comments label { font-size: 1em; } /*---:[ sidebar styles ]:---*/ .sidebar { } #column_wrap .sidebar ul.sidebar_list { padding-top: 2.2em; } li.widget { font-size: 1.3em; line-height: 1.385em; margin-bottom: 2.769em; } li.tag_cloud { line-height: 1.692em; } li.widget p { margin-bottom: 1.385em; } li.widget abbr, li.widget acronym { font-size: 0.769em; } li.widget code { font-size: 0.846em; } li.widget ul li { margin: 4px 0; padding:0 0 3px 3px; border-bottom:1px solid #ccc; } li.widget li ul { margin: 5px 0 0 10px; } /*---:[ widget box styles ]:---*/ li.widget .widget_box { padding: 0.692em; border-width: 0.077em; } /*---:[ google custom search ]:---*/ li.thesis_widget_google_cse form input[type="submit"] { font-size: 1em; margin-top: 0.462em; padding: 0.154em 0.231em; } /*---:[ calendar widget ]:---*/ #calendar_wrap a { padding: 0.077em; } #calendar_wrap a:hover { padding: 0.077em; } table#wp-calendar caption { font-size: 0.846em; line-height: 2em; } table#wp-calendar th { font-size: 0.846em; line-height: 2em; padding-top: 0.091em; } table#wp-calendar td { line-height: 1.692em; } table#wp-calendar td#next, table#wp-calendar td#prev { font-size: 0.846em; line-height: 2em; } table#wp-calendar td#next { padding-right: 0.545em; } table#wp-calendar td#prev { padding-left: 0.545em; } /*---:[ form inputs ]:---*/ input, textarea { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .format_text input, #commentform input, #commentform textarea { width: 45%; padding: 0.214em; border-width: 0.071em 0.071em 0.071em 0.071em; } #commentform textarea { width: 96%; } .format_text input.form_submit, #commentform .form_submit { font-size: 1.143em; padding: 0.313em 0.25em; } .sidebar .text_input, .sidebar .form_submit { padding: 0.308em; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .sidebar input[type="text"], .sidebar input[type="submit"] { padding: 0.308em; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /*---:[ footer styles ]:---*/ #footer p { font-size: 1.2em; line-height: 1.667em; } ul.sidebar_list { padding-top: 2.2em; } /*---:[ teaser styles ]:---*/ .teaser h2 { font-size: 1.6em; line-height: 1.375em; } .teaser .format_teaser { font-size: 1.2em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; } .teaser .teaser_author, .teaser .teaser_category, .teaser .teaser_date, .teaser .teaser_comments, .teaser .edit_post { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .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; } .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; } /* Dave's Additions / Changes 14/07/09 - 10/09/09 {Begins} ----------------------------------------------------------*/ /* Notes: > Using PX for font size, as it's simply more practical. > Added pixel height to header div & removed padding on line 401 > Nav sprite grid created - see note below */ /* Common colours: #342F2E - Heading brown #0099FF - Heading Blue #E67300 - Highlight Orange #8F6B5C - Subheading Biege #F7F5F4 - Offwhite #CAC5C3 - Offwhite darker shade */ /*---:[ Global ]:---*/ .clear { clear: both; height: 0; font-size: 0; overflow: hidden; display: block; width: 0px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /*---:[ Typeography General ]:---*/ h1 {} h2 {} h3 {} h4 {} p { font-size: 14px; margin: 0 0 5px 0; } #header p { margin: 0; } .homepage_h1 { color: #342F2E; font-size: 33px; font-weight: bold; display: block; padding: 10px 0; line-height: 30px; } .homepage_h1 em { color: #342F2E; font: normal 15px Arial; display: block; padding: 0; clear: both; } .homepage_h1 a { color: #0099FF; } .posthead h1 { color: #342F2E; font-size: 33px; font-weight: bold; display: block; padding: 10px 0; line-height: 30px; } #content h3, #content_wide h3, #content_full h3 { background: url(images/header_border.gif) bottom left repeat-x; color: #342F2E; font-size: 22px; font-weight: bold; margin: 0 0 10px 0; padding: 10px 0; } /*---:[ Header styles ]:---*/ #logo a { background: url(images/worldwide_logo.jpg) top left no-repeat; display: block; height: 97px; overflow: hidden; text-indent: -9999px; width: 309px; } #tagline { display: none; } /*---:[ Searchbox styles ]:---*/ #header .search_form { background: url(images/search.jpg) no-repeat left center; clear: right; display: inline-block; float: right; padding: 10px 0 10px 80px; width:182px; } #header .search_form p { border-right: solid 1px #E3E0DF; background:url(images/textfield_cap.jpg) left top no-repeat; display: inline-block; margin: 5px 0; padding: 0 0 0 5px; } #header .search_form p input { border: none; background:url(images/textfield_bg.jpg) left top repeat-x; display: block; color: #342F2E; font-size: 12px; height: 20px; padding: 5px 10px 0 5px; width: 160px; } /*---:[ Navigation ]:---*/ .navigation { width: 100%; clear: both; margin: -6px 0 10px 0; height: 54px; } .navigation { } .navigation li { float: left; list-style: none; margin: 0 5px 0 0; } .navigation a { float: left; background-image: url(images/navigation_sprite.png); height: 54px; display: block; text-indent: -9999px; overflow: hidden; } .navigation .home, .navigation .homeactive { margin: 0 5px 0 0; } .home a { background-position: -3px 0; width: 112px; } .home a:hover { background-position: -3px -54px; } .homeactive a { background-position: -3px -108px; width: 112px; } .homeactive a:hover { background-position: -3px -108px; } .navigation .page-item-131 { display: none; } .page-item-57 a { background-position: -120px 0; width: 149px; } .page-item-57 a:hover { background-position: -120px -54px; } .page-item-57.current_page_item a, .page-item-57.current_page_ancestor a { background-position: -120px -108px; } .page-item-57.current_page_item a:hover, .page-item-57.current_page_ancestor a:hover { background-position: -120px -108px; } .page-item-93 a { background-position: -274px 0; width: 235px; } .page-item-93 a:hover { background-position: -274px -54px; } .page-item-93.current_page_item a, .page-item-93.current_page_ancestor a { background-position: -274px -108px; } .page-item-93.current_page_item a:hover, .page-item-93.current_page_ancestor a { background-position: -274px -108px; } .navigation .page-item-98 { display: none; } .page-item-145 a { background-position: -514px 0; width: 119px; } .page-item-145 a:hover { background-position: -514px -54px; } .page-item-145.current_page_item a, .page-item-145.current_page_ancestor a { background-position: -514px -108px; } .page-item-145.current_page_item a:hover, .page-item-145.current_page_ancestor a { background-position: -514px -108px; } .page-item-150 a { background-position: -638px 0; width: 163px; } .page-item-150 a:hover { background-position: -638px -54px; } .page-item-150.current_page_item a, .page-item-150.current_page_ancestor a { background-position: -638px -108px; } .page-item-150.current_page_item a:hover, .page-item-150.current_page_ancestor a { background-position: -638px -108px; } .page-item-152 a { background-position: -806px 0; width: 164px; } .page-item-152 a:hover { background-position: -806px -54px; } .page-item-152.current_page_item a, .page-item-152.current_page_ancestor a { background-position: -806px -108px; } .page-item-152.current_page_item a:hover, .page-item-152.current_page_ancestor a { background-position: -806px -108px; } /*---:[ Breadcrumb Styles ]:---*/ .breadcrumb { font-size: 12px; color: #342F2E; display: block; border-bottom: 1px dotted #CAC5C3; padding: 5px 0; margin: 0 0 10px 0; } .breadcrumb a { color: #342F2E; text-decoration: underline; } .breadcrumb strong { margin: 0 5px 0 0; } /*---:[ Masthead Styles ]:---*/ .masthead { background:url(images/mastheadbg.jpg) left top no-repeat; color: #342F2E; display: block; font-size: 12px; height: 320px; margin: 0 0 10px 0; position: relative; width: 755px; } .masthead_textbox { display: block; height: 215px; position: absolute; left: 40px; top: 55px; width: 355px; z-index: 10; } .masthead img { position: absolute; left: 0px; top: 0px; z-index: 5; } .masthead strong { font-weight: normal; font-size: 18px; margin: 0 0 8px 0; } /*---:[ Feature Box Styles ]:---*/ #feature_box { padding: 20px 0 10px 0; background: url(images/header_border.gif) top left repeat-x; } #feature_box h2 { font-size: 1.6em; line-height: 1.375em; margin: 0 0 0 -6px; } #feature_box a { color: #0099FF; } /*---:[ Inner Feature Box Styles ]:---*/ #content_wide .feature_boxes { display: block; clear: both; margin: 5px 0; padding: 0px; } #content_wide .gilles_feature_boxes.feature_boxes li { width: 223px; margin: 0 5px; } #content_wide .brownswood_feature_boxes.feature_boxes li { width: 350px; margin: 0 5px; } #content_wide .feature_boxes li { display: block; background: url(images/header_border.gif) top left; float: left; padding: 10px; } #content_wide .feature_boxes li div { background: #FFFFFF; display: block; min-height: 100px; clear: both; padding: 10px; } #content_wide .feature_boxes li h3 { color: #342F2E; font-size: 22px; font-weight: bold; margin: 0; padding: 5px 0 5px 5px; } #content_wide .feature_boxes li h4 { color: #0099FF; font-size: 16px; font-weight: normal; margin: 0; padding: 0 0 5px 0; } #content_wide .feature_boxes li p { color:#999999; font-size: 12px; text-align: justify; line-height: 15px; } /*---:[ Multimedia Box Styles ]:---*/ #image_box, #video_box, #custom_box { padding: 0; } #multimedia_box { width: 100%; } #custom_box { background: #FFFFFF; border: none; } /*---:[ Upcoming Events Styles ]:---*/ .upcoming_events { list-style: none; width:400px; } .upcoming_events li { display: block; clear: both; margin: 10px 0; padding: 5px 0 5px 75px; position: relative; } .upcoming_events .calendar { border: solid 1px #CAC5C3; display: block; height: 60px; position: absolute; left: 0px; top: 3px; width: 60px; text-align: center; } .upcoming_events .calendar_date { color: #342F2E; font-size: 30px; font-weight: bold; } .upcoming_events .calendar_month { clear: both; background: #990000; color: #FFFFFF; display: block; font-size: 14px; padding: 3px 0; } .upcoming_events li h4 { font-size: 16px; font-weight: bold; margin: 0 0 4px 0; } .upcoming_events li p { font-size: 14px; } /*---:[ Artist Overview Styles ]:---*/ ul.artistListings { margin:0; padding:0; } ul.artistListings li { list-style:none; float:left; display:block; width:245px; height:190px; margin:10px 5px 0 0; background-color:#E3E0DF; } ul.artistListings li img { margin:0 0 8px 0; } ul.artistListings li a.link { font-size:16px; font-weight:900; color:#342F2E; padding-left:10px; } /*---:[ Widget Styles ]:---*/ .widget h3 { display: block; height: 52px; overflow: hidden; text-indent: -9999px; width: 190px; } .widget_categories h3 { background: url(images/title_categories.jpg) left top no-repeat; } .widget_killer_recent_entries h3 { background: url(images/title_podcasts.jpg) left top no-repeat; } .widget_rss h3 { background: url(images/title_rss.jpg) left top no-repeat; } .ngg_images h2 { background: url(images/title_images.jpg) left top no-repeat; display: block; height: 52px; overflow: hidden; text-indent: -9999px; width: 190px; } /*---:[ twitter Styles ]:---*/ #twitter { } #twitter h2 { display: block; background: url(images/twitter.jpg) top left no-repeat; color: #342F2E; font-weight: bold; font-size: 22px; padding: 10px 0 0 0; } #twitter h2 em { display: block; clear: both; color: #8F6B5C; font-weight: normal; font-style: normal; font-size: 14px; padding: 0 0 0 35px; } #twitter ul { display: inline-block; background:url(images/halftone_bg.gif) left top repeat; margin: 0 0 15px 0; padding: 5px; } #twitter ul li { list-style: none; display: block; background: #F7F5F4; border-bottom: dotted 1px #CAC5C3; padding: 5px; font-size: 12px; } #twitter .twitter-follow { display: block; overflow: hidden; background:url(images/twitter_follow_2.jpg) no-repeat left center; padding: 10px 0 10px 25px; } #header .twitter-follow { background:url(images/twitter_follow_1.jpg) no-repeat right 13px; display: inline-block; float: right; font-size: 12px; padding: 15px 70px 5px 0; } #header .twitter-follow span { display: none; } /*---:[ Next Gen Gallery elements ]:---*/ .ngg_images { clear: both; display: inline-block; } .ngg_images a { display: inline-block; float: left; } .ngg_images a img { float: left; border: none; margin: 0; } /*---:[ thumbnails ]:---*/ img.frame { background: url(images/halftone_bg.gif); border: none; } .teaser .post_image_link img.alignleft { margin-right: 1.8em; margin-bottom: 1.8em; } .teaser .post_image_link img.alignright { margin-left: 1.8em; margin-bottom: 1.8em; } .teaser .post_image_link img.aligncenter { margin-bottom: 1.8em; } .teaser .post_image_link img.alignnone { margin: 0 auto 1.8em 0; } .teaser .post_image_link img.frame { padding: 0.8em; border-width: 0.1em; } .teaser .format_teaser .post_image_link img.alignleft { margin-right: 0.75em; margin-bottom: 0; } .teaser .format_teaser .post_image_link img.alignright { margin-left: 0.75em; margin-bottom: 0; } .teaser .format_teaser .post_image_link img.aligncenter { margin-bottom: 1.5em; } .teaser .format_teaser .post_image_link img.frame { padding: 10px; border-width: 0.083em; } /*---:[ core layout elements ]:---*/ #header { border-bottom: 3px double #ddd; clear: both; height: 100px; padding: 0; } #column_wrap { float: left; } #sidebars { border-style: solid; border-color: #ddd; } #sidebar_1 { border-style: dotted; border-color: #ddd; } #container { width: 980px; margin: 0 auto; padding: 0; } #page { padding: 0; } #header, #footer { padding: 0; } #content_box { width: 100%; background: none !important; } .no_sidebars { background: none !important; } #content_wide { width: 760px; margin: 0 30px 0 0; float: left; padding: 0; } #content_full { width: 980px; margin: 0 ; float: left; padding: 0; } #content { width: 560px; margin: 0 20px 0 0; float: left; padding: 0; } .no_sidebars #content { width: 100%; } .post_box, .teasers_box, .full_width #content_box .page { margin: 0; } .full_width #content_box .page { width: auto; } .no_sidebars .post_box { margin: 0; } .teasers_box { width: 550px; padding: 0; margin: 0; } .teaser { width: 265px; padding: 0; margin: 0; } .teaser .teaser_right { width: 265px; margin: 0 0 0 20px; } #archive_info, .prev_next { padding-right: 1.1em; padding-left: 1.1em; } .column1 { float: left; display: block; width: 360px; margin: 0 35px 0 0; } .column2 { float: left; display: block; width: 360px; } .discography-list { display: block; width: 45%; height: 100px; float: left; padding: 20px 2% 10px 0; margin: 0 2% 0 0; background: url(images/header_border.gif) top left repeat-x; } .discography-list ul { list-style: none; font-size: 12px; padding: 0 0 0 15px; margin: 0 0 0 5px; line-height: 16px; } /*---:[ sidebar styles ]:---*/ #sidebar { width: 190px; border: 0; float: right; padding: 0; margin: 0; } #sidebars { width: 400px; border: 0; float: right; padding: 0; margin: 0; } #sidebar_1 { width: 190px; margin: 0 20px 0 0; border: 0; float: left; clear: left; } #sidebar_2 { width: 190px; float: left; margin: 0; } .sidebar { padding: 15px 0 0 0; } .sidebar ul.sidebar_list { padding: 0; } #sidebar_2 ul.sidebar_list { padding: 0; } .submenu { } .submenu ul { list-style: none; margin:0 0 20px 0; } .submenu li { border-bottom: solid 1px #534D48; } .submenu li a { background: #342F2E url(images/submenu_bullet.jpg) left top no-repeat; color: #FFFFFF; display: block; font-size: 16px; height: 32px; line-height: 32px; padding: 0 0 0 35px; width: 167px; margin: 0 0 0 -12px; } .submenu li a:hover { background: #7B726A url(images/submenu_bullet.jpg) left -32px no-repeat; color: #FFFFFF; } .submenu .current_page_item a, .submenu .current_page_item a:hover { background: #7B726A url(images/submenu_bullet.jpg) left -64px no-repeat; color: #FFFFFF; } /*---:[ footer styles ]:---*/ #footer { color: #111111; border: none; clear: both; display: block; margin: 25px 0; text-align: left; } .footer_outer { background: url(images/header_border.gif) left top; clear: both; display: block; margin: 0 0 10px 0; padding: 10px; } .footer_inner { background: #f6f5f3 url(images/footer_innerbg.jpg) left top repeat-x; clear: both; display: inline-block; } .footer_column { display: block; float: left; padding: 10px; width: 300px; } #footer h3 { color: #342F2E; font-size: 22px; } #footer a { color: #111111; border-bottom: 1px solid #ccc; } #footer a:hover { color: #111; } .social_media { list-style: none; padding:0 0 20px 0; } .social_media li { float: left; } #footer .social_media li a { border: none; display: block; float: left; height: 15px; margin: 0 10px 0 0; padding: 36px 0 0 0; text-align:center; width: 64px; } .facebook { background:url(images/icons/facebook.png) center top no-repeat; } .twitter { background:url(images/icons/twitter.png) center top no-repeat; } .youtube { background:url(images/icons/youtube.png) center top no-repeat; } .myspace { background:url(images/icons/myspace.png) center top no-repeat; } .rss_updates { background: url(images/icons/feed.png) left center no-repeat; display: block; list-style: none; padding: 20px 0 20px 74px; } .electric { float: right; } /*---:[ Newsletter styles ]:---*/ #mc_embed_signup { } #mc_embed_signup label { color: #342F2E; display: block; float: left; font-size: 12px; font-weight: bold; height: 25px; line-height: 25px; padding: 0 10px 0 0; margin: 5px 0; width: 100px; } #mc_embed_signup .submit { border: none; background:url(images/subscribe_btn.jpg) center no-repeat; cursor: pointer; display: block; float: right; height: 34px; margin: 5px; overflow: hidden; text-indent: -9999px; width: 110px; } #mc_embed_signup .textfield { border: none; background:url(images/textfield_bg.jpg) left top repeat-x; display: block; color: #342F2E; font-size: 12px; height: 20px; padding: 5px 10px 0 5px; width: 160px; } #mc_embed_signup .textfield_cap { border-right: solid 1px #E3E0DF; background:url(images/textfield_cap.jpg) left top no-repeat; display: inline-block; float: left; margin: 5px 0; padding: 0 0 0 5px; } /*---:[ Form Styles ]:---*/ input, textarea { font-size: 1em; color: #444; background: #fff; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; } /*---:[ Teaser elements ]:---*/ .entry-title a { color: #0099FF; } .post_box, .teasers_box { border: none; clear: both; padding: 0; } .teasers_box .post_box { margin: 0; border-top: none; clear: none; } .teaser { float: left; padding: 20px 0 10px 0; background: url(images/header_border.gif) top left repeat-x; } .teaser_right { float: right; } .top { border: none !important; } /*---:[ Inner Post elements ]:---*/ .innerpost { display: block; padding: 10px 0 20px 0; background: url(images/header_border.gif) bottom left repeat-x; margin-bottom:20px; } .narrow { width:245px; float:left; margin:0; min-height:270px; } .podcast { width:235px; float:left; margin:0; min-height:270px; } .festival { width:235px; float:left; margin:0; min-height:270px; } .podcastImage img { display: block; width:235px;} /*---:[ teaser styles ]:---*/ .innerpost h2, .teaser h2 { font-size: 16px; line-height: 1.375em; } .innerpost .format_teaser , .teaser .format_teaser { font-size: 14px; line-height: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; } .innerpost h2, .teaser .teaser_author, .teaser .teaser_category, .teaser .teaser_date, .teaser .teaser_comments, .teaser .edit_post { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .innerpost .teaser_author, .innerpost .teaser_category, .innerpost .teaser_date, .innerpost .teaser_comments, .innerpost .edit_post { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .innerpost .teaser_author, .teaser .teaser_author { font-size: 1em; line-height: 1.6em; } .innerpost .teaser_category, .teaser .teaser_category { font-size: 1em; line-height: 1.6em; } .innerpost .teaser_date, .teaser .teaser_date { font-size: 1em; line-height: 1.6em; } .innerpost .teaser_comments, .teaser .teaser_comments { font-size: 1em; line-height: 1.6em; } .innerpost .teaser_link, .teaser .teaser_link { font-size: 1.2em; line-height: 1.5em; } .innerpost .post_tags, .teaser .post_tags { font-size: 1.1em; line-height: 1.636em; } .innerpost .edit_post, .teaser .edit_post { padding-left: 0.8em; } /* Dave's Additions / Changes 14/07/09 - 10/09/09 {Ends} ----------------------------------------------------------*/