/*
Theme Name: Online College
Theme URI: http://www.onlinecollege.org
Description: The default onlinecollege.org theme.
Version: 2.0
Author: Kai Brach
Author URI: http://www.brizk.com

*/

/* Basics ######################################################### */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 0; padding: 0; 
} 

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 0;
	color: #53545a;
	background:#b0d8e5 url(images/bg.jpg) 0 0 repeat-x;
	line-height: 18px;
}	

.wrap {
	margin: 0 auto;
	width: 950px;
	text-align:left;
}

p {
font-size:14px;
line-height:140%;
color:#666;
}

.header {
	height: 71px;
	margin: 20px 0;
	background: url(images/bg-header.jpg) 0 0 repeat-x;
}

.intro {
	height: 435px;
	background: #fcf7ed url(images/bg-intro.jpg) right 0 no-repeat;
	padding-left: 240px;
	position: relative;
}

.degreefinder-side {
	width: 257px;
	height: 400px;
	background: url(images/bg-degree-finder-side.gif) 0 0 repeat-y;
	position: absolute;
	top: -10px;
	left: -17px;
}

.content {
	background: #fff url(images/bg-content.gif) 0 0 repeat-y;
	margin-bottom: 20px;
}

.content .col-left {
	width: 230px;
	float: left;
}	

.content .col-right {
	width: 719px;
	float: right;
}	
.col-right li {
	margin:8px 0;
}

.unilist .item {
	padding: 20px 30px;	
	border-top: 1px dotted #dcdcdc;
}

.unilist .item .left {
	width: 180px;
	float: left;
	text-align: center;
}

.unilist .item .right {
	width: 460px;
	float: right;
}

.school-box {
	padding: 15px;
	border: 1px dotted #d2d0cc;
	background-color: #fcf7ed;
	margin: 0 0 20px 0;
}

.school-box p {
	margin: 0 !important;
	padding: 0 0 2px 0 !important;
}

.degreefinder-main {
	height: 260px;
	position: relative;
	background: url(images/bg-degree-finder-main.jpg) 0 0 no-repeat;
}

div.text .inner {
	padding: 25px 30px 15px 30px;
	position:relative;
}

#footer {
	height: 33px;
	background: url(images/bg-footer.jpg) 0 0 repeat-x;
	clear: both;
	line-height: 15px;
	margin-bottom: 20px;
}

.df-placeholder {
	position: relative;
	height: 390px;
}

/* Headlines ######################################################### */		


h1 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight:normal;
	line-height: 26px;
}

.intro h1 {
	width: 354px;
	height: 74px;
	background: url(images/intro-headline.gif) 0 0 no-repeat;
	margin: 20px 0 0 30px;
	display: inline-block;
	text-indent: -1111em;
}

.degreefinder-side h1 {
	height: 181px;
	background: url(images/degree-finder-side.gif) 0 0 no-repeat;
	display: block;
	text-indent: -1111em;
	margin: 0;
}

.col-left h2 {
	background: #fcf7e7 url(images/bg-h2-left.gif) 0 bottom repeat-x;
	padding: 15px 10px;
	margin: 0;
	text-align: center;
	color: #9B8D6E;
	font-size: 14px;
}

.col-right h2 {
	background: #dff1f7 url(images/bg-h2-right.gif) 0 bottom repeat-x;
	padding: 15px 30px;
	margin: 0;
	color: #0b6587;
	font-size: 22px;
}

.col-right .inner h2 {
	margin: 15px -30px 10px -30px;
}

.col-right h3 {
	color:#1087b1;
	margin:15px 0 5px 0;
	padding:8px 0;
	border-bottom:#CCC 1px dotted;
	font-size:18px;
}

/* Links ######################################################### */	

a:link,  a:visited, a:active {color:#0b6587; text-decoration: none; outline: none; font-weight: bold}
a:hover {text-decoration: underline}

.header a.logo {
	background: url(images/logo.jpg) 0 0 no-repeat;
	width: 381px;
	height: 71px;
	display: block;
	text-indent: -1111em;
	float: left;
}

.unilist .item .left a {
	display: block;
}

.unilist .item .right a.button {
	margin: 0 0 0 150px;
}



#top-schools td {
	border-top: 1px dotted #ccc;
	padding: 20px 10px 0px 0;
}

#top-schools ul {
	list-style-type: none;
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
}

