/*

Theme Name: OnlineCertificateProgram
Theme URI: http://www.onlinecertificateprogram.com
Description: Custom Theme for OnlineCertificateProgram

/*-----------Block Level Elements--------------*/



* { margin:0; padding:0; }

a { color:#1186d8; text-decoration:none; outline:none; }

a:hover { color:#1186d8; text-decoration:none; }



body {
 	color:#333;
 	font:15px Helvetica;
 	background-color:#e9efe4;
	line-height:140%;
}



#page {

 width:950px;

 margin:0 auto;

}



#header { width:100%; overflow:hidden; }

#header h1 { float:left; width:475px; height:100px; background:url(images/logo.gif) no-repeat top left; font-size:14px; padding:0; margin:0; }

#header h1 a { display:block; text-indent:-10000px; width:475px; height:100px; background:url(images/logo.gif) no-repeat top left; }



#headerimg { float:left; width:475px; background:url(images/menu-background.gif) repeat-x top left; overflow:hidden; margin-top:30px; }

#headerimg #description { background:url(images/menu-right.gif) no-repeat top right; overflow:hidden; }

#description ul { background:url(images/menu-left.gif) no-repeat top left; overflow:hidden; min-height:46px; list-style:none; }

#description ul li { float:left; margin:8px 0; }

#description li#home a { width:78px; height:31px; background:url(images/menu.gif) 0 -31px; display:block; text-indent:-10000px; margin-left:15px; }

#description li#home a:hover { background:url(images/menu.gif) 0 0; }

#description li#home-current a { width:78px; height:31px; background:url(images/menu.gif) 0 0; display:block; text-indent:-10000px; margin-left:15px; }

#description li#blog a { width:66px; height:31px; background:url(images/menu.gif) -78px -31px; display:block; text-indent:-10000px; }

#description li#blog a:hover { background:url(images/menu.gif) -78px 0; }

#description li#blog-current a { width:66px; height:31px; background:url(images/menu.gif) -78px 0; display:block; text-indent:-10000px; }

#description li#resources a { width:113px; height:31px; background:url(images/menu.gif) -144px -31px; display:block; text-indent:-10000px; }

#description li#resources a:hover { background:url(images/menu.gif) -144px 0; }

#description li#resources-current a { width:113px; height:31px; background:url(images/menu.gif) -144px 0; display:block; text-indent:-10000px; }

#description li#about a { width:80px; height:31px; background:url(images/menu.gif) -257px -31px; display:block; text-indent:-10000px; }

#description li#about a:hover { background:url(images/menu.gif) -257px 0; }

#description li#about-current a { width:80px; height:31px; background:url(images/menu.gif) -257px 0; display:block; text-indent:-10000px; }

#description li#contact a { width:96px; height:31px; background:url(images/menu.gif) -337px -31px; display:block; text-indent:-10000px; }

#description li#contact a:hover { background:url(images/menu.gif) -337px 0; }

#description li#contact-current a { width:96px; height:31px; background:url(images/menu.gif) -337px 0; display:block; text-indent:-10000px; }



#wrapper { width: 100%; overflow:hidden; padding-bottom:10px; }

#content { float:right; width:642px; }
#content li {
margin:15px;
}
#content p {
	margin:10px 0;
}
#sidebar { float:right; width:284px; margin-right:20px; }



#footer { width: 100%; clear: both; border-top:2px solid #c5d3ba; padding:15px 0; text-align:center; }



/*-------------Headings-------------*/



h1 { font-size:20px; }

h2 { font-size:18px; }

h3 { font-size:16px; }

h4 { font-size:15px; }

h5 { font-size:14px; }



/*- splash -*/

#splash { width:950px; height:350px; background:url(images/splash.jpg) no-repeat top left; overflow:hidden; margin-bottom:20px; }

#splash form { width:210px; margin:105px 0 0 55px; }

#splash form select { width:200px; font-size:12px; }

#splash select.second { margin-top:13px; }

#splash select.third { margin-top:14px; }

#splash input { width:164px; height:39px; background:url(images/search-now.png) no-repeat top left; border:0; font-size:0; margin:30px 0 0 20px; cursor:pointer; text-indent:-10000px; line-height:0px; }

