/*  
Theme Name: premiumdw_wireframe
Description: This is a theme your mom would love.
Version: Wireframe
Author: Premium Design Works
Author URI: http://www.premiumdw.com/
*/

* { border: 0; margin: 0; padding: 0; }

@font-face {
    font-family: 'FeltTipRomanRegular';
    src: url('fonts/felt_tip_roman-webfont.eot');
    src: url('fonts/felt_tip_roman-webfont.eot?#iefix') format('eot'),
         url('fonts/felt_tip_roman-webfont.woff') format('woff'),
         url('fonts/felt_tip_roman-webfont.ttf') format('truetype'),
         url('fonts/felt_tip_roman-webfont.svg#webfontJwUYJ1XE') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	background-image: url(images/bg-body-top.png), url(images/bg-body-bottom.png);
	background-position: top center, bottom center;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
 	}
	
a { 
	color:#000;
	text-decoration: none;
	}
	
a:hover { 
	color:#000;
	text-decoration: none; 
	}
	
h1 {
	font-size:32px;
	font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:4px;
	}
	
h2 {
	font-size:24px;
	font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

h3 {
	font-size:21px;
	font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

h4 {
	font-size:16px;
	font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif;
	font-weight:bold;
	clear: both;
	}	
	



input, select {
	/*height: 20px;*/
	font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing: 1px;
	border: 2px solid #DDD;
	padding: 2px;
 	}
	
	input#s {
		padding: 3px;
		}
		
	input#s2email {
		width: 195px;
		}
		
	
textarea {
	font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing: 1px;
	width: 352px;
	border: 2px solid #DDD;
	padding: 4px;
 	}

th, td {
	padding: 4px;
	/*border-bottom: 1px solid #ddd;*/
	}


	
	
#homelink {
	width: 920px;
	margin: 0px auto;
	text-align: right;
	}
	
	
/* HEADER */
#header {
	height: 100px;
	width: 920px;
	margin: 0px auto;
	}

	#logo {
		float: left;
		padding: 20px;
		text-align: left;
		font: 48px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		}
		
	#utility {
		padding: 8px 20px 0 0;
		text-align: right;
		}
	
	#utility li {
		list-style-type: none;
		display: inline;
		font: 18px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		text-transform: uppercase;
		margin: 0 0 0 10px;
		color: #000;
		}
		
		#utility li a {
			color: #000;
			border-bottom: none;
			}
			
	#searchform {
		text-align: right;
		padding: 8px 20px;
		}
		
		div.search label, div.search br  {
			display: none;
			height:0;
			}
			
			
		
	#date {
		font: 18px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		text-align: right;
		padding: 0px 20px 0 0;
		color: #000;
		}
	
/* NAVIGATION */
#nav {
	
	width: 920px;
	margin: 10px auto 8px auto;
	}
	
	#nav ul {
		text-align: center;
		margin: 0px auto;
		padding: 7px 0;
		}
	
	#nav li {
		font: 24px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		color: #000;
		display: inline;
		list-style: none;
		text-align: center;
		
		}
	
		#nav li a {
			color: #000;
			padding: 0 18px;
			}
		
		#nav li a:hover {
			color: #000;
			background:url(images/bg-nav-hover.png) top center no-repeat;
			}
			
		#nav li.current_page_item a {
			color: #000;
			background:url(images/bg-nav-hover.png) top center no-repeat;
			}
			
		#nav li.current_page_item a:hover {
			color: #000;
			background:url(images/bg-nav-hover.png) top center no-repeat;
			}
			
		#nav li.current_page_parent a {
			color: #000;
			background:url(images/bg-nav-hover.png) top center no-repeat;
			}
			
		#nav li.current_page_parent a:hover {
			color: #000;
			background:url(images/bg-nav-hover.png) top center no-repeat;
			
			}