#top-schools ul li {
	display: block;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: center;
}


#footer a {
	display: inline-block;
	padding: 9px 0 0 15px;
	color: #fff;
	font-size:12px;
}

.intro a.business, .intro a.nursing, .intro a.criminal  {
	width: 136px;
	height: 68px;
	position: absolute;
	display: block;
	text-indent: -1111em;
}	

.intro a.business {
	top: 160px;
	left: 270px;
}

.intro a.nursing {
	top: 160px;
	left: 410px;
}

.intro a.criminal {
	top: 160px;
	left: 550px;
}



ul.cat-icons li a {
	display: block;
	width: 250px;
	margin: 1px 0;
	border: 1px solid #d3e8f0;
	padding: 10px 10px 10px 50px;
}


ul.cat-icons li a.biz { background: url(images/icon-biz.gif) 8px 5px no-repeat; }
ul.cat-icons li a.des { background: url(images/icon-des.gif) 10px 6px no-repeat; }
ul.cat-icons li a.hea { background: url(images/icon-hea.gif) 8px 7px no-repeat; }
ul.cat-icons li a.sci { background: url(images/icon-sci.gif) 10px 3px no-repeat; }
ul.cat-icons li a.law { background: url(images/icon-law.gif) 8px 7px no-repeat; }
ul.cat-icons li a.edu { background: url(images/icon-edu.gif) 10px 8px no-repeat; }
ul.cat-icons li a.lib { background: url(images/icon-lib.gif) 11px 6px no-repeat; }
ul.cat-icons li a.tec { background: url(images/icon-tec.gif) 10px 9px no-repeat; }


/* Fonts ######################################################### */

.font-grey {color:#878787;}

p {
	padding:0 0 15px 0;
}

.intro p.text {
	width: 415px;
	margin: 5px 0 0 31px;
	padding: 0;
	font-size: 14px;
	line-height: 21px;
}

.degreefinder-side p, .degreefinder-main p {
	height: 43px;
	margin: 0 0 0 17px;
	padding: 10px 0 0 40px;
}

p.step1 {
	background: url(images/df-side-1.gif) 0 0 no-repeat;
}

p.step2 {
	background: url(images/df-side-2.gif) 0 0 no-repeat;
}

p.step3 {
	background: url(images/df-side-3.gif) 0 0 no-repeat;
}	

.ladyleft p {
	height: 266px;
	background: url(images/ladyleft.jpg) 0 0 no-repeat;
	padding: 0;
	text-indent: -1111em;
}

.featured p.img {
	width: 190px;
	margin: 13px auto 6px auto;
	padding: 5px 0;
	background: #fff;
	border: 1px solid #eceae7;
	text-align: center;
}

.featured p.text {
	text-align: center;
	padding: 0 15px 13px 15px;
	border-bottom: 1px dotted #d2d0cc;
}	

#footer p {
	width: 450px;
	float: right;
	padding: 9px 15px 0 0;
	text-align: right;
	color: #61b2cf;
}	

#footer p a {
	display: inline;
	padding: 0;
}

/* Navigation ######################################################### */

.header ul {
	padding: 0;
	width: 540px;
	margin: 22px 20px 0 0;
	float: right;
	list-style-type: none;
}

.header ul li {
	padding: 0;
	margin: 0;
	float: right;
}	

.header ul li a, .header ul li a:visited {
	display: inline-block;
	color: #61b2cf;
	font-weight: bold;
	padding: 6px 10px 8px 10px;
	line-height: 14px;
	margin: 0 0 0 5px;
	background: url(images/bg-nav.jpg) 0 0 repeat-x;
}

.header ul li a:hover {
	color: #86cce5;
	text-decoration: none;
}	

.header ul li.current a, .header ul li.current a:visited {
	color: #fff;
}
	
/* Images ######################################################### */	

img {
	border: none;
}

	
/* Tables ######################################################### */

	

/* Lists ######################################################### */

.degree-nav ul, .linklist ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.cat-icons {
	margin: 30px 0 30px 10px !important;
	padding: 0;
	list-style-type: none;
}

ul.cat-icons li {
	display: inline-block;
	padding: 0;
	margin: 1px;
}


ul.split li {

	width: 33%;
	float: left;
}

.linklist ul {
	padding: 10px 0 2px 0;
}	

.textwidget {
	padding: 10px;
}

.degree-nav ul li {
	padding: 0;
	margin: 0;
}

