/*
Theme Name: Online Universities
Theme URI: http://www.onlineuniversities.com
Description: The default http://www.onlineuniversities.com theme.
Version: 1.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, input, select {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
}

body {
	text-align: center;
	border: 0;
	color: #565656;
	background: #f2f2f2 url(images/bg.jpg) 0 0 repeat-x;
	line-height: 18px;
}	

body.blog {
	background-image: url(images/bg-blog.jpg);
}

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

div#header {
	position: relative;
	height: 311px;
}

body.blog div#header {
	height: 88px !important;
}

div#slideshow {
	position: relative;
	margin-bottom: 20px;
}
div.scrollable {  
    position:relative; 
    overflow:hidden; 
	width: 948px;
	height: 295px;
	background: #fff;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

div.scrollable div.items {  
    width:20000em; 
    position:absolute; 
} 

#slideshow .element { 
	width: 276px;
	height: 255px;
	border-right: 1px solid #dedede;
	padding: 20px;
	font-size: 11px;
	float: left;
}	

.col-left {
	width: 680px;
	float: left;
}	

.col-left .content {
	background: #fff;
	padding: 15px 20px 5px 20px;
	border: 1px solid #dedede;
	border-bottom:none;
}	

.col-left .bottom {
	height: 27px;
	font-size: 1px;
	background: url(images/box-bottom-left.gif) 0 0 no-repeat;
}	

.col-right .bottom {
	height: 27px;
	font-size: 1px;
	background: url(images/box-bottom-right.gif) 0 0 no-repeat;
}	

.col-right {
	width: 250px;
	float: right;
}

.image {
	width: 216px;
	height: 216px;
	position: relative;
	background: url(images/pic-frame.png) 0 0 no-repeat;
	float: right;
	margin-right: -50px;
	padding: 27px 0 0 27px;
}

#footer {
	background: url(images/bg-footer.gif) 0 0 repeat;
	height: 59px;
	clear: both;
	text-align: left;
}

#footer div {
	width: 950px;
	margin: 0 auto;
	padding: 22px 0 0 0;
}	

.quote {
	width: 452px;
	height: 135px;
	position: absolute;
	top: 102px;
	left: 432px;
	z-index: 10;
	background: url(images/bg-quote.png) 0 0 no-repeat;
}

div.listsbox {
	background: url(images/bg-lists.jpg) 0 0 no-repeat;
	height: 186px;
	overflow: hidden;
	padding: 15px 20px 0 215px;
}


div.listsbox ul {
	width: 245px;
	float: right;
	padding: 0;
	margin: 0 0 0 10px;
	list-style-type: none;
}

div.listsbox ul li {
	padding: 2px 0;
	margin: 0;
}


div.career-counselor {
	background: #fff url(images/bg-counselor.jpg) 0 0 no-repeat;
	height: 175px;
	overflow: hidden;
	padding: 15px 20px 5px 20px;
	margin: 0 0 15px 0;
}


div.college-counselor {
	background: #fff url(images/bg-masters.jpg) 0 0 no-repeat;
	height: 175px;
	overflow: hidden;
	padding: 15px 20px 5px 20px;
	margin: 0 0 15px 0;
}

div.college-counselor ul li, div.career-counselor ul li {
	padding: 2px 0;
	margin: 0;
}




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


h1 {
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 24px;
	font-weight:normal;
	line-height: 29px;
	color: #248377;
}

h2 {
	font-size: 12px;
	line-height: 13px;
	letter-spacing: 1px;
	color: #777;
	font-weight: normal;
	text-transform: uppercase;
	padding: 14px 15px 0 15px;
	height:28px;
	background: #e8e8e8 url(images/box-top-full.gif) 0 0 no-repeat;
}

.col-left h2 {
	background: #e8e8e8 url(images/box-top-left.gif) 0 0 no-repeat;
}

.col-right h2 {
	background: #e8e8e8 url(images/box-top-right.gif) 0 0 no-repeat;
	text-align: center;
}

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

a:link,  a:visited, a:active {color:#d23b5e; text-decoration: none; outline: none}
a:hover {color:#237d75; text-decoration:underline}


#slideshow .element p.links a {
	color:#237d75;
	}

.quote a {
	color: #41d9af !important;
}	
	
#footer a {
	color: #fff;
	display: inline-block;
	padding: 0 10px 0 0;
}	

#header a.logo {
	width: 341px;
	height: 52px;
	display: inline-block;
	text-indent: -1111em;
	background: url(images/logo.gif) 0 0 no-repeat;
	margin: 8px 90px 0 0 ;
	float: left;
}
	
#slideshow a.browse { 
	display:block;
	width:29px;
	height:36px;
	position:absolute;
	left: -29px;
	top:100px;
	text-indent: -1111em;
	cursor:pointer;
	background:url(images/slide-left.gif) no-repeat 0 0;	
	z-index: 100;
	}
		
#slideshow a.right{ 
	left:949px;
	background:url(images/slide-right.gif) no-repeat 0 0;
}	



form.edudirect-search-widget button {
    background: url("images/button-top.gif") no-repeat;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 36px;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    text-indent: -999px;
    width: 388px;
}
form.edudirect-search-widget button:hover {
    background: url("images/button-top.gif") bottom left no-repeat;
}
form.search button, form.search button:hover {
	background: url("images/button-bottom-2.png") no-repeat;
	width:130px;
	margin-top: 5px;
	float: left;
}

a.button-pink, a.button-pink:link, a.button-pink:active, a.button-pink:visited {
    background: url("images/btn-pink.gif") no-repeat scroll 0 0 transparent;
    color: #f2f2f2;
    font-family: Helvetica;
    font-variant: small-caps;
    font-size: 16px;
    display: inline-block;
    font-weight: normal;
    height: 333px;
    line-height: 14px;
    padding: 10px 0 0;
    text-align: center;
    width: 149px;
}		

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

.font-grey {color:#878787;}

p {
	padding:0 0 15px 0;
}

.quote p.text {
	font-family:  Palatino, "Palatino Linotype", Georgia, serif;
	font-style: italic;
	padding: 10px 130px 10px 15px;
	color: #cbd9d4;
	font-size: 16px;
	line-height: 22px;
}

#header form p {
	padding: 0;
	height: 36px;
	margin: 0 0 3px 0;
}

#header p.intro {
	color: #919f9b;
	font-size: 15px;
	line-height: 24px;
	width: 330px;
	position: absolute;
	top: 90px;
	left: 432px;
}

form.search p {
	width: 201px;
	float: left;
	margin: 0 4px 0 0;
	text-align: center;
}

#slideshow .element p.links {
	width: 100px; 
	float: right;
	padding: 0;
}

#slideshow .element p.text {
	clear: both;
	padding: 0;
	width: 270px;
	height: 140px;
	line-height: 17px;
}	

.school-img {
	display: block;
	height: 80px;
	background-position: center left;
	background-repeat: no-repeat;
}

#slideshow .element p.links span {
	font-size: 12px;
	line-height: 13px;
	letter-spacing: 1px;
	font-size: 12px;
	color: #777;
	text-transform: uppercase;
}

#footer p {
	width: 304px;
	text-align: right;
	float: right;
	padding: 0;
	color: #9ca3a1;
}

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

#header a.nav {
	display: inline-block;
	height: 29px;
	text-indent: -1111em;
	margin: 18px 5px 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	z-index: 100;
	float: left;
}

#header a.home {
	background-image: url(images/nav-home.gif);
	width: 69px;
}

#header a.uni {
	background-image: url(images/nav-uni.gif);
	width: 245px;
}

#header a.blog {
	background-image: url(images/nav-blog.gif);
	width: 65px;
}

#header a:hover {
	top: 1px;
}

#header a.current {
	background-position: 0 -29px;
}

	
/* Images ######################################################### */	