/* MIDDLE */
#middle {
	width: 884px;
	background-image: url(images/bg-middle.png);
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 20px;
	}


	/* SIDEBAR */
	#sidebar {
		float: right;
		width: 205px;
		/*margin-top: 12px;
		padding: 4px 10px;*/
		}
		
	#sidebar p, #sidebar ol, #sidebar ul {
		font: 10px/16px "Verdana", sans-serif;
		margin: 0px 0px 10px 0px;
		}
	
	#sidebar p.s2_error {
		color: red;
		/*border: 1px solid red;*/
		}
		
	#sidebar p.s2_message {
		/*border: 1px solid green;
		padding: 4px;*/
		}
		
		
		
	#sidebar h3, #sidebar h2 {
		color: #000;
		font: 18px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		margin: 5px 0 5px 0;
		text-align: left;
		}
	
	#sidebar li {
		background: url(images/bg-listitem-side.png) no-repeat -2px 3px;
		list-style: none;
		padding: 0 0 0 14px; 
		margin-bottom: 4px;
		}
		
	#sidebar li.cat-item {
		color: #DDD;
		
		}
		
	#sidebar li a {
		border-bottom: none;
		color: #000;
		}
		
	#sidebar li a:hover {
		border-bottom: 2px dotted #DDD;
		color: #000;
		}
		
	#sidebar li.current_page_item a, #sidebar li.current-cat a {
		color: #000;
		font-weight: bold;
		}
			
			
	#sidebar li.current_page_item a:hover, #sidebar li.current-cat a:hover {
		color: #000;
		border-bottom: 2px dotted #DDD;
		font-weight: bold;
		}
				
	#sidebar p a {
		border-bottom: 2px dotted #DDD;
		color: #000;
		}
	
	#sidebar p a:hover {
		color: #000;
		border-bottom: 2px dotted #FFF;
		}
		
	/*#sidebar img, #sidebar iframe {
		padding: 5px;
		margin: 5px 0;
		border: 1px solid #ddd;
		background: #fff
		}*/
		
	select#cat, select#month {
		margin: 0 0 10px 0;
		}
		
		
	#sidebar div.affiliates {
		width: 205px;
		margin:10px 0;
		text-align: center;
		
		}
		
		#sidebar div.affiliates img, #sidebar div.affiliates iframe {
			margin: 5px 0;
			}
			
		#sidebar p.affiliates-text {
			font: 14px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
			letter-spacing: .1em;
			color: #DDD;
			margin: 2px 0;
			}
		
	#sidebar img {
		text-align: left;
		}
		
	#subscribe-email {
		width: 192px;
		}
	/* SIDEBAR */

		
				
	/* CONTENT */
	#content {
		float: left;
		width: 655px;
		}
			
	#content h2	{
		clear: both;
		color: #000;
		font: 36px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		margin: 0 0px 20px 0;
		}
		
		#content h2 a {
			margin-right: 3px;
			border-bottom: none;
			color: #000;
			}
			
		#content h2 a:hover {
			margin-right: 3px;
			color: #000;
			}
			
		.breadcrumb a {
			margin-right: 10px;
			}
			
	#content h3	{
		clear: both;
		color: #000;
		font: 32px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		font-weight: 400;
		margin-bottom: 6px;
		padding-top: 8px;
		}
		
		#content h3 a {
			border-bottom: none;
			color: #000;
			}
		
		#content h3 a:hover {
			/*border-bottom: 2px dotted #DDD;*/
			color: #000;
			}		
			
	#content h4, #content legend {
		color: #000;
		font: 24px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		font-weight: 400;
		padding-top: 8px;
		margin-bottom: 6px;
		}
		
		#content h4 a {
			border-bottom: none;
			color: #000;
			}
		
		#content h4 a:hover {
			/*border-bottom: 2px dotted #DDD;*/
			color: #000;
			}
			
	#content p, #content td {
			color: #000;
			font: 16px/24px "Arial", sans-serif;
			margin: 0 0 12px 0;
			}
			
		
			
			.edit {
				margin-bottom: 20px;
				}
				
		#content p a {
			border-bottom: 2px dotted #DDD;
			color: #000;
			font-weight: bold;
			}
		
			#content p a img {
				border-bottom: none;
				}
		
		#content p a:hover {
			color: #000;
			border-bottom: 2px dotted #FFF;
			font-weight: bold;
			}			
		
			
		#content p small.full-post, #content p small.edit-link {
			font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
			}
			
		#content p small.full-post a, #content p small.edit-link a {
			font-weight: normal;
			border-bottom: none;
			}
			
		#content p small.full-post a:hover, #content p small.edit-link a:hover {
			font-weight: normal;
			/*border-bottom: 2px dotted #DDD;*/
			}
			
		#content p.wp-caption-text  {
				text-align: center;
				/*padding-left: 25px;*/
				}
	
	#content th {
			color: #000;
			font: 14px/21px "Arial", sans-serif;
			margin: 0 0 10px 0;
			font-weight: bold;
			text-align: right;
			padding-right: 10px;
			}
	
	#content ul {
		color: #000;
		font: 16px/24px "Arial", sans-serif;
		margin: 0 0 10px 0;
		}
		
	#content ul li	{
		background: url(images/bg-listitem-content.png) no-repeat 0px 4px;
		list-style: none;
		padding: 0 20px;
		margin: 0 0px 2px 0px;
		}
				
		#content ul li a {
			border-bottom: 2px dotted #DDD;
			color: #000;
			font-weight: bold;
			}
			
		#content ul li a:hover {
			border-bottom: 2px dotted #FFF;
			color: #000;
			font-weight: bold;
			}
			
	#content ol {
		color: #000;
		font: 16px/24px "Arial", sans-serif;
		margin: 0 0 10px 0;
		padding: 0 15px;
		}
		
	#content ol li	{
		margin: 0 0px 2px 10px;
		}
		
	#content ol li.final {
		margin: 0 0px 10px 10px;
		}
				
		#content ol li a {
			border-bottom: 2px dotted #DDD;
			color: #000;
			font-weight: bold;
			}
			
		#content ol li a:hover {
			border-bottom: 2px dotted #FFF;
			color: #000;
			font-weight: bold;
			}

	#content blockquote {
		padding: 4px 20px;
		border-left: 2px solid #DDD;
		margin-bottom: 10px;
		overflow:auto;
		}
		
		#content blockquote h3 {
			color:#000;
			}
			
	#content pre {
		
		border: 1px solid #DDD;
		border-left: 2px solid #DDD;
		font-size: 14px;
		line-height: 14px;
		padding: 10px 40px;
		background:url(images/bg-pre.png) no-repeat top left;
		max-height: 300px;
		margin: 0px 0px 10px 0px;
		overflow:auto;
		}
		
	#content label	{
		color: #000;
		font: 16px/21px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		}
		
	#content iframe{
		padding: 5px;
		border: 2px solid #DDD;
		background: #fff;
		margin: 0 0 10px 0;
		}	
			
	#content img {
		border-left: 2px solid #DDD;
		padding-left: 25px;
		background: #FFF;
		}
		
		#content span.social-icons img {
			border-left: none;
			position: relative;
			top: 5px;
			padding-left: 10px;
			background: #FFF;
			
			}
		
		#content span.social-icons a {
			border-bottom: none;
			}
		
		
	.border-bottom-none {
		border-bottom: none;
		}
		
	#content img.avatar, #content img.size-thumbnail {
			border: 2px solid #DDD;
			padding: 4px;
			background: #FFF;
			}
			
	#content img.myface {
			float: left;
			border: 2px solid #DDD;
			padding: 4px;
			margin-right: 10px;
			background: #FFF;
			}
			
	#content a img.myface {
			background: #FFF;
			}
			
	#content a:hover img.myface {
			background: #DDD;
			}
					
		.alignnone {
			margin-bottom: 10px; 
			}
			
		.alignleft {
			float: left;
			margin: 0 8px 8px 0px ; 
			}
			
		#previous_image a, #next_image a {
			border-bottom: none; 
			}
			
		.alignright {
			float: right;
			margin: 6px 0px 0px 20px; 
			}
			
		.attachment-thumbnail, .size-thumbnail {
			padding: 4px;
			border: 1px solid #ddd;
			}		
		
	#content object { 
		margin: 0 0 10px 0px ; 
		/*border: 1px solid #ddd;*/ 
		background: #fff
		}
		
	
	#content p.wp-caption-text {
		margin-top: 5px;
		font: 10px/12px "Arial", sans-serif;
		}	
	
	
	#content p.dedication {
		clear: both;
		padding: 6px 0;
		border-top: 2px solid #DDD;
		border-bottom: 2px solid #DDD;
		}	
		
	#content div.twocolumns {
		width: 250px;
		float: left;
		}
		
	.clear {
		clear:both;
		height: 0px;
		}
	
	#pwbox-156 {
		margin-bottom: 10px;
		}
	
						
	/* POST ITEMS */
	.post-box {
		/*border-bottom: 2px solid #DDD;*/
		margin-bottom: 10px;
		}
	
	
	/* GALLERY ITEMS */
	#gallery-box {
			margin-bottom: 25px;
			}
			
	.gallery {
		margin: auto;
		}
		
	.gallery-item {
		float: left;
		margin: 5px 3px 5px 0;
		text-align: center;
		}
		
		#content p.smallattachment a, #content dl.gallery-item a {
			border-bottom: none;
			}
		
	.gallery img {
		}
		
	.gallery-caption {
		margin-left: 0;
		}
		
		
	/* CAPTIONS */		
	.wp-caption a {
		border-bottom: none;
		}
		
	a img {
		border-bottom: none;
		}
	
	
	#facebooklike {
		margin-top: 30px;
		}
						
	/* COMMENTS */
		
	#comments-box {
		clear: both;
		}
		
	#comments-box ol {
		padding: 0;
		}
		
	#comments-box ol li.depth-1 {
		list-style-type:none;
		background: none;
		padding: 10px 0;
		
		}
		
	#comments-box ul li.depth-2 {
		list-style-type:none;
		padding-top: 10px;
		background: none;
		}
		
	#comments-box ul li.depth-3, #comments-box ul li.depth-4, #comments-box ul li.depth-5 {
		list-style-type:none;
		padding: 10px 0;
		margin: 0;
		background: none;
		}
		
	#comments-box cite {
		font-weight:bold;
		font-size:14px;
		}
		
	.comment-author {
		margin-bottom: 2px;
		}
		
	.comment p {
		clear:both
		}
		
	.nocomments {	
		display: none
		}
	
	.reply {
		font-size:10px;
		}
		
	.comment-meta {
		/*display:none;*/
		font-size:10px;
		}
		
	.avatar {
		float: left;
		margin: 0 10px 10px 0;		
		}
			
