/*
Theme Name: Park City Independent 2011
Theme URI: http://parkcityindependent.com
Description: The July 2011 refresh of the Park City Independent High School Website
Version: 3.0
Author: Bryce K Bertola
Author URI: http://www.bertolamarketing.com
Tags: online high school
*/

/* Basics */

* { margin: 0; padding: 0; }

.left { float: left; }
	img.left { margin: 0 15px 10px 0; }
.right { float: right; }
	img.right{ margin: 0 0 10px 15px; }
.clear { clear: both; }
	br.clear { height: 1px; }
div { position: relative; }
a img { border: 0 !important; }
input, textarea { display: block; }
p.smalltext { font-size: 12px; line-height: 1.4em; margin: 0 0 1em 0; padding: 0; }

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 11pt;
	color: #616161;
	background-color: #e6e6e6;
	}

h1, h2, h3, h4 {
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 0 0 .5em 0;
	}

h1 { font-size: 20pt; color: #000000; }
h2 { font-size: 16pt; color: #004f80; }
h3 { font-size: 15pt; color: #000000; }
h4 { font-size: 12pt; color: #000000; }
p { line-height: 18pt; padding: 0 0 1em; }
li { line-height: 18pt; }


.contain {
	width: 1000px;
	margin: 0 auto;
	}
	.content .contain {
		width: 998px;
		}



/* Header Elements */

.header {
	height: 200px;
	background: url('/wp-content/themes/parkcity/images/header-repeat.jpg') top center repeat-x;
	}

.logo {
	position: absolute;
	top: 20px; 
	left: 10px;
	width: 121px;
	height: 120px;
	background: url('/wp-content/themes/parkcity/images/pci-logo.jpg') top left no-repeat;
	}
.sitename {
	position: absolute;
	top: 56px; 
	left: 160px;
	background: url('/wp-content/themes/parkcity/images/pci-tagline.jpg') top left no-repeat;
	width: 447px;
	height: 53px;
	}
.sitename a,
.logo a {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	text-indent: -9999em;
	}

p.utility-links {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	background-color: #393939;
	font-size: 8pt;
	text-transform: uppercase;
	margin: 0;
	padding: 0 2px;
	}
	.utility-links a {
		padding: 2px 5px;
		color: #cccccc;
		text-decoration: none;
		}
		.utility-links a:hover {
			color: #fff;
			}

.phone {
	text-align: center;
	position: absolute;
	top: 35px;
	right: 10px;
	font-size: 14px;
	width: 300px;
	color: #ffffff;
	}
	.phone .title {
		font-size: 11px;
		}

.inputbox {
	position: absolute;
	top: 106px;
	right: 85px;
	}
.submitimg {
	position: absolute;
	top: 106px;
	right: 15px;
	}


/* Navigation Elements */

.main-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 161px;
	left: 0;
	width: 1000px;
	font-size: 10pt;
	text-transform: uppercase;
	border-left: 1px solid #346498;
	}
	.main-nav li {
		list-style: none;
		float: left; 
		margin: 0;
		border-right: 1px solid #346498;
		}
		.main-nav li a {
			display: block;
			padding: 0 10px;
			line-height: 38px;
			color: #ffffff;
			text-decoration: none;
			background-color: #004e7f;
			}
		.main-nav li a:hover {
			background-color: #00639e;
			}
		.main-nav li.menu-item-63 {
			width: 45px;
			height: 38px;
			border: 0;
			}
			.main-nav li.menu-item-63 a {
				background-image: url('/wp-content/themes/parkcity/images/home-icon.png');
				background-position: top left;
				text-indent: -9999em;
				}
				.main-nav li.menu-item-63 a:hover {
					background-position: bottom left;
					}
					
.main-nav .current-menu-item a,
.main-nav .current-page-ancestor a {
	background-color: #003b5f;
	}
		
		/* FLYOUT NAVIGATION */
		
		.main-nav li ul {
			display: none;
			position: absolute;
			height: auto;
			top: 38px;
			left: 0;
			background-color: #e1e1e1;
			margin: 0;
			height: auto;
			overflow: visible;
			z-index: 99;
			border: 1px solid #346498;
			border-width: 1px 0 0 1px;
		}
		.main-nav li ul li {
			padding: 0;	
			margin: 0;
			clear: left;
			height: auto;
			line-height: normal;
		}
		.main-nav li ul li a {
			width: 200px;
			color: #000000;
			text-decoration: none;
			display: block;
			text-indent: 0;
			background-image: none;
			background-color: #f7f7f7;
			padding: 8px;
			line-height: normal;
			border-bottom: 1px solid #346498;
		}
		.main-nav .current-menu-item ul li a,
		.main-nav .current-page-ancestor ul li a {
			background-color: #f7f7f7;		
		}
			.main-nav li ul li a:hover {
				color: #BA324A;
				text-decoration: none;
				background-color: #ffffff;
			}
			.main-nav li ul li.current-menu-item a {
				background-color: #ffffff;
			}
		.main-nav li > ul {
			top: auto;
			left: auto;
		}
		.main-nav li:hover ul,
		.main-nav li.over ul {
			display: block;
		}
			
p.login a {
	position: absolute;
	top: 161px;
	right: 0;
	text-indent: -9999em;
	width: 173px;
	height: 38px;
	background-image: url('/wp-content/themes/parkcity/images/classroom-login.png');
	}




/* Content Elements */

.content .contain {
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	background-color: #f3f3f3;
	}

.content {
	border-bottom: 8px solid #004e7f;
	}

.sub-nav {
	margin: 0 !important;
	padding: 0 !important;
	background-color: #D8D8D8;
	width: 998px;
	font-size: 9pt;
	height: 30px;
	text-transform: uppercase;
	border-bottom: 1px solid #B7B7B7;
	}
	.sub-nav li {
		list-style: none;
		float: left; 
		margin: 0;
		border-right: 1px solid #B7B7B7;
		}
		.sub-nav li a {
			display: block;
			padding: 0 10px;
			line-height: 30px;
			color: #666666;
			text-decoration: none;
			background-color: #D8D8D8;
			}
		.sub-nav li a:hover {
			background-color: #CACACA;
			}
		.sub-nav .current-menu-item a,
		.sub-nav .current-page-ancestor a  {
			background-color: #b8b8b8;
			}

p.breadcrumb {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	font-size: 8pt;
	text-transform: uppercase;
	}

.content-column {
	padding: 30px 29px 60px 50px;
	float: left;
	width: 630px;
	}

.sidebar {
	padding: 30px 29px 60px 0;
	float: right; 
	width: 260px;
	}
	
.normal-margins {
	padding: 30px 50px 60px;
	}
	.page-template-pagec-home-page-php .normal-margins {
		padding-bottom: 20px;
		}
	
.wide-margins {
	padding: 30px 99px 60px;
	}
	
.home-splash {
	width: 998px;
	height: 400px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.home-splash .splash-dec-2011 {
		background: url('http://www.parkcityindependent.com/wp-content/themes/parkcity/images/home-splash-dec-2011.jpg') top left no-repeat;
		height: 400px;
		}
	.home-form {
		width: 320px;
		position: absolute;
		top: 115px;
		right: 195px;
		}
		.home-form input {
			width:145px;
			padding: 2px;
			}
		.home-form p {
			padding: 0 0 12px 0;
			font-size: 14px;
			line-height: 14px;
			}
		.home-form p.grade-level {
			padding: 4px 0;
			}
		.home-form textarea {
			width: 310px;
			height: 3em;
			}
		.home-form .grade-level {
			margin: .4em 0;
			text-align: right;
			}
		.home-form #learnmoreimg {
			width: 217px;
			}
		.home-form textarea {
			resize: none;
			font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size: 12px;
			padding: 3px;
			}
			
.content-column .single-post {
	padding-bottom: 60px;
	}
	
h2.post-title a {
	font-size: 16pt;
	color: #004f80;
	text-decoration: none;
	}



/* Landing Pages */

.landing-splash {
	width: 998px;
	height: 400px;
	}
	.landing-splash .splash-text {
		text-indent: -9999em;
		list-style: none;
		}
	
.landing-form p {
	font-size: 9pt;
	margin: 0;
	padding: 0; 
	}
.landing-form input {
	font-size: 10pt;
	padding: 3px;
	width: 180px;
	}
.landing-form textarea {
	width: 180px;
	height: 2em;
	padding: 3px;
	resize: none;
	}
.landing-form select {
	margin: 10px 0 5px 5px;
	}
.landing-form .submit-button {
	margin: 5px 9px 0 10px; 
	width: 159px;
	}

.lsplash-plainwhite {
	background: url('/wp-content/uploads/landing-splashes/male-plain-white.jpg') top left no-repeat;
	}
	.lsplash-plainwhite .landing-form {
		position: absolute; 
		top: 80px;
		right: 25px; 
		width: 400px;
		}

.lsplash-blondelaptop {
	background: url('/wp-content/uploads/landing-splashes/blonde-girl-laptop.jpg') top left no-repeat;
	}
	.lsplash-blondelaptop .landing-form {
		position: absolute; 
		top: 80px;
		right: 25px; 
		width: 400px;
		}


/* Trust Module */

.trust-badges {
	width: 998px;
	height: 100px;
	border-top: 15px solid #636261;
	border-bottom: 15px solid #636261;
	background: url('/wp-content/themes/parkcity/images/trust-platform.png') top left no-repeat #dad7d4;
	text-align: center;
	}
	.trust-badges .badges {
		padding: 10px;
		}
	.trust-badges a {
		margin: 0 20px;
		}
		.trust-badges a img {
			border: 0;
			}





/* Live Person Buttons */

#home-chat {
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 50;
	}
	
.lpPoweredBy,
.lpEmtStarRating {
	display: none;
	}
	


/* Homepage News Module */

h2.news-headline {
	width: 880px;
	height: 82px;
	margin: 0 auto 30px auto; 
	padding: 0;
	background-image: url('/wp-content/themes/parkcity/images/making-headlines.png');
	text-indent: -9999em;
	}
		
.news-clips {
	padding: 0 39px 20px;
	}
	.news-clips h3 {
		font-size: 11pt;
		}
		.news-clips h3 a {
			text-decoration: none; color: #004f80;
			}
		.news-clips h3 a:hover {
			text-decoration: underline;
			}
	.news-clips p {
		margin: 0;
		padding: 0;
		font-size: 9pt;
		line-height: 1.4em;
		}
	.news-clips p.post-meta {
		font-size: 8pt;
		padding: 1em 0 0;
		}
	
.news-column {
	float: left;
	width: 420px;
	padding: 0 20px;	
	}
	
.news-post {
	font-size: 9pt;
	padding: 0 0 30px 0; 
	}



/* Lists Module */

ol,
ul,
.content .contain ol,
.content .contain ul {
	margin: .5em 3em 1.5em;
	}

ol ol,
ul ul, 
ol ul, 
ul ol,
.content .contain ol ol,
.content .contain ul ul, 
.content .contain ol ul, 
.content .contain ul ol {
	margin: .5em 1.5em;
	}

ol.roman { list-style-type: upper-roman; }
	ol.roman ol {list-style-type: lower-roman; }

ol.decimal { list-style-type: decimal-leading-zero; }
	ol.decimal ol {list-style-type: decimal; }

ol.alpha { list-style-type: upper-alpha; }
	ol.alpha ol { list-style-type: lower-alpha; }



/* Tables Module */

.table-simple {
	text-align: center;
	border: 1px solid #999999;
	}
	.table-simple td {
		padding: 4px;
		border: 1px solid #cacaca;
		}
	.table-simple .table-header td {
		font-weight: bold;
		border: 0;
		}
	.table-simple .table-altrow {
		background-color: #ffffff;
		}

table.table-courses, 
table.table-courses td {border: 1px solid #000; font-size: 9pt;}
table.table-courses td {padding: 3px;}
table.table-courses tr.table-courses-heading { font-weight: bold; background-color: #cacaca; }
table.table-courses tr.table-courses-altrow { background-color: #ffffff; }

/* Callouts Module */

.callout-simple { 
	background: url('/wp-content/themes/parkcity/images/arrow-up.png') top left no-repeat;
	font-size: 9pt;
	line-height: 12pt;
	}
	.callout-simple.left {
		background: url('/wp-content/themes/parkcity/images/arrow-right.png') top right no-repeat;
		margin-right: 10px;
		width: 220px;
		}
	.callout-simple.right {
		background: url('/wp-content/themes/parkcity/images/arrow-left.png') top left no-repeat;
		margin-left: 10px;
		width: 220px;
		}
	.callout-simple div {
		padding: 20px 10px 10px 10px;
		}
	.callout-simple.left div {
		padding: 10px 20px 10px 10px;
		}
	.callout-simple.right div {
		padding: 10px 10px 10px 20px;
		}
	.callout-simple h6 {
		background-color: #ffffff;
		padding: 10px 12px 3px;
		font-size: 11pt;
		line-height: 14pt;
		}
	.callout-simple p {
		padding: 0 12px 12px;
		background-color: #ffffff;
		font-size: 10pt;
		line-height: 14pt;
		}


/* Forms Module */

.lead-form-graduation-plan {
	background: url('/wp-content/themes/parkcity/images/graduation-form-header.png') top left no-repeat;
	padding: 60px 15px 0px;
	font-size: 9pt;
	}
	.lead-form-graduation-plan p {
		margin: 0;
		padding: 0;
		}
	.lead-form-graduation-plan input,
	.lead-form-graduation-plan textarea {
		padding: 2px;
		width: 215px;
		margin-bottom: 10px;
		}
	.lead-form-graduation-plan .submit-button {
		width: 219px;
		height: 41px;
		margin: 0px auto;
		text-align: center;
		}
	.form-footer-graduation-plan {
		background: url('/wp-content/themes/parkcity/images/graduation-form-footer.png') top left no-repeat;
		width: 260px;
		height: 14px;
		}

.lead-form-admissions {
	background: url('/wp-content/themes/parkcity/images/admissions-form-header-2.png') top left no-repeat;
	padding: 60px 15px 0px;
	font-size: 9pt;
	}
	.lead-form-admissions  p {
		margin: 0;
		padding: 0;
		}
	.lead-form-admissions input,
	.lead-form-admissions textarea {
		padding: 2px;
		width: 215px;
		margin-bottom: 10px;
		}
	.lead-form-admissions .submit-button {
		width: 219px;
		height: 41px;
		margin: 0px auto;
		text-align: center;
		}
	.form-footer-admissions {
		background: url('/wp-content/themes/parkcity/images/admissions-form-footer.png') top left no-repeat;
		width: 260px;
		height: 14px;
		}

.lead-form {
	padding: 10px 20px;
	background-color: #DFE0E0;
	margin: 10px 0 0 20px;
	}
	.lead-form p {
		font-size: 10pt; 
		margin: .5em 0 0 0;
		padding: 0;
		}
	.lead-form input,
	.lead-form textarea {
		padding: 2px;
		width: 215px;
		} 
		
form.internal-lead .left,
form.internal-lead .right {
	width: 45%;
	}
form.internal-lead input {
	width: 90%;
	padding: 2px;
	font-size: 12pt;
	}

#vc-login {
	width: 300px;
	height: 250px;
	background: url('/wp-content/themes/parkcity/images/login-form-canvas.png') top left no-repeat;
	margin: 20px auto 40px;
	}
	#vc-login .form-wrap {
		padding: 20px 26px;
		}
	#vc-login p {
		margin: 0;
		padding: 0;
		font-size: 10pt;
		}
	#vc-login input#username,
	#vc-login input#password {
		background: url('/wp-content/themes/parkcity/images/login-form-input.png') top left no-repeat;
		width: 228px;
		height: 22px;
		border: 0;
		font-size: 22px;
		padding: 10px;
		}
		#vc-login p.form-password {
			margin-top: 10px;
			}
	#vc-login p.form-submit {
		padding: 25px 10px 0;
		text-align: center;
		}



