/* Theme Name: OU Theme URI: http://onlineuniversities.com Description: The default WordPress theme for onlineuniversities.com. Version: 1.0 Author: OnlineUniversities.com Author URI: http://onlineuniversities.com */ /* 1. RESET (Original by Erik Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) ------------------------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} html {-webkit-font-smoothing: antialiased;} body{line-height:1;text-rendering: optimizeLegibility;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} /* remember to define focus styles! */ :focus{outline:none;} /* remember to highlight inserts somehow! */ ins{text-decoration:none;} del{text-decoration:line-through;} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:collapse;border-spacing:0;} /* HTML5 tags */ article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {display:block;} figure {position: relative;} figure img {width: 100%;} /* 2. GLOBAL CLASSES ------------------------------------------------------------------*/ .clearer,.clear{clear:both;} .float-left,.alignleft,.nav-previous{float:left;} .float-right,.alignright,.nav-next{float:right;} .alignnone{float:none;} .aligncenter{margin:0 auto;display:block;} .text-left,.alignLeft{text-align:left;} .text-right,.alignRight{text-align:right;} .text-center,.center{text-align:center;} .text-justify{text-align:justify;} .uppercase{text-transform:uppercase;} .capitalize{text-transform:capitalize;} i.capitalize{font-style:normal;} .letter-spacing{letter-spacing:1px;} .bold{font-weight:bold;} .italic{font-style:italic;} .underline{border-bottom:1pxsolid;} .highlight{background:#ffc;} .position_inside{list-style-position:inside;} img{border:0;} img.alignleft{float:left;margin-right:4%;} img.alignright{float:right;margin-right:0;margin-left:4%;} img.aligncenter{float:none;} .wp-caption { max-width: 538px !important; background-color: #fff; margin: 0 7px 4px 0; border: 1px solid #ddd; font-style: italic; color: #7d7d7d; } .wp-caption img.size-thumbnail, .wp-caption img.size-medium, .wp-caption img.size-large, .wp-caption img.size-full { margin: 5px 0 5px 5px; } #content p.wp-caption-text { margin: 0 5px 9px !important; font-size: 11px !important; line-height: 14px !important; text-align: center; } #content img, .sidebar img {height:auto;} .post img,.post.sticky img { margin-bottom: 1.1em; } img.size-thumbnail { max-width: 21%; } img.size-medium { max-width: 46%; } img.size-large { max-width: 71%; } img.size-full,img.wp-post-image,.post.sticky img.wp-post-image { max-width: 100%; } .wp-caption img.size-full { max-width: 96%; } img.alignleft { margin:0 0 1.5em -8.5em;padding-right:1.5em;float: left; } .img-right { float:right;margin:4px 0 4px 10px; } .nomargin{margin:0!important;} .nopadding{padding:0!important;} .noborder{border:0;} .noindent{margin-left:0;padding-left:0;} .nobullet{list-style:none;list-style-image:none;} .nodisplay,.hide,.hidden,.screen-reader-text,.ui-tabs-hide,span.type,.ipad{display:none;} #accessibility{position:absolute;top:-9999px;font-size:1px;} /* 3. STYLING ------------------------------------------------------------------*/ html{} body{ background: url(images/backgrounds/bg-light.gif) repeat 0 0; color: rgb(67,91,83);font: normal 62.5%/1.5em "ff-tisa-web-pro", serif; min-width: 990px; } /* ---------------------------------------------------------- Typography ---------------------------------------------------------- */ h1,h2,h3,h4,h5,h6,dt{color:rgb(44,55,52);} h1.page-title,.post h2,h2.section-title,h2.entry-title,h3,h4,h5{font-family: "proxima-nova",sans-serif;} h1{margin: 0 0 .32em; font-size: 5em;line-height: 1.05em;letter-spacing: -0px;text-align: center;} .sticky h1.entry-title{font-size: 3.5em;letter-spacing: -.05em;} #per-category-articles .sticky h1.entry-title{font-size: 5.2em;} body.single h1.entry-title{margin: 0;padding:0 0 .5em; font-size: 4.4em;font-weight: normal;letter-spacing: -.05em;line-height: 1.12em; text-align: left;} body.single #single-article h1.entry-title{margin: 0 0 .45em;font-size: 5.2em;line-height: 1.05em;} h2{margin: 0 0 .32em; font-size: 3.5em;line-height: 1.05em;letter-spacing: -.05em;text-align: center; } h1.page-title,h3.page-title,.post h2, h2.section-title,body#blog #sidebar h3.section-title,body#fourOfour #sidebar h3.section-title{color:rgb(69,143,138); font-size: 2.8em;font-weight: 900;letter-spacing: normal;line-height:1.607142857em; text-align:left;text-transform: uppercase;} h1.page-title span, h3.page-title span, h2.section-title span{color:rgb(44,55,52);} h1.page-title span.slash,h3.page-title span.slash{font-weight: 500;} h1.page-title span.title_part,h3.page-title span.title_part{top: -3px;position: relative; font-size:.6em;font-weight:500;} li h2.entry-title{letter-spacing: normal;} body#blog article h2.entry-title{line-height: 1em;} body.page h1.page-title{color:rgb(45,55,52);} #schools_container h2{margin:0;padding:.4em 0 0;text-align: left;} h3,h2.entry-title{color:rgb(69,143,138); font-size: 1.8em;font-weight: 700;} body#blog #sidebar h3.section-title,body#fourOfour #sidebar h3.section-title{font-size: 2.1em;line-height: .7em;} body.single .entry-content h3,dl#schools_list dd h3 {margin:1.5em 0 1.25em; color:rgb(45,55,52); font-family: "ff-tisa-web-pro", serif;font-size: 1.8em;line-height: 1.3em; } dl#schools_list dd h3{margin:0 0 .5em;font-size: 1.2em;} h5{color:rgb(44,55,52); font-size: 1.8em;font-weight: 900;text-shadow: 0 1px 0 #fff;text-transform: uppercase; } #sidebar h5{font-size: 1.6em;} #single-article h5{margin:0 0 1.4em;line-height: 1.1em;} h4,h6{ line-height: 1.4em; } body.single .entry-content h4 {margin:1.5em 0 1.5em; color:rgb(45,55,52); font-family: "ff-tisa-web-pro", serif;font-size: 1.5em; font-weight: 700; } p, ul, ol, dl{margin: 0 0 1.4em;font-size: 1.5em;line-height:1.5em;} p.view-all{font-weight: bold;} ul{list-style: disc;} ol{list-style: decimal;} ol.alpha{list-style-type: lower-alpha;} dl{} dt{font-size:1.133333333em;font-weight: 900;} dd{margin:0 0 .4em;padding:0 0 .2em;border-bottom:1px solid rgb(222,222,217);} ul p, ol p, ul ul, ul dl{font-size: 1em;} small{font-size: 12px;} strong,b,.bold { color:#161616;font-weight: 600; } em,i,cite{ font-style:italic;} strong em, strong i, strong cite, b em, b i, b cite{font-weight: 600;} .requi,.emphasis {color:red;} blockquote{width: 45em;margin:0 0 1.5em -15em;padding-right:3em;float: left; } @-moz-document url-prefix() { blockquote{} } blockquote p{margin:0;font-style: italic;} body#articles.single .entry-content blockquote:first-child{display: none;} body#articles.single blockquote { width:100%;margin:0 0 1.5em;padding:0 0 1.5em;float: none; } body#articles.single blockquote p {margin:0 0 .5em;font-size: 2.2em;line-height: 1.2em;} body#articles.single blockquote cite {margin:0 0 .5em;font-size: 1.65em;font-style:normal;line-height: 1.2em;} #single-article blockquote { } #single-article blockquote p, #single-article blockquote p:first-child, #single-article blockquote p:first-child + p {padding:0; color:rgb(45,55,52); font-size: 2em; } hr{width:100%;border:0;clear:both;} /* 4. LAYOUT ------------------------------------------------------------------*/ #wrapper,.wrap{margin:0 auto;clear: both;} #wrapper{width:128em;} .wrap{width:92em;} #container{margin-top:3.8em;} #content{width:62em;float: left;} #sidebar{width:26em;margin-left:4em;padding:0;float: left; } body#blog.single #sidebar{margin-top: 27.5em;} /************************************************************************ GLOBAL STYLES ************************************************************************/ #last_row,footer#siteinfo,#meet-our-expert,#faq-videos,form.request{background: url(images/backgrounds/bg-dark.gif) repeat 0 0;clear: both;} body#articles.single blockquote,#latest-articles ul li,body#articles #latest-articles .sticky,#latest-articles p.view-all,hr.divider,body.single h1.entry-title,body.single .entry-content ul li, body.single .entry-content ol li, body.single .entry-content dl p,.sharebox, body.category #recent-articles ul li,form.request fieldset, table#schools_search th, table#schools_search td{ border-bottom: 1px solid rgb(222,222,217);-moz-box-shadow: 0 1px 0 #fff;-webkit-box-shadow: 0 1px 0 #fff;box-shadow: 0 1px 0 #fff; } #meet-our-expert,#faq-videos,#recent-articles,#last_row,#last_row div.block,footer#siteinfo,#sidebar #latest-articles ul li,#sidebar #archives ul li,body#blog #sidebar #latest-articles p.view-all, dl#schools_list dt,dl#schools_list dd { border-top:1px solid #fff;-moz-box-shadow: 0 -1px 0 rgb(222,222,217);-webkit-box-shadow: 0 -1px 0 rgb(222,222,217);box-shadow: 0 -1px 0 rgb(222,222,217); } header#branding{width:100%;height:6em;background-color: rgb(27,38,37);background: rgba(23,33,33,.75) url(images/backgrounds/bg-nav.gif) repeat 0 0;padding-top:1em;border-bottom: 1px solid rgba(23,33,33, .75);} body#home header#branding{background: rgba(23,33,33,.75); position: absolute;top:0;left:0;z-index: 10;} #logo{width:31.5217391% /* 290px/920 */;margin:0;float:left;font-size: 1em;line-height: normal;text-align: left;} #last_row{width:100%;height:55em;margin:5.2em 0 0;} #last_row div.block{width:26.5em;margin:3.5em 0 0 0;padding:.7em 0 3em;float: left;} #last_row div#block1{margin-right:3.5em;} #last_row div.widget_form{width:32.8em;margin:3.5em 0 0 0;float: right;position: relative;} #last_row ul{margin:1.6em 0 1em;padding:0;list-style: none;font-size: 1.3em;} #last_row ul li{margin-bottom:.5em;} #last_row ul a,#last_row ul a:visited{color:rgb(69,143,138);font-family: "proxima-nova", sans-serif;} #last_row ul a:hover,#last_row ul a:active,#last_row ul a:focus{color:rgba(69,143,138,.8);} #last_row p.view-all{margin:0;font-size: 1.3em;font-weight: bold;} footer#siteinfo{width:100%;height:6.7em;} /*body#home footer{margin:6.5em 0 0;}*/ footer#siteinfo div.wrap{width:94em;margin:0 auto;} footer#siteinfo ul{margin:0;float: left; list-style: none; font-family: "proxima-nova", sans-serif;font-size: 1.2em;font-weight: 700;line-height:1.607142857em;text-shadow: 0 1px 0 #fff; text-transform: uppercase;} footer#siteinfo ul li{float: left;} footer#siteinfo ul li a{padding:2em 1em;display:block;float:left;color:rgb(67,91,83); } footer#siteinfo p.copy{margin:0;padding:2em 0;float:right;color:rgb(67,91,83);font-size: 1.2em;} footer#siteinfo p.copy a{color:rgb(67,91,83);} /************************************************************************ ARTICLES ************************************************************************/ body#articles h1.page-title,body#articles h3.page-title{background: url(images/icons/section-articles.png) no-repeat 0 .38em;margin-bottom:1.1em;padding:0 0 0 1.22em;} body#articles #latest-articles h5{margin:0 0 1.7em;} body#articles #latest-articles div div{border-top:0;} body#articles #latest-articles img{margin-bottom: 1.5em;} .sticky,.sticky img{margin: 0 auto; text-align: center;} body#articles #per-category-articles .sticky img.wp-post-image{max-width:52.2em;width:52.2em; } body#articles #latest-articles .sticky{margin-bottom: 2.7em;} #per-category-articles .sticky p{color:rgb(44,55,52);} .sticky p.postdate{color:rgba(67,91,83,.85);} p.postdate{ width:15em;margin:0 auto .9em; padding:1em 0 0; border-top:1px solid #fff; -moz-box-shadow: 0 -1px 0 rgba(67,91,83,.2); -webkit-box-shadow: 0 -1px 0 rgba(67,91,83,.2); box-shadow: 0 -1px 0 rgba(67,91,83,.2); font-family: "proxima-nova", sans-serif; font-size: 1.3em; letter-spacing: .2em; text-align: center; text-transform: uppercase; } .sticky_excerpt p{margin:0;font-size: 1.8em;text-align: left;} #latest-articles .sticky_excerpt p{margin:0;font-size: 1.5em;} .sticky span.continue a{width:10em;margin:2.6em auto 2.9em; text-transform: capitalize;} #latest-articles .sticky span.continue a{width:10.8em;margin:1.6em auto 2em; font-size: 1.05em;} body#articles #latest-articles .sticky span.continue{padding:0;} #recent-articles h5{padding:.6em 0 1.5em; text-align: center; } #recent-articles ul{width:100%;margin:0;padding:0;list-style: none; } #recent-articles ul li{width:18.7em; margin:0 0 2em 0;float: left;position: relative;} #recent-articles ul li:nth-child(2),#recent-articles ul li:nth-child(5),#recent-articles ul li:nth-child(8),#recent-articles ul li:nth-child(11),#recent-articles ul li:nth-child(14),#recent-articles ul li:nth-child(17),#recent-articles ul li:nth-child(20),#recent-articles ul li:nth-child(23),#recent-articles ul li:nth-child(26){margin:0 1.35em;padding:0 1.35em;} @-moz-document url-prefix() { #recent-articles ul li:nth-child(2),#recent-articles ul li:nth-child(5),#recent-articles ul li:nth-child(8),#recent-articles ul li:nth-child(11),#recent-articles ul li:nth-child(14),#recent-articles ul li:nth-child(17),#recent-articles ul li:nth-child(20),#recent-articles ul li:nth-child(23),#recent-articles ul li:nth-child(26){margin:0 1.30em;padding:0 1.30em;} } #recent-articles ul li:nth-child(4),#recent-articles ul li:nth-child(7),#recent-articles ul li:nth-child(10),#recent-articles ul li:nth-child(13),#recent-articles ul li:nth-child(16),#recent-articles ul li:nth-child(19),#recent-articles ul li:nth-child(22),#recent-articles ul li:nth-child(25),#recent-articles ul li:nth-child(28){clear:left;} @-moz-document url-prefix() { #recent-articles ul li:nth-child(4),#recent-articles ul li:nth-child(7),#recent-articles ul li:nth-child(10),#recent-articles ul li:nth-child(13),#recent-articles ul li:nth-child(16),#recent-articles ul li:nth-child(19),#recent-articles ul li:nth-child(22),#recent-articles ul li:nth-child(25),#recent-articles ul li:nth-child(28){clear:left;} } body.category #recent-articles ul li{height: 405px;} #recent-articles img{width:100%;margin-bottom: 1.2em;border:0;} #recent-articles span.continue{width:100%;padding:1.55em 0 0;display: block; font-weight: bold;} /***** SINGLE ARTICLE *****/ body#articles h3.page-title{margin-left: 5.4em;} #single-article .post{width:100%;} #single-article .the-entry{width:77em;float: right;} body.single p.postdate {width:auto;margin:0;padding:0;border:0;text-align: left;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} #single-article .the-entry h1{text-align: left;} #single-article p,#single-article h3,#single-article h4,#single-article h5 {padding-right: 10em;} #single-article p:first-child, #single-article p:first-child + p, body.single #single-article .entry-content ol p,body.single #single-article .entry-content ol p:first-child, body.single #single-article .entry-content ol p:first-child + p, body.single #single-article .entry-content ul p,body.single #single-article .entry-content ul p:first-child, body.single #single-article .entry-content ul p:first-child + p {padding-right: 0;} /* body.single .entry-content p:first-child, body.single .entry-content p:first-child + p {font-size: 1.8em;} */ body.single .entry-content ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ list-style:none; /* Disable the normal item numbering */ } body.single #single-article .entry-content ol,body.single #single-article .entry-content ul{padding:0 10em 0 0; } body.single .entry-content ol > li { position:relative; /* Create a positioning context */ margin:0 0 1.5em 2.7em; /* Give each list item a left margin to make room for the numbers */ padding:0 0 1.5em; /* Add some spacing around the content */ } body.single .entry-content ol > li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ width:1em;position:absolute; top:-1px; left:-1.5em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right:1em;padding:0; color:rgb(69,143,138); font-size: 1.8em;font-weight: 900;text-align: right; } body.single .entry-content ol h3{margin:0 0 .15em; color:rgb(45,55,52);font-size: 1em;line-height: 1em;} body.single .entry-content ul h3{margin:0; color:rgb(45,55,52);font-size: 1em;line-height: 1.5em;} body.single .entry-content ol p,body.single .entry-content ul p{margin:0;} body.single .entry-content li img { float: right; margin: 0 0 2em 2em; } li ol, li ul {margin-top:6px;} ol ol li:last-child {margin-bottom:0;} body.single .entry-content ul,table#schools_search ul{margin:0 0 1.5em 2em;padding:0; } body.single #single-article .entry-content ul{padding:0 11em 0 0; } body.single .entry-content ul > li,table#schools_search ul > li { margin:0 0 1.2em .4em;padding:0 0 1.3em; list-style: none; position:relative; line-height: 1.5em; } body.single .entry-content ul > li:before,table#schools_search ul > li:before{ content:counter(notecntr, disc) " " ;counter-increment:li; width:1em;position:absolute; top:-3px; left:-1.1em; color:rgb(69,143,138);font-size: 1.4em;font-weight: 900; } /*body.single .entry-content ul p,body.single .entry-content ul p:first-child, body.single .entry-content ul p:first-child + p{margin:0 0 1.45em;padding-bottom: 1.45em; color:rgb(67,91,83);font-size: 1.1em;line-height:1.4em;font-weight: 500; } body.single .entry-content ul h3+p,body.single .entry-content ul h3+p:first-child, body.single .entry-content ul h3+p:first-child + p{margin:0;} */ /************************************************************************ BLOG ************************************************************************/ body#blog h1.page-title,body#blog h3.page-title{background: url(images/icons/section-blog.png) no-repeat 0 .45em;margin:0 0 1.5em 2.15em;padding:0 0 0 1.1em;} body#blog.single h3.page-title{margin-left:0;padding:0 0 0 1.1em;} body#blog .post h2{margin:0 0 .2em; font-size: 2em;font-weight:700; text-align: left;text-transform: none;} body#blog .post h3{margin:0;color:rgb(67,83,91); font-family: "ff-tisa-web-pro", serif;font-size: 1.25em;line-height: 1.3em;} body#blog .post h3, body#blog .post h3 a{color:rgb(67,83,91); } .post,.post.sticky{width:62em; margin:0 0 3.2em;padding-bottom:1em;} body#blog.single .post{margin:0;padding-bottom:3.25em;border:0; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none;} body#blog .index-list .post {position: relative; } .post span.continue{width:100%;padding:1.55em 0 0;display: block; font-weight: bold;} .post hr.divider{width:90.5%;margin:0; position: absolute;bottom:0;right:0;} .entry-meta{width:40px;margin:-4px 0 0;padding:0 2em 0 0;float: left; color:rgb(161,173,169);font-family: "proxima-nova", sans-serif;text-align: center;text-transform: uppercase;} .entry-meta .date{height:47px;background: url(images/icons/icon_date.png) no-repeat 0 0;padding:15px 0 0; } .entry-meta .month{font-size: 1em;line-height: 1em;font-weight: 900;} .entry-meta .day{font-size: 2.2em;line-height: 1.2em;font-weight: 700;} span.comments-link a{color:rgb(161,173,169);font-size: 1.4em;line-height:1em;font-weight: 700;} span.comments-link a:first-child{background: url(images/icons/icon_comments.png) no-repeat 0 bottom;padding:0 0 .1em 1.4em; text-align: right;} span.comments-link.zero-comments a{width:5.2em;background-position: center 0; padding:1.8em 0 0;display: block; position: relative;left:-7px; font-size: 1em;line-height:1.1em;text-align: center;text-indent: -9999px;-webkit-transition:none;-moz-transition:none;-khtml-transition:none;} span.comments-link.zero-comments a:hover,span.comments-link.zero-comments a:active,span.comments-link.zero-comments a:focus, body.single span.comments-link.zero-comments a{text-indent: 0;} .index-list .the-entry,.archives-list .the-entry{ width:89.5%;float: left; } .author-thumb{margin-right:1.5em;float: left;} .entry-summary{clear: both;} /* STICKY RESET*/ .post.sticky,.post.sticky img,#sidebar .sticky{ text-align: left;} .post.sticky span.continue a{width:auto;margin:0; text-transform: none;} /* BLOG POST SIDEBAR*/ body#blog #sidebar h3.section-title, body#fourOfour #sidebar h3.section-title{background: url(images/icons/section-articles-small.png) no-repeat 0 0;margin:0 0 .9em .7em;padding:0 0 0 .9em;} body#blog #sidebar h5,body#fourOfour #sidebar h5{margin:0 0 0 .7em;padding-bottom: .7em;} #sidebar #latest-articles ul,#sidebar #archives ul{width:18.6em;margin:0;list-style: none; font-family: "proxima-nova", sans-serif;font-size: 1.4em;line-height:1.2em;font-weight:700;} #sidebar #latest-articles ul li,#sidebar #archives ul li{width:17.9em;float:right;clear: both;} #sidebar #latest-articles ul li:first-child,#sidebar #archives ul li:first-child{border-top-color: rgb(222,222,217);} #sidebar #latest-articles ul a,#sidebar #archives ul a{width:17.9em;margin:0;padding:.8em 0 1em;display: block;} #sidebar #latest-articles li.sticky a{padding:.7em 0 1em;} #sidebar #latest-articles ul li:hover,,#sidebar #archives ul li:hover{ padding-left:.7em;background:rgba(255,255,255,.75); -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out .4s; -khtml-transition: all ease-in-out .4s; } #sidebar #latest-articles ul li:hover a{} #sidebar #recent-posts {} #sidebar #recent-posts ul{margin-left:.7em;font-family: "proxima-nova", sans-serif;font-size: 1.4em;line-height:1.2em;font-weight:500;list-style: none;} #sidebar #recent-posts ul a{width:17.9em;margin:0;padding:.8em 0 1em;display: block;} #sidebar #recent-posts li.sticky a{padding:.7em 0 1em;} body#blog #sidebar #latest-articles p.view-all,body#fourOfour #sidebar #latest-articles p.view-all{margin:0 0 1.4em .7em;padding-top:.8em;border-bottom: 0;clear:both;font-size: 1.4em;} h5#comments-title{margin:0 0 2em;padding:1.1em 0 0;border-top: 1px solid rgb(69,143,138);} a.post-comment-anchor{margin-top:1.2em;float: right; font-size: 1.4em;font-weight: 700;} ol.commentlist{margin:0 0 1.5em;list-style: none;} ol.commentlist li{margin:0 0 1.2em;padding:0 0 1em;position: relative;} ol.commentlist ul hr{display: none;} ol.commentlist hr.divider{width:90.5%;margin:0; position: absolute;bottom:0;right:0;} ol.commentlist .comment-author{margin:0 0 .8em;} ol.commentlist span.avatar{padding:.4em 1.4em 0 0;float: left;} ol.commentlist span.author-name{display: block;float:right;} ol.commentlist cite{font-size: 1em; font-style: normal;font-weight: 700;} ol.commentlist .comment-body{margin:0 0 0 3.9em;} ol.commentlist .reply{font-size: .7em;} ol.commentlist .commentdate a{color:rgb(67,91,83);} ol.commentlist ul{margin:.1em 0 1em 4.4em;padding: 1.4em 0 0; list-style: none; font-size:.9em;} ol.commentlist ul ul{margin:1.5em 0 0 1.5em;padding:.4em 0 0;font-size:1em;} ol.commentlist ul li{margin:0 0 1.2em;padding:0;} ol.commentlist ul span.avatar{display: none;} ol.commentlist ul .comment-body{margin:0;padding:0;} ol.commentlist ul article{padding:0 0 0 1.5em;border-left:1px solid rgb(69,143,138);} #respond{margin:0 0 2em;padding:.6em 0 0;} h5#respond-title{margin: 0 0 1.4em;} #respond p{font-size: 1em;} #respond label{width:5em;margin:2px 0 0 0;float: left;} #respond span{display: block;} #respond input[type="text"]{width:50%;margin-right:.5em;} #respond input#commentsubmit{height:30px;float:right;font-size:1.5em;line-height: 1em;} .navigation .nav-previous{margin:0 0 0 18em;} .navigation .nav-next{margin:0 12em 0 0;} body#blog.single #nav-below{margin:3.7em 0 0;padding:2.5em 0 0;border-top:1px solid rgb(69,143,138); } .navigation .nav-text{font-size:1.4em;font-weight: 700;line-height: 1.3em;} .navigation .nav-text .meta-nav{height:3em;display: block;} .navigation .nav-previous.nav-text{width:21em;margin:0; } .navigation .nav-previous.nav-text .meta-nav{padding-right:.5em;float:left;} .navigation .nav-next.nav-text{width:21em;margin:0; text-align: right;} .navigation .nav-next.nav-text .meta-nav{padding-left:.5em;float:right;} /************************************************************************ HOME ************************************************************************/ #video-banner{width:100%;height:58em;background: rgb(44,55,52) url(images/backgrounds/bg_dot_pattern.png) repeat 0 0;position: relative;overflow: hidden; text-align: center;} #video-banner b{background: transparent url(images/backgrounds/bg_dot_pattern.png) repeat 0 0; position: absolute;top:0;bottom:0;left:0;right:0;z-index: 1;} video#video-bg{width:128em;height:58em;margin:0 auto;} #home-banner{width:59.1em;background-color: rgb(39,48,48);background-color: rgba(23,33,33,.65);margin-left:1em;padding:1em 2em 2em; position: absolute;top:23.1em;left:50%; z-index: 2; text-align: left;} @-moz-document url-prefix() { #home-banner{width:59em; } } #home-banner h2{margin:0 0 .03em;color: rgb(120,221,193);text-shadow: 2px 2px 0 rgba(0,0,0,0.3);} #home-banner h2 span{color:#fff;} #home-banner p{width:25.5em;margin:0;color:#fff;font-size:1.7em;line-height:1.3em;text-shadow: 1px 1px 0 rgba(0,0,0,0.5); } #meet-the-blogger a { width:32.1em;background-color: rgb(39,48,48);background-color: rgba(23,33,33,.65);margin-left:.6em;padding:1em 2em 1em .75em;display:block;border-left:5px solid rgb(238,79,62); position: absolute;top:22em;left:50%; z-index: 2; color: rgb(120,221,193); text-align: left;} @-moz-document url-prefix() { #meet-the-blogger a { width:31.9em; } } #meet-the-blogger a em{color:#fff;font-style: normal;} #meet-the-blogger h3{text-transform: uppercase;} .widget_degree_finder{ background-color:#273030;background-color: rgba(23,33,33,.92);text-align: left; margin-left:-46.5em;padding:1em 1.2em .7em; /*border:5px solid rgb(120,221,193);*/ border:5px solid rgb(120,221,193); /*border:5px solid #fff;*/ position: absolute;top:17.5em;left:50%;z-index: 2; -moz-border-radius: 13px;-webkit-border-radius: 13px;-khtml-border-radius: 13px;border-radius: 13px; } .widget_degree_finder_lg { width:375px; /*height:60px;*/ } #schools_container .widget_degree_finder_lg{height:265px;margin-left: 0;position: relative;left: auto;top: auto;} @-moz-document url-prefix() { .widget_degree_finder { width: 326px; } } .widget_degree_finder_sm{ width: 296px;border:4px solid rgb(120,221,193);margin-left: 0;position: relative;left: auto;top: auto; } .widget_degree_finder h5{padding:1.1em .4em 1.2em;font-size:1.8em;color:rgb(120,221,193);text-shadow: none;} @-moz-document url-prefix() { .widget_degree_finder h5 { font-size:1.55em; } } .widget_degree_finder_sm h5{padding:.5em .4em 1em; color:#fff;font-size:1.4em;} .widget_degree_finder_lg h5{color:#fff;} .widget_degree_finder ol{margin:0;padding:0;list-style: none;counter-reset:li;} .widget_degree_finder ol.form_data li{ background-color: rgb(55,71,67);background-color: rgba(67,91,83,.5); -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } .widget_degree_finder ol.form_data > li { position:relative;margin:0 0 .4em;padding:.5em .4em .4em 3.2em; /* Add some spacing around the content */ list-style:none; } .widget_degree_finder_sm ol.form_data > li { margin:0 0 .4em; padding:.2em .4em .2em 2.6em; } .widget_degree_finder ol.form_data > li:before { content:counter(li);counter-increment:li; width:31px;height:30px;background: url(images/number-pointer.png) no-repeat; position:absolute; top:7px; left:7px; margin-right:1em;padding:3px 0 0 9px;display: block; color:rgb(242,244,245); font-size: 1.8em;font-weight: 900; } .widget_degree_finder_sm ol.form_data > li:before { width:31px;height:25px;background-position: 0 -90px; margin-right:1em;padding:3px 0 0 8px; top:4px; left:6px; font-size: 1.1em; } .widget_degree_finder ol.form_data li.off{background-color:transparent;} .widget_degree_finder ol.form_data li.hide{display:none;} .widget_degree_finder ol.form_data li.blur{opacity:0.35;filter:alpha(opacity=35); } .widget_degree_finder_lg ol.form_data > li.off:before{background-position: 0 -37px;} .widget_degree_finder_sm ol.form_data > li.off:before{background-position: 0 -120px;} #content ol ol p{margin:0;} .widget_degree_finder .btn, .widget_degree_finder button{width:11.5em;margin:.45em .5em .45em 0;float:right;} ol.progress{width:57px;height:17px;margin: 0 auto;padding-left: 5px;} .widget_degree_finder_lg ol.progress{display: none;} ol.progress li{width:14px;height:14px;background:rgb(67,91,83);margin-right: 5px; float:left;display: block; color:rgb(44,55,52);font-size: .8em;font-weight: bold;line-height: 1.2em; text-align: center; -moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;border-radius: 7px; } ol.progress li.on{background: rgb(242,244,245);} .widget_degree_finder_sm .button { display: none; padding-bottom: 2em; } #faq-videos{width:100%;height:40.3em;padding-top: 2.7em;border-bottom: 1px solid rgb(222,222,217);overflow: hidden;} #faq-videos .wrap{width:94em;padding:0 .7em 0 1.3em;position: relative; } #faq-videos h2{background: url(images/icons/section-videos.png) no-repeat 0 center;padding:0 0 0 1.6em;margin:0 0 .2em .28em;} #faq-videos ul{margin: 0;padding:0;list-style: none; } #faq-videos ul li{padding:.52em;float: left; line-height: 1.2em;text-align: center;} #faq-videos ul li.active{ height:500px; } #faq-videos ul li a.question{ width:30.1em;height:2.3em;background: rgba(255,255,255,.75); padding-top: .9em;border:1px solid rgb(222,222,217);display: block; -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; -moz-box-shadow: 0 1px 0 #fff;-webkit-box-shadow: 0 1px 0 #fff;box-shadow: 0 1px 0 #fff; } @-moz-document url-prefix() { #faq-videos ul li a.question { padding-top: 1em; } } #faq-videos ul li.two-line a.question{height:2.9em;padding-top: .3em;} @-moz-document url-prefix() { #faq-videos ul li.two-line a.question{height:2.8em;padding-top: .4em;} } #faq-videos ul li a.question:hover,#faq-videos ul li a.question:active,#faq-videos ul li a.question:focus{ background: rgb(255,255,255); } #faq-videos ul li.active a.question{position: absolute;bottom:-21.3em;} #faq-videos ul li.active.left a.question{left:1.2em;} #faq-videos ul li.active.right a.question{right:1.4em;} #faq-videos ul li .video-content{width:931px;height:254px;padding:0 1em;display: none; text-align: left;} #faq-videos ul li.left .video-content{background: url(images/backgrounds/bg_video-content_left.png) no-repeat 0 0;} #faq-videos ul li.right .video-content{background: url(images/backgrounds/bg_video-content_right.png) no-repeat 0 0;} #faq-videos ul li.active .video-content{display: block;position: absolute;top:3.8em;left:0;} #faq-videos ul li .video-content .inner{position: relative;top:0;bottom:0;left:0;right:0;} #faq-videos ul li .video-content video{width:427px;height:240px; background-color: rgb(23,33,33);margin:1px 2em 0 0;float: left;} #faq-videos ul li .video-content iframe{width:427px;height:240px; background-color: rgb(23,33,33);margin:1px 2em 0 0;float: left;} #faq-videos ul li .video-content h3, #faq-videos ul li .video-content p{color:rgb(242,244,245);} #faq-videos ul li .video-content h3{padding:1.5em 3em .4em 0; font-size: 1.5em;line-height: 1.1em;} #faq-videos ul li .video-content p{margin:0;line-height: 1.5em;} a.x-btn{width:30px;height:31px;background: url(images/buttons/close.png) no-repeat 0 0;display: block; position: absolute;right:0;top:1em; text-indent: -9999px;} #faq-videos ul li .video-content .btn{width:16.1em;padding:0 .8em 1px;position: absolute;bottom:-2.8em; font-size: 1.05em;line-height: 2em;} #faq-videos ul li.left .video-content .btn{right:6em;} #faq-videos ul li.right .video-content .btn{left:6em;} #meet-our-expert{width:100%;height:29.4em;padding-top: 2.7em;border-bottom: 1px solid rgb(222,222,217);overflow: hidden;} #meet-our-expert .wrap{width:94em;padding:0 .7em 0 1.3em;position: relative; } #meet-our-expert h2{background: url(images/icons/section-expert.png) no-repeat 0 center;padding:0 0 0 1.6em;margin:0 0 .67em .28em;} #meet-our-expert .the-expert{width:46.5%;margin-right:4%;float: left;} #meet-our-expert p{font-size: 145%;} #meet-our-expert .author-thumb {padding-top: 3px;} #meet-our-expert span.continue{width:100%;padding:1.55em 0 0;display: block; font-weight: bold;} #meet-our-expert .the-expert span.continue{width:72.5%;padding:1.55em 0 0 27.5%;} #meet-our-expert .recent-blog-post{width:49.5%;float: left;} #meet-our-expert .recent-blog-post h5{margin-bottom: .85em;} #meet-our-expert .recent-blog-post h3{margin-bottom: .4em;} #accredited{width:96em;height:57em;padding-top:3em; } #accredited h2,#schools_container h1.page-title{background: url(images/icons/section-accredited.png) no-repeat 0 0;margin-left: .7em;padding:0 0 0 1.428571429em;} #accredited ul{width:100%;margin:0;padding:0;list-style: none; font-size: 1em;} #accredited ul li{width:28em;height:45em; margin:0;padding:2em;float: left;position: relative;} #accredited ul li:hover{background:#fff;background:rgba(255,255,255,.75);} /*#accredited ul li{width:32em;height:49em; margin:0;padding:2em;float: left;position: relative;} #accredited ul li:hover{background:#fff;background:rgba(255,255,255,.75);} */ #accredited .univ-logo{width:100%;height:9em;} #accredited ul dd,#accredited ul p{margin:0;font-size: 1.4em;} #accredited ul dt{margin:0 0 1.2em;font-size: 1.65em;} #accredited ul dd{margin:0 0 .7em;padding:0 0 .5em;} #accredited p.button{width:20em;padding:1em 0 0;border-top:1px solid rgb(222,222,217); position: absolute;bottom:1.5em;} #accredited .btn{float: left;clear:both;} body#home #latest-articles{padding-top:3.7em;} /* For Home and Articles Archive (Category) Pages */ #latest-articles h2.section-title{background: url(images/icons/section-articles.png) no-repeat 0 .38em;margin-bottom:.4em;padding:0 0 0 1.22em;} #latest-articles h5{margin:0 0 1em;} #latest-articles div{width:43em;padding:.7em 0 4.5em; border-top:1px solid rgb(69,143,138);float:left;} #latest-articles div#for-students{margin-right: 6em;} #sidebar #latest-articles div{width:auto;margin:0;padding:.7em 0 0;border:0; float:left;} #latest-articles img{width:100%;margin-bottom: 1.2em;} #sidebar #latest-articles li.sticky img{width:100%;margin: 1em 0 0;} #latest-articles span.continue{width:100%;padding:1.55em 0 0;display: block; font-weight: bold;} #latest-articles h3,h2.entry-title{margin:0 0 .35em;font-size: 1.2em;text-align: left;} #latest-articles ul{margin:0;padding:0;list-style: none;} #latest-articles ul li{padding-bottom: 3.2em;} #latest-articles ul li:first-child{margin-bottom: 1.7em;padding-bottom: 1.7em;} #sidebar #latest-articles ul li{margin-bottom:0;padding-bottom:0;} #latest-articles p.view-all{padding: .8em 0 1.1em;} /* 5. TWIGS - Schools Listing and School Search Results ------------------------------------------------------------------*/ #schools_container .widget_degree_finder{float: right;} #schools_container #content{width: 100%;} #schools_container h1.page-title{margin-left: 0;} #schools_container aside#sidebar{display: none;} dl#schools_list{width:100%;padding:2em 0;} dl#schools_list dt,dl#schools_list dd{padding:1em 0;float:left;display: block;} dl#schools_list dt{width:34%;} dl#schools_list dd{width:66%;border-bottom: 0;} dl#schools_list .button{padding:1.2em 0 .3em;} dl#schools_list .button a.btn{width:9.2em;} table#schools_search{width:100%;margin:2em 0;clear: both;} table#schools_search td,table#schools_search th{padding:.5em .5em 1.2em; line-height: 1.5em; text-align:left;} table#schools_search th{padding:2em .5em .5em; color:rgb(45,55,52);font-size: 1.7em;font-weight: 700;} table#schools_search ul{margin-left:1em;font-size: 1em;} /* 6. NAVIGATION ------------------------------------------------------------------*/ #menu {width: 68.4782609% /* 630px/920 */;display: block;float: left; } @-moz-document url-prefix() { .wf-loading #menu { visibility: hidden; } } @-moz-document url-prefix() { .wf-active #menu,.wf-inactive #menu { visibility: visible; } } #menu .main_menu { width: 100%;padding-top:.6em; font-family: "proxima-nova", sans-serif;font-size: 1em;font-weight: 700;line-height: 1em;text-shadow: 0 -1px 0 rgba(23,33,33,0.5);text-transform: uppercase; } #menu ul {width:100%;list-style: none;margin: 0; font-size: 1.3em;} #menu ul li {margin-left:.769230769em;float: right;position: relative;} #menu ul li:last-child{margin-left: 0;} #menu ul li a { padding: 0 .9em;border: 1px solid rgb(67,91,83);display: block; color: rgb(242,244,245);line-height:3em;text-align: center;text-decoration: none; -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; -moz-box-shadow: 0 1px 0 rgba(23,33,33,.5);-webkit-box-shadow: 0 1px 0 rgba(23,33,33,.5);box-shadow: 0 1px 0 rgba(23,33,33,.5); } #menu ul li.down-arrow a, #menu ul li.menu-item-object-category a{background: url(images/backgrounds/bg_down-arrow.png) no-repeat 85% .78em;padding: 0 2.3em 0 .9em;} @-moz-document url-prefix() { #menu ul li.down-arrow a, li.menu-item-object-category a{background-position: 85% .82em;} } #menu ul ul { width: 120px;background: url(images/backgrounds/bg_nav_dropdown.png) no-repeat center 4px;padding: .9em 0 0;float: left;display: none; position: absolute;top: 2.4em;left: -.55em;z-index: 99999; -webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 6px;border-bottom-left-radius: 6px; } @-moz-document url-prefix() { #menu ul ul { width: 130px;height:97px;background: url(images/backgrounds/bg_nav_dropdown-ff.png) no-repeat center 4px; } } #menu ul ul li {min-width: 120px;background: none;margin:0;padding:0; float: none;} @-moz-document url-prefix() { #menu ul ul li { width: 130px; } } #menu ul ul li:last-child{background: url(images/backgrounds/bg_nav_dropdown.png) no-repeat center bottom;} @-moz-document url-prefix() { #menu ul ul li:last-child { background: none; } } #menu ul li.down-arrow ul li a {background: none;padding: 1.5em 0;} #menu ul ul a { width: 100px;height: auto;margin: 0 10px;padding:0;border:0;border-top: 1px solid rgba(67,91,83,.8); color: #fff;font-family: "proxima-nova",sans-serif;font-size: 11px;font-weight: 700;letter-spacing: -.04em;line-height: 3.8em; -moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;border-radius: 0; -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; } @-moz-document url-prefix() { #menu ul ul a { width:110px;border:0;} } #menu ul ul li.menu-item-object-category a{background: none;padding:0;} #menu ul ul li:first-child a {border:0;} #menu ul ul a:hover{background: none;} #menu li:hover > a,#menu ul ul :hover > a {color: #fff;} #menu ul li:hover > ul {display: block;} #menu ul li.current_page_item > a, #menu ul li.current-menu-ancestor > a, #menu ul li.current-menu-item > a, #menu ul li.current-menu-parent > a { color: rgb(242,244,245); } * html #menu ul li.current_page_item a, * html #menu ul li.current-menu-ancestor a, * html #menu ul li.current-menu-item a, * html #menu ul li.current-menu-parent a, * html #menu ul li a:hover { color: rgb(242,244,245); } .follow-tw{ margin:0 0 0 10px;padding: .6em 0 0;float: right;position: relative; } .follow-tw .tooltip { width:190px; height:149px; padding:23px 10px 10px; display:none; position: fixed; background:transparent url(images/backgrounds/bg_nav_tooltip.png); color:#fff; font-size:12px; text-align: left; } .follow-tw:hover .tooltip{ display:block; left:50%;margin-left:335px; } #twitter_update_list li{ margin:7px 0 0; padding:11px 0 0; border-top:1px solid rgba(67,91,83,.8); color:#f2f4f5; font: normal 700 13px/1.153846154em "proxima-nova",sans-serif; list-style: none; } #twitter_update_list li a{ padding-top:3px; display: block; color:rgb(134,139,139); font: normal 700 11px/1.153846154em "proxima-nova",sans-serif; text-transform: uppercase; } #twitter_update_list li a:hover {color:rgba(238,79,62,.8);} #twitter_update_list li span a{ padding:0; display: inline; color:rgb(120,221,193); font: normal 700 13px/1.384615385em "proxima-nova",sans-serif; text-transform:none; } /* 6. TABLES ------------------------------------------------------------------*/ td, th { padding: 0.3em; font-size: 1.5em; } th { padding: 0.4em; font-weight: bold; } /* 7. FORMS ------------------------------------------------------------------*/ form{font-family: "proxima-nova",sans-serif;font-size: 1em;} form.request{padding:1.5em 2em 0 0;border: 1px solid rgb(222,222,217);} input,select,textarea{font-family: "proxima-nova",sans-serif;} form ol,form.request ul.radio-group{ margin:0 0 0 -2em;padding:0;list-style: none; } fieldset{margin:0 0 1.5em 2em;padding:0 0 2.5em;} fieldset.user-information{margin-bottom: 2.5em;} label, legend { color:rgb(44,55,52);font-weight: 700; } legend{font-size:1.8em;line-height: 1.5em;} legend span{display: block;padding:0 0 .8em;} label{padding-bottom:.5em;display: block; font-size: 1.4em;line-height: 1.2em;} form.request li.program label{width:140%;} form.request ol{font-size: 1em;} form.request li{width:46.7%;margin-left: 2em;margin-bottom:2em; float:left;} @-moz-document url-prefix() { form.request li{width:46.6%;} } form.request li.phone,form.request li.country,form.request li.start_date,form.request li.bday-day{clear: left;} form.request li.address{width:96.5%;} form.request li.city{width:40.2%; } form.request li.zipCode{width:18%; margin-left: 1em;} form.request li.state{width:35%; margin-left: 1em;} form.request li.age{width:12%; margin-left: 1em;} form.request li.graduationYear{width:34%; margin-left: 1em;} form.request fieldset.misc-information li{margin-bottom: 2.5em;} form.request li ul{margin:0;padding:.5em 0 0;list-style: none;font-size: 1em;} form.request li ul li{width:90%;margin:0 0 0 1em;display: block;float:none; color:rgb(210,33,32); font-size: 1.1em;font-weight: 700;} form.request fieldset.misc-information li ul li{margin:0;} form.request ul.radio-group{margin:0;} form.request ul.radio-group li{width:60px;margin:0 0 0 1.5em;float:left;font-size: 1.5em;} form.request ul.radio-group label,form.request ul.radio-group input{float:left;font-size: 1em;} form.request ul.radio-group input{margin: 0 5px 0 0;} form.request li a.tooltip{color: rgb(67,91,83);font-size:85%; font-style: italic;font-weight: 500;} /* FORMALIZE ----------------------------------------------------------------------------------------------------*/ /* Added via JS to