/*
Theme Name: ZenCollegeLife.com
Theme URI: http://zencollegelife.com
Description: The default WordPress theme for zencollegelife.com.
Version: 1.0
Author: ZenCollegeLife.com
Author URI: http://zencollegelife.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:none;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;}

img{border:0;}
.entry-content img{
	border:1px solid #ccc;
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.1);
	box-shadow: 0 3px 6px rgba(0,0,0,.1);
}

img.alignleft,img[align="left"]{margin:.2em 4% 0 0;float: left; }
img.alignright,img[align="right"]{float:right;margin:.2em 0 0 4%;}
img.aligncenter{margin:0 auto;display:block;float:none;}

.wp-caption { max-width: 96%; 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 { margin-bottom: 1.1em; }
img.size-thumbnail { width: 230px; }
img.size-medium { max-width: 46%; }
img.size-large { max-width: 71%; }
img.size-full,img.wp-post-image { max-width: 100%; padding:.4em 0; }
	.wp-caption img.size-full { max-width: 96%; }

.nodisplay,.hide,.hidden,.screen-reader-text,.ui-tabs-hide{display:none;}

#accessibility{position:absolute;top:-9999px;font-size:1px;}


/* 3. STYLING
------------------------------------------------------------------*/
html{
	background: fixed url(images/backgrounds/bg_body1.jpg) no-repeat center 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	 -o-background-size: cover;
	background-size: cover;
}
body{
	color: #666;font: normal 62.5%/1.5em proxima-nova,sans-serif;
	min-width: 95em;
}

hr{
	width:100%;
	height:1px;
	background: none;
	border: 0;
	clear: both;
}
hr.divider{
	border-bottom: 1px solid #d8d8d8;
}
	.sidebar hr.divider{width:100%;}