/* Content Column Split Module */

.column-wrap {
	}
.column {
	float: left;
	width: 295px;
	margin: 0 10px 0 0;
	}
.column-border {
	border: 1px solid #cacaca;
	padding: 15px;
	}




/* Enrollment Page Elements */

p.download-new-student {
	background: url('/wp-content/themes/parkcity/images/download-new-student.png') top left no-repeat;
	width: 241px;
	height: 84px;
	margin: 0;
	padding: 0;
	}
	p.download-new-student a {
		text-indent: -9999em;
		display: block;
		width: 100%;
		height: 100%;
		}


/* Sidebar Elements */

.sidebar .widget-container {
	margin: 0 0 1em 0;
	}

.sidebar {
	font-size: 10pt;
	}
	.sidebar h5 {
		font-size: 10pt;
		line-height: 1.5em;
		}
	.sidebar ul {
		margin: .5em 1.5em;
		}
		
		
.share-buttons {
	background: url('/wp-content/themes/parkcity/images/share-this-top.png') top left no-repeat;
	padding: 25px 0 0 0;
	}
.share-buttons p {
	font-size: 9pt;
	line-height: 9pt;
	margin: 0 0 5px 0;
	padding: 0;
	}
.share-buttons .left {
	width: 115px;
	margin: 5px 0 0 10px;
	padding: 5px 0 0 5px;
	}