@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
	#splash select.second { margin-top:17px; padding:0px; }
	#splash select.third { margin-top:17px; padding:0px; }
	#splash input { width:164px; height:39px; background:url(images/search-now.png) no-repeat top left; border:0; font-size:0; margin:32px 0 0 20px; cursor:pointer; text-indent:-10000px; line-height:0px; }
}


/*- Online Certificate Program News -*/

div.news { padding-bottom:10px; }

div.news h4 { color:#2f2f2f; font:13px Helvetica; padding-top:15px; font-weight:bold; }

div.news ul { color:#1186d8; float:left; margin:0 0 0 13px; font-weight:bold; }

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



/*- Featured Universities -*/

div.box { overflow:hidden; border-bottom:1px solid #dde7d5; padding-bottom:15px; }

div.box div.logo { float:left; width:165px; margin:0 0 0 20px; padding-top:15px; }

div.box div.text { float:left; width:420px; margin:0; }

div.box p.click { margin:10px 0 0 20px; padding:0; width:141px; height:33px; background:url(images/clickhere.gif) no-repeat top left; }

div.box p.click a { width:141px; height:33px; background:url(images/clickhere.gif) no-repeat top left; display:block; text-indent:-10000px; }



/*- State Elements -*/

ul.states { list-style:none; margin:15px 10px 0px 0px; overflow:hidden; padding:15px 0 20px 40px; }

ul.states li { float:left; width:110px; padding-left:10px; border-left:1px solid #a8c98e; }

ul.states li ul { margin:0; padding:0; list-style:none; }

ul.states li ul li { float:none; border:0; padding:2px 0; width:auto; }



/*-------------The Post-------------*/



.headline {
background:none;
border-bottom:1px dotted #CCC;
color:#325f19 !important;
font-size:35px;
line-height:120%;
padding:20px;
text-align:center;
font-family:'Barlow Condensed', sans-serif;
}
.headline a {
color:#325f19 !important;
text-decoration:none;
}

h2.headline {
margin-bottom:10px;
}

.post { 
	background-color:#fff; 
	border:1px solid #a8c98e; 
	margin-bottom:20px; 
	overflow:hidden; 
	padding:15px;
}



.post ul, .post ol { margin:15px 20px 5px 40px; line-height:140%; }

.post small.date { font-size:13px; display:block; padding:15px 0 0 20px; }

.post .entry { padding-bottom:15px; overflow:hidden; }



.navigation { overflow:hidden; }

.navigation div.alignleft { float:left; width:45%; }

.navigation .alignright { float:right; width:45%; text-align:right; padding-right:5px; }





/*--------------Sidebar------------*/

#sidebar .sidebar { width:264px; margin:0 0 20px 20px; border:1px solid #c5d3ba; background-color:#dde7d5; }

#sidebar .headline { background:#bdcdb0 url(images/sidebar-headlines.gif) repeat-x top left; border-bottom:1px solid #fff; color:#2f3728; font-size:18px; padding:13px 15px 13px 20px }



#sidebar .sidebar img { margin:20px 0 5px 20px }

#sidebar p { padding:15px 20px 5px 20px; }

#sidebar ul { color:#1186d8; margin:10px 10px 10px 35px; }



#sidebar ul.blog { list-style:none; margin:0 !important; padding:0; }

#sidebar ul.blog li { border-bottom:1px solid #fff; padding:10px 15px; }



#sidebar.degree { background:url(images/inner-degree.gif) no-repeat top left; overflow:hidden; }

#sidebar.degree form { width:210px; margin:70px 0 30px 55px; padding:0; }

#sidebar.degree form select { width:200px; padding:0; font-size:12px; }

#sidebar.degree select.second { margin-top:13px; }

#sidebar.degree select.third { margin-top:14px; }

#sidebar.degree input { width:164px; height:39px; background:url(images/search-now.png) no-repeat top left; border:0; font-size:0; margin:17px 0 0 20px; cursor:pointer; text-indent:-10000px; line-height:0px; }

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	#sidebar.degree form { width:210px; margin:70px 0 32px 55px; padding:0; }
	#sidebar.degree select.second { margin-top:17px; }
	#sidebar.degree select.third { margin-top:17px; }
	#sidebar.degree input { width:164px; height:39px; background:url(images/search-now.png) no-repeat top left; border:0; font-size:0; margin:31px 0 0 20px; cursor:pointer; text-indent:-10000px; line-height:0px; }
}


/*--------------Comments--------------*/

#comment-box { overflow:hidden; padding:15px 0px 5px 0px; border-top:1px solid #d0d0d0; margin:30px 15px 0 15px; }

#comment-box .avatar { float:right; padding:2px; border:1px solid #F2F2F2; }

#comment-box p { clear:both; padding:5px 0px 5px 0px; }

#comment-box h5#comments, #comment-box #respond h5 { font-size:16px; margin:0px 15px 0px 0px; }

#comment-box #respond { padding-top:20px; }

#comment-box .cancel-comment-reply { margin-left:15px; }

ol.commentlist { margin:0; list-style:none; }

ol.commentlist ul { list-style:none; }



ol.commentlist li {

 margin:10px 0px 0px 0px;

 padding:5px 10px 5px 10px;

 border:1px solid #E4E4E4;

 overflow:hidden;

}



/*-------------Images------------------*/

img.map { margin:10px 0 5px 20px; }

img.alignleft { float:left; margin:15px 20px 5px 20px; }

img.alignright { float:right; margin:15px 20px 5px 20px; }





/*-------------Other------------------*/

h1.pagetitle { background:#bdcdb0 url(images/cat-headline.gif) repeat-x top left; border-bottom:1px solid #dce5d4; color:#2f3728; font-size:18px; padding:13px 15px 13px 20px }


/* Articles ######################################################### */
ol.fixed-height li {
	height:250px;
}
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:10px auto 10px auto;
	display: block;
}
img.intro {
	box-shadow: 1px 2px 6px rgba(0,0,0,0.50);
	border:6px solid #FFF;
}
p.intro-text {
	font-size:18px;
line-height:140%;
}
ol.video p {
margin:10px;
}
/* LIST STYLES ######################################################### */

li:last-child {
	border-bottom: none;
}
ol {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
	font-family: 'Barlow Condensed', sans-serif;
}
ol > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:21px 5px !important; /* Add some spacing around the content */
   	 list-style:none; /* Disable the normal item numbering */
	font-size:15px;
	border-bottom:1px dotted #CCC;
	line-height:140%;
	font-family:arial, sans-serif;
}
ol > li:before {
    	content:counter(li); /* Use the counter as content */
    	counter-increment:li; /* Increment the counter by 1 */
    	/* Position and style the number */
    	position:absolute;
    	top:0;
    	left:-2em;
    	-moz-box-sizing:border-box;    	
    	-webkit-box-sizing:border-box;
   	box-sizing:border-box;
   	width:2em;
    /* 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:8px;
   	padding:25px 0 0;
    	color:#BBB;
    	text-align:center;
	font-size:23px;
	font-family: 'Barlow Condensed', sans-serif;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}
h3, h3 a {
	margin:3px 0px 10px;
	font-size:20px !important;
	font-weight:600 !important;
	text-decoration:none;
	line-height:130%;
}
.list-continue { counter-reset: item; }

div.degree label {display:none;}
div.degree select {margin-bottom:14px;}
div.category label {display:none;}
div.category select {margin-bottom:14px;}
div.subject label {display:none;}

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:200px;
}

.AccordionTitle
{
  height:20px;
  cursor:pointer;
  -moz-user-select:none;
  text-decoration: underline;
  color: #1186d8;
  background-image:url("images/arrow.png");
  background-repeat: no-repeat;
  background-position: 0 8px;
  margin-left:-15px;
  padding-left:10px;
  display:block;
  list-stye-type:none;
  text-decoration: none;
}

.AccordionTitle {
	display: block;
	list-style: none;
	}

.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none;
}

#sidebar .AccordionContent ul {
	margin-left:20px;
	list-style-type:none;
}

#AccordionContainer ul li  {
	list-style-type:none;
	display:block !important;
}