@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
*/

/*kevindeuel.com keep main scrollbar visible*/
html {
  overflow-y: scroll;
}

/*kevindeuel.com fluid grid*/
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 93.1%;
	max-width: 1000px;
	padding-left: 2.45%;
	padding-right: 2.45%;
	clear: none;
	float: none;
}

.zeroMargin_mobile {
	margin-left: 0;
}
.hide_mobile {
	display: none;
}

/*kevindeuel.com page background*/
.bodyBackground {
	background-image: url(../images/brownpaper_bkgrd_002.png);
}

/*kevindeuel.com page layout*/
/*primary*/
.topBox {
	margin-top: 2%;
	border: 1px solid #333;
	border-top: 0px;
	border-left: 0px;
	padding: 2%;
}
.midBox1 {
	margin-top: 4%;
	margin-bottom: 4%;
	width: auto;
	float: none;
}
.midBox2 {
	margin-right: 3%;
	width: auto;
	max-width: 100%;
	float: right;
}
/*second level*/
.navBox {
	padding: .5%;
	width: 100%;
}
.artclBox {
	display: inline-block;
	margin-top: 5%;
	border: 1px solid #333;
	border-right: 0px;
	border-bottom: 0px;
	/*box-shadow: -3px -3px 10px #333;*/
	padding: 2%;
	width: 100%;
	opacity: .75;
}
/*third level*/
.kdChkBx {
	cursor: pointer;
	margin-top: 1%;
	opacity: .75;
}
.kdArtclBx {
	margin-top: 1%;
	padding: 4%;
}
/*fourth level*/
.kdArtclText {
	/*text-indent: 5%;*/
}
/*element styles*/
.chrBox {
	z-index: 4;
}
.chrCheck {
	position: relative;
	left: -18px;
	z-index: 5;
}
.chkFalse {
	visibility: hidden;
}
.elemDisplayNone {
	display: none;
}
.kdLabel {
	position: relative;
	left: -18px;
	top: -1px;
	opacity: .75;
	z-index: 5;
}

.expDatePad {
	padding-left: 5%;
}

.kdh1 {
	font-family: fredericka-the-great;
	font-style: normal;
	font-size: 35px;
	font-weight: 500;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-align: right;
	margin-bottom: .5%;
}
.kdh2 {
	font-family: fredericka-the-great;
	font-style: normal;
	font-size: 30px;
	font-weight: 300;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-align: right;
	margin-bottom: 2%;
}
.kdh3 {
	font-family: fredericka-the-great;
	font-style: normal;
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-align: right;
}
.kdh4 {
	font-family: fredericka-the-great;
	font-style: normal;
	font-size: 13px;
	font-weight: 300;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-align: right;
	margin-top: 2%;
}
.kdh5 {
	font-family: fredericka-the-great;
	font-style: normal;
	font-size: 25px;
	font-weight: 300;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	margin-bottom: 2%;
}
a { color: #222; 
	text-align: right;
	text-decoration: none;
	outline: none; 
}
a:visited { 
	color: #222; 
}
a:focus {
	color: #222;
	outline: none; 
}
a:hover, a:active {
	color: #222;
	font-weight: 600;
}
.kdlink {
	font-family: fredericka-the-great;
	font-style: normal;
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}
.kdlogo1 {
	width: 185px;
}
.kdtx1 {
	font-family: 
	font-style: normal;
	font-size: 25px;
	font-weight: 300;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {

.hide_tablet {
	display: none;
}
.zeroMargin_tablet {
	margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

.midBox1 {
	max-width: 32%;
	float: left;
}
.midBox2 {
	max-width: 68%;
}
.zeroMargin_desktop {
	margin-left: 0;
}
.hide_desktop {
	display: none;
}
}