.share-buttons .right {
	width: 115px;
	margin: 5px 0 0 0;
	padding: 5px 5px 0 0;
	}
.share-buttons .shares {
	float: left;
	padding: 0 5px 0 0;
	height: 65px;
	}
	.share-buttons .right .shares img {
		margin: 5px 5px 5px 0;
		}
.share-buttons .clear {
	height: 8px;
	margin: 0;
	padding: 0;
	background: url('/wp-content/themes/parkcity/images/share-this-bottom.png') bottom left no-repeat;
	}

.facebook-share {
	width: 55px;
	overflow: hidden;
	}


/* Footer Elements */


iframe#full-footer{
	background-color: #313131;
	}
	
.footer {
	border-top: 2px solid #6c6c6c;
	color: #a6a6a6;
	font-size: 10pt;
	background-color: #313131;
	}
	.footer p {
		font-size: 10pt;
		line-height: 14pt;
		}
		.footer .subscription-form p {
			padding-bottom: 5px;
			font-size: 10pt;
			line-height: 12pt;
			}
		.footer .copyright p {
			font-size: 9pt;
			padding: 0 0 20px;
			text-align: center;
			}
	.footer h5 {
		color: #bfbfbf;
		text-transform: uppercase;
		font-size: 12pt;
		}
	.footer a {
		color: #bfbfbf;
		text-decoration: underline;
		}
		.footer a:hover {
			color: #e5e5e5;
			text-decoration: none;
			}
		
