@charset "UTF-8";
@font-face { font-family:candyscript; src:url('candyscript.otf'); }

/*
Theme Name: New Site Framework
Author: charlene kaye
Author URL: http://www.cpkayewebdesign.com
*/

/* CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video,a { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal; } 
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
a,ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
li {list-style:none;}
html,body {width:100%; height:100%;}
article,aside,figure,footer,header,hgroup,nav,section { display:block; }
/* End CSS Reset */

/*------------------------------------*\
    Typography
\*------------------------------------*/


h1 {
	font-size:111%;
	font-weight:bolder;
	padding:10px;
}

h2,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

h3 {
	font-family:cursive, Comic Sans MS;
	font-size:100%;
	font-weight:bold;
	text-align:left;
},

.candyfont { font-family:candyscript, handwriting; font-size:xx-large; }


/*---------------------------------------*\
    Frequently Used for Pretty-Printing
\*---------------------------------------*/

.screenshot{
	position:relative;
	width:95%;
	margin:0 auto;
	max-width:450px;
	height:auto;
	border:solid 1em #CCC;
	border-radius: .8em;
	padding:0;
}
.screenshot a{text-decoration:none;}

.image-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
}
.image-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.img-center {display:block; margin-left:auto; margin-right:auto;}

.rounded-corners {
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}

.box-shadowing {
	box-shadow: 0 45px 60px -30px #7D7D7D;
	-moz-border-bottom-colors: white;
	-moz-border-left-colors: black;
	-moz-border-radius:10px;
}


/*------------------------------------*\
    Layout Structure
\*------------------------------------*/

body {
	background-image: url(../images/cpkaye-bkgrd-grey.jpg);
/*	background-image:url(../images/bluedenim.png);              */
	background-repeat: repeat;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: large;
	width:100%;
}

header {
	height:0.5%; 
	width:100%; 
	color:black
	position:relative;
}

nav {
	height:160px; 
	width:100%;
	position:relative;
}

.featured01 {height:150px; background-color:aqua; position:relative;}
.featured02 {
	height:150px;
	width:100%;
	background-color:blue;
	position:relative;
}

.featured99 {
	height:230px; 
	width:100%;
	}

.main {
	position:relative;
}

#leftcol {height:200px; background-color:yellow;}
#middlecol {height:250px; background-color:pink;}
#rightcol {height:200px; background-color:purple;}

footer {
	height:100px;
	width:100%;
	background-color:transparent;
	clear:both;
	font-family:"Comic Sans MS",arial;
	font-size:medium;
	font-weight:bolder;
	position:relative;
	text-align:center;
}

.fancy-footer {
	font-family:arial black, arial; 
	font-size:large; 
       	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}

/*------------------------------------*\
    ID Definitions
\*------------------------------------*/


.nav_socmedia {
	height:26px;
	width:100%;
	background-color:transparent;
	position:relative;
	text-align:right;
}

.nav_socmedia a:hover {
opacity: 0.5;
	-moz-transition: all 400ms linear 0s;
}

.mylogo {
	height:100%;
	width:25%;
	float:left;
	margin: 0 auto;
	padding-left:5%;
/*	z-index:10;    */
}


@media screen and (min-width: 600px) {
	
}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 960px) {

}

@media screen and (min-width: 1200px) {

}



/*------------------------------------*\
    Responsive Navigation Menu
	author: Omar Jesus Bravo
	@OmarJesusBravo, www.bravodms.com
\*------------------------------------*/

/*   nav {background-color:red; height:45px; width:100%;}   */