/* CONTACT 7 */
.wpcf7-list-item-label {
	margin: 0 10px 0 0;
	}
	
.wpcf7-response-output {
	color: #000;
	font: 16px "Arial", sans-serif;
	font-weight: 400;
	margin-bottom: 4px;
	}

.wpcf7-not-valid-tip-no-ajax {
	color: #000;
	font: 10px "Arial", sans-serif;
	font-weight: 400;
	margin-left: 10px;
	}
	
	
	.wpcf7-list-item {
		display: block;
		}

/* CALENDAR */

	.hide {
		display: none;
		}
	
	.calnk a:hover {
		background-position:0 0;
		text-decoration:none;  
		color:#000;
		border-bottom:1px dotted #DDD;
		}
	.calnk a:visited {
		text-decoration:none;
		color:#000;
		border-bottom:1px dotted #DDD;
		}
	.calnk a {
		text-decoration:none; 
		color:#000; 
		border-bottom:1px dotted #DDD;
		}
	.calnk a span { 
		display:none; 
		}
	.calnk a:hover span {
		color:#333333;
		border: 2px dotted #DDD;
		background:#FFF; 
		display:block;
		position:absolute; 
		margin-top:1px; 
		padding:5px; 
		width:150px; 
		z-index:100;
		}	
		
	.calendar-table {
		border:none;
		width:100%;
		}
	#content td.calendar-heading {
		font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		height:25px;
		text-align:center;
		border:1px solid #DDD;
		background-color:#DDD;
		}
	#content td.calendar-next {
		width:25%;
		text-align:center;
		font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		}
	#content td.calendar-prev {
		width:25%;
		text-align:center;
		font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		}
	#content td.calendar-month {
		width:50%;
		text-align:center;
		font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		font-size: 21px;
		}
	#content td.normal-day-heading {
		text-align:center;
		width:25px;
		height:25px;
		font-size:0.8em;
		border:1px solid #DDD;
		background-color:#DDD;
		font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		}
	#content td.weekend-heading {
		text-align:center;
		width:25px;
		height:25px;
		font-size:0.8em;
		border:1px solid #DDD;
		background-color:#DDD;
		color:#FFF;
		font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		}
	.day-with-date {
		vertical-align:text-top;
		text-align:left;
		width:60px;
		height:60px;
		border:1px solid #DDD;
		}
		
	span.number {
		font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		}
		
	.no-events {
	
		}
	.day-without-date {
		width:60px;
		height:60px;
		border:1px solid #DDD;
		}
		
	span.weekend {
		color:#DDD;
		font-family: "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		}
	.current-day {
		vertical-align:text-top;
		text-align:left;
		width:60px;
		height:60px;
		border:1px solid #000;		
		}
	span.event {
		font-size:0.75em;
		}
		
	span.event-box {

		}
		
	.kjo-link {
		padding: 10px;
		font-size:0.75em;
		text-align:center;
		}
	#content span.event-title, #sidebar span.event-title {
		display: block;width:142px;
		text-align:center;
		font-weight:bold;
		font-size:1em;
		border: none;
		border-bottom: 1px solid black;
		background-color: none;
		padding: 0 4px;
		}
		
	#content span.event-time, #sidebar span.event-time {
		display: block;
		width:142px;
		font-size:1em;
		border: none;
		background-color: none;
		padding: 0 4px;
		}
		
	#content span.event-title-break, #sidebar span.event-title-break {
		width:80%;
		margin: 0;
		padding: 0;
		text-align:center;
		height:0px;
		border: none;
		background-color: none;
		}
	#content span.event-content-break, #sidebar span.event-content-break {
		width:80%;
		margin: 0;
		padding: 0;
		text-align:center;
		height:0px;
		border: none;
		background-color: none;
		}
	.calendar-date-switcher {
		height:25px;
		text-align:center;
		border:1px solid #DDD;
		background-color:#DDD;
		}
	.calendar-date-switcher form {
		margin:0;
		padding:0;
		}
	.calendar-date-switcher input {
		border:1px #D6DED5 solid;
		}
	.calendar-date-switcher select {
		border:1px #D6DED5 solid;
		}
	.cat-key {
		width:100%;
		margin-top:10px;
		padding:5px;
		border:1px solid #DDD;
		}

	