/* ----------------------------------------------------------
				Typography
---------------------------------------------------------- */
h1, h2, h3{font-family: adelle,serif;}
h1{
	margin:0 0 .6875em;
	color:#999;
	font-size: 4.2em;
	font-weight: 300;
	line-height: 1.1em;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
	.highlight h1{
		width:100%;
		margin:.5em 0 0;
		padding:.6em 0 1em;
		background:#fff url(images/backgrounds/bg_intro.png) no-repeat 0 0;

		color: #fff;
		font-family: proxima-nova,sans-serif;
		font-size: 2.1em;
		font-weight: 700;
		text-align: center;
	}
h2{
	margin:0 0 .833333333em;
	color:#999;
	font-size: 3.9em;
	font-weight: 300;
	letter-spacing: -.04em;
	line-height: 1.1em;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
	#top-programs h2{margin:0 0 .5em;font-size: 3.5em;}
	.form-instructions h2{
		width:22.2em;height:3em;
		padding:.8em 2em 0 1.3em;display: block;
		position: absolute;
		top:0;
		left:-2.3em;

		background: url(images/backgrounds/bg_form_instructions_h2.png) no-repeat 0 0;

		color:#ec7824;
			font-family: adelle,serif;
			font-size: 2.2em;
			font-weight: 700;
			line-height: 1.1em;
			text-shadow: 1px 1px 0 rgba(255,255,255,.6);
			text-transform: uppercase;
	}
h3{
	margin:0 0 .6em;
	color:#777;
	font-size: 2.2em;
	font-weight: 300;
	line-height: 1.1em;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
	.entry-content h2, .entry-content h3, .sharebox h3, h2.entry-title, h3.entry-title{
		margin:0 0 .1em;
		font-family: proxima-nova,sans-serif;
		font-size:1.7em;
		font-weight: 700;
		line-height: 1.1em;
		text-shadow: none;
	}
	.entry-content ol h3{
		margin-left: 1.5em;
		font-family: adelle,serif;
		font-size: 1.9em;
	}
h4{
	margin-bottom: 0;
	font-family: proxima-nova,sans-serif;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.1em;
	text-shadow: none;
}

.page-title span{font-weight: 600;}


p,ul,ol,dl{margin:0 0 .85em;font-size: 1.6em;font-weight:300;line-height: 1.5em;}
	ol p,ol ul,ul p,ul ul,ul dl,ul h3,ul h4,ul button,ul .button a{font-size: 1em;}
	#intro p{
		font-family: proxima-nova,sans-serif;
		font-weight: 300;
	}

ul{margin:0 .2em 1.5em;line-height: 1.4em;}
	ul li{padding:0 0 0 .5em; background: url(images/bullet.png) no-repeat 0 8px;}
ol{list-style: decimal;}
	ol.alpha{list-style-type: lower-alpha;}

blockquote{
	margin:0 0 0 2em;
	padding:0 3em .5em;

	border-left:5px solid #999;
}
blockquote p{
	padding:0;

	font-size: 1.9em;
	font-style: italic;
}

small{font-size: 11px;}
strong,b{color:#888;font-weight: bold;}
em,i,cite{font-style: italic;}


/* 4. LAYOUT
------------------------------------------------------------------*/

/* ----------------------------------------------------------
				GLOBALS
---------------------------------------------------------- */

#page,.wrap{width:96em;margin:0 auto; }
#page{background: rgba(255,255,255,.4);}
#main{width:100%;}
section{background:#fff;margin:0 1em 1em;padding:1em 3em 3em;}
	#page-content{background:#fff url(images/backgrounds/divider.gif) repeat-y 31.2em 0;margin:0 1em;padding:0;border-bottom:3em solid #fff;}
		body.page-template-templateform-php #page-content{background-position: 46em 0;}
		section.form-instructions{margin:0;padding:7em 0 1em;}
		section.highlight{ margin:0 1em;padding:0; }
	#intro,#posts-twitter{float: right;}
	#intro{width:55.8em;}
		.sidebar #latest-posts,.sidebar #twitter{width:auto;}


/* ----------------------------------------------------------
				HEADER & FOOTER
---------------------------------------------------------- */

header#branding,footer#siteinfo {
	height:8.3em;
	margin:0 1em;
	padding:1em 3em 3em;
	position: relative;

	background:#fff;
}
	footer#siteinfo {height:4.1em;padding:2em 3em 3em;position: relative;}
		header#branding .wrap,footer#siteinfo .wrap{width:90em;}

#logo {position: absolute;top:1em;left:-2em;}
	h1#logo{top:.25em;left:-.48em;}
			@-moz-document url-prefix() { h1#logo{top:.24em;left:-.46em;} }

footer#siteinfo a.org {margin:0;display: block;float: left;}

.copy{margin:0 0 0 9.8em; position:absolute;top:3.8em;left:2.25em;clear: left; color:#999;font-size: 1.4em;}

/* ----------------------------------------------------------
				NAVIGATION
---------------------------------------------------------- */

nav{
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out .2s;
	-khtml-transition: all ease-in-out .2s;
		margin:4em -4em 0 0;
		float:right;
}
	nav#menu{width:85%;margin:4em 0 0 3em;}
	nav#submenu{width:80%;margin:.8em 0 0 3em; float: left;}
nav ul{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;

	font-family: adelle,serif;
	font-size:1.3em;
	font-weight: 600;
	text-transform: uppercase;
}

nav ul li{background:none;float: left;padding:0}

nav ul li a{color: #399; text-decoration: none; }
	nav ul li a{padding:.6em .95em .4em;border-left:1px solid #d8d8d8;}
		nav ul li:first-child a{border:0;}
	nav#submenu ul li a{padding:.2em .95em 0;}

nav  li:hover > a,
nav a:focus,
nav .current_page_item > a,
nav .current_page_ancestor > a {
	font-weight:600;
}


/* ----------------------------------------------------------
				CONTENT
---------------------------------------------------------- */

#content{
	width:57em;margin-right: 3em;
	float: right;
}
body.page-template-templateform-php #content {
	width:42em;
	margin:0 0 0 3em;
	float: left;
	position: relative;
}
#intro-widget{
	margin:0 1em 1em;
	padding:0 0 2em;
	background: #fff;
}

#top-programs{margin:0 1em;padding: 3em 0 2em; }
#top-programs h2{margin-left: .88em;}
#top-programs ul{margin:0;font-size: 1.5em;}
#top-programs dl dd:first-child{font-weight: 500;}
#top-programs ul li{
	width:25.9%;height:25em;
	margin:0;
	padding:0 2em 0;
	display:table-cell;float: left;
	position: relative;

	background: none;
	border-left:1px solid #d8d8d8;
}
	#top-programs li:first-child{border:0;}
		@-moz-document url-prefix() { #top-programs ul li { width:26.85%; } }
#top-programs .univ-logo{
	width:16.3em;
	height:9em;
	display:table-cell;
	vertical-align: middle;

	border: 1px solid #fff;
	text-align: center;
}
body#page-home #top-programs hr, body#page-home #college-rankings hr{margin:0;border:0;}
#top-programs .btn{position: absolute;bottom:.5em;}

#degrees-rankings{
	width:27em;
	margin:0 0 0 1em;
	padding:1em 2em 0;
	float: left;
	min-height: 26em;
	background:#fff;
}
#degrees-rankings ul{font-weight: 500;}
#popular-degrees{
	padding:.5em 0 0;
}
#popular-degrees hr{
	margin:2.5em 0 0;
}

