/*
Theme Name: Summit Professional Education
Theme URI: http://summit-education.com/
Description: Custom development for Summit Professional Education.
Version: 1.0
Author: Ryan J. Stout
*/

body, ul, li, ol{ margin: 0; padding: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-shadow: 0 1px 0 #FFF; }

body{ background: #F1F1F2; color: #000; }

/* Overall */
.clear{ clear: both; }
.rounded{  }
.border{ border: 1px solid #999; }
.float-left, .alignleft{ float: left; }
.float-right, .alignright{ float: right; }
.hidden{ display: none; }

.postmetadata{ border-left: 1px dotted #999; padding-left: 10px; font-size: 11px; background: #DDD; border-bottom: 1px solid #333; }

.titlespan{ color: #AB0C0C; font-size: 22px; font-style: italic; }
.aboutstatement{ font-size: 10px; color: #777; margin-bottom: 20px; }

/* Affiliate Pages */
#frmafflogin input[type="text"], #frmafflogin input[type="password"]{ border: 1px solid #999; color: #333; }
#frmafflogin label{ float: left; width: 100px; }

.wpcf7 input[type="text"]{ border: 1px solid #999; color: #333; }
.wpcf7 label{ float: left; width: 100px; }
.wpcf7 input.submit{ padding: 4px 12px; height: 28px; color: #FFF; background: url(images/button-submit-bg.jpg) repeat-x; }

/* Text Styles */
strong, em, b, i { font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, address { font-family: Arial, Helvetica, sans-serif; }

h1{ font-weight: normal; color: #004F73; font-size: 28px; line-height: normal; }
h2{ font-weight: normal; color: #004F73; font-size: 26px; }
h3{ font-weight: normal; color: #004F73; font-size: 16px; }
  h3 small{ color: #555; }

.notice{ padding: 6px; background: #EFFAFF; border: 1px solid #70C0E7; color: #333; text-shadow: 0 1px 0 #FFF; }

a{ border-bottom: none; color: #004563; }
a:hover{ border-bottom: none; color: #9C1C27; }

ul{ }
  ul li{ list-style: outside url(images/list-marker.png); margin: 0 0 4px 10px; }
  ul li a{ color: #333; text-decoration: none; }
    ul li a:hover{ color: #CC5229; }
  ul li.last{ list-style: none !important; }
    ul li.last a{ color: #333; border-bottom: 1px dashed #016C70; }
      li.last a:hover{ color: #CC5229; border-bottom: 1px dashed #333; }

ul.posts-list{ }
  ul.posts-list li{ }
  ul.posts-list li a{ color: #333; }
  ul.posts-list li a:hover, ul.posts-list li a:hover small{ color: #014F6D; }
  ul.posts-list li a small{ color: #777; text-decoration: none; }
  
ul.home-posts-list li{ margin: 0 0 28px 10px; }
  ul.home-posts-list li a{ text-decoration: underline; }
  
div#page-content ul li{ margin-left: 50px !important; }  
  
ol{ margin-left: 20px; }
  ol li{ list-style: inside decimal; }

/* Forms */
form input, form select{ background: #FFF; color: #333; font-size: 12px; border: 1px solid #999; padding: 6px 4px; margin-bottom: 2px; }
form input.submit, .wpcf7-submit{ padding: 4px 12px; height: 32px; width: 140px; color: #FFF; background: url(images/button-submit-bg.jpg) repeat-x; border: none !important; }
  form input.submit:hover, .wpcf7-sumit:hover{ text-shadow: 0 0 4px #FFF; cursor: pointer; }
  
form.onpage label{ float: left; width: 100px; }
form.onpage input, form.onpage select, form.feedback input, form.feedback select{ border: 1px #666 solid; }
form.feedback label{ float: left; width: 250px; }
form.feedback label.nowidth{ width: auto; margin-right: 20px; }
form.feedback input, form.feedback select{ padding: 1px; }

form.wide-labels label{ width: 200px; }
label.large{ font-size: 14px; color: #014F6D; }

.validation-error{ border-left: 4px solid #D9E4B0; padding-left: 10px; }
  .validation-error label{ width: 186px !important; }
.validation-message{ border-left: 4px solid #E59038; padding-left: 10px; font-size: 12px; }

/* form#frmContact{ margin-top: 30px; border-top: 1px #CCC solid; } */

div#page-content form input, div#page-content form select{ }

form#seminar-search{ padding-top: 4px; }
form#seminar-search label{ float: left; width: 130px; margin-left: 10px; }
  form#seminar-search select#state{ margin-right: 20px; }

div#page-content form#seminar-search{ margin-bottom: 30px; border-bottom: 1px dotted #CCC; }
  div#page-content form#seminar-search label{ width: 120px; }
  div#page-content form#seminar-search select{ background: #F5F5F5; border: 1px solid #E6E6E6; }

/* Header */
div#header{ background: #004F73; border-bottom: 4px solid #9C1C27; }
div#headercon{ width: 985px; margin: 0 auto; padding-top: 20px; }
ul#header-nav{ float: right; margin: 76px 20px 0 0; }
  ul#header-nav li{ float: left; margin-left: 20px; list-style: none; }
  ul#header-nav li a{ text-decoration: none; font-size: 14px; color: #FFF; text-shadow: none; }
    ul#header-nav li a:hover{ color: #B5E9EB; }
  ul#header-nav li.minor{ margin-top: 2px; }
    ul#header-nav li.minor a{ font-size: 10px; }
  ul#header-nav li.active{ border-bottom: 2px #FFF solid; }
    ul#header-nav li.active a{ color: #FFF; }
  ul#header-nav li.divider{ font-size: 8px; color: #B5E9EB; }
img.header-logo{ float: left; }

ul#social-nav{ float: right; margin: 70px 20px 0 0; }
  ul#social-nav li{ float: left; margin-left: 20px; list-style: none; }

div#main-nav{ margin: 20px 0 0 0; height: 48px; }
div#main-nav ul{ display: block; list-style: none outside none; }
div#main-nav ul li{ margin: 0px; display: inline; list-style: none outside none; }
  div#main-nav ul li a{ height: 48px; background: url(images/header-navsprite-v2.jpg) no-repeat; float: left; text-indent: -9999px; }
  div#main-nav ul li a:hover{ }
  
  div#main-nav ul li#mn-home a{ width: 112px; background-position: 0 0; }
  div#main-nav ul li#mn-liveworkshops a{ width: 162px; background-position: -112px 0; }
  div#main-nav ul li#mn-ondemand a{ width: 152px; background-position: -276px 0; }
  div#main-nav ul li#mn-homestudies a{ width: 230px; background-position: -428px 0; }
  div#main-nav ul li#mn-newsblogs a{ width: 148px; background-position: -660px 0; }
  div#main-nav ul li#mn-customercare a{ width: 181px; background-position: -808px 0; }
  
  div#main-nav ul li#mn-home a:hover{ background-position: 0 -48px; }
  div#main-nav ul li#mn-liveworkshops a:hover{ background-position: -112px -48px; }
  div#main-nav ul li#mn-ondemand a:hover{ background-position: -276px -48px; }
  div#main-nav ul li#mn-homestudies a:hover{ background-position: -428px -48px; }
  div#main-nav ul li#mn-newsblogs a:hover{ background-position: -660px -48px; }
  div#main-nav ul li#mn-customercare a:hover{ background-position: -808px -48px; }
  
  div#main-nav ul li#mn-home.selected a{ width: 112px; background-position: 0 -96px; }
  div#main-nav ul li#mn-liveworkshops.selected a{ width: 162px; background-position: -112px -96px; }
  div#main-nav ul li#mn-ondemand.selected a{ width: 150px; background-position: -276px -96px; }
  div#main-nav ul li#mn-homestudies.selected a{ width: 243px; background-position: -428px -96px; }
  div#main-nav ul li#mn-newsblogs.selected a{ width: 148px; background-position: -660px -96px; }
  div#main-nav ul li#mn-customercare.selected a{ width: 172px; background-position: -808px -96px; }

div#popup-overlay {
	background-color: rgb(0, 0, 0);
	opacity: 0.8; /* Safari, Opera */
	-moz-opacity:0.80; /* FireFox */
	filter: alpha(opacity=80); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}

div#popup-content-container{ width: 400px; position: absolute; left: 50%; z-index: 30; }
div#popup-content{ left: -200px; background: #F5F5F5; padding: 20px; position: absolute; }

/* Page */
div#page{ width: 985px; margin: 0 auto; margin-bottom: 50px; }
div#page-content{ float: left; width: 680px; margin: 8px 0; padding: 10px 20px; line-height: 22px; text-shadow: none; }
div#page-content-fullwidth{ float: left; width: 925px; background: #FFF; margin: 8px; padding: 10px 20px; line-height: 22px; text-shadow: none; }

div#page img{ margin: 10px; }

/* Sidebar */
div#sidebar{ width: 236px; padding: 10px; float: left; }
ul#sidebar-nav{ }
  ul#sidebar-nav li{ margin: 0 0 10px 10px; list-style: none; }
  ul#sidebar-nav li a{ color: #4D4D4D; font-size: 13px; }
    ul#sidebar-nav li a:hover{ color: #000; }
  ul#sidebar-nav li.current_page_item{ padding: 10px 0; margin: 0 0 10px 10px; border-bottom: 2px solid #9C1C27; }
    ul#sidebar-nav li.current_page_item a{ color: #000; }

ul#sidebar-nav.news{ margin: 50px 0 !important; }

ul.sidebar-posts-list{ }
  ul.sidebar-posts-list li{ margin-bottom: 16px !important; }
  
div.sb-box{ padding: 12px; margin: 0 0 10px 0; border: 1px solid #CCC; background: #FFF; }

/* Home Page */
div#home-notice{ background: #EFFAFF; border: 1px solid #70C0E7; width: 945px; margin: 0 auto; margin-bottom: 10px; padding: 10px 20px; }
div#home-main{ width: 985px; margin: 0 auto; margin-bottom: 30px; padding: 20px 0; border-bottom: solid 1px #9C1C27; }

div#home-topsearch{ background: #9C1C27; width: 985px; margin: 0 auto; }

div#home-search{ float: left; width: 630px; }
  img.search-home{ margin-bottom: 30px; }

  
div#home-main-feature{ float: left; width: 630px; border: 2px solid #CCC; overflow: hidden; }

div#home-signup{ float: left; width: 288px; padding-left: 30px; height: 355px; color: #FFF; background: #1F1F1F; text-shadow: none; }
  div#home-signup h3{ color: #FFF !important; text-shadow: none; }
  div#home-signup a{ color: #CCC; text-shadow: none; }

div#home-two-col{ width: 985px; margin: 0 auto; }
  div#home-two-col-left{ float: left; width: 400px; padding: 0 10px 10px 10px; }
  div#home-two-col-right{ float: right; width: 500px; margin-left: 32px; padding: 10px 10px 10px 10px; }
  
div#home-features{ width: 985px; margin: 0 auto; margin-bottom: 20px; }
  div#home-features div{ width: 230px; float: left; margin-right: 20px; border-bottom: 1px solid #999; }
  div#home-features div.last{ margin-right: 0; }

div#customer-care-logo{ float: left; width: 130px; }
div#customer-care-message{ float: left; width: 220px; margin-left: 40px; }
  div#customer-care-message h2{ line-height: normal; }

div#home-two-col-right img{ margin: 10px 0 0 0; }
div#home-two-col-right div{ width: 360px; float: left; margin-left: 10px; }

div.divider{ margin: 20px 15px 0 15px; float: left; height: 315px; }
  div.divider div.d1{ width: 1px; height: 100%; background: #999; float: left; }
  div.divider div.d2{ width: 1px; height: 100%; background: #FFF; float: left; }
  
/* Seminar Page */
.seminar{ padding: 6px; }
  .odd{  }
  .date{ float: left; width: 100px; }
  .city{ float: left; width: 250px; }
  .info{ float: left; }

.seminar-listing img{ margin: 0 10px 0 0 !important; }
.seminar-listing hr{ margin-bottom: 40px; }

h3 span.headline, h3 span.biline{ font-size: 13px; }
h3 span.instructor{ color: #555; font-size: 13px; }
	
/* News, Blog & Related */
ol.commentlist li{ list-style: none; }

/*.post{ background: url(images/blog-entry-background.jpg) repeat-x; padding: 1px 10px; margin-bottom: 20px; }*/
.post, .comment{ padding: 1px 10px; margin-bottom: 20px; }
.bypostauthor{ padding-top: 10px; background: url(images/blog-entry-background-instructor.jpg) no-repeat; }
.comment-author-jeff-watjen, .comment-author-ryan-stout, .comment-author-ben-roosien{ background: url(images/blog-entry-background-admin.png) no-repeat !important; }
  .comment-author-jeff-watjen div, .comment-author-ryan-stout div, .comment-author-ben-roosien div{ padding-top: 10px; }

.comment li p a{ text-decoration: underline; }
.comment{ border-bottom: 1px dotted #666; }
.children .comment{ border-bottom: none; border-left: 1px dotted #999; }

li.list-item-no-marker, li.categories{ list-style: none; }
	
/* Contact */
div.contact-funnels{ width: 200px; padding-left: 20px; border-left: solid 1px #777; }
	
/* Page with Posts */
form#commentform input{ border: 1px solid #CCC; }
form#commentform input.submit{ border: none !important; }

ol.commentlist li{ padding: 10px; margin: 6px; }

/* Footer */
div#footer{ width: 980px; margin: 0 auto; padding: 24px; margin-bottom: 20px; border-top: solid 4px #9C1C27; }

ul#footer-nav ul{ float: left; list-style: none outside none; padding: 0 0 0 8px; border-left: solid 1px #D0D2D3; margin: 0 50px 0 0; }
  ul#footer-nav ul li{ list-style: none; margin: 0 0 8px 0; }
  ul#footer-nav ul li a{ color: #404041; text-decoration: none; font-size: 11px; }
    ul#footer-nav ul li a:hover{ color: #000; }
  ul#footer-nav ul li.title{ font-size: 13px; color: #404041; font-weight: bold; }
  ul#footer-nav ul li.minor a{ color: #888; font-size: 10px; }
    ul#footer-nav ul li.minor a:hover{ color: #000; }

p.footer-copyright{ font-size: 10px; color: #999; }
  p.footer-copyright a{ text-decoration: none; color: #3B7B9B; }
  p.footer-copyright a:hover{ color: #016C70; }
  
div#footer-home{ width: 980px; margin: 20px auto; padding: 24px; border-top: solid 4px #9C1C27; }

/* From WP Default Theme */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
