/* 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/ */ /*--- set site background (brown sand) ---*/ body.custom { background:url('images/bg_pattern6.jpg'); font-family: Georgia, "Times New Roman", Times, serif; } .custom #container { width:993px; margin: 0 auto; } /*--- remove "page" padding to stretch header & menu to full-width; and add hibiscus layer background ---*/ .custom #page { width:100%; margin:0; padding:0; background:#fff url('images/header_bg.jpg') no-repeat center top; } /*-----------------------*/ /*--- HEADER SETTINGS ---*/ /*-----------------------*/ /*--- first hide default header ---*/ .custom #logo, .custom #tagline { display:none; } .custom #header { padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0px; margin-left:auto; margin-right:auto; width:949px; border:none; } .custom #header img { width:99.5%; display: block; padding: 0.1em; border-width: 0.1em; border:1px double #bbb; } /*--- add clickable blog title [image] on top of header background image ---*/ .custom #header .banner { position:absolute; top:41px; margin-left:1px; width:440px; } .custom #header .banner a img { width:100%; *width:90%; border:none; } /*--- end header settings ---*/ /*--- universal values ---*/ .custom a, .custom a:visited { color: #1F497D; text-decoration:none; } .custom a:hover { color: gray; } .custom img.member, .custom img.kumu { border:1px solid #aaa; padding: 3px; background:#fff; } .custom img.kumu[align="left"] { float:left; margin:7px 10px 0 0; } .custom img.member[align="left"] { float:left; margin:2px 10px 0 0; } .custom img.kumu[align="right"] { float:right; margin:7px 4px 0 4px; *margin:7px 7px 0 4px; } .custom img.member[align="right"] { float:right; margin:2px 2px 0 4px; } .custom .format_text h3 { font-size: 16px; font-weight:bold; color:#1F497D; } .custom h1 { font-size:32px; color:#008837; border-bottom:1px solid #ddd; padding-left:0; *margin:20px 0 25px 0; } .custom h4 { line-height: 21px; margin: 0 0 5px 0; font-size: 18px; font-weight: bold; color: #1F497D; } .custom .format_text h3 { font-size: 16px; font-weight:bold; color:#1F497D; } .custom li.widget .widget_box { padding:10px 0 10px 0; border:1px solid #bbb; background:#fff; } .custom li.widget { margin-bottom:0px; background:#fff; } .custom span.black { color:#111; } .custom span.strong { font-weight:bold; color:#008837; } .custom .format_text .drop_cap { font-size: 3.571em; line-height: 0.76em; padding: 0.06em 0.12em 0 0; color:#008837; } .custom .format_text img.left, .format_text img.alignleft, .wp-caption.alignleft { margin: 0px 10px 15px 0; } .custom .format_text input#buynow { width:20%; height:auto; border:transparent; background:transparent; } .custom input#donate { border:transparent; background:transparent; } .custom .post_nav a { font-size:13px; } /* 008837 green */ /* 1F497D blue */ /*--------------------*/ /*--- MENU SETTINGS---*/ /*--------------------*/ /*--- keep within .page length, set font, padding, etc. ---*/ .custom .menu { font: 9px verdana, arial, 'sans-serif'; width:85%; border-width:0; padding-left:20px; margin-bottom:1px; } /*--- put a gap between tabs ---*/ .custom .menu .tab, .custom .menu .cat-item {margin-right:5px;} /*--- white color on current state; reduce character spacing and ---*/ /*--- curve top-left/right corners for browsers that render them ---*/ .custom .menu a, .custom .menu .current ul a { line-height:1.0em; color: #fff; background:#C0504D; letter-spacing:0.75px; border-bottom:transparent; z-index:inherit;zoom:1; -moz-border-radius-topleft:0.5em; -moz-border-radius-topright:0.5em; -webkit-border-top-left-radius:0.5em; -webkit-border-top-right-radius:0.5em; *border-width:0px;*border-color:transparent;*border-radius:5px;*behavior:url('../border-radius.htc');} .custom .menu .current a, .custom .menu .current-cat a { color: #fff; background: #C0504D; border-bottom-color: #aaa; } /*--- remove [top-left/right] curves for submenus ---*/ .custom .menu .submenu li a, .custom .menu ul.children li a, .custom .menu ul.children li ul.children li a { -moz-border-radius-topleft:0em; -moz-border-radius-topright:0em; -webkit-border-top-left-radius:0em; -webkit-border-top-right-radius:0em; *border-width:0px;*border-color:transparent;*border-radius:0px;*behavior:url('../border-radius.htc'); } /*--- individualize tab backgrounds colors ---*/ .custom .menu .tab-home a, .custom .menu .tab-home a:visited {background:#C00000;} .custom .menu .tab-1 a, .custom .menu .tab-1 a:visited {background:#1F497D;} .custom .menu .tab-2 a, .custom .menu .tab-2 a:visited {background:#FF585C;} .custom .menu .tab-3 a, .custom .menu .tab-3 a:visited {background:#00B050;} .custom .menu .tab-4 a, .custom .menu .tab-4 a:visited {background:#E36C09;} .custom .menu .tab-5 a, .custom .menu .tab-5 a:visited {background:#788D16;} .custom .menu .cat-item-28 a, .custom .menu .cat-item-28 a:visited {background:#F79646;} .custom .menu .cat-item-27 a, .custom .menu .cat-item-27 a:visited {background:#7030A0;} /*--- hover state text and background ---*/ .custom .menu a:hover, .custom .menu .tab-home a:hover, .custom .menu .tab-1 a:hover, .custom .menu .tab-2 a:hover, .custom .menu .tab-3 a:hover, .custom .menu .tab-4 a:hover, .custom .menu .tab-5 a:hover, .custom .menu .cat-item-28 a:hover, .custom .menu .cat-item-27 a:hover {color:#000;background:#eee;} .custom .menu .submenu a:hover {color:#000;background:#eee;} /*--- remove rss from the menu ---*/ .custom .menu .rss {display:none;} /*--------------------*/ /*--- SEARCH FIELD ---*/ /*--------------------*/ /*--- layer search form on bottom-right of header ---*/ .custom #search_area { border:0; padding:0; margin-left:auto; margin-right:auto; } .custom .search_form { background:url('images/searchbox.png') no-repeat; position:absolute; z-index:5; width:250px; height:93px; margin:-67px 0 0 700px; } /*--- position/style Search Text Field inside the form ---*/ .custom #s { font:14px Arial,Helvetica,sans-serif; margin:32px 0 0 5px; background-color:transparent; width:190px; border:none; color:#888; padding:.65em 0 .8em .5em; } /*--------------------------------------------------------------*/ /*--- BREADCRUMBS (the "you are here" tool) below the header ---*/ /*--------------------------------------------------------------*/ .custom #crumb_area p { padding-top:5px; padding-bottom: 5px; padding-left: 5px;font: 11px arial,'sans-serif'; color:#888; width:92%; background:transparent; } .custom #crumb_area p a { color:#999; } /*--------------------------------------------------------------*/ /*--- CONTENT AREA ---*/ /*--------------------------------------------------------------*/ /*--- replace vertical line with sidebar background ---*/ .custom #content_box { background: #fff url('images/bg-shadow-sb.jpg') repeat-y 100% 0%; } /*--- content ---*/ .custom #content { width: 624px; float: left; margin: 0 0 0 1.8em; } /*.custom #content { width:100%; background:#fff; font-size:14px; margin-bottom:30px; *margin-bottom:20px; }*/ /*--- default template content ---*/ .custom .post_box, .custom .teasers_box, .custom .full_width #content_box .page { width:100%; margin-right:10px; } .custom #content .post_box .format_text { width:auto; font-size:14px; padding-right:5px; } /*---------------------------*/ /*--- CUSTOM ARCHIVE PAGE ---*/ /*---------------------------*/ .custom #archive_info { border-bottom-width:1px; border-bottom:1px solid #ddd; width:615px; padding:0; margin:0 0 10px 10px; } .custom #archive_info p { display:none; font-size: 1em; padding-top:1em;margin-left:16px; margin-bottom:0.5em; } .custom #archive_info h1 { font-size:32px; color:#008837; line-height:1em; margin-top:25px; border-bottom:none; } .custom .headline_area h2 { font-size:24px; color:#1F497D; line-height:30px; } .custom .headline_meta { font-size:13px; color:#888; } /*--- homepage settings ---*/ .custom #home_columns { width:100%; padding:0; margin:-20px 0 0 11px; *margin:-15px 0 0 11px; *color:#111; *font-size:14px; *line-height:20px; } .custom .home_column_fullwidth { width:100%; } /*--- column 1 :: homepage only ---*/ .custom .home_column_one { width:295px; float:left; margin-right:10px; } .custom .home_column_one ul { margin:0; } .custom .home_column_one ul li { list-style:none; list-style-position:outside; } .custom .home_column_one ul li.curriculum { background:url('images/i_curriculum.jpg') no-repeat 0% 0%; padding-left: 40px; padding-bottom:5px; } .custom .home_column_one ul li.events { background:url('images/i_events.jpg') no-repeat 0% 0%; padding-left: 40px; } .custom .home_column_one ul li.curriculum:hover { background:url('images/i_curriculum_dim.jpg') no-repeat 0% 0%; padding-left: 40px; } .custom .home_column_one ul li.events:hover { background:url('images/i_events_dim.jpg') no-repeat 0% 0%; padding-left: 40px; } /*--- column 2 :: homepage only ---*/ .custom .home_column_two { width:310px; float:left; } .custom .home_column_two ul { margin:0; } .custom .home_column_two ul li { list-style:none; list-style-position:outside; } .custom .home_column_two ul li.cfc { background:url('images/i_cfc.jpg') no-repeat 0% 0%; padding-left: 40px; padding-bottom:5px; } .custom .home_column_two ul li.links { background:url('images/i_links.jpg') no-repeat 0% 0%; padding-left: 40px; } .custom .home_column_two ul li.cfc:hover { background:url('images/i_cfc_dim.jpg') no-repeat 0% 0%; padding-left: 40px; } .custom .home_column_two ul li.links:hover { background:url('images/i_links_dim.jpg') no-repeat 0% 0%; padding-left: 40px; } /*--- content area intro ---*/ .custom #content .column_one h4, .custom #content .column_two h4 { line-height: 1.222em; margin: 0 0 8px 0; font-size: 16px; font-weight: bold; color: #1F497D; border-bottom:1px solid silver; } /*--- full-width content area intro headers & paragraph ---*/ .custom #content .column_fullwidth h2 { line-height:normal; margin: 0; font-size: 22px; font-weight: bold; color: #1F497D; } .custom #content .column_fullwidth h5 { line-height:normal; margin: 0 0 10px 0px; font-size: 14px; color:#666; } .custom #content .column_fullwidth h4 { line-height: 21px; margin: 0 0 10px 0px; font-size: 18px; font-weight: bold; color: #1F497D; border-bottom:1px solid silver; } .custom #content .column_fullwidth h6 { margin: 3px 0 3px 0px; font-size: 20px; font-weight: bold; color: #1F497D; text-transform:none; padding:5px; background:#eee; border:1px solid #ddd; } .custom #content .column_fullwidth { width:auto; } .custom #content #page_columns { width:625px; *margin-top:-20px; } /*.custom #content .after_two_columns { width:625px; margin-top:50px; } /*--- teaser box in blog page ---*/ .custom #content #teasers_box { width:640px; padding-top:5px; } .custom #content .teaser { width: 300px; margin:0 20px 25px 0; padding-bottom:10px; border-bottom: 1px dotted #aaa; } .custom #content .teaser h2 { font-size: 18px; line-height: 1.375em; margin:0 0 5px 0; color: #1F497D; text-transform:none; padding:5px; background:#eee; border:1px solid #ddd; } .custom #content .teaser .format_teaser { font-size:14px; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; } .custom #content .teaser .teaser_date { font-size: 11px; line-height: 1.6em; } .custom #content .teaser .edit_post { padding-left: 0.8em; } .custom #content .teaser .teaser_link { font-size: 12px;; line-height: 1.5em; } /*.custom #content .teaser .teaser_author, .custom #content .teaser .teaser_category, .custom #content .teaser .teaser_date, .custom #content .teaser .teaser_comments, .custom #content .teaser .edit_post { font-family: Georgia, "Times New Roman", Times, serif; } .custom #content .teaser .teaser_author { font-size: 1em; line-height: 1.6em; } .custom #content .teaser .teaser_category { font-size: 1em; line-height: 1.6em; } .custom #content .teaser .teaser_comments { font-size: 1em; line-height: 1.6em; } .custom #content .teaser .teaser_link { font-size: 1.2em; line-height: 1.5em; } .custom #content .teaser .post_tags { font-size: 1.1em; line-height: 1.636em; } /*--- content area intro ---*/ .custom #content .column_one h4, .custom #content .column_two h4 { line-height: 1.222em; margin: 0 0 8px 0; font-size: 16px; font-weight: bold; color: #1F497D; border-bottom:1px solid silver; } /*--- full-width content area intro headers & paragraph ---*/ .custom #content .column_fullwidth h2 { line-height:normal; margin: 0; font-size: 22px; font-weight: bold; color: #1F497D; } .custom #content .column_fullwidth h5 { line-height:normal; margin: 0 0 10px 0px; font-size: 14px; color:#666; } .custom #content .column_fullwidth h4 { line-height: 21px; margin: 0 0 10px 0px; *margin:0; font-size: 18px; font-weight: bold; color: #1F497D; border-bottom:1px solid silver; } .custom #content .column_fullwidth h6 { margin: 3px 0 3px 0px; font-size: 20px; font-weight: bold; color: #1F497D; text-transform:none; padding:5px; background:#eee; border:1px solid #ddd; } /*--- content_area column 1 ---*/ .custom #content .column_one { width:295px; float:left; margin:0px 25px 32px 0px; margin:*0px 25px px 0px; color:#111; padding-top:0; } .custom #content .column_one ul li { list-style:disc; color:#1F497D; *list-style-position:outside; } /*--- content_area column 2 ---*/ .custom #content .column_two { width:295px; float:right; margin-top:0px; margin-bottom:0px; margin-right:4px; color:#111; } .custom #content .column_two ul li { list-style:disc; color:#1F497D; *list-style-position:outside; } /*--- links in 'Links' ---*/ .custom #content .column_one .sitelink a, .custom #content .column_two .sitelink a { font-size:13px; color:#008837; line-height:normal; *line-height:18px; margin:10px 0 0 0; *margin:0 0 0 0; } .custom #content .column_one .byline, .custom #content .column_two .byline { font:11px Arial,Helvetica,Verdana,sans-serif; color:#111; margin-bottom:10px; } /*--- profiles in 'Faculty' ---*/ .custom #content .profile { margin-left:0; padding:10px 0 0 0; border-top:1px solid #ddd; *padding:10px 3px 0 0; } .custom #content .profile p { width:615px; line-height: 22px; *margin-bottom:0; } .custom #content .profile .teacher { font-weight:bold; color:#008837; margin-bottom: 6px; } .custom #content .profile .title { display:inline; font-size:11px; text-decoration:underline; font-weight:normal; font-family:verdana, sans-serif; color:#111; } /*--- 'Handbook' page ---*/ .custom #content .column_fullwidth ul.handbook { margin-left:0px; padding-bottom:0px; *padding-bottom:39px; } /*.custom #content .column_fullwidth ul.handbook li.level_one { border-bottom:1px solid #ccc; text-align:left; list-style:none; margin:15px 0 0 0; padding:0 25px 0 50px; }*/ .custom #content .column_fullwidth ul.handbook li.level_one { list-style:none; list-style-position:outside; } .custom #content .column_fullwidth ul.handbook li.i_enrollment { background:url('images/i_enrollment.jpg') no-repeat left top; border-bottom:1px solid #ccc; text-align:left; margin:15px 0 0 0; padding:0 25px 0 50px; } .custom #content .column_fullwidth ul.handbook li.i_tuition { background:url('images/i_tuition.jpg') no-repeat left top; border-bottom:1px solid #ccc; text-align:left; margin:15px 0 0 0; padding:0 25px 0 50px; } .custom #content .column_fullwidth ul.handbook li.i_attendance { background:url('images/i_attendance.jpg') no-repeat left top; border-bottom:1px solid #ccc; text-align:left; margin:15px 0 0 0; padding:0 25px 0 50px; } .custom #content .column_fullwidth ul.handbook li.i_holidays { background:url('images/i_holidays.jpg') no-repeat left top; border-bottom:1px solid #ccc; text-align:left; margin:15px 0 0 0; padding:0 25px 0 50px; } .custom #content .column_fullwidth ul.handbook li.i_makeupclass { background:url('images/i_makeupclass.jpg') no-repeat left top; border-bottom:1px solid #ccc; text-align:left; margin:15px 0 0 0; padding:0 25px 0 50px; } .custom #content .column_fullwidth ul.handbook li.i_dresscode { background:url('images/i_dresscode.jpg') no-repeat left top; border-bottom:1px solid #ccc; text-align:left; margin:15px 0 0 0; padding:0 25px 0 50px; } .custom #content .column_fullwidth ul.handbook li.i_conduct { background:url('images/i_conduct.jpg') no-repeat left top; border-bottom:1px solid #ccc; text-align:left; margin:15px 0 0 0; padding:0 25px 0 50px; } .custom #content .column_fullwidth ul.handbook li.i_health { background:url('images/i_health.jpg') no-repeat left top; border-bottom:1px solid #ccc; text-align:left; margin:15px 0 0 0; padding:0 25px 0 50px; } .custom #content .handbook .policy { font-weight:bold; color:#008837; margin-top:10px; } .custom #content .handbook span.policy_inline { font-weight:normal; color:#008837; margin-top:10px; border-bottom:1px solid #008837; } .custom #content .handbook p { margin:0 0 20px 0; width:auto; } /*--- 'Handbook' ordered list in the "Code of Conduct" section ---*/ .custom ul.handbook ol#offenses li { margin-left:-5px; list-style:decimal; border-bottom:none; } /*--- 'Handbook' page Tuition Fee table ---*/ .custom #content .handbook table { margin:10px 0 20px 0; border-collapse:collapse; border-spacing:0; font-family:verdana,arial,sans-serif; } .custom #content .handbook table tr.thead { font-size:11px; font-weight:bold; color:#eee; background:#222; border-top:thin solid #ccc; } .custom #content .handbook table tr.row1a { background:#ebebeb; font-size:10px; } .custom #content .handbook table tr.row1a .topspace { padding-top:8px; } .custom #content .handbook table tr.row1b { background:#ebebeb; font-size:10px; border-bottom:thin solid #ccc; } .custom #content .handbook table tr.row1b .botspace { padding-bottom:8px; } .custom #content .handbook table tr.row2a { background:#f5f5f5; font-size:10px; } .custom #content .handbook table tr.row2a .topspace { padding-top:8px; } .custom #content .handbook table tr.row2b { background:#f5f5f5; font-size:10px; border-bottom:thin solid #ccc; } .custom #content .handbook table tr.row2b .botspace { padding-bottom:8px; } .custom #content .handbook table td { border-left:thin solid #ccc; border-right:thin solid #ccc; padding:0 8px 0 8px; } .custom #content .handbook table td a { color:#c00; } .custom #content .handbook table td a:hover { color:#000; } /*--- previous and next links on index, archive, and search pages ---*/ .custom .prev_next { padding-top: 11px; padding-bottom: 11px; } .custom .prev_next p { font-size: 10px; line-height: 22px; } .custom .post_nav .previous { margin-bottom: 6px; } .custom .post_nav a { font-size: 14px; line-height: 16px; } /*--- back-to-top anchor (blue up-arrow) ---*/ .custom #page .backtotop { position:relative; top:-215px; left:75px; *position:relative; *top:-225px; *left:612px; *z-index:1000; } .custom #page .backtotop a { background:url('images/up_arrow_circ.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop a:hover { background:url('images/up_arrow_circ_dim.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop_fullpage { float:right; position:relative; top:-215px; *position:relative; *top:-243px; *z-index:1000; *line-height:50px; } .custom #page .backtotop_fullpage a { background:url('images/up_arrow_circ.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop_fullpage a:hover { background:url('images/up_arrow_circ_dim.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop_intext a { float:right; background:url('images/up_arrow_circ.png') no-repeat; padding:25px 8px 25px 25px; margin-top:5px; } .custom #page .backtotop_intext a:hover { background:url('images/up_arrow_circ_dim.png') no-repeat; padding:25px 8px 25px 25px; margin-top:5px; } /*--- target Opera ---*/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .custom #page .backtotop { position:relative; top:-217px; left:615px; } .custom #page .backtotop a { background:url('images/up_arrow_circ.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop a:hover { background:url('images/up_arrow_circ_dim.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop_fullpage { position:relative; top:-217px; float:right; height:0; } .custom #page .backtotop_fullpage a { background:url('images/up_arrow_circ.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop_fullpage a:hover { background:url('images/up_arrow_circ_dim.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop_intext a { float:right; background:url('images/up_arrow_circ.png') no-repeat; padding:25px 8px 25px 25px; margin-top:5px; } .custom #page .backtotop_intext a:hover { background:url('images/up_arrow_circ_dim.png') no-repeat; padding:25px 8px 25px 25px; margin-top:5px; } } /*--- target Safari ---*/ @media screen and (-webkit-min-device-pixel-ratio:0){ .custom #page .backtotop { position:relative; top:-217px; left:612px; } .custom #page .backtotop a { background:url('images/up_arrow_circ.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop a:hover { background:url('images/up_arrow_circ_dim.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop_fullpage { position:relative; top:-217px; float:right; height:0; } .custom #page .backtotop_fullpage a { background:url('images/up_arrow_circ.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop_fullpage a:hover { background:url('images/up_arrow_circ_dim.png') no-repeat; padding:25px; color:transparent; } .custom #page .backtotop_intext a { float:right; background:url('images/up_arrow_circ.png') no-repeat; padding:25px 8px 25px 25px; margin-top:5px; } .custom #page .backtotop_intext a:hover { background:url('images/up_arrow_circ_dim.png') no-repeat; padding:25px 8px 25px 25px; margin-top:5px; } } /*--- video galleries ---*/ .custom .entry-content ul.gallery_row table { margin:10px 0 20px 5px; border-collapse:collapse; border-spacing:0; } .custom .entry-content table tr.row_one, .custom .entry-content table tr.row_two, .custom .entry-content table tr.row_three, .custom .entry-content table tr.row_four, .custom .entry-content table tr.row_five { vertical-align:top; margin:0 0 0 8px; } .custom .entry-content table td { font:11px verdana,arial,sans-serif; } .custom .entry-content table td.column_two { padding-left:18px; padding-right:24px; } .custom .entry-content table td.row_height { border-top:20px solid #fff; } /*----------------*/ /*--- COMMENTS ---*/ /*----------------*/ /*--- Form and 'Submit' button text ---*/ .custom #commentform { width:612px; padding:10px 0 0 0; margin-left:15px; } .custom #commentform textarea { width: 605px; } .custom #commentform p, .login_alert p { font: 13px Verdana,sans-serif; line-height: 1.571em; } .custom #commentform input, textarea { font: 13px Verdana,Helvetica,Arial,sans-serif; } .custom #commentform input.form_submit { font: 12px Verdana,sans-serif; border:3px double #aaa; color:#5B3000; } .custom #commentform input.form_submit:hover { color: #aaa; } .custom .format_text input.form_submit, #commentform .form_submit { font-size: 1.143em; padding: 0 0.25em; } /*--- "Your Thoughts" format ---*/ .custom #respond_intro p { font-size: 17px; line-height: 13px; margin-left:5px; } /*--- Hide "Comments On This Entry Are Closed" on pages where comments are closed ---*/ .custom .comments_closed p { display: none; line-height:0; } /*--- Style "Dialogue" which replaces "{x comment... read it below or add one}" ---*/ .custom .comments_intro p { margin-left:-10px; padding:15px 0 0 0; border-top:1px dotted #aaa; } .custom .comments_intro p a { font-size:18px; color:#444; text-decoration:none; } .custom .comments_intro p a:hover { color:#aaa; } .custom .comments_intro span.note { font: 10px Verdana, Arial; color:gray; background:#f2f2f2; display:block; border-top:none; margin-left:-10px;padding:0; } /*--- Alternate comment background colors ---*/ .custom dl#comment_list .even {background:#F2F5E9;} .custom dl#comment_list .odd {background:#F7FAEF;} /*--- Author byline colors ---*/ .custom dl#comment_list .comment_author a { font-size:16px; font-weight:bold; padding-right: 0.688em;text-decoration:none;color:#2361A1; } .custom dl#comment_list .comment_author a:hover { color:#aaa; } /*--- Admin byline colors (same as above but we don't want to mess up size and other styles from original) ---*/ .custom dl#comment_list dt .comment_author { color:#2361A1; } .custom dl#comment_list dt .comment_author:hover { color:#aaa; } .custom dl#comment_list dd .format_text, dl#comment_list dd #respond { font:11px verdana,'sans-serif'; line-height:14px; padding-right: 1.1em; } /*--- Font and position for all comments ---*/ .custom dl#comment_list dd { font: 8px Verdana,Arial,Helvetica,sans-serif; color:#444; } .custom .format_text .to_comments { position:absolute; margin-top:0px; *margin-top:-55px; } /*-------------------------------*/ /*--- SIDEBARS & COLUMN THREE ---*/ /*-------------------------------*/ /*--- column 3 :: homepage only ---*/ .custom #column_three { width:303px; float:right; margin-left:5px; margin-right:1px; padding-right:1px; background:#ddd; border:11px solid #ddd; } /*--- column 3 :: dynamic image_box (for rotator, e.g., but for now it's hoike 2010) ---*/ .custom #column_three #image_box { padding:0; background:#ddd; width:auto; } .custom #column_three #image_box img { display:block; width:302px; height:auto; margin-bottom:11px; padding:0; } .custom #column_three #image_box embed { display:block; width:303px; height:243px; margin-bottom:11px; padding:0 0 5px 0; } /*--- column 3 :: principal message (homepage only) ---*/ .custom #column_three li.widget { list-style:none; float:left; } .custom #column_three li.widget .widget_box { width:302px; border:1px solid #bbb; background:#fff; padding:0; } .custom #column_three li.widget .widget_box h3 { display:block; color: #555555; font-variant: small-caps; letter-spacing: 2px; font-size: 15px; line-height: 1.385em; margin: 10px 0 15px 0; padding-bottom:10px; text-align:center; border-bottom: 1px solid #bbb; } .custom #column_three li.widget .widget_box p { font-size: 14px; line-height:18px; color:#111; padding:0 11px 0 11px; } .custom #column_three li.widget .widget_box img.kuusign { display:block; width:auto; } .custom #column_three li.widget .widget_box p a.ekomomai { color:#1F497D; font:12px verdana,sans-serif; margin:0 0 0 90px; } .custom #column_three li.widget .widget_box p a.ekomomai:hover { color:gray; } /*--- default sidebars ---*/ .custom #sidebars { width: 303px; float:right; margin-left:17px; *margin-left:0; margin-right:0px; padding:1px 0 1px 1px; background:#ddd; border:11px solid #ddd; } .custom #sidebars #multimedia_box { padding:0 1px 0 0; background:#ddd; width:auto; margin-bottom:0; } .custom #sidebars #multimedia_box #image_box img { display:block; width:300px; height:auto; margin-bottom:10px; padding:0; } .custom #sidebars #multimedia_box #image_box embed { display:block; width:301px; height:241px; margin-bottom:10px; padding:0; } .custom #sidebars #image_box .hulalite img { display:block; width:300px; height:auto; margin-bottom:0px; padding:0; } .custom #sidebar_1 { width: auto; float: left; height:auto; padding: 0px; background:#ddd; } .custom #sidebar_2 { display:none; } .custom #sidebar_1 ul.sidebar_list { padding-right:0px; padding-left: 0; } /*.custom #sidebar_2 ul.sidebar_list { padding-right: 0; padding-left: 0; }*/ .custom #sidebars li.widget { list-style:none; float:left; margin-bottom:0; background:#ddd; } .custom #sidebars li.widget .widget_box { width:300px; background:#fff; margin-top:11px; padding:0; border:1px solid #bbb; } .custom #sidebars li.widget .widget_box h3 { display:block; color: #555555; font-variant: small-caps; letter-spacing: 2px; font-size: 15px; line-height: 1.385em; margin: 10px 0 11px 0; padding-bottom:10px; text-align:center; border-bottom: 1px solid #bbb; } .custom #sidebars li.widget .widget_box a img { width:300px; height:auto; } .custom #sidebars li.widget p { font-size: 14px; line-height:18px; color:#111; padding:0 11px 0 11px; } .custom #sidebars .widget_box .shirley { padding-right:11px; } .custom #sidebars .widget_box .halau_map { width:277px;; height:auto; margin:0 11px 11px 11px; border:1px solid #bbb; } .custom #sidebars .widget_box .socialinks { width:300px; height:auto; text-align:center; padding-bottom:15px; } .custom #sidebars .widget_box .socialinks p { font:11px verdana,sans-serif; margin-bottom:5px; padding:0 5px 10px 5px; } .custom #sidebars .widget_box .campaign { width:auto; text-align:center; } .custom #sidebars .widget_box .campaign p { font:11px verdana,sans-serif; margin-bottom:5px; padding:0 7px 0 7px; line-height:18px; } /*----------------- WIDGETIZED (FAT) FOOTER ------------------*/ /*----------------- Original by Mike Nichols -----------------*/ /*--- Controls the 3-column footer above the copyright box ---*/ /* footer widget area setup */ .custom #fat_footer { width:969px; background:#008837 url('images/turtle3.jpg') no-repeat center bottom; float:left; padding: 15px 2px 5px 22px; margin:0 0 0 0; overflow: hidden; /* do not change this! */ } /* widget item setup */ .custom #fat_footer .footer_item { font: 11px Verdana,Helvetica,sans-serif; text-align: left; width: 225px; padding-right: 16px; /* (space between widgets) */ color: #000; display: inline-block; float: left; height: 100%; } /* widget item headers*/ .custom #fat_footer .footer_item h3 { font: 14px Georgia,'Times New Roman',serif; font-weight:bold; letter-spacing:1.2px; color:#0A480E; text-transform: uppercase; padding-bottom: 3px; border-bottom: 1px solid #ccc; margin-bottom: 5px; } /*--- text and links format ---*/ .custom #fat_footer .footer_item p { color:white; padding:.6em; padding:5px 0 10px 0; line-height:16px; width:225px; } .custom #fat_footer .footer_item p a { color:yellow; } .custom #fat_footer .footer_item p a:hover { color:#888; } /*--- member logIN fields (column 2) ---*/ .custom #fat_footer .footer_item .aloha { color:white; padding:5px 0 10px 0; line-height:16px; width:300px; } .custom #fat_footer .footer_item .aloha a { color:yellow; } .custom #fat_footer .footer_item .aloha a:hover { color:#888; } /*--- member logOUT fields (column 2) ---*/ .custom #fat_footer .footer_item label { color:white; line-height:23px; width:300px; } .custom #fat_footer .footer_item label .input { float:right; margin-top:5px; *margin-top:-18px; padding:2px; width:65%; font:10px verdana,sans-serif; } .custom #fat_footer .footer_item .forgetmenot label { line-height:25px; } .custom #fat_footer .footer_item .forgetmenot label input { float:left; margin-top:6px; *margin:2px 0 0 -3px; background:#008837; border:none; } .custom #fat_footer .footer_item .submit input { font-family:verdana,sans-serif; background:#60C167; border:none; color:#000; width:55px; float:right; font-size:10px; margin-top:-19px; height:18px; padding-bottom:4px; } .custom #fat_footer .footer_item .submit:hover input { background:#888; color:#fff; } .custom #fat_footer .footer_item #login a.forgotpass { line-height:25px; color:yellow; } .custom #fat_footer .footer_item #login a.forgotpass:hover { color:#888; } /*--- rss/email subscription (column 3) ---*/ .custom #fat_footer .footer_item p.rss { background:url('images/rss.png') no-repeat 0 40%; padding-left:18px; } .custom #fat_footer .footer_item p.email { background:url('images/i_mail.jpg') no-repeat 0 20%; padding-left:18px; line-height:0; margin-bottom:6px; *margin-bottom:1px; } .custom #fat_footer .footer_item .subscribefield { font:10px verdana,sans-serif; padding:2px; width:60%; border 1px solid #ccc; color: #999; } .custom #fat_footer .footer_item .subscribe_b { font-family:verdana,sans-serif; float:right; background:#60C167; color:#000; border:none; height:18px; text-align:center; padding:1px 2px 3px 2px; *padding:2px 0 2px 0; *margin-top:-19px; line-height:normal; } .custom #fat_footer .footer_item .subscribe_b:hover { background:#888; } /*--- contact information (Shirley Queja) (column 4) ---*/ .custom #fat_footer .footer_item .contact_info { color:white; padding:5px 0 10px 0; line-height:18px; } .custom #fat_footer .footer_item .contact_info a { color:yellow; } .custom #fat_footer .footer_item .contact_info a:hover { color:#888; } /*--- [optional] alternate content for each column ---*/ /*--- categories ---*/ .custom #fat_footer #categorylist { margin: 0px; padding: 0px; } .custom #fat_footer #categorylist li { list-style:none; padding-bottom:0; /*border-bottom:1px dotted #eee; */ } .custom #fat_footer #categorylist li a, .custom #fat_footer #categorylist li a:visited {display:block;font-size:13px;padding:.5em 0 .5em 0;} .custom #fat_footer #categorylist li:hover, .custom #fat_footer #categorylist li a:hover{} .custom #fat_footer #categorylist li ul.children{margin-left:17px;margin-bottom:0;padding-bottom:0px;} .custom #fat_footer #categorylist li ul.children li{display:inline;border:none;margin-right:3px;margin-bottom:0;padding:0;} .custom #fat_footer #categorylist li ul.children li a{display:inline;margin:0;padding:0;font-size:9px;background:transparent;} .custom #fat_footer #categorylist li ul.children li a:hover{background:transparent;color:#444;} .custom #fat_footer #categorylist li ul.children ul.children {margin-left:0.7em;padding-bottom:0;} /*--- recent comments ---*/ .custom #fat_footer #recentcomments { list-style:none; font:11px Verdana,sans-serif; } .custom #fat_footer #recentcomments li { border-bottom:1px dotted #aaa;font-size:11px;padding:.6em 0;margin-bottom:5px; } .custom #fat_footer #recentcomments li .thecomment { color:#bbb; } .custom #fat_footer #recentcomments li a { color:#eee; text-decoration:none; } .custom #fat_footer #recentcomments li a:hover { color:#888; } /*------------------------------------------*/ /*--- COPYRIGHT (THESIS FOOTER) SETTINGS ---*/ /*------------------------------------------*/ /*--- in Thesis frameworks lingo, this is the actual footer area ---*/ /*--- add background (blue pattern) ---*/ .custom #footer { border:none; height:30px; margin-bottom:-13px; *height:35px; *margin-bottom:-6px; background:#fff url('images/bg_footer.jpg') no-repeat center top; vertical-align:middle; padding-top:0; } /*--- format text & links ---*/ .custom #copyright { color:#444; font:12px Verdana,sans-serif; } .custom #copyright a { color:#ccc; } .custom #copyright a:hover {color:#444; border-bottom:1px solid #444; } .custom #copyright span.sitename { float:left; color:#ccc; margin-top: 14px; } .custom #copyright span.visitcount a { float:left; margin-top:15px; margin-left:120px; border-bottom:none; } .custom #copyright .rightflush span { float:right; margin-top: 14px; color:#ccc; } .custom #copyright .rightflush span a { border-bottom:none; } /*--------------------*/ /*--- SITEMAP PAGE ---*/ /*--------------------*/ .format_text_sitemap { font-size: 14px; line-height: 1.571em; } .format_text_sitemap ul { list-style: none; margin:0 0 16px 16px; } .format_text_sitemap ul li { background:url('images/bullet2.jpg') no-repeat 0 8px ; padding-left:16px; } .format_text_sitemap ul ul li { list-style: none; background:url('images/bullet10.jpg') no-repeat 0 52% ; padding-left:16px; }