.degree-nav ul li a, .degree-nav ul li a:visited {
	padding: 6px 25px 6px 10px;
	display: block;
	border-bottom: 1px dotted #d2d0cc;
	color: #736954;
	font-weight: bold;
	width: 195px;
	background: url(images/arrow-nav-left.gif) 208px 10px no-repeat;
}

.linklist ul li {
	padding: 0px 10px 8px 30px;
	font-weight: bold;
	background: url(images/bullet-linklist.gif) 10px 2px no-repeat;
	
}
#twitter-intro {
	position:absolute;
	padding:0;
	top:225px;
}

#twitter-intro .follow-us {
	display: block;
	height: 43px;
	width: 480px;
	margin-bottom: 7px;
	text-indent: -1000px;
	text-decoration: none;
}

#twitter_div ul {
	padding-top: 0px;
}

#twitter_div ul li, #twitter_div ul li a {
	font-weight: normal;
}

#twitter_div ul li {
	padding: 6px 10px 6px 30px;
	background-position: 10px 6px;
	font-size: 11px;
	line-height: 135%;
	border-bottom: 1px dotted #ddd;
}


div.text .inner ul, div.text .inner ol {
	margin: 0 20px 0 40px;
	padding: 5px 0 5px 0;
}

div.text .inner ul li , div.text .inner ol li {
	padding-bottom: 5px;
}


.gapyear {
	position: relative;
}

.gapyear img {
	position: absolute;
	top: -30px;
	left: 400px;
}


.gapyear ul {
	padding-right: 300px;
}



div.study-abroad {
	background: url(images/flags.jpg) 0 0 no-repeat;
	padding-left: 210px;
}



div.text .inner .study-abroad ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 140px;
	float: left;
}

div.text .inner .study-abroad ul li {
	background: url(images/bullet-flag.gif) 0 4px no-repeat;
	padding: 3px 0 3px 15px;
}



/* Forms ######################################################### */

form {
	padding: 0;
	margin: 0;
}

.degreefinder-main form {
	position: absolute;
	width: 270px;
	top: 42px;
	left: 170px;
}

input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.degreefinder-side select, .degreefinder-main select  {
	width: 180px;
	margin: 5px 0 0 0;
}		

.degreefinder-side input {
	margin: 3px 0 0 17px;
}

.degreefinder-main form input {
	margin: 5px 0 0 17px;	
}	

/* Misc ######################################################### */		

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.float-left {
	float:left;
}

.float-right {
	float:right;
}	

.clear {
	clear:both;
}	

.center {
	text-align:center;
}	








#content_link a{
	color: #245697;
}
.article_intro {
	font-family: arial, helvetica, san-serif;
	text-align:justify;
        line-height: 27px;
        letter-spacing: 2px;
        font-size: 18px;
	color: #2e2e2f;
	padding: 10px 0 20px 0;
        border-top:1px dashed #b6b6b6;
}

p.article_intro img {
	padding: 0px 0px 5px 15px;

}
p.article_header a {
	font-family: 'calibri';
	letter-spacing: 1px;
	font-size: 48px;
	line-height: 48px;
	color: #245696;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}
#intro img {
	position: absolute;
	top: 315px;
	left: -37px;
}
.article_content {
	width: 660px; 
	text-align:justify;
	color: #2e2e2f;
}

table.article_content td {
	padding:10px 0px 10px 0px;
	vertical-align: top;
	}

#article_img {
	width: 154px;
	vertical-align:top;
}

.article_works {
	color: #005d7a;
	border-bottom:1px dashed #b6b6b6;
}
@font-face {
	font-family: 'calibri';
	src: url(http://www.onlinecollege.org/wp-content/uploads/fonts/calibri.eot);
    src: url(http://www.onlinecollege.org/wp-content/uploads/fonts/calibri.eot?#iefix) format('embedded-opentype'),
         url(http://www.onlinecollege.org/wp-content/uploads/fonts/calibri.woff) format('woff'),
         url(http://www.onlinecollege.org/wp-content/uploads/fonts/calibri.ttf) format('truetype'),
         url(http://www.onlinecollege.org/wp-content/uploads/fonts/calibri.svg#ImpactRegular) format('svg');
    font-weight: bolder;
    font-style: oblique;
}




p.special-text {
font-size:18px;
color:#1087b1;
line-height:140%;
}


#post-4119 h2, 
#post-4119 h2 a {
color:#39ccff !important;
font-size:41px !important;
background:none !important;
line-height:110% !important;
font-weight:normal !important;
text-align:center;
}

#post-4119 div.inner {
position:relative;
padding:0 30px 15px !important;
}

#post-4119 ol {
color:#80d3eb;
font-style:italic;
font-size:28px;
}

#post-4119 p {
font-style:normal;
}

#post-4119 img {
position:absolute;
top:0;
right:20px;
}