#college-rankings{
	padding:1.5em 0 1em;
}

#posts-twitter{
	width:26.7em;
	min-height: 26em;
	margin:0 1em 0 0;
	padding:1em 1.4em 0;

	background:#fff;
}
#posts-twitter ul{font-size: 1.4em;}

#latest-posts{
	padding:.5em 0 2em;
}
#latest-posts h3{
	width:9em;
/*	background: url(images/sprites.png) no-repeat right -147px; */
}
#latest-posts h4{font-size: 1.05em;}
#latest-posts hr{
	margin:3em 0 0;
}
#latest-posts ul li{
	margin:0 0 .5em;
	padding:0;

	background: none;
}

#twitter{padding:0;}
#twitter ul{font-weight: 500;}
#twitter h3{
	width:7.8em;
	background: url(images/sprites.png) no-repeat right -117px;
}
#twitter ul li{
	margin:0 0 .3em;
	padding:0;

	background: none;
}

/* ----------------------------------------------------------
				BLOG CONTENT
---------------------------------------------------------- */

article.post{width:100%;margin:0 0 3em;}
article hr {margin:0;}
article .more-link{
	display: block;
	font-weight: 500;
}

a.post-thumb {width: 230px;height:120px;margin:0 3% 4em 0;float: left;display: block;position: relative;overflow: hidden;}
a.post-thumb img{min-width: 230px;max-width:460px;height:auto;position:absolute;top: 0;left: 0;}

.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 */
}
.entry-content ol > li {
    position:relative; /* Create a positioning context */
    margin:2em 0 1.5em 0; /* Give each list item a left margin to make room for the numbers */
    list-style:none; /* Disable the normal item numbering */
}
.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:2px; left:0;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    color:#999;font-family:adelle,serif; font-size: 2.3em;font-weight: 900;
}
.entry-content ol p{margin:10px 0;}

.entry-content ul.linkslist { width:50%;margin:0 0 1.5em;float:left; }

nav{
	width:90%;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out .2s;
	-khtml-transition: all ease-in-out .2s;
		margin:4em -4em 0 0;
		float:right;
}

.post-nav{
	width:100%;
	margin:2em 0 0;
	padding:0 0 2em;
	float: none;
	clear: both;

	font-size: 2em;
	font-family: adelle,serif;
}

h3.comments-link a{
	padding:0 0 0 1.1em;
	float: left;
	background: url(images/icons/icon_comment.gif) no-repeat 0 2px;
	font-size: 1em;
	font-weight: 500;
}


/* ----------------------------------------------------------
				SHAREBOX
---------------------------------------------------------- */

.sharebox{
	margin:0 0 3em;
	padding:0 0 2.5em;
	border-bottom: 1px solid #d6d6d6;
}
	.sharebox-wide{}

.share-method, .share-method a{
	color:#8f8f8f;
	font-size: 10px;
	line-height: 21px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}
.share-method{
	margin:0 0 0 1em;
	float:right;
	display:block;
	cursor:pointer;
		position: relative;
}
.share-method span{
	width: 16px;
	height:16px;
	padding:0 0 10px;
	display: block;
	text-indent: -9999px;
}
	.share-fb span{background: url(images/icons/social-icons/share-fb.png) no-repeat 0 0;}
	.share-tw span{background: url(images/icons/social-icons/share-tw.png) no-repeat 0 0;}
	.share-go span{background: url(images/icons/social-icons/share-go.png) no-repeat 0 0;}
	.share-pi span{background: url(images/icons/social-icons/share-pi.png) no-repeat 0 0;}
	.share-em span{background: url(images/icons/social-icons/share-em.png) no-repeat 0 0;}

	.share-fb div span{
		width: 52px !important;
		background: none;
		padding: 0;
	}

.tooltip{
	height:62px;width:78px;
	padding:10px;padding-top:23px;
	/*display:none;*/
	z-index: 99;
	background:transparent url(images/backgrounds/bg_tooltip.png) no-repeat 0 bottom;
	font-size:12px;color:#fff;text-align:center;

		position: absolute;
		top:29px;left:-41px;opacity: 0;
}

	.share-method:hover .tooltip{
		opacity: 1;z-index: 9999;

		-webkit-transition: -webkit-transform 0.25s ease-out;
		 -webkit-transform: translateY(-16px);

		 	 -moz-transition: -moz-transform 0.25s ease-out;
		 	  -moz-transform: translateY(-16px);

		 	   -o-transition: -moz-transform 0.25s ease-out;
		 	    -o-transform: translateY(-16px);

		 	     -transition: -moz-transform 0.25s ease-out;
		 	      -transform: translateY(-16px);

	}


