/* css file for zEdSkill */
/* Crafted out of plain white space by Daniel Pearson 2014 */
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video

/* for a video screen if we need one */
html
@media screen and (min-width: 600px) {
	.template-front-page .widget-area .widget:nth-child(2n+1) { clear: right; }
	.template-front-page .widget-area .widget:nth-child(2n), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 0px 0px 1.71429rem; }
	.template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(2n) { float: none; width: auto; }
}
@media screen and (min-width: 960px) {
	body { background-color: rgb(0, 0, 0); }
}

/* Declare our fonts */

@font-face {
	font-family: "Rockwell","Kameron","Georgia",serif;
	font-style: normal;
	font-weight: normal;
	}
	@font-face {
	font-family: Calibri,"Open-sans",sans-serif;
	font-style: normal;
	font-weight: normal;
	}
body { font-family: 'Rockwell'}

#indexbody { font-family: Rockwell; font-size: 38px; line-height: 26px; letter-spacing: 2px; background-color: rgb(190,210,0); background-repeat: no-repeat; background-position: 60%; background-attachment: fixed; background-size: cover; color: black; background-image: url('../images/zTSDWatermarkOnGreenBG_rgb.png') ;background-size: 125%;}
#aboutbody { font-family: Rockwell; font-size: 18px; line-height: 26px; letter-spacing: 2px; background-color: rgb(0,0,0); background-repeat: no-repeat; background-position: -60%; background-attachment: fixed; background-size: cover; color: white; background-image: url('../images/zTSDWatermarkOnBlackBG_rgb.png'); background-size: 125%}

#topper { position: fixed; top: 0px; left: 50px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); width: 55%; padding: 5px 0px; z-index: 100; }
#topper { margin: 0px; padding: 0px; background: none repeat scroll 0% 0% transparent; }
#topper img { width: 100%; height: 100%; max-width: 100%; margin: 10px 20px; padding: 0px; }

/* setting the max-height fixes the stretched logo for Safari 5 on Winblows - sheesh */
#toppercontent { position: absolute; top: 0px; left: 0px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); width: 100%; padding: 5px 0px; z-index: 100; overflow: hidden; }
#toppercontent { margin: 0px; padding: 0px; background: none repeat scroll 0% 0% transparent; }
#toppercontent img { width: 100%; height: 50%; max-width: 25%; margin: -20px 0px; padding: 0px; }

.toppercontentclass {
width: 100%;
}

.floatleft, .floatright {
    float:left;
    width: 30%;
    height: 0px;
}

.floatright {
	position: right
    width: 70%;
}

#toppercontent2 { position: absolute; top: 0%; left: -10%; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); width: 100%; padding: 5px; z-index: 100; overflow: hidden; }
#toppercontent2 p { color: rgb(190,210,0); text-decoration: none;font-family: 'Rockwell'; font-size: 70px; line-height: 0px; letter-spacing: 0.5px; font-weight: 100 ; padding-top: 0px; padding-right: 20px ; text-align: right}

#toppercontent3 { position: absolute; top: 75px; left: -10%; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); width: 100%; padding: 5px; z-index: 100; overflow: hidden; }
#toppercontent3 p { color: rgb(190,210,0); text-decoration: none;font-family: 'Rockwell'; font-size: 35px; line-height: 0px; letter-spacing: 0.5px; font-weight: 500 ; padding-top: 30px; padding-right: 20px ; text-align: right;}

#window1 { margin: 9% 5%; width: 45%; }
#pagecontent p, #window1 p { margin-bottom: 20px; }
#window1 p a { color: white; text-decoration: none; }
#window1 p a:hover { color: white; }
#window1 h2 { margin: 0px 0px 0px; padding: 0px; }
#window1 h2 img { width: 20%; height: auto;}

/* Used for about page */

#window2about { position: absolute; z-index: 100; word-wrap: break-word; margin: 20% 3%; width: 28%; height: 60%; border-right-style:solid; border-right-width:1px;border-right-color:white; border-top-style:solid; border-top-width:1px; border-top-color:white;}
#window2about p { text-decoration:none }
#window2about p { word-wrap: break-word; color: rgb(190,210,0); text-decoration: none;font-family: 'Rockwell'; font-size: 33px; line-height: 20px; letter-spacing: 0.5px; font-weight: 500 ; padding-top: 0px; padding-right: 15px ; text-align: right; }
#window2about p a:hover { color: white; }
#window2about a {color:rgb(190,210,0);}

#window2about ul { text-decoration: none; overflow:hidden; list-style: outside none;  color: white; text-decoration: none;font-family: 'Rockwell'; font-size: 20px; line-height: 0px; letter-spacing: 0.5px; font-weight: 100 ; padding-top: 10px; padding-right: 15px ; text-align: right; }
#window2about ul li a{color: grey; text-decoration: none;font-family: 'Rockwell'; font-size: 20px; line-height: 35px; letter-spacing: 0.5px; font-weight: 100 ; padding-top: 10px; padding-right: 15px ; text-align: right; }
#window2about ul li a:hover {font-size: 24px; }

#window2aboutbody {z-index: -1; position: absolute; top: 30%; right: 18%; width: 82%; height: 60%; word-wrap: break-word; }
#window2aboutbody p { margin:.5em 0 .5em 0; color: white; text-decoration: none;font-family: 'Calibri'; font-size: 20px; line-height: 25px; letter-spacing: 0.2px; font-weight: 300 ; padding-top: 1%; padding-left: 45% ; text-align: left; width: 60%} 
#window2aboutbody ul { margin:.5em 0 .5em 0; color: white; text-decoration: none;font-family: 'Calibri'; font-size: 20px; line-height: 25px; letter-spacing: 0.2px; font-weight: 300 ; padding-top: 1%; padding-left: 45% ; text-align: left; width: 60%} 
#window2aboutbody ul { text-decoration: none; list-style-type: circle}

/* Not used yet, implemented in case we decide to add a footer
#window2aboutbody p { margin:.5em 0 .5em 0; color: white; text-decoration: none;font-family: 'Calibri'; font-size: 22px; line-height: 25px; letter-spacing: 0.2px; font-weight: 400 ; padding-top: 1%; padding-left: 45% ; text-align: left; width: 60%} img { width: 10%; height: 10%; max-width: 35%; margin: -20px 0px; padding: 0px; } 

#overlayfooter { position: fixed; bottom: 0px; left: 0px; width: 100%; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8); z-index: 300; text-align: center; color: white; font-family: 'Calibri'; border-top: 1px solid rgba(255, 255, 255, 0.7); font-size: 24px; }
#overlayfooter form { float: none; width: auto; display: inline-block; }
#overlayfooter #footercontent { padding: 10px 0px; margin: 0px; }
#overlayfooter a { text-decoration: none; color: white; }
#overlayfooter a:hover { color: rgb(243, 3, 66); }
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], li.bypostauthor cite span { color: rgb(0, 0, 0); background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.7); box-shadow: none; border: medium none; font-family: 'Calibri'; font-size: 24px; }
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: rgb(0, 0, 0); background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: none; border: medium none; font-family: 'Calibri'; font-size: 24px; }
*/