img {
	border: none;
}

#header img.person, #header img.person2 {
	background:url(images/person1.png) no-repeat;
	position: absolute;
	top: 0;
	left: 730px;
	z-index: 50;
	height:311px;
	width:245px;
}
#header img.person2 {
	background:url(images/person2.png) no-repeat;
	width:304px;
	height:311px;
}
#header img.person3 {
	background:url(images/person3.png) no-repeat;
	position: absolute;
	height:246px;
	width:206px;
	top: 55px;
	left: 400px;
	z-index: 50;
}
#slideshow img#bottom {
	position: absolute;
	top: 333px;
	left: 0px;
}

#slideshow .element img {
	float: left; 
}	

.image img.clip {
	position: absolute;
	left: 180px;
	top: -15px;
}
	
/* Tables ######################################################### */

	

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

.col-left ul, .col-left ol {
	padding: 0 0 15px 0;
	margin: 0 30px;
} 

.col-left li {
	padding: 7px  0;
	margin: 0;
} 

.col-right ul {
	background: #fff;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding: 0;
	list-style-type: none;
	margin: 0;
}

.col-right ul li {
	padding: 10px 10px 10px 33px;
	margin: 0;
	border-top: 1px dotted #dedede;
	background: url(images/bullet.gif) 15px 14px no-repeat;
}