/* ----------------------------------------------------------
				BLOG COMMENTS
---------------------------------------------------------- */

#respond h3{
	margin:0 0 .5em;
	padding:0 0 .1em;
	border-bottom: 1px solid #d6d6d6;
}
#respond form{width:100%;clear:both;}
#respond label{display: none;}
	ol li #respond{padding:1.5em 0;}
#respond p{font-size: 1.2em;}
	ol li #respond h4{font-size: 1.6em;}
	ol li #respond p{font-size: 1em;}

#respond input[type="text"],
#respond input[type="tel"],
#respond input[type="email"]{width: 45%;}
#respond textarea{height:10em;}

ol.commentlist {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.commentlist > li {
    position:relative; /* Create a positioning context */
    margin:0 0 1.5em; /* Give each list item a left margin to make room for the numbers */
    clear: both;
    list-style:none; /* Disable the normal item numbering */
}
ol.commentlist > 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:0; left:4.4em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin:0;padding:0;
    color:#999;font-size: 1.15em;font-weight: 900;
}
article.comment{}

ol.commentlist ul.children{
	margin:0 0 0 5em;
	padding:0 0 0 1em;
	border-left:5px solid #999;
}
ul.children li{margin:1em 0 0;padding:0; background: none;}

span.avatar{margin:0 1em 0 0;float: left;}
	ul.children span.avatar{display: none;}

cite.fn{
	margin:0 0 .7em 1.3em;
	font-size:1.1em;
	font-style:normal;
	font-weight: 700;
}
	ul.children cite.fn,ul.children .comment-edit-link{
		margin:0 0 .7em;
		font-size: .9em;
		font-style: italic;
		font-weight: 500;
	}

ol.commentlist p{font-size: 1em;}
.comment-body{
	width:30.65em;
	float:left;
	position: relative;
}
		@-moz-document url-prefix() { .comment-body { width:30.6em; } }
	ol.commentlist ul.children .comment-body{
		width:29.35em;
		padding:0;
	}
a.comment-reply-link{
	display:block;
	font-size: .7em;
	font-weight: normal;
	text-transform: lowercase;
}
.comment-meta {
	position: absolute;bottom:.1em;right:0;
	font-size: .9em; text-align: right;
}
.commentdate a{font-weight: normal;font-size:.85em;}
.comment-edit-link{text-transform: lowercase;}

/* ----------------------------------------------------------
				SIDEBAR
---------------------------------------------------------- */

.sidebar{
	width:32em;
	float: left;
}
.form-aside{
	margin:0 3em 0 0;
	width:42em;
	float: right;
}
.sidebar section{
	width:26em;
}

	.sidebar #popular-degrees, .sidebar #college-rankings{
		margin:0 3em 2em;
		padding: 1em 0 0;
	}
		.sidebar #college-rankings hr{
			margin:2.5em 0 0;
		}
	.sidebar #latest-posts,.sidebar #twitter{
		width:26em;
		margin:0 3em 2em;
		padding: 1em 0 0;
		float: left;
	}

.form-aside .univ-logo{
	width:100%;
	padding:6em 0;
	text-align: center;
}
img.verified {
	margin: 0 0 0 8em;
	padding:3em 0;
}
.form-aside p{
	margin:0 0 2.5em;
	color: #333;
	font-size: 1.4em;
}
.form-aside h3.help{
	margin-top:2.5em;
}
.form-aside h3.help+ul{
	font-size: 1.8em;
	font-weight: 500;
}