#footer-frame{
	background-color: #313131;
	}

.footer .footer-row-1 {
	background-color: #383838;
	}
	.footer .footer-row-1 .contain {
		background-color: #4e4e4e;
		padding: 20px 29px 0;
		}


.footer .footer-row-2 {
	background-color: #313131;
	}
	.footer .footer-row-2 .contain {
		background-color: #383838;
		padding: 20px 29px 0;
		}
.footer .footer-row-1 .contain,
.footer .footer-row-2 .contain {
	width: 940px;
	}

.footer .link-to-lead {
	position: absolute;
	top: 10px;
	left: 10px;
	}

.footer .footer-column {
	float: left;
	margin: 0 15px;
	}
.footer div.clear {
	height: 30px;
	width: 100%;
	}
	.footer .subscription-form .clear {
		height: 0;
		}

.footer-col-1up { width: 910px; }
.footer-col-2up { width: 440px; }
.footer-col-3up { width: 283px; }
.footer-col-4up { width: 205px; }
.footer-col-5up { width: 158px; }
.footer-col-6up { width: 126px; }

.footer-col-1up,
.footer-col-2up,
.footer-col-3up,
.footer-col-4up,
.footer-col-5up,
.footer-col-6up {
	margin: 0 15px;
	}

.footer .subscription-form input.email {
	width: 180px;
	}