/* KB GRADEBOOK */

div.kbGradebook tr {
	/*border-bottom: 1px solid magenta;*/
	}

/* FACEBOOK LIKE */
.connect_widget {
	padding: 25px;
	}
	
	
/* FOOTER */
#footer {
	background: url(images/bg-footer.png) no-repeat top center;
	clear: both;
	height: 90px;
	width: 882px;
	margin: 0 auto;
	padding: 35px 20px 0px 20px;
	color: #000;
	}
	
	#footer p {
		font: 14px/21px "FeltTipRomanRegular", Arial, Helvetica, sans-serif, sans-serif;
		}
		
	#footer p span {
		float: right
		}
	
	#footer p a {
		color: #000;
		border-bottom: none;
		}
	
	#footer p a:hover	{
		color: #000;
		border-bottom: 1px solid #FFF;
		}
		
		
/* PRINT STYLES  */

@media print {
	
	body {
		background: none !important;
		}
	
	#homelink, #header, #nav, #sidebar, #footer span, #comments-box, #typekit-badge-ayw2ldk, .post-edit-link, .dedication {
		display: none !important;
		}
	
	#content {
		width: 625px;
		}
		
	#content img {
		border-left: none;
		padding-left: 0px;
		}
		
	#content iframe {
		display: none !important;
		}
		
	#content h2	{
		font: 21px/21px "Arial", sans-serif;
		font-weight: bold;
		}
		
	#content h3	{
		font: 18px/18px "Arial", sans-serif;
		font-weight: bold;
		}
		
	#content h4	{
		font: 14px/14px "Arial", sans-serif;
		font-weight: bold;
		} 
		
	#content ul li	{
		background: none;
		list-style: disc;
		margin-left: 25px;
		
		} 
		
	#content p, #content td, #content li {
			font: 14px/21px "Arial", sans-serif;
			margin: 0 0 10px 0;
			}
			
	#content p a, #content ol li a, #content ul li a { 
		border-bottom: none;
		font-weight: normal;
		}
		
	#footer {
		background-image: none
		}
			
	#footer p {
		clear:both;
		}
			
}