/*
Theme Name: Park City Version 2.0
Theme URI: http://parkcityindependent.com
Description: Park City Independent Custom Wordpress Theme Designed by Bryce Bertola
Author: Bryce Kay Bertola
Author URI: http://excessandrebellion.com
Tags: online accredited virtual high school
*/

/*
		Reset
						*/
						
* {margin: 0; padding: 0; }
a img { border: 0; background: none; }
a:active { outline: none; }

/*
		Toolbox and Utilities
											*/

.clear { clear: both; }

.float-left { float: left; }
.float-right { float: right; }

img.float-left { padding: 0 1em 1em 0; }
img.float-right { padding: 0 0 1em 1em; }

.text-left { text-align: left; }
.text-center {}
.text-right {}

div { position: relative; }

/*
		Site Basics
								*/

body {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	background: #fff;
	}

/*
		Design Basics
								*/

#page-wrap {
	background-image: url(style/images/grey-dropshadow.png);
	background-repeat: repeat-y;
	background-position: top center;
	margin: 0px auto;
	max-width: 1140px;
	min-width: 1024px;
	height: 100%;
	}

.content-wrap {
	margin: 0px auto;
	width: 1024px;
	}

#header {
	height: 250px;
	}
	#header h2#site-name {
		position: absolute;
		top: 40px;
		left: 40px;
		z-index: 99;
		width: 165px;
		height: 165px;
		text-indent: -9999px;
		}
		#header h2#site-name a {
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(style/images/pci-logo.png);
			}
	#header div#header-text {
		position: absolute;
		top: 30px;
		right: 40px;
		width: 410px;
		text-align: right;
		max-height: 220px;
		overflow: hidden;
		}
				
#navigation {
	z-index: 98;
	height: 30px;
	background-color: #1B72AD;
	margin-bottom: 2px;
	}
	#navigation ul,
	#navigation ol {
		list-style: none;
		}	

/* LEVEL ONE */
ul#navigation-list {
	position: relative;
	}
ul#navigation-list li {
	float: left;
	zoom: 1;
	line-height: 30px;
	}
	ul#navigation-list li.page-item-167 { float: right; } /* Contact Us Link */
ul#navigation-list li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 10px;
	border-right:
	background-image: url(style/images/navigation-bg.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	}	
ul#navigation-list li a:focus,
ul#navigation-list li a:hover,
ul#navigation-list li a:active {
	background-position: 0 -60px;
	}
ul#navigation-list li.current_page_item a,
ul#navigation-list li.current_page_parent a,
ul#navigation-list li.current_page_ancestor a {
	background-position: 0 -30px;
	}
	
ul#navigation-list li.hover,
ul#navigation-list li:hover {
	position: relative;
	}

/* LEVEL TWO */
ul#navigation-list ul {
	width: 220px;
	visibility: hidden;
	position: absolute;
	background-image: none;
	top: 100%;
	left: 0;
	}
ul#navigation-list ul li {
	background-color: #279AFB;
	color: #fff;
	font-weight: normal;
	border: 1px solid #114C73;
	border-top: none;
	float: none;
	} /* IE 6 & 7 Needs Inline Block */
ul#navigation-list ul li.current_page_item a,
ul#navigation-list ul li.current_page_parent a,
ul#navigation-list ul li.current_page_ancestor a {
	border-color: #000;
	}
ul#navigation-list ul li.current_page_item a,
ul#navigation-list ul li.current_page_parent a,
ul#navigation-list ul li.current_page_ancestor a {
	color: #000;
	}
	
ul#navigation-list ul li a {
	border-right: none;
	width: 100%;
	display: inline-block;
	}	

/* LEVEL THREE */
ul#navigation-list ul ul { left: 100%; top: 0; }
ul#navigation-list li:hover > ul { visibility: visible; }
		    
#breadcrumb {
    font-size: 11px;
    text-transform: uppercase;
    padding: 7px 0 5px;
	}
                    
#main-content {
	padding-bottom: 40px;
	}
	#main-content #content-column {
		float: left;
		width: 704px;
		margin-left: 20px;
		padding-top: 10px;
		}
	#main-content #sidebar-column {
		float: right;
		width: 260px;
		margin-right: 20px;
		}
		#main-content #sidebar-column ol,
		#main-content #sidebar-column ul {
			list-style: none;
			}
					
#footer {
	background: url(style/images/footer-gradient.jpg) repeat-x #279BFC;
	padding: 25px 0 10px;
	}
	#footer ol,
	#footer ul {
		list-style: none;
		}
	#footer #uberfooterleft {
		float: left;
		width: 240px;
		margin-left: 20px;
		}
	#footer #uberfootercenter {
		float: left;
		width: 240px;
		margin-left: 20px;
		}
	#footer #uberfooterright {
		float: left;
		width: 460px;
		margin-left: 20px;
		}
	#footer p.copyright {
		padding: 10px 0 0 0;
		}
	#footer h5 {
		margin: 0 0 5px 0;
		}

