/* Theme Name: halki Template: boilerplate Author: Catchfire Media Author URI: www.catchfiremedia.com */ /** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; outline:0; } html, body, body div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { font-family:Verdana, Helvetica, sans-serif; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } nav ul { list-style:none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /** * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */ body { font:13px/1.231 sans-serif; *font-size:small; line-height:1; color: #444; } /* Hack retained to preserve specificity */ /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /** * Minimal base styles. */ /* 1) Always force a scrollbar in non-IE 2) Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } p {line-height:1.25em;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } a, a:active, a:visited { color: #444; } a:hover { color: #666; } /* ul, ol { margin-left: 2em; } */ ol { list-style-type: decimal; } small { font-size: 85%; } b, strong, th { font-weight: bold; } td { vertical-align: top; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } .ie6 legend, .ie7 legend { margin-left: -7px; } /* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ 2) WebKit browsers add a 2px margin outside the chrome of form elements. Firefox adds a 1px margin above and below textareas 3) Set font-size to match 's, and font-family to sans-serif 4) Align to baseline */ button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; } /* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ 2) Align to text-top */ textarea { overflow: auto; vertical-align:text-top; } input, select { vertical-align:middle; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Remove extra padding and inner border in Firefox */ input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /** * You might tweak these.. */ body, select, input, textarea { color: #383838; /* Set your base font here, to apply evenly */ font-family: Arial, sans-serif; font-size: 15px; } /* These selection declarations have to be separate No text-shadow: twitter.com/miketaylr/status/12228805301 */ ::-moz-selection { background: #5c7689; color:#FFF; text-shadow: none; } ::selection { background:#5c7689; color:#FFF; text-shadow: none; } /* Base Grid ----------------------------------------------------------------------------------------------------*/ .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; } .grid1 { width: 60px; } .grid2 { width: 140px; } .grid3 { width: 220px; } .grid4 { width: 300px; } .grid5 { width: 380px; } .grid6 { width: 460px; } .grid7 { width: 540px; } .grid8 { width: 620px; } .grid9 { width: 700px; } .grid10 { width: 780px; } .grid11 { width: 860px; } .grid12 { width: 940px; } /* Add Space to the Left ----------------------------------------------------------------------------------------------------*/ .prefix1 { padding-left: 80px; } .prefix2 { padding-left: 160px; } .prefix3 { padding-left: 240px; } .prefix4 { padding-left: 320px; } .prefix5 { padding-left: 400px; } .prefix6 { padding-left: 480px; } .prefix7 { padding-left: 560px; } .prefix8 { padding-left: 640px; } .prefix9 { padding-left: 720px; } .prefix10 { padding-left: 800px; } .prefix11 { padding-left: 880px; } /* Add Space to the Right ----------------------------------------------------------------------------------------------------*/ .suffix1 { padding-right: 80px; } .suffix2 { padding-right: 160px; } .suffix3 { padding-right: 240px; } .suffix4 { padding-right: 320px; } .suffix5 { padding-right: 400px; } .suffix6 { padding-right: 480px; } .suffix7 { padding-right: 560px; } .suffix8 { padding-right: 640px; } .suffix9 { padding-right: 720px; } .suffix10 { padding-right: 800px; } .suffix11 { padding-right: 880px; } .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } /*---------------------------- Type ----------------------------*/ body, select, input, textarea { color: #423b31; font-family:Verdana, Calibri, Helvetica, sans-serif; font-size: 12px; } h1, h2, h2 a, h3, h3 a { font-family: 'Average', Times, serif; text-decoration: none; font-weight:normal; } h1 { font-size:5em; } p { line-height:150%; } ul { list-style-type:none; } /* ----- USER STYLES ----- */ body { background-color:#f6f4f0; color:#444; overflow-x:hidden; } /* FONTS */ /*---------------------------- LAYOUT ----------------------------*/ .wrapper { margin: 0 auto; /*padding: 0 10px; width: 940px; */ padding:0; width: 960px; position:relative; } #mainContent { /* width:520px; */ margin-left:20px; padding:0 20px 20px 20px; float:left; } #sidebar { /* width:300px; */ float:right; } #homeSidebar { /*position:absolute; top:20px; right:20px;*/ width: 300px; float: right; margin-top: -385px; margin-right: 20px; } .hider { overflow:hidden; position:relative; margin-bottom:40px; padding-bottom:20px; height:260px; } .patriarchMessage { height:260px; } #gradient { background-image:url('images/fader2.png'); background-repeat:repeat-x; width:100%; height:40px; } .fader { bottom:0; background-color: rgb(192, 183, 170); cursor: pointer; display:block; padding:15px 0; position:absolute; width: 100%; } #bodyCopy h3.toggleHider { color:#fff; cursor: pointer; text-align:center; z-index:99; } /* Body Copy */ #bodyCopy h2, #bodyCopy h2 a, #bodyCopy h3, #bodyCopy h3 a, #bodyCopy h4, #bodyCopy h4 a { color: #5c7689; } #bodyCopy h2 a, #bodyCopy h3 a, #bodyCopy h4 a { text-decoration: underline; } #bodyCopy h2 a:hover, #bodyCopy h3 a:hover, #bodyCopy h4 a:hover { color: #666; } #bodyCopy h2 { font-size: 2.1em; margin-top: 1em; margin-bottom: 0.2em; } #bodyCopy h3 { font-size: 1.9em; } #bodyCopy p { margin-bottom: 2em; } #bodyCopy ul { margin-bottom: 2em; } #bodyCopy ol { margin-bottom: 2em; padding-left: 20px; } #bodyCopy ul li, #bodyCopy ol li { margin-bottom: .75em; } #bodyCopy img { float:left; margin:0 20px 15px 0; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20); } /* HEADER */ #headerWrap { background-color:#5c7689; -webkit-box-shadow: 0px 5px 5px rgba(1, 1, 1, 0.29); -moz-box-shadow: 0px 5px 5px rgba(1, 1, 1, 0.29); box-shadow: 0px 5px 5px rgba(1, 1, 1, 0.29); position: relative; top: 0; width:100%; z-index: 10; } #header { padding: 20px; width:920px; overflow:hidden; background-image:url('images/sealOpaque2.jpg'); background-repeat:no-repeat; } #seal { float:left; margin-right:25px; } #seal img { display:block; } #header h2 { display: block; margin-top:20px; } #header h2 a { color: white; font-size: 4em; font-weight: normal; text-transform: uppercase; } #subHeader { color:#fff; font-family: Average, georgia, serif; font-size:1.8em; } #snhu { position:absolute; top:80px; left:118px; } #header .menu-top-container { /*float: right; margin-top: 25px;*/ position:absolute; bottom:20px; right:20px; } #header ul.navTop li { display: inline; list-style: none; margin: 5px 15px; } #header ul.navTop li:last-child { margin-right: 0; } #header ul.navTop li a { color: white; font-size: 1.5em; font-family: 'Average', Times, serif; text-decoration: none; } #header ul.navTop li a:hover { text-decoration: underline; } /* Photo Header */ #photoBar { color:#5C7689; margin-bottom: 50px; position:relative; } #photoBar-h { padding:17px 20px; background: rgb(246, 244, 240); background: rgba(246, 244, 240, .9); position:absolute; bottom:0; left:20px; max-width:880px; } #photoBar-h.homeTitle { width:540px; } #photoBar-h h1 { font-size: 4em; margin-bottom: 0.1em; } #photoBar-h h1 { font-size:3em; } #photoBar-h p { font-size: 1em; margin-top:30px; } #photoBar-h p span { font-size:2em; font-family:Average, Georgia, Serif; } #photoBar img { width:100%; } #photoBar #photoBar-h img { width:auto; } /* Block List */ .blockList { overflow:hidden; margin-bottom:30px; } .blockList li { width:50%; height:150px; float:left; position:relative; } .blockList li#yellowBox { } .blockList li img { height:100%; width:auto; } .blockList li img.corner { display:block; height:32px; width:32px; position:absolute; bottom:0; right:0; z-index:999; } .blockList li a { display:none; height:100%; width:100%; background-image:url('images/yellowOverlay.png'); background-repeat:repeat; position:absolute; top:0; left:0; font-size:1.3em; color:#fff; font-family: 'Average', Times, serif; text-decoration: none; font-weight:normal; } .blockList li#yellowBox a { background-color:#5C7689; background-image: none; display: block; } .blockList li#yellowBox a:hover { background-color: #4D6272; } .blockList li:hover a { display:block; } .blockList li a:hover { display:block; } .blockList li:hover .corner { display:none; } .blockList li a h3 { position:absolute; bottom:20px; left:20px; } .blockList li#yellowBox a h3 { top: 50%; text-align: center; } /* Blog Listing */ .list-h { font-size:4em; color:#fff; width:94%; padding:3%; background-color:#C0B7AA; } .blogList { margin-bottom:20px; } .blogList li { border-bottom:1px solid #666; width:100%; padding:30px 0; overflow:hidden } .blogList li img { float:left; margin-right:20px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.20); } .blogList li h2, .blogList li h3 { color: ##5C7689; font-size: 1.3em; } .blogList li a { cursor: pointer; } .blogList li p { margin-bottom: 15px; } .blogList div { display: inline-block; *display: inline; width: 71%; *width: 100%; } .blogList-h, .blogList-h a { color:#5C7689; font-size:1.5em; } .blogDetail { font-style:italic; font-size:1.2em; margin-bottom:.5em; } .blogDetail a { color:#5C7689; } /* InfoBox */ .infoBox { background-color:#ebe8e8; clear:both; margin-bottom:30px; width:100%; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.29); } .infoBox-h { text-align:center; padding:.5em; color:#fff; background-color:#5c7689; font-size: 2.3em; } .infoList { display: block; padding: 20px 0; } .infoItem { margin-bottom:1em; text-align:center; } .infoBox.twitter a { text-align:center; font-family: 'Average', Times, serif; font-size:1.5em; color:#5C7689; margin-bottom:.5em; text-decoration:none; display:block; } .infoBox.twitter p { text-align:center } .infoBox.twitter li { margin-top:2em; } /*Action Box */ .actionBox, .actionBoxInt { background-color:#5c7689; color:#fff; display:block; margin-bottom:20px; overflow:hidden; padding:10px 20px 10px 10px; text-decoration: none; } .actionBox { width:270px; } .actionBox:hover, .actionBoxInt:hover { background-color:#4d6272; } .actionBox.email { padding:20px width:260px; } .actionBox.email label { display:none; } .actionBox img, .actionBoxInt img { float:left; margin-right:20px; } .actionBox div, .actionBoxInt div { float:left; } .actionBox h3, .actionBoxInt h3 { color: white; font-size: 1.7em; line-height: 1.4em; text-decoration: none; } .actionBoxInt h3.actionB { font-size: 1.2em !important; } .yellow { background-color:#FDB913; } .yellow:hover { background-color:#EFAA20; } .snhuLink { left: 25%; position: relative; } /* Resize Flickr Images*/ .slickr-flickr-slideshow.landscape.small div img { max-width: 100%; } /* Forms */ .gform_body, .ginput_container { width:100%; } .question_wrapper, #form_confirmation_message { /*border-top: 3px solid #FDB913; border-bottom: 3px solid #FDB913; margin-bottom: 4em; padding:2em 0;*/ padding:0em 2em 2em 2em; border:1px solid #C0B7AA; background-color:#eae4db; margin-bottom:4em; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.29); margin-top:-40px; } #form_confirmation_message { padding-top: 2em; text-align: center; } .gform_heading { margin-bottom: 1em; } .gfield_label { float: left; margin: 0em 1em 1em 0; } .ginput_container .textarea { margin: .5em 0 !important; width: 100%; } .ginput_container .gfield_select { margin-bottom: 1.5em; } li.gfield_inline { float: left; width: 47%; } .medium { width: 70%; } .emailForm_Wrapper { padding: 1.5em 1em; } .emailForm .gform_body { display: inline-block; margin: 1.5em 0; width: 75%; } .emailForm .gform_footer { display: inline-block; } .gform_confirmation_message_1 { line-height: 1.5em; padding: 1.5em 1em; } /* .email form input[type=text] { background-color: white; border: none; margin-top: 10px; padding: 2%; width: 100%; } .email form input[type=submit] { background-color:#c0b7aa; border: none; color: white; display: block; font-family: Verdana, Calibri, Helvetica, sans-serif; font-size: 1.25em; font-weight: bold; margin-top:10px; padding: 5px 25px; } .email form input[type=submit]:hover { background-color: #a49c91; } */ /* Topic Bar */ .copy-h { font-size:3em; color:#5C7689; } #topicList { float:left; width:100%; margin-bottom:40px; } .topicBar { background-color:#c0b7aa; background-image: url(images/rightArrow.png); background-repeat: no-repeat; background-position: 97% center; margin-top:10px; width:95%; padding-right:5%; } .topicBar:hover { background-color: #a49c91; } .topicBar a{ color:#fff; display: block; font-family: 'Average', Times, serif; font-size: 2em; padding:2% 3%; text-decoration: none; } /* Comments */ #disqus_thread { float: left; margin-left: 20px; width: 620px; } /* FOOTER */ #footerWrap { background-color:#5c7689; padding: 30px 0 55px 0; width: 100%; } #footer { width:880px; } #footer h2 { color: white; display: inline; float: left; font-size: 1.5em; font-family: 'Average', Times, serif; font-weight: normal; line-height: 1.5em; margin: 0; } #footer .menu-bottom-container { float: right; } #footer ul.navBttm li { list-style: none; text-align: right; margin-bottom: 5px; } #footer ul.navBttm li a { color: white; font-size: 1.5em; font-family: 'Average', Times, serif; text-decoration: none; } #footer ul.navBttm li a:hover { text-decoration: underline; } /* Social */ #social { height:50px; width:100%; } /* #social iframe { float:left; } */ #social div { margin-left: 10px !important; } #twitterFeed, flickrFeed { padding: 0 10px 20px 10px; } .fb-like { width:55px; overflow:hidden; float:left; margin-right:10px; } /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /** END HTML5 Boilerplate CSS **/ /** START Starkers CSS **/ /* LAYOUT */ /* ----------------------------------------- */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }