/* Theme Name: F8-Remixed Theme URI: http://graphpaperpress.com Description: A child theme for Modularity 2.2 and above Author: Thad Allender Author URI: http://thadallender.com Template: modularity Version: 2.2 License: GPL */ @import url("../modularity/style.css"); body {color:#000;background: #fff} .container-inner {width:950px; margin:0 auto;padding:0} .container {margin:10px auto;} h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p,li a {color:#000} a {color:#428ce7;text-decoration:none;} a:hover, a:focus {color:#000;} /* Masthead */ #masthead {border-top:5px solid #000;float:none;margin:0;padding:0;height: 50px} #masthead #logo {float:left;} #masthead #logo h1.sitename { margin:16px 0 0; padding:0; font-weight: bold; letter-spacing: -1px;font-size:3.4em; text-transform: uppercase; float: left;line-height:0} #masthead h1.sitename a { color: #000; text-decoration: none;} #masthead h1.sitename a:hover {color:#222;} #masthead #logo div.description {margin:16px 16px 0;font-size:1em; padding:0; color:#000;float:left;} #masthead ul {margin:7px 0 0;padding:0;list-style: none;} #static-portfolio {margin:0;padding:0} .static-image-wrapper { background: #000; position: relative; width:950px; overflow:hidden;height:425px;} .static-image-wrapper img {width: 950px;} .static-image-wrapper .title-overlay {background: #000; padding:10px; top: 10px; right: 10px; display: block; height: auto; position: absolute; width: 290px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50; } .static-image-wrapper .title-overlay h2 {text-transform:uppercase;border-bottom:1px solid #fff;} .static-image-wrapper .title-overlay h2 a { color: #fff; text-decoration: none;} .static-image-wrapper .title-overlay h2 a:hover {color:#666;} .static-image-wrapper .title-overlay p {text-transform:none;color:#fff;} .static-image-wrapper .title-overlay p a {color:#fff;} .static-image-wrapper .title-overlay .postmetadata {color:#666;} .static-image-wrapper .title-overlay .postmetadata a {color:#666;} .postmetadata {background:#111;border-top:1px solid #444;border-bottom:1px solid #444;padding:1em;color:#999; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;} .postmetadata a {color:#fff;} .postmetadata a:hover {color:#fff; text-decoration:underline} .prev a, .next a {background-color:#000;color:#eee;text-decoration:none;padding:4px 10px 6px 10px; font-size:14px;display:block;} .byline {font-size:11px;margin:0;color:#444} .byline a {color:#444} .byline a:hover {color:#000;text-decoration:underline;} hr {background:#444} div.colborder {border-right:1px solid #000;} h3.sub,h2.sub {border-bottom:1px solid #000;color:#000} #sidebar h6{margin-top:10px} #sidebar ul li a,ul.txt li{border-bottom:1px solid #000;background:none;} #sidebar ul li a:hover,ul.txt li:hover{color:#fff;background: #111;} #sidebar ul li a,ul.txt li{color:#333;} #sidebar a:hover {color:#000} #footer a:hover {color:#fff} #footer-wrap {background:#000;border-top:1px solid #444} #footer ul{list-style:none;margin:0;padding:0;border-top:1px solid #444} #footer ul li a{color:#eee;height:1%;background:url(images/li.png) no-repeat 0;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;} #footer ul li a:hover{color:#fff;background-position:1px 0.8em;background: #111 url(images/li-white.png) no-repeat 3px 10px;} #footer ul li a span{color:#696455;} #footer ul li.active a{cursor:default;color:white;} #inside-wrap {margin:0 auto;padding:0;} * html #inside-wrap {margin-top: 10px} .pusher {text-align:right;background:#fff url(images/pusher.png) no-repeat bottom right;padding:4px 10px 0px 0px;font-size:11px} .pusher a {color:#ccc;text-decoration:none} .pusher a:hover {color:#fff;text-decoration:underline;cursor:pointer} .mover {color:#000;} .mover a .more {color:#000; text-decoration:none;} .move a:hover {color:#ffffff;} .feed {margin-left: 3px;padding: 0 0 0 19px;background: url(images/rss.png) no-repeat 0 50%;color:#eee;} /* NAVIGATION */ #nav-wrap {height:46px;background:#000;margin:0 0 0em 0} .home #nav-wrap {margin:1em 0;} .sf-menu {margin:0 0 15px 0;padding:0;display:block;position:relative;top:0;font-size:12px;width:950px;height:46px;float:none;clear:both;z-index:110;} .sf-menu li {margin-right:0; width:120px} .sf-menu li a {padding:10px 10px 24px 12px;} .sf-menu li a:hover {color:#fff;} .sf-menu li.sfHover ul {top:3.8em;} .sf-menu li {border-right: 1px solid #ccc;margin-left:0} .sf-menu li.right {border:none; float:left; position:absolute;top:10px; right:10px} .sf-menu li li {border:none;} .sf-menu li li li {border:none;} .sf-menu a {padding:9px;text-decoration:none;} /* BOXES */ .error, .notice, .success. .box {padding:.8em;margin-bottom:1em;border:1px solid #444;background:#000;color:#eee;border-bolor:#444} .error a, .notice a, .success a, .box a {color:#fff;} .welcomebox {padding:1.5em;margin-bottom:1.5em;background:#000;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;} .welcomebox h2 {color:#f1f1f1} .welcomebox h3.sub {color:#bbb;border-bottom:1px solid #bbb;} .welcomebox h2 a {color: #fff; font-weight: bold; } /* SLIDER */ .sliderGallery {width: 3260px} .slider-item span.slider-title {width:302px} .slider-item .attachment-thumbnail {width:310px} /* PORTFOLIO THUMBNAILS */ .portfolio-image-wrapper {position: relative; margin: 0 0 6px 0;padding:0;} .portfolio-image-wrapper h6.title-overlay {text-transform:uppercase;background: #000; padding:4px; top: 127px; left: 0;bottom: 0; height: 15px; width:302px; overflow:hidden; position: absolute; max-width: 302px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=80); -moz-opacity: .80; opacity:.80; } .portfolio-image-wrapper h6.title-overlay a { color: #ccc; text-decoration: none;} .portfolio-image-wrapper h6.title-overlay a:hover {color:#fff;} .portfolio-image-wrapper .category-overlay {font-size:.8em;background: #000; color:#515151;padding:2px; text-align:right;top: 0; right: 0;display: block; height: 16px; width:auto; overflow:hidden; position: absolute; max-width: 302px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50;} .portfolio-image-wrapper .category-overlay a {color:#515151} .portfolio-image-wrapper .category-overlay a:hover {color:#fff} .thumbnail, .attachment-thumbnail {max-width:310px;max-height:150px;width:310px;height:150px;margin:0 1.5em 1.5em 0;float:left} .gallery-caption {font-style:italic;text-align:center} /* CATEGORY SECTION */ #category-stack{margin:0 0 2em 0} .byline {font-size:.9em;margin:0;color:#444} .byline a {color:#bbb} .more {margin:0 0 1em 0;background:#000} .more ul{list-style:none;margin:0;padding:0;} .more ul li a{color:#eee;height:1%;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;} .more ul li a:hover{color:#fff;background-position:1px 0.8em;background: #111} .more ul li a span{color:#696455;} .more ul li.active a{cursor:default;color:white;} /* MOD BY PARAN 20100108 */ .content-wrapper {position: relative; z-index: 1;background: url(images/cbg.png) repeat-y right top;width:100%; } .content-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .content-wrapper { display: inline-block;} * html .content-wrapper { height: 1%;} .content-wrapper { display: block;} .content-wrapper .content {float:right;padding:20px;width:675px; overflow:hidden;} .span-8{margin-top:-300px;} .sidebar-top{min-height:300px;height:300px !important;height:300px;position:relative;} .opc_bg{width:235px;height:300px;background:#FFF;filter:alpha(opacity=50);-moz-opacity:0.5;-kHTML-opacity: 0.5;opacity: 0.5;position:absolute;top:0;left:0;} .opc_content{width:235px;height:296px;position:absolute;top:0;left:0;} .headerImg{ margin: 0; padding: 0; display: block;} div.colborder {border-right: none;} /* sidebar text */ #sidebar h3, #sidebar p, #sidebar blockquote {margin:1.5em;} #sidebar blockquote p {margin:0;} /*sidebar navigation*/ #sidebar ul li a, ul.txt li {border-bottom:1px solid #CCC;} .box, .postmetadata, .nav, #sidebar ul li a:hover, ul.txt li:hover {background:#E2E2E2 none repeat scroll 0 0; color:#333;} #sidebar ul li li a {background: #FFF;} h3.sub, h2.sub {border-bottom:1px solid #CCC;} #sidebar ul li.current_page_parent a, #sidebar ul li.current_page_item a {background: #3F7DB7 none repeat scroll 0 0; color:#FFF;} /* #sidebar ul li.current_page_item a {background: #90B643 none repeat scroll 0 0; color:#FFF;} */ #sidebar ul li.current_page_item li a {background: none; color: #333;} #sidebar li {position: relative;} #sidebar li ul {display: none; position: absolute; top: 0; left: 235px; z-index: 1000; width:235px;} /* #sidebar li > ul {top: auto; left: auto; } */ /*IE7 *:first-child+html #sidebar li ul {left:234px;}only*/ #sidebar li:hover ul {display: block; visibility: visible;} #sidebar .sf-sub-indicator {display: none;} #sidebar #subNav {margin-top:2px;} #sidebar #subNav ul{} #sidebar #subNav ul li a{display:block;height:20px;line-height:20px;} * html #sidebar #subNav ul li a{} #subNav.active {border-top:1px solid #CCCCCC;} /*top navigation*/ .sf-menu {background: none; float: right; height: 27px; margin-bottom:0; width:auto; z-index:10;} .sf-menu li {background: none; float: left; width: auto; padding:0 15px 15px; border: none;} .sf-menu li a {background: none; padding: 0;} .sf-menu li a, .sf-menu li a:visited {color: #3A3A3A; text-transform:uppercase; font-weight: bold;} .sf-menu li a:hover {color: #777777;} .sf-menu li.current_page_item a, .sf-menu li.current_page_parent a {color: #3F7DB7;} .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: none;} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.current_page_item, .sf-menu li.current_page_parent {background: transparent url(images/nav-selected.png) no-repeat 50% 100%;} .sf-menu li ul,sf-menu li:hover ul {display: none;} .sf-menu a.sf-with-ul {padding-right:0;} .sf-menu .sf-sub-indicator {display: none;} /*slider*/ /* body.ungmode #slideToggle {display: none;} */ #slideToggle{display: none;} #inside-wrap {position: relative; height:35px; z-index: 1000;} #inside-wrap .mover {position: absolute; top: 125px; left: 0; z-index: 1010; background:transparent url(images/bg-slider.png) repeat-x scroll 0 100%; padding-bottom: 50px; width: 950px;} .pusher {background: none; padding: 0;} .pusher .wrapper {display: inline-block; padding: 0 0 5px;} .pusher .wrapper.active {background: transparent url(images/bg-change-mode.png) no-repeat scroll 50% 100%;} .pusher a {color: #FFF; background: #b62ea8; display:inline-block; font-size:1.3em; line-height:1.1em; padding:5px 8px 7px; text-decoration:none; margin: 0;} .pusher a:hover {color: #FFF; text-decoration: none;} .more {background: none;} .container {margin-top: 0;} .mover div.item {padding: 18px;} .mover ul {list-style: none; list-style-type: none; margin: 0; display: inline;} .mover ul li.page_item {float: left; margin: 0 10px 10px 0;} .mover ul li.page_item a {padding: 5px 10px; background: #000; color: #FFF; font-size: 1.8em; line-height:1.7em;} .mover ul li.page_item a:hover {color: #B62EA8;} /*header*/ #masthead #logo h1.sitename {margin: 0;} #search {position: absolute; top: 2px; left: 0;} #search #s {padding: 3px 0 3px 17px; margin-top:3px; background:#E2E2E2 url(/wp-content/themes/modularity/images/search.png) no-repeat scroll 0 50%; width:218px;} #search #s:hover {background-color:#FFF;} #masthead {height:58px;} #masthead ul.topnav {list-style-image:none; list-style-position:outside; list-style-type:none;} #masthead ul.topnav li {float:left; margin:0 0 0 6px; padding-bottom:5px;} #masthead ul.topnav li a {color:#FFF; display:inline-block; font-size:1.3em; line-height:1.1em; padding:5px 8px 7px; text-decoration:none;} #masthead ul.topnav li.school a {background:#90B643 none repeat scroll 0 0;} #masthead ul.topnav li.aw a {background:#3F7DB7 none repeat scroll 0 0;} #masthead ul.topnav li.solo a {background:#FBB040 none repeat scroll 0 0;} #masthead ul.topnav li.aw {background:transparent url(images/topnav-aw-arrow.png) no-repeat scroll 50% 100%;} #masthead ul.topnav li.solo {background:transparent url(images/topnav-solo-arrow.png) no-repeat scroll 50% 100%;} /* #masthead ul.topnav li.school {background:transparent url(images/topnav-school-arrow.png) no-repeat scroll 50% 100%;} */ /* mode-switcher */ ul#modeSwitch {position: absolute; right: 0; bottom: 0; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0;} ul#modeSwitch li {float:left; margin:0 0 0 6px;} ul#modeSwitch li a {background:#FFF; color:#000; display:inline-block; font-size:1em; padding:3px 8px; text-decoration:none;} ul#modeSwitch li a:hover, ul#modeSwitch li.active a {background:#000; color:#FFF;} ul#modeSwitch li.active a {cursor: default;} ul#modeSwitch li.disabled {display: none;} /* #inside-wrap ul.lang_switch {position: absolute; right: 50px; top: 0; list-style-image:none; list-style-position:outside; list-style-type:none;} #inside-wrap ul.lang_switch li {float:left; margin:0 0 0 6px; padding-bottom:5px;} #inside-wrap ul.lang_switch li.active {background: transparent url(images/bg-change-mode.png) no-repeat scroll 50% 100%;} #inside-wrap ul.lang_switch li a {background:#B62EA8; color:#FFF; display:inline-block; font-size:1.3em; line-height:1.1em; padding:5px 8px 7px; text-decoration:none;} */ /*content*/ /* blockquote {background:#3F7DB7 url(images/blockquote-aw-bg.png) no-repeat scroll 0 100%;letter-spacing:-0.03em; line-height:1.5em; padding:1em 1em 0.6em; } */ blockquote p {color:#FFFFFF; font-size:1.2em; line-height:1.5em; font-weight:bold; font-style:normal; background:#3F7DB7; margin:0; padding:1.5em;} blockquote {background:transparent url(images/blockquote-aw-bg.png) no-repeat scroll 0 100%; letter-spacing:-0.03em; line-height:1.5em; padding:0 0 13px;} * html blockquote {background:transparent url(images/blockquote-aw-bg.gif) no-repeat scroll 0 100%;} /*misc*/ .opac10{background:url(images/trans-white10.png);} .opac25{background:url(images/trans-white25.png);} .opac50{background:url(images/trans-white50.png);} .opac75{background:url(images/trans-white75.png);} .opac90{background:url(images/trans-white90.png);} #sidebar #subNav ul li a{font-weight: bold;}