/* ----------------------------------------------------------
				BLOG SIDEBAR

.sidebar .side-blog-artices ul{margin-bottom:-.3em;list-style: none;font-size: 1.74em;line-height: 1.3em;}
	.sidebar #read_blog.side-blog-artices ul{margin-bottom:.95em;}

.sidebar .side-blog-artices li{border-bottom:1px dotted rgb(189,189,189);}
	.sidebar .side-blog-artices li:last-child{border: 0;}
.sidebar .side-blog-artices li a{padding:.8em 0 .45em;display:block;}
.sidebar .side-blog-artices ul strong.comments-link{background-position: 0 -347px;margin:1em .6em 0 0; float: left;font-family: Arial,"Nimbus Sans",sans-serif;font-size:75%;line-height: 1.4em;}
#read_blog h3 {background: url(images/sprites.png) no-repeat -282px -277px;margin-top:-2px;float: left;clear: both; letter-spacing: normal;}

.sidebar #side-tabs{width:100%;background: transparent; padding:0;}
.sidebar #side-tabs ul.tabs {
	width:100%;margin-top: -1px;
	-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;-khtml-border-radius-topleft: 3px;border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;-moz-border-radius-topright: 3px;-khtml-border-radius-topright: 3px;border-top-right-radius: 3px;
}
.sidebar #side-tabs ul.tabs li > a {padding:0 .7em;}
	.sidebar #side-tabs ul.tabs li:first-child a{-webkit-border-top-left-radius: 2px;-moz-border-radius-topleft: 2px;-khtml-border-radius-topleft: 2px;border-top-left-radius: 3px;}
	.sidebar #side-tabs ul.tabs li:last-child a{padding:0 .9em;-webkit-border-top-right-radius: 2px;-moz-border-radius-topright: 2px;-khtml-border-radius-topright: 2px;border-top-right-radius: 3px;}

.sidebar #side-tabs .tab-content{background: #fff;padding:7% 10% 3%;}
.sidebar #side-tabs .tab-content ul {line-height: 1.4em;}
.sidebar #side-tabs .tab-content ul li{width:100%;margin:0;padding:0;border-bottom:1px dotted rgb(189,189,189);list-style: none;}
	.sidebar #side-tabs .tab-content ul li:last-child{margin:0;padding:0;border-bottom:0;}
.sidebar #side-tabs .tab-content ul li > a{
	background: url(images/sprites.png) no-repeat 2px -576px;padding:.5em .5em .5em 1.9em;display: block;
	color:rgb(84,91,94);-webkit-transition: none;-moz-transition: none;-khtml-transition: none;
}
	body#blog.archive .sidebar #side-tabs .tab-content ul li.current > a{background: url(images/sprites.png) no-repeat 2px -576px;color:rgb(84,91,94);}
.sidebar #side-tabs .tab-content ul li > a:hover,body#blog.archive .sidebar #side-tabs .tab-content ul li.current > a:hover,.sidebar #side-tabs .tab-content ul li.current > a{background: rgb(9,175,237) url(images/sprites.png) no-repeat 2px -496px;color:#fff;}

	@-moz-document url-prefix() { .sidebar #side-tabs ul.tabs li > a {padding:0 .69em; } }

---------------------------------------------------------- */