p.fb-intro{
font-family:proxima-nova,sans-serif !important;
font-size:15px;
line-height:20px;
}

ol.fb-list{
width:500px !important;
margin-left:90px !important;
}

ol.fb-list, ol.fb-list h3{
font-family:proxima-nova,sans-serif !important;
font-size:20px;
font-weight:bold;
line-height:25px;
color:#ccc;
}

ol.fb-list li p{
font-size:15px;
font-weight:normal;
line-height:20px;
}

.fb-img{
border:1px solid #666;
box-shadow:0 1px 5px rgba(0,0,0,0.75);
margin-bottom:15px;
}



ol.tech-lectures, ol.tech-lectures h3{
font-family:proxima-nova,sans-serif;
font-size:20px !important;
line-height:25px;
}

ol.tech-lectures li{
font-family:proxima-nova,sans-serif;
font-size:15px;
line-height:18px;
}

.lecture-intro{
font-family:proxima-nova,sans-serif;
font-size:18px;
line-height:20px;
}



.col-right h2 {
font-family:Arial,Helvetica,sans-serif;
font-size:22px;
}

#post-4276, #post-4345, #post-4387, #post-4404, #post-4432 {
font-family:proxima-nova,sans-serif;
font-weight:400;
font-size:15px;
line-height:20px;
color:#666 !important;
}

#post-4276 a, #post-4432 a {
color:#005d7f;
}

#post-4276 p.intro-paragraph, #post-4432 p.intro-paragraph{
font-size: 20px !important;
font-weight:400;
font-size:15px;
line-height:25px;
margin-top:-20px;
margin-right:10px;
margin-bottom:60px;
}

#post-4276 p img, #post-4432 p img {
margin-right:20px;
margin-bottom:20px;
margin-left:10px;
}

#post-4276 ol, #post-4432 ol{
margin-top: 40px;
}

#post-4276 p img.article-image, #post-4432 p img.article-image {
margin-right: 30px;
margin-bottom:20px;
margin-left:10px;
}

#post-4276 li.blog-list, #post-4432 li.blog-list {
height:230px;
margin-bottom:50px;
}

#post-4276 h3, #post-4432 h3 {
text-transform:uppercase;
}

p.intro-paragraph {
font-family:proxima-nova,sans-serif;
font-weight:400;
font-size:20px;
line-height:26px;
margin-top:-20px;
margin-right:10px;
margin-bottom:60px;
}

p.intro-paragraph a {
font-family:proxima-nova,sans-serif;
font-weight:600;
}



.col-right h2 {
font-family:Arial,Helvetica,sans-serif;
font-size:22px;
}

#post-4273 {
font-family:proxima-nova,sans-serif;
font-weight:400;
font-size:15px;
line-height:20px;
color:#666 !important;
}

#post-4273 a {
color:#005d7f;
}

#post-4273 p img {
margin-right:20px;
margin-bottom:20px;
margin-left:10px;
}

#post-4273 p img.article-image {
margin-right: 30px;
margin-bottom:20px;
margin-left:10px;
}

#post-4273 li.blog-list {
height:190px;
margin-bottom:30px;
}

#post-4273 h3 {
text-transform:uppercase;
}

p.intro-paragraph a {
font-family:proxima-nova,sans-serif;
font-weight:600;
}


p.intro-edge{
font-size:18px;
line-height:20px;
}

#post-4345 ol{
width:500px;
padding-left:30px !important;
}

#post-4345 ol li, #post-4432 ol li{
height:300px;
}

#post-4345 ol li p img{
margin:5px 0 0 20px;
border:1px solid #8885;
box-shadow:0 1px 5px rgba(0,0,0,0.75);
}

p.intro-savings {
font-weight:400;
font-size:20px !important;
line-height:24px;
margin-top:-20px;
margin-right:10px;
margin-bottom:60px;
}

p.intro-savings img {
margin-bottom: 20px;
}