.footer .subscription-form input.button {
	margin-top: 8px;
	}


/* Post Meta and Comments */

.postmeta { margin: 0 0 2em 0; }
#comments { margin: 1em 0 0 0; }
#comments ol, #comments ul, #comments li {
	list-style: none;
	margin: 1em 0;
	}
li.comment { background-color: #fafafa; padding: .75em; border: 1px solid #cccccc; }
li.comment ul li.comment { background-color: #f3f3f3; margin-bottom: 0; }
.comment-body p { margin: 0; padding: 0; }
.comment-author { margin: 0; font-weight: bold; }
.comment-author cite.fn { color: #000; }
.comment-author span.says { font-size: 12px; }
.comment-meta { font-size: 11px; margin-bottom: .5em; }
.comment-body { padding: 0 .5em; }
.reply { font-size: 12px; margin-top: -1em; text-align: right; }

.previous-link { width: 45%; float: left;}
.next-link { width: 45%; float: right;}

#commentform { border: 1px solid #cccccc; background-color: #fafafa; padding: 1em; font-size: 12px; }
#commentform p { margin-bottom: 0; }
p.comment-notes { font-size: 11px; line-height: 11px; }
p.comment-form-author { width: 180px; float: left; margin: 0 25px 5px 0; }
p.comment-form-email { width: 180px; float: left; margin: 0 25px 5px 0; }
p.comment-form-url { width: 180px; float: left; margin: 0 0 5px 0; }
p.comment-form-comment { clear: both; }
p.form-allowed-tags { font-size: 11px; line-height: 16px; }
#commentform p.form-submit { margin-bottom: 0; }

#commentform input { width: 180px; padding: 3px; }
#commentform textarea { width: 590px; height: 5em; padding: 3px; resize: vertical; }

form.sis-login {
	padding: 2em 2em 1em 2em;
	border: 1px solid #cacaca;
	background-color: #fafafa;
	line-height: 1em;
	width: 200px;
	margin: 2em auto ;
}

form.sis-login input {
	margin: 0 0 1em 0;
	padding: .4em;
}