/*
		Typography
								*/

body {
	font-size: 12px;
	line-height: 18px;
	font-color: #000;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	line-height: 1.5em;
	text-transform: uppercase;
	margin-top: 1em;
	}

h1 {
	font-size: 20px;
	line-height: 22px;
	color: #9a2132;
	}
	
h2 {
	font-size: 18px;
	line-height: 20px;
	color: #0771ad;
	}
	
h3 {
	font-size: 14px;
	line-height: 18px;
	color: #0f9800;
	}

h4 {
	font-size: 13px;
	line-height: 16px;
	color: #D16B7B;
	}

h5 {
	font-size: 16px;
	line-height: 18px;
	color: #03324c;
	}

h6 {
	font-size: 18px;
	line-height: 22px;
	color: #0771ad;
	}

p {
	padding: 0 0 1em 0;
	}

a,
a:link, 
a:visited {
	color: #982234;
	text-decoration: underline;
	}
a:focus,
a:hover,
a:active {
	color: #D26B7A;
	text-decoration: none;
	}

#header a,
#header a:link,
#header a:visited {
	color: #08324B;
	text-decoration: underline;
	}
#header a:focus,
#header a:hover,
#header a:active {
	color: #114C73;
	text-decoration: none;
	}
	
#header p {
	margin: 0;
	padding: 0;
	}
	#header div#header-text h6 {
		font-weight: normal;
		}
	#header div#header-text p {
		font-size: 14px;
		line-height: 22px;
		color: #000;
		}

#navigation li a {
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	}
	#navigation li a:link,
	#navigation li a:visited {
		color: #fff;
		text-decoration: none;
		}
	#navigation li a:focus,
	#navigation li a:hover,
	#navigation li a:active {
		color: #92BED7;
		text-decoration: none;
		}
		
p.post-title {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    color: #1B72AD;
    margin: 0 0 20px 0;
    padding: 6px 0;
    }
    p.post-title a,
    p.post-title a:link,
    p.post-title a:visited {
    	text-decoration: underline;
    	color: #1B72AD;
    	}
    p.post-title a:focus,
    p.post-title a:hover,
    p.post-title a:active {
    	text-decoration: none;
    	color: #1B72AD;
    	}
    	
#main-content #content-column ol, 
#main-content #content-column ul {
	margin: 0 0 10px 25px;
	}
#main-content #sidebar-column {
	font-size: 12px;
	line-height: 16px;
	}	
#main-content #sidebar-column h5 {
	font-size: 14px;
	color: #03324c;
	padding: 14px 0 0;
	}

#footer {
	font-size: 12px;
	line-height: 18px;
	color: #064b73;
	}
	#footer a,
	#footer a:link,
	#footer a:visited {
		color: #08324B;
		text-decoration: underline;
		}
	#footer a:focus,
	#footer a:hover,
	#footer a:active {
		color: #fff;
		text-decoration: none;
		}
	#footer p.copyright {
		font-size: 10px;
		text-align: center;
		}

/*
		Modules
						*/

.virtual-classroom-login {
	margin: 10px 0 -10px;
	}
.blue-form {
	background-color: #ABDFFD;
	padding: 5px 9px 0;
	margin-top: 10px;
	}
	.blue-form h6 {
		font-size: 12px;
		margin: 0;
		padding: 0;
		}
	.blue-form p {
		font-size: 11px;
		padding: 0;
		}
	.blue-form label.required {
		font-weight: bold;
		}
	.blue-form p.required {
		color: red;
		margin: 0; padding: 0;
		font-size: 10px;
		float: right;
		font-weight: normal;
		}
	.blue-form input,
	.blue-form select,
	.blue-form textarea {
		margin: 0 0 .5em 0;
		}

.columns-wrap {
	margin: 0;
	}
.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-6 {
	float: left;
	padding: 0 5px 10px;
	}
.columns-2 { width: 342px; }
.columns-3 { width: 224px; }
.columns-4 { width: 166px; }
.columns-5 { width: 130px; }
.columns-6 { width: 107px; }

.landingpage { width:994px;margin:10px auto; }
.landingpage-left { float:left;width:724px; }
.landingpage-right { float:right;width:260px; }
.landingpage-3col { float:left;width:231px;margin-right:10px; }
.landingpage-lastcolumn { margin:0px; }

.table-courses { border: 1px solid #83b8d6; margin-bottom: 1em; }
.table-courses td { border: 1px solid #c1dbea; min-width: 120px; padding: 2px; }
.table-courses-heading { font-weight: bold; font-size: 1.2em; }
.table-courses-credits { text-align: center; }
.table-courses-altrow { background-color: #e0edf4; }


#bookmarking {padding: 10px 0; margin: 0 0 10px;}
.retweet {float: left; }
.addthis_toolbox { float: left; margin: 20px 0 0 10px;}
.facebook_like {margin: 10px 0;}
.facebook-fan { padding: 10px 0 0; }