/* div {outline:#0000ff dotted 1px;} */ body {font-family:Arial, sans-serif; font-size:62.5%; line-height:1.5; color:#000000; background:#f2f6f9;} /* - - - - - - - header bg - - - - - - - */ #bg {position:absolute; width:100%; height:117px; background-image: url(../images/head_bg.png);} /* - - - - - - - page - - - - - - - */ #page {width:1250px; overflow:hidden; margin:0px auto 0 auto; padding-bottom:0px; border-top:0px solid #106DB0; background:url(../images/line.png) repeat-y;} .wrap {width:1250px; margin:0px auto 0 auto;} .wrap:before, .wrap:after{content:"";display:table;clear:both;} /* - - - - - - - utility - - - - - - - */ #utilitybar {background:#fff;height:40px; overflow:hidden;box-shadow:0 0 5px rgba(0, 0, 0, .21);} /* - - - - - - - header - - - - - - - */ #titlebox {width:900px; overflow:hidden; margin-left:60px;} /* - - - - - - - content - - - - - - - */ #contentbox {width:1250px; overflow:hidden; margin: 0 auto 30px auto; padding: 0 10px 0 10px 0; background:#fff;box-sizing:border-box;} /* - - - - - - - extended footer for widgets - - - - - - - */ #widgetbox {width:900px; overflow:hidden; margin:15px 0 10px 60px;background:url(../images/wdivider.png) repeat-y;} /* - - - - - - - footer - - - - - - - */ #footerbar {width:1250px; margin:0 auto 30px auto; padding-top:10px; border-top:10px solid #106DB0; text-align:center;box-sizing:border-box;} /* - - - - - - - content columns - - - - - - - */ #nav {float:left; width:265px; margin:15px 0 15px 0px; padding:0px 15px 0px 15px; font-size:120%;box-sizing:border-box;} #main {width:720px; margin:15px 0 15px 0; float: left; padding:0 15px; font-size:120%; background:url(../images/divider.gif) repeat-y transparent;box-sizing:border-box;} #sidebar {float:right; width:265px; margin:30px 0 15px 0; padding:0 15px; font-size:120%; background:url(../images/divider.gif) repeat-y;box-sizing:border-box;} #main.wide {width:985px; margin:15px 0px 15px 0;} .page-template-twocolumn-php #sidebar {float:right; width:0; margin:0; padding:0; background:none;} #widgetcol1, #widgetcol2, #widgetcol3, #widgetcol4 {float:left; width:195px; margin:0 15px; font-size:110%;} /* - - - - - - - sitewide styles - - - - - - - */ .clearfloat {clear:both; height:0px; overflow:hidden;} .screen-reader-text {position:absolute; top:-9999px; color:#394c5d;} .readernote {position:absolute; top:-9999px; color:#394c5d;} a:link, a:visited {text-decoration:none; border-bottom:1px solid #ddecec; color:#225588;} a:focus, a:hover, a:active {color:#983A1A;} a.imglink {border:0;} , h2, h3, h4, h5, h6 {font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight:bold; font-style:normal; color:#006CBB;} ol {margin-left:10px; padding-left:10px; list-style:decimal;} /* - - - - - - - skip links styles - - - - - - - */ .skiplinks {position:absolute; top:-3px; left:5px; font-size:100%;} .skiplinks li {display:inline; margin:0 10px 0 0;} .skiplinks li a {border:0; color:#106DB0; cursor:default;} .skiplinks li a:visited {border:0; color:#106DB0; cursor:default;} .skiplinks li a:focus {border-bottom:1px solid #8899bb; color:#ffffff; cursor:pointer;} .skiplinks li a:hover {border:0; color:#667799; cursor:default;} /* - - - - - - - utility styles - - - - - - - */ #utilitynav {float:left; margin:0 10px 0 0px; padding:8px 0 8px 0; text-align:left; line-height:1.1;} #utilitynav h2 {display:inline; margin-right:6px; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size:190%; font-weight:bold; color:#000000;} #utilitynav ul {display:inline; font-size:110%;} #utilitynav li {display:inline; margin-right:6px; padding-left:6px; border-left:1px solid #106DB0;} #utilitynav a {border:0; text-decoration:none; color:#394c5d;} #utilitynav a em {font-style:normal; font-weight:bold; color:#000000;} #utilitynav a:focus, #utilitynav a:hover, #utilitynav a:active {color:#4477aa;} #utilitynav a:focus em, #utilitynav a:hover em, #utilitynav a:active em {color:#4477aa;} /* - - - - - - - search box styles - - - - - - - */ #utilitysearch {float:right; width:190px; margin-top:2px;margin-right:0} #utilitysearch #cse-search-box {display:inline; line-height:0;} #utilitysearch #searchbox {position:relative; float:right; width:190px; height:30px; margin:3px 0px 0 0; vertical-align:middle; background:url(../images/searchbox.png); line-height:0;} #utilitysearch #searchbox #s {position:absolute; top:6px; left:21px; width:143px; height:18px; margin:0; padding:0; border:0; outline:0; font-size:13px; color:#666666;} #utilitysearch #searchbox #searchbutton{position:absolute; top:6px; right:7px;} /* - - - - - - - header styles - - - - - - - */ #imagebar {float:none; width:1250px; height:117px; background:#445577 url(headers/Merritt-College-Main-Homepage-banner-2017-green-and-red.png) !important;background-repeat:no-repeat !important;background-size:cover !important;} #sitetitle {/*---float:left;---*/ width:100%; margin-bottom: 15px; height:90px; background: url(../images/site_title_bg.jpg); box-shadow: 5px 5px 5px #888888; display: table; overflow: hidden;} #centerbox { display: table-cell; vertical-align: middle; width: 100%; margin: 0 auto; text-align: center; } #sitetitle h2 {/*position:relative; height:90px; margin:0 15px; font-family:Arial, sans-serif; */ line-height:1.2; font-size:165%; text-align:center;} #sitetitle a { border:0; text-decoration:none; color:#ffffff; } #translatebox {float:left; width:210px; margin: 8px 0px 15px 5px; height:30px; } /* - - - - - - - main column styles - - - - - - - */ #main h1 {margin-bottom:0px; font-size:0%; color:#FFFFFF;} #main h1 em {font-weight:bold; font-style:italic;} #main h1.posttitle {margin-bottom:0;} #main h2 {font-size:115%; color:#006CBB;} #main h3 {font-size:110%; font-style:italic; color:#006CBB;} #main h4 {font-size:145%; color:#FFFFFF;} #main h5 {font-size:100%; font-style:italic; color:#006CBB;} #main h6 {font-size:100%; color:#006CBB;} #main h2 a:link, #main h2 a:visited {text-decoration:none; border:0; color:#225588;} #main h2 a:focus, #main h2 a:hover, #main h2 a:active {color:#983A1A;} #main p {margin-bottom:5px;} #main .post {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccd4dd;} .page #main .post {margin-bottom:0px; padding-bottom:0px; border-bottom:0;} .search-results #main .page {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccd4dd;} .search-results #main h2 a {text-decoration:none; border-bottom:1px solid #ddecec; font-size:85%; color:#225588;} .search-results #main .entry p {font-size:95%;} #main .post {overflow:hidden;} #main .entry p {font-size:112%; margin-bottom:5px; margin-bottom: 1.5em;} #main p.navigation {margin:0; padding:0; margin-right:8px; border-left:1px solid #bbc3cc; font-size:85%; line-height:1.2;} #main .navigation a {height:100%; display:inline; margin-left:8px; padding-right:8px; border-right:1px solid #bbc3cc;} #main .accessory {margin-bottom:5px; font-size:85%; color:#767676;} #main .accessory a, #main .accessory a:visited {text-decoration:none; border-bottom:1px solid #ddecec; color:#667788;} #main .accessory a:focus, #main .accessory a:hover, #main .accessory a:active {color:#4477aa;} #main .admin {color:#cc6600;} #main .admin a, #main .admin a:visited {color:#cc6600;} #main .admin a:focus, #main .admin a:hover, #main .admin a:active {color:#dd7700;} #main .more-link {font-size:85%; color:#4477aa;} #main ul {margin-left:5px; margin-bottom:5px; padding-left:10px; list-style:circle;} #main ol {margin-left:10px; margin-bottom:5px; padding-left:10px; list-style:decimal;} #main .attachment a {border:0;} #main .attachment p {font-size:85%;} #main .highlight {font-style:italic; font-size:95%; color:#cc6600;} #main .leftcol {float:left; width:195px; margin-right:15px;} #main .rightcol {float:left; width:195px; margin-left:15px;} .page-template-archives-php #main ul {list-style:none; margin:0; padding:0; font-size:90%;} .page-template-archives-php #main li {margin:0; padding:0;} .page-template-archives-php #main ul.children {margin-left:10px; font-size:100%;} .page-template-archives-php .coltwothirds {float:left; width:265px; margin-right:15px;} .page-template-archives-php .colonethird {float:left; width:125px; margin-left:15px;} .page-template-archives-php .last {margin-right:0;} #main .widget_links h2 {display:none;} /* for links widget shortcoded into main area /* - - - - - - - comment styles (under construction) - - - - - - - */ .commentlist .avatar {float:left; margin-right:10px; margin-top:3px;} .commentlist .comment-meta {margin-bottom:5px; font-size:85%; color:#767676;} .commentlist .comment-meta a {border:0; padding-left:10px; color:#767676; background:url(../images/inpagelink.png) no-repeat left 3px;} .commentlist .comment-meta a.comment-edit-link {padding-left:0px; background:none;} .commentlist cite.fn {font-size:95%; font-weight:bold; font-style:normal;} .commentlist cite a {border:0;} .commentlist p {font-size:95%} .commentlist em {font-size:85%; color:#cc6600;} .commentlist li.comment {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccd4dd;} .commentlist li.comment.thread-even {} .commentlist li.comment-author-admin {background:#f2f6f9;} .commentlist .reply {border:0;} .comment-reply-link, .comment-reply-login {font-size:85%;} #main ol.commentlist {margin:0; padding:0; list-style:none;} #main ol.commentlist ul.children {margin-left:30px; padding:0; list-style:none;} .commentlist .children li.comment {margin-top:10px; padding-bottom:10px; border-top:1px dotted #ccd4dd; border-bottom:0; background:#ffffff;} /* .commentlist .children li.comment.comment-author-admin {background:#f2f6f9;} */ #respond {margin-top:15px;} #commentform {font-size:95%;} /* - - - - - - - sidebar styles - - - - - - - */ #sidebar ul {} #sidebar li {list-style: none; margin-left: 0px;} #sidebar li ul {margin:0; /*width:100%; margin:0px 0 2px 0;*/} #sidebar li ul li {padding-left:15px; line-height:1.5; background:url(../images/arrow.png) no-repeat left 7px; } #sidebar li ul li ul li {font-size:90%} #sidebar li ul li ul li ul li {font-size:100%} #sidebar .widget {margin-bottom:10px;} #sidebar .linkcat {margin-bottom:10px;} #sidebar h3 {margin-bottom:5px; font-family:Arial, sans-serif;} #sidebar h3 .altaction {margin-left:2px; padding-left:6px; border:0; border-left:1px solid #ccd4dd; font-size:85%; font-weight:normal;} #sidebar li a {text-decoration:none; border-bottom:1px solid #ddecec; color:#225588; } #sidebar li a:hover, #sidebar li a:focus {color:#cc6600;} #sidebar li.current_page_item {background:url(../images/arrowhere.png) no-repeat left 7px;} #sidebar li.current_page_item a {border:0; color:#aa7700; cursor:default;} #sidebar li.current_page_item ul a {border-bottom:1px solid #ddecec; color:#225588; cursor:pointer;} #sidebar li.current_page_item ul a:hover, #sidebar li.current_page_item ul a:focus, #sidebar li.current_page_item ul a:active {color:#cc6600;} /* - - - - - - - nav styles - - - - - - - */ #nav ul {} #nav li {} #nav li ul {margin:0; /*width:100%; margin:0px 0 2px 0;*/} #nav li ul li {padding-left:15px; line-height:1.5; font-weight: 700; } #nav li ul li ul li {font-size:90%} #nav li ul li ul li ul li {font-size:100%} #nav .widget {margin-bottom:10px;} #nav .linkcat {margin-bottom:10px;} #nav h3 {margin:0px 0px 5px 5px; font-family:Arial, sans-serif; font-size:140%; color:#106DB0;} #nav h3 .altaction {margin-left:2px; padding-left:6px; border:0; border-left:1px solid #ccd4dd; font-size:85%; font-weight:normal;} #nav li a {text-decoration:none; border-bottom:1px solid #ddecec; color:#225588; font-weight: 700;} #nav li a:hover, #nav li a:focus {color:#cc6600;} #nav li.current_page_item {background:url(../images/arrowhere.png) no-repeat left 7px;} #nav li.current_page_item a {border:0; color:#aa7700; cursor:default;} #nav li.current_page_item ul a {border-bottom:1px solid #ddecec; color:#225588; cursor:pointer;} #nav li.current_page_item ul a:hover, #nav li.current_page_item ul a:focus, #nav li.current_page_item ul a:active {color:#cc6600;} #nav #navigation {font-weight:bold;} #sliderbox { float: left; margin-left: -2px; overflow: hidden; width: 710px; height: 194px; } .columns-wrapper {width: 100%; clear: none; float: left; padding: 0; margin: 0; margin-bottom: 100px; } #widgetbox .widgettitle a {border-bottom:0; color:#;} #widgetbox .widget {margin-bottom:10px;} #widgetbox .linkcat {margin-bottom:10px;} #widgetbox ul {} #widgetbox li {} #widgetbox li ul {margin:0; /*width:100%; margin:0px 0 2px 0;*/} #widgetbox li ul li {padding-left:15px; line-height:1.5; background:url(../images/arrow.png) no-repeat left 7px;} #widgetbox li ul li ul li {font-size:90%} #widgetbox li ul li ul li ul li {font-size:100%} #widgetbox h3 {margin-bottom:5px; font-family:Arial, sans-serif;} #widgetbox h3 .altaction {margin-left:2px; padding-left:6px; border:0; border-left:1px solid #ccd4dd; font-size:85%; font-weight:normal;} #widgetbox li a {text-decoration:none; border-bottom:1px solid #ddecec; color:#aa7700;} #widgetbox li a:hover, #widgetbox li a:focus {color:#cc6600;} .wp-tag-cloud ul {display:inline;} #widgetbox .wp-tag-cloud li{display:inline; padding:0; background-image:none;} #contentbox .widget_tag_cloud ul {display:inline;} #contentbox .widget_tag_cloud li{display:inline; padding:0; background-image:none;} #contentbox .widget_tag_cloud .tagcloud {text-transform: lowercase;} /* - - - - - - - footer styles - - - - - - - */ #footerbar ul {display:inline;} #footerbar li {display:inline; margin-right:4px; padding-left:4px; border-left:1px solid #bbc3cc; font-size:140%;} #footerbar li.first {border-left:0;} /* - - - - - - - captions - - - - - - - */ .wp-caption {text-align:left;} .wp-caption img {} .wp-caption p.wp-caption-text {text-align:left; font-size:85%;} .wp-caption a {border:0;} /* - - - - - - - used by wp - - - - - - - */ img.centered, .aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;} img.alignright {display:inline; margin:0 0 0 15px;} img.alignleft {display:inline; margin:0 15px 0 0;} .alignright {float:right; margin-left:15px;} .alignleft {float:left; margin-right:15px;} #main .entry a[rel~="attachment"] {border:0;} #main .entry a.image {border:0;} #main .entry a[rel~="attachment"] img {margin-top:5px;} #main .entry a img {margin-top:5px;} #main .entry img {margin-top:5px;} a.imglink {border-bottom:0;} /* - - - - - - - bits and pieces - - - - - - - */ acronym, abbr, span.caps {cursor:help;} acronym, abbr {border-bottom:1px dashed #999999;} blockquote {margin:5px;} blockquote em, blockquote i, blockquote cite {font-style:normal;} ol {margin-left:10px; margin-bottom:5px; padding-left:10px; list-style:decimal;} ul ul, ol ol, ul ol, ol ul {margin-bottom:0;} dl {margin:0 5px;} dt {font-weight:bold;} dd {margin-bottom:5px;} strong {font-weight:bold;} cite, em, i {font-style:italic;} pre {font:11px Monaco, monospace; line-height:1.5; margin-bottom:5px;} code {font:11px Monaco, monospace;} ins {text-decoration:none;} sup, sub {height:0; line-height:1; vertical-align:baseline; position:relative;} sup {bottom:1ex;} sub {top:.5ex;} .center {text-align:center;} .hidden {display:none;} .screen-reader-text {position:absolute; left:-1000em;} hr {display:none;} .recentcomments a {padding: 0;margin: 0 !important;} .nolead {line-height:0; font-size:30%;} .rightspace {margin-right:22px;} .topspace {margin-top:20px;} .alert {color:#ff0000;} /* - - - - - - - calendar - - - - - - - */ #wp-calendar {empty-cells:show; width:194px; font-size:85%; color:#888866; background:#f2f6f9;} #wp-calendar #next a {padding-right: 10px; text-align: right;} #wp-calendar #prev a {padding-left: 10px; text-align: left;} #widgetbox #wp-calendar a {display: block; border-bottom:0; font-weight:bold;} #wp-calendar caption {margin-bottom:5px; text-align:left; font-weight:bold; font-size:115%; color:#333333;} #wp-calendar td {padding: 3px 0; text-align: center;} #wp-calendar td.pad:hover {/* Doesn't work in IE */background-color: #ffffff;} .widget_calendar .widgettitle {display:none;} /* - - - - - - - tables - - - - - - - */ #main table {width:100%; margin:5px 0; text-align:left; font-size:100%; background:#f2f6f9;} #main table a {} #main table a:visited {} #main table a:focus, #main table a:hover {color:#cc6600;} #main td, #main th {padding-right:10px; vertical-align:top; } #main thead th {font-weight:normal; background-color:#ffffff;} #main tfoot {font-size:95%;} #main .tablecol90 {width:90%;} #main .tablecol60 {width:60%;} #main .tablecol40 {width:40%;} #main .tablecol50 {width:50%;} #main .tablecol30 {width:30%;} #main .tablecol20 {width:20%;} #main .tablecol10 {width:10%;} /* ---- dropdown menubar styles 11-7-2013 ------------- */ /* ---- dropdown menubar - style the top ul container --------- */ #menu1 {width:100%; display:inline; position:relative; z-index:100; float:left; font-size:125%; text-align:center; background-color:#106DB0; box-shadow: 0px 5px 5px #888888; } /* ---- dropdown menubar - style the top list items ----------- */ #menu1 li {display:inline; float:left; border-left:1px solid #ffffff; margin-left:0; line-height:2.260895em;width:160px;} #menu1 li.firstone {border:0;} /* ----- dropdown menubar - style the top ul links ------------- */ #menu1 a, #menu1 a:visited {color:#ffffff; text-decoration:none; padding: .55em .8em .55em .8em; border-bottom:0;} #menu1 a:hover, #menu1 a:focus, #menu1 a:active {color:#ffffff; background:#106DB0;} #menu1 li:hover, #menu1 li:focus, #menu1 li:active {color:#ffffff; background:#106DB0;} /* ----- dropdown menubar - hide the submenu, position absolute -------- */ #menu1 ul {display:none; position:absolute;} /* ----- dropdown menubar - unhide the submenu on hover ---- */ #menu1 li:hover ul {display:block; position:absolute; width:200px; background-color:#106DB0;text-align:left;} /* #menu1 li#lastone:hover ul {width:500px;} */ #menu1 li:focus ul, #menu1 li:active ul {background-color:#106DB0; } #menu1 li:hover ul li {background-color:#106DB0; color:#oooooo; width:100%; line-height:1.3em; font-size:105%; border-bottom:1px dotted navy; border-left:1px solid navy; border-right:1px solid navy;} /* ----- dropdown menubar - style the submenu links ----- */ #menu1 li:hover ul li > a {display:block; color:#ffffff; background:#106DB0;} #menu1 li:hover ul li:hover {color:#000000; background:#106DB0;} #menu1 li:hover ul li > a:hover {color:#000000; background:#FEB123;} /* -------------- menubar ---------------- */ #menubar {width:1250px; margin:0 auto 30px auto; } .widget-footer-wrap {width:1250px;margin:0 auto 30px auto;box-sizing:border-box;} .widget-footer {margin:-10px;font-size:13px;} .widget-footer:before,.widget-footer:after {content:"";display:table;clear:both;} .widget-footer .col {float:left;width:25%;box-sizing:border-box;padding:10px;} #translatebox{display:none} .widget-footer li {list-style:none;} .widget-footer h3 {font-size:14px;margin-bottom:10px;} .bar{cursor:pointer;position:relative;height:3px;width:20px;background:blue;margin:0;z-index:9999} .bar:before{content:"";position:absolute;height:3px;width:20px;background:blue;top:-7px;} .bar:after{content:"";position:absolute;height:3px;width:20px;background:blue;bottom:-7px;} .menu1 {cursor:pointer;position: absolute;left:15px; top:18px;z-index:9999} .menu2 {cursor:pointer;position: absolute;right:15px; top:58px;z-index:9999} .menu1,.menu2{display:none;} #imagebar a { color: #ffffff; font-size: 40px; display: inline-block; margin-top:13px; margin-left: 100px; text-decoration: none; line-height: 0; border: 0; } #imagebar a span { position: relative; top: -28px; font-weight: 700; } /* styles for desktop */ .tinynav { display: none; width: 100%; margin-bottom: 15px; } .otw_blog_manager-blog-media-wrapper img {width:100%;} @media (max-width:1250px){ .wrap {width:100%;padding-left:10px;padding-right:10px;box-sizing:border-box;} #imagebar {width:100%;} #page {width:100%;} #main {width:60%;} #nav {width:20%;} #main.wide{width:80%} #sidebar {width:20%;} #contentbox {width:100%;} #menubar {width:100%;} #footerbar {width:100%;} .widget-footer-wrap {width:100%;padding-left:10px;padding-right:10px;box-sizing:border-box;} } @media (max-width:960px){ body {overflow-x:hidden;} #page,.wrap,#contentbox,#footerbar,#imagebar,.widget-footer-wrap{width:auto;max-width:100%;box-sizing:border-box;} #nav,#sidebar,#main {float:none !important;width:100% !important;height:auto !important;margin:0 !important;box-sizing:border-box;} .widget-footer{padding-left:15px;padding-right:15px;box-sizing:border-box;} .widget-footer .col{width:50%;} #sitetitle{width:100% !important;} #utilitynav{padding-left:15px;padding-right:15px;box-sizing:border-box;} #utilitynav h2, #utilitynav ul, #menubar{display:none;} #menubar{width:100%} #menubar > ul > li,#menubar > ul > li > a {display:block;width:100%;text-align:center;} #contentbox{overflow:visible;} #utilitybar{position:relative;overflow:visible;} #utilitynav ul{ position: absolute; left: 15px; top: 100%; background: #ffffff; max-width: 250px; padding: 10px; box-sizing: border-box; z-index: 999; } #utilitynav ul li {display:inline-block;margin:5px;} .menu1,.menu2{display:block;} #imagebar a {margin-left: 45px;} .tinynav { display: block } .widget_nav_menu ul { display: none } #imagebar{ background-position: center !important; } #sidebar {margin: 30px 0 !important;} #sitetitle{margin-top:10px;} #contentbox:before, #contentbox:after{content:"";display:table;clear:both;} } @media (max-width: 767px) { #imagebar a {margin-left: 15px;} } @media (max-width: 468px) { .widget-footer .col {width: 100%;} #imagebar a {font-size:30px;} #imagebar a span { position: relative; top: -35px; } }