/* 6. TABLES
------------------------------------------------------------------*/
table{width:100%;margin:0 0 2em;border:0;border-bottom: 10px solid rgb(53,58,67); font-size: 1em;}
td,tbody th { background-color: rgb(237,238,238); padding: .7em 1em;border-right:1px dotted rgb(189,189,189);  font-family: Arial,sans-serif; font-size: 1.3em;text-align: left;}
	tr:nth-child(even) td, tbody tr:nth-child(even) th{background-color: #f8f8f8;}
thead th { background-color: rgb(53,58,67); padding: 1em;border-bottom: 5px solid #f8f8f8; vertical-align: middle; color:#fff;font-family: ff-din-web,sans-serif;font-size: 1.4em;font-weight: 500;text-align: left;text-transform: uppercase; }
	thead th:nth-child(even){background-color: rgb(59,67,79);}
tbody th{font-weight: bold;white-space: nowrap; }


/* 7. FORMS
------------------------------------------------------------------*/
form{font-family: Arial,"Nimbus Sans",sans-serif;font-size: 1em;}
	form.request{width:95%;}
select, textarea{font-family: Arial,"Nimbus Sans",sans-serif;}

body.error404 #content form, body.error404 #content select{margin: 0 0 1.5em;}

fieldset{margin:0 0 2.5em;padding:0;}
	form.request fieldset:nth-child(3){margin:0; }
legend,label {
	font-family: adelle,serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5em;
}
	form.request li label{
		display: none;

		font-family: proxima-nova,sans-serif;
		font-size: .8em;
		font-weight: 500;
	}
		form.request li.military label, form.request li.nursing label{
			display: block;
			float: left;
		}
		p.instructions{
			padding-left:.8em;
			font-family: proxima-nova,sans-serif;
			font-size: 1.2em;
			font-weight: 500;
		}
legend{
	margin:0;padding:0;
	color:#ffa462;
	font-size: 2.2em;
	line-height: normal;
}

form.request li.given-name,
form.request li.family-name,
form.request li.tel,
form.request li.email,
form.request li.postal-code,
form.request li.country-name,
form.request li.locality,
form.request li.region{
	width:48%; float: left;
}
form.request li.given-name,
form.request li.tel,
form.request li.locality,
form.request li.region{
	margin-right: 4%;
}

form.request ol.radio-group{ width:100%;margin:0;float: left;clear: both; }
form.request li.military, form.request li.nursing {margin-left: 1.4em;}
form.request li.military li,form.request li.nursing li{ width:auto; float: left; font-size: .7em; }
form.request li.military label,form.request li.nursing label{ margin:0 1em 0 0; float: left; }
form.request li.military input,form.request li.nursing input {margin:1em .7em 0 0;float: left;}
form.request li.military li label,form.request li.nursing li label{ margin:.5em 1.5em 0 0; }

p.acknowledge{
	margin-left: 1.7em;
	font-size: 1.3em;
}
p.acknowledge label{
	width:95%;
	display: block;
	float: right;
	font-family: proxima-nova,sans-serif;
	font-weight: 500;
}


form ol{
	margin:0;
	padding:0;
	list-style-position: inside;

	color:#ffa462;
	font-weight: 500;
}
	form.request ol{
		list-style: none;
		color:#666;
	}

form ol li{margin:0 0 .7em;}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea{
	width:89%;
	padding:.7em 1em;
	border:1px solid #ccc;
	border-right:0;
	border-bottom:0;
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;

	background: #ececec;

	font-family: Arial,"Nimbus Sans",sans-serif;
	font-size: 1.2em;
}
	.entry-content input{font-size: 1.5em;}

form.request li.given-name input,
form.request li.family-name input,
form.request li.tel input,
form.request li.email input,
form.request li.street-address input,
form.request li.postal-code input,
form.request li.country-name input,
form.request li.locality input{
	width:85%;
	font-size: .9em;
}
form.request li.street-address input{
	width:92%;
	margin:0 0 1em;
}
form.request li.region select{
	width:100%;
	padding:.65em 1.1em;
	color:#333;
	font-size: .9em;
}
form.request li.areaOfStudy select,
form.request li.programSelection select{
	padding:.65em 1.1em;
	color: #333;
	font-size: .9em;
}
form.request li.given-name input:valid,
form.request li.family-name input:valid,
form.request li.tel input:valid,
form.request li.email input:valid,
form.request li.street-address input:valid,
form.request li.postal-code input:valid,
form.request li.country-name input:valid,
form.request li.locality input:valid{
	background: #fff;
	color:#333;
}
form.request li.given-name input:focus,
form.request li.family-name input:focus,
form.request li.tel input:focus,
form.request li.email input:focus,
form.request li.street-address input:focus,
form.request li.postal-code input:focus,
form.request li.country-name input:focus,
form.request li.locality input:focus{
	background: #fff;
	border:1px solid #569897;
}
form.request li.error input{
	background: #fff;
	border:1px solid #c42c36;
}
span.error{
	display: none;
	color: #c42c36;
}
span.success{
	display: none;
	padding-left: .5em;
	color: #9ad46b;
	text-align: right;
}

.widget_degree_finder{
	padding:0;
}
.widget_degree_finder_lg{
	padding:2em 0 0;
}
.widget_degree_finder_lg label{
	display: none;
}
.widget_degree_finder_lg ol{
	margin:0;

    font-family: adelle,serif;
    font-size: 1.1em;
    line-height: 1.1em;
}
.widget_degree_finder_lg li{
	width:33.3%;
	padding:.3em 0 .3em 1.5em;
	float: left;

	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;

}
	@-moz-document url-prefix() { .widget_degree_finder_lg li { width:27.7%; } }

.widget_degree_finder_lg ol li:before{
	top:12px;
	color:#ffa462;font-family:adelle,serif; font-size: 2.3em;font-weight: 700;
}
	@-moz-document url-prefix() { .widget_degree_finder_lg ol li:before { top:15px; font-weight: 600; } }

.widget_degree_finder_lg h5{
	width:70%;
	padding:0 30% 5px 0;
	border-bottom: 1px solid #d8d8d8;

	color:#ec7824;
		font-family: adelle,serif;
		font-size: 2.5em;
		font-weight: 700;
		line-height: 1.1em;
		text-shadow: 1px 1px 0 rgba(255,255,255,.6);
		text-transform: uppercase;
}

.widget_degree_finder_sm{
		width:25.2em;
		margin:0 0 1em;
		padding:1em 3em 0;
		position: relative;
		border-right:1px solid #d8d8d8;
}
	.sidebar .widget_degree_finder{
		width:25.7em;
		margin:0 3em;
		padding:1em 3em 0 0;
		border:0;

		background: none;
	}
	.sidebar .widget_degree_finder hr{
		margin:3em 0 2.5em;
	}
	body#page-home .widget_degree_finder hr{
		display: none;
	}
.widget_degree_finder_sm form{
	padding-top: 6em;
}
.widget_degree_finder_sm h5{
	width:14.5em;height:3em;
	padding:.6em 2em 0 1.5em;display: block;
	position: absolute;
	top:0;
	left:-1.2em;

	background: url(images/backgrounds/bg_degree_finder_h5.png) no-repeat 0 0;

	color:#ec7824;
		font-family: adelle,serif;
		font-size: 1.8em;
		font-weight: 700;
		line-height: 1.1em;
		text-shadow: 1px 1px 0 rgba(255,255,255,.6);
		text-transform: uppercase;
}
	.sidebar .widget_degree_finder h5{
		left:-2.8em;
	}
.widget_degree_finder_sm form ol {
    font-family: adelle,serif;
    font-size: 2.2em;
    font-weight: 700;
    line-height: 1em;
}


/* ----------------------------------------------------------
				FORMALIZE - SELECT BOXES
---------------------------------------------------------- */

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input,
button,
textarea {
  margin: 0;
  vertical-align: middle;
}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
  color:#333;
  text-transform: capitalize;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color:#333;
  text-transform: capitalize;
}