.col-right ul.faq li {
	background: url(images/bullet-q.gif) 12px 12px no-repeat;
}

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

form {
	padding: 0;
	margin: 0;
}

#header form {
	width: 405px;
	height: 165px;
	padding: 45px 0 0 0;
	position: absolute;
	top: 85px;
	left: -5px;
	background: url(images/search-top.gif) 0 0 no-repeat;
}

form.search {
	height: 115px;
	clear: both;
	background: url(images/search-bottom.jpg) 0 0 no-repeat;
	padding: 36px 0 0 200px;
	position: relative;
}

form.search label {
	color: #fff;
	display: block;
	text-align: center;
	padding-bottom: 4px;
}

form.search select {
	width: 180px;
	}

form.search input {
	position: absolute;
	top: 45px;
	left: 820px;
}

#header form p label {
	color: #fff;
	display: block;
	width: 180px;
	padding: 8px 0 0 38px;
	float: left;
}

#header form p select {
	width: 160px;
	margin: 7px 0 0 0;
}



/* 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;
}	
h3.special-text {
	color:#1f666d;
	line-height:140%;
	margin-bottom:10px;
}

::-moz-selection {
    color: ;
    color: rgba(255,255,255,1.0);
    background-color: #dd4d6f;
    background-color: rgba( );
    }
::selection {
    color: ;
    color: rgba(255,255,255,1.0);
    background-color: #dd4d6f;
    background-color: rgba( );
    }

/* Posts ######################################################### */	

h2.post, h2.blog {
	border-bottom:1px solid #DEDEDE;
	box-shadow:0 1px 0px white !important;
	margin:0 0 10px 0 !important;
	font-family: trajan-pro, sans-serif !important;
    	font-size: 25px !important;
	line-height:120% !important;
	padding:20px !important;
	text-align:center !important;
	background:#FFF !important;
	height:60px;
	color:#D23B5E;
}
ol.fancy-text {
	font-size:28px !important;
	font-family:trajan-pro,sans-serif;
	font-weight:700;
	font-style:italic;
	line-height:10px;
	text-decoration:none;
	color:#CCC;
	margin:20px 0 0 40px;
}
ol.fancy-text li {
	margin-bottom:30px !important;
	border-bottom:1px solid #DEDEDE;
	box-shadow:0 1px 0px white;
}
ol.fancy-text p {
	font-size:15px;
	font-style:normal;
	line-height:20px;
	font-weight:normal;
	color:#666;
	font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
}
.blog p {
	font-size:15px;
	font-style:normal;
	line-height:22px;
}
.post-2266 h2 {
height:90px;
}
.post-2266 img {
margin:0 0 10px 15px;
}
.post-2401 h3, .post-2401 h3 a{
font-size:20px;
line-height:25px;
}
.post-2401 ol li{
height:280px;
}
.post-2401 ol li p{
margin-top:10px;
}
.post-2401 ol li p img{
margin:5px 20px 15px 0;
}