input.placeholder_text,
textarea.placeholder_text {
  color:#333;
  text-transform: capitalize;
}


::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

select {
	width:100%;
	margin: 0;
	padding:.5em 1em;
	border:1px solid #ececec;
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;

	background:#ececec;

	color:#999;font-family: Arial,"Nimbus Sans",sans-serif;font-size: 1em;

		-moz-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
		-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
		box-shadow: 1px 1px 0 rgba(0,0,0,.2);


  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  	-moz-background-clip: padding;
  	-webkit-background-clip: padding;

  outline: none;
  vertical-align: middle;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}
	.widget_degree_finder_sm select{font-size: 70%;}
	.widget_degree_finder_lg ol select{width: 93%;padding:.8em 1em;font-size: 120%;}
	.entry-content select{font-size: 1.5em;}

:invalid,
select[disabled],
select[disabled] option,
select[disabled] optgroup {
  /*
    Suppress red glow that Firefox
    adds to form fields by default,
    even when user is still typing.
  */
  background-color: #ececec;
  outline: none;

  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

select:focus,
select:active{
  -moz-box-shadow: #06f 0 0 7px;
  -webkit-box-shadow: #06f 0 0 7px;
  box-shadow: #06f 0 0 7px;
  outline: none;

  /* for Opera */
  z-index: 1;
}


/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {background: #ececec url(images/backgrounds/bg_select.png) no-repeat right 0;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }

  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    display: none;
  }
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/* `IE6 */

/*
  Everything below this line is for IE6.
  Delete it if you don't support it! :)

  Classes are added dynamically via JS,
  because IE6 doesn't support attribute
  selectors: .ie6_button, .ie6_input, etc.

  Note: These style rules are somewhat
  duplicated because IE6 bombs out when
  it sees attribute selectors. Example:

  .ie6_button {
    This works in IE6.
  }

  .ie6_button,
  input[type=submit] {
    This doesn't work.
  }
*/

* html select {
  background: #ececec;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}


/* 8. LINKS & BUTTONS
------------------------------------------------------------------*/
a{color:#399;text-decoration: none;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out .2s;
	-khtml-transition: all ease-in-out .2s;
}
a:visited{color: #257575;}
a:hover,a:active,a:focus{color:#3eb9b9;}


/* ----------------------------------------------------------
				BLUE BUTTONS
---------------------------------------------------------- */

.btn,
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
	outline: none;
	overflow: visible;
	padding: .3em 1em .1em;

	border: 0;
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;

	background: #989898; /* Old browsers */
		background: -moz-linear-gradient(top, #989898 0%, #7f7f7f 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#7f7f7f)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #989898 0%,#7f7f7f 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #989898 0%,#7f7f7f 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #989898 0%,#7f7f7f 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#7f7f7f',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #989898 0%,#7f7f7f 100%); /* W3C */

	background-clip: padding-box;
		-moz-background-clip: padding;
		-webkit-background-clip: padding;
		-webkit-background-clip: padding-box;

	box-shadow: 0 1px 1px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);

	-webkit-appearance: none;

	color: #fff;
	cursor: pointer;
	font-family: adelle,serif;
	font-size: 1em;
	font-size: 1.5em;
	font-weight:600;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	text-transform: uppercase;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

button {
  /* IE7 */
  *padding-top: 1px;
  *padding-bottom: 1px;
}
		@-moz-document url-prefix() {
button,
input[type="reset"],
input[type="submit"],
input[type="button"]  { padding-top: 1px; } }

.btn:visited{color: #fff;}

.btn:hover,
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background: #989898; /* Old browsers */
		background: -moz-linear-gradient(top, #7f7f7f 0%, #989898 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#989898)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #7f7f7f 0%, #989898 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #7f7f7f 0%, #989898 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #7f7f7f 0%, #989898 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#989898',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #7f7f7f 0%, #989898 100%); /* W3C */

		color:#fff;
}

dd .btn, p.submit button[type="submit"]{
margin:0 1.2em;
padding: .3em 1em .25em;

background: #ec7824; /* Old browsers */
background: -moz-linear-gradient(top, #ec7824 0%, #d96a1f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec7824), color-stop(100%,#d96a1f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec7824 0%,#d96a1f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec7824 0%,#d96a1f 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ec7824 0%,#d96a1f 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec7824', endColorstr='#d96a1f',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ec7824 0%,#d96a1f 100%); /* W3C */

font-family: adelle,serif;
font-size: 1.3em;
font-weight: 600;
}

.widget_degree_finder .btn{
	width:100%;
	height:3.1em;
	background: url(images/sprites.png) no-repeat right 0;
	padding:0 25% 0 5%;

	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;

	filter: none;

	font-size: 1.7em;
	line-height: 1.15em;
	text-align: left;
}
.widget_degree_finder_lg .btn{
	width:350px;
	height:2.6em;
	margin-left: 5em;
	padding:.3em 25px 0 15px;
	font-size: 2em;
}
.widget_degree_finder_lg .btn br{
	display: none;
}

.widget_degree_finder .btn:hover{
	background-position: right -60px;
}
p.submit button[type="submit"]{
	margin:1.5em 0 0 5em;
	padding: .75em 2em .5em;
}
dd .btn:hover, p.submit button[type="submit"]:hover{
background: #d96a1f; /* Old browsers */
background: -moz-linear-gradient(top, #d96a1f 0%, #ec7824 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d96a1f), color-stop(100%,#ec7824)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d96a1f 0%,#ec7824 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d96a1f 0%,#ec7824 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #d96a1f 0%,#ec7824 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d96a1f', endColorstr='#ec7824',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #d96a1f 0%,#ec7824 100%); /* W3C */
}
iframe {padding-left:7%;width:480px;}
img.attachment-index-categories {
    float: left;
    height: 11.1em;
    margin: 0 2em 3em 0;
    overflow: hidden;
    width: 23em;

}
div.entry-content img.attachment-index-categories{display:none;}
a#rss {
background:url(http://zencollegelife.com/blog/wp-content/themes/zencollegelife/images/rss.png) no-repeat;
height:20px;
width:20px;

}
a#rss:hover {
    background:url(http://zencollegelife.com/blog/wp-content/themes/zencollegelife/images/rssHover.png) no-repeat;
height:20px;
width:20px;
}
div#thumb {width:225px;height:150px;overflow:hidden;float:left;padding-right:10px;}


/* Articles ######################################################### */

ol.fixed-height li {
	height:230px;
}

img.middle {
	margin-left: auto !important;
	margin-right: auto !important;
	display: block;
}
.entry-content ol.jayz li p {
	margin-left: 2.8em;
}

ol.fixed-height li {
	height:230px;
}

img.left, img.right, img.middle {
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.50) !important;
	border:1px solid #D1D1D1 !important;
}

img.left {
	margin:0 15px 5px 0 !important;
	float:left;
}

img.right {
	margin:0 0 5px 10px;
	float:right;
}

img.middle {
	margin-left: auto !important;
	margin-right: auto !important;
	display: block;
}
/* LIST STYLES ######################################################### */

ol.list-continue {
	counter-reset: item;
}


/* ******** Custom CSS for BrokerWeb Form Abandonment Results Page -BJC 3/30/12 ******** */



#page-content-results {
	background:#fff;
	margin:0 1em;
	padding:0;
	border-bottom:3em solid #fff;
	}

#page-content-results #content {
	float:none;
	margin-right:none;
	margin-left:20px;
}

#page-content-results #content .widget_degree_finder_lg {
	display:none;
}

#page-content-results h1 {
    margin: 0 0 -15px 10px;
    width:100%;
}

/********** BJC: Facebook Box 4/19/12 ************/

div#facebook {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    margin-right: 10px;
    min-height: 26em;
    padding: 0px 10px 10px 20px;
    width: 285px;
}

/* new Featured Schools styles to replace old rollovers -bjc 7/19/12 */

.featuredAll {
	width:100%;
	padding:20px 0;
}

.featuredOne {
	float:left;
	width:50%;
	text-align:center;
	height:150px;
}

.featuredOne img {
	border:none;
	box-shadow:none;
}

.featuredCTA {
	background-color:#E07021;
	padding:5px 10px;
	border-radius:5px;
	box-shadow:1px 1px 3px #ccc;
	color:#fff;
	font-size:16px;
	font-weight:800;
}

span.logo {
	height:65px;
	width:180px;
	display:block;
	text-align:center;
	margin:10px auto;
}

a:hover .featuredCTA {
	box-shadow:inset 1px 1px 2px #555;
}