/*
filename: styledfa.css
why are you peeking at my stylesheet?
path: davidallio.com/css/styledfa.css
revised: 2016 Jul 23
@import "css/reset.css";
*/

/*
<|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|>
Structure
<|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|> */

body {
	font: 13px 'Open Sans Demibold', 'Open Sans', 'Lucida Sans Unicode', Tahoma, sans-serif;
	color:#0000000;
	background-color:#ffffff;
	line-height:normal;
	text-shadow:none;
}

/*
|><|><|><|><|><|><|><|><|><|><|>
Fonts General
|><|><|><|><|><|><|><|><|><|><|> */

h1 {font: 38px 'Open Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; margin-bottom:-1px; padding-bottom: 3px;}}
h2 {font: 28px 'Open Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; letter-spacing:-1px;}
h3 {font: 18px 'Open Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; letter-spacing:-1px;}
h4 {font: 18px 'Open Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; letter-spacing:-1px;
	color:#fdfdfd; text-transform:lowercase; text-decoration:none; text-align:right;}
h5 {font: 14px 'Open Sans', 'Lucida Sans Unicode', Tahoma, sans-serif;
	color:#dadada; text-transform:lowercase; text-decoration:none; margin-top:-5px;}
/*not yet used*/
h6 {font: 18px 'Open Sans Demibold', 'Open Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; letter-spacing:-1px;
	color:#696969; text-transform:lowercase; text-decoration:none; margin-bottom:-10px;}

p {size:100%;line-height:1.21em;}
a img {border:none;}

xx-small {size69%;line-height:1.01em;}
x-small {size80%;line-height:1.01em;}
small {size:90%;line-height:1.01em;}
large {size:110%;line-height:1.11em;}
x-large {size:120%;line-height:1.14em;}
xx-large {size:135%;line-height:1.33em;}

/*
<|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|>
Div Containers
<|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|> */

#hr69 {
	height:1px;
	border:0;
	color:#000000;
	background-color:#696969;
	width:69%;
	text-align:center;
        margin-left:auto;
        margin-right:auto;
	margin-bottom:18px;
}

#hr88 {
	height:1px;
	border:0;
	color:#000000;
	background-color:#696969;
	width:88%;
	text-align:center;
	margin: 0 auto;
}

#hr98 {
	height:1px;
	border:0;
	color:#000000;
	background-color:#696969;
	width: 98%;
	text-align:center;
	margin: 0 auto;
}

#dapage1000 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:18px;
	margin-bottom:0px;
	width:1000px;
}

#dapage900 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:18px;
	margin-bottom:18px;
	width:900px;
}

#dapage900x600 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:24px;
	margin-bottom:28px;
	width:900px;
	height:600px;
}

#dapage900x400 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:18px;
	margin-bottom:18px;
	width:900px;
	height:400px;
	background-color:#eaeaea;
}

#dapage600x600fl {
	position:relative;
	float:left;
	width:600px;
	height:600px;
}

#dapage600x150 {
	position:absolute;
        bottom:0;
	width:600px;
	height:150px;
	text-align:right;
	padding-right:8px;
	padding-bottom:8;
}

#dapage300x400 {width:300px; height:400px;}


#dapage300x400wb {width:300px; height:400px;
  background-color: #696969;
  background-image: linear-gradient(#ffffff, #696969);
}


#dapage150x600fr {
	float:right;
	width:150px;
	height:600px;
	padding:8px;
}

#dapage200x600fr {
	float:right;
	width:200px;
	height:600px;
	padding:3px;
	background-color:#181818;
}

#pay171x47fr {max-width:171px; max-height:47px; margin:10px; float:right;}

/*
|><|><|><|><|><|><|><|><|><|><|>
Menu Bar
|><|><|><|><|><|><|><|><|><|><|> */

#mBar {
	font: 12px 'Open Sans', 'Lucida Sans Unicode', sans-serif;
	text-align:center;
	text-transform:lowercase;
	padding-top:7px;
	padding-bottom:7px;
	color:#ffffff;
	background-color:#696969;
	text-shadow:none;
}

.mCy {
	font: 13px 'Open Sans', 'Lucida Sans Unicode', sans-serif;
	color:#ffffff;
	text-transform:none;
	text-decoration:none;
	margin-left:4%;
}

.m4pc {
	color:#696969;
	letter-spacing:-1px;
	text-transform:none;
	text-decoration:none;
	margin-left:4%;
}

a, a:link {text-decoration:none; color:#ffffff; cursor:pointer;}
a, a:visited {text-decoration:none; color:#242424;}
a, a:active {text-decoration: none; color: #dadada;}
a, a:hover {text-decoration:none; color:#000000;}

	a.mMk:link {color:#ffffff; text-decoration:none; cursor:pointer;} 
	a.mMk:visited {color:#242424; text-decoration:none;}  
	a.mMk:active {color:#dadada; text-decoration:none;}  
	a.mMk:hover {color:#080808; background-color:#fafafa; text-decoration:none;}

	a.phB:link {opacity:0.5}
	a.phB:visited {opacity:0.1}
	a.phB:hover {opacity:1}
	a.phB:active {opacity:0.0}

/*
<|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|>
Classes
<|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|><|> */

.daprime {margin-bottom:-14px; letter-spacing:-2px; text-shadow:none; color: #000000;}
.exprime {margin-bottom:18px; letter-spacing:-2px; text-shadow:none; color: #000000;}

.daprimew {margin-bottom:-14px; letter-spacing:-2px; text-shadow:none; color: #ffffff;}

.t8pl {position:relative; text-align:left; font-size:large}
.t9pl {position:absolute; margin-bottom:0; text-align:left;}

.b18pl {position:absolute; bottom:0; text-align:left; padding-left:18px; padding-bottom:9;}
.b18pr {position:absolute; bottom:0; text-align:right; padding-left:10%; padding-bottom:1%;}

.b08pl {position:absolute; bottom:0; text-align:left; padding-left:8px; padding-bottom:9;}
.b08pr {position:absolute; bottom:0; text-align:right; padding-left:12%;}

.bxr {text-decoration:none; text-align:right; margin-bottom:18px; margin-left:auto;}

.b0p {position:absolute; bottom:0; padding-left:16px; padding-bottom:8;}

.subsc {font-size:0.7em; vertical-align:middle;}
.supr {font-size:0.7em; vertical-align:top;}

.f60sq {width:59px; height:59px; margin:2px;}
.f90sq {max-width:90px; max-height:90px; margin:2px;}
.f100sq {max-width:100px; max-height:100px; margin:2px;}

.f600x600 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width:600px;
	max-height:600px;
}

.f500sq {
	margin-left:auto;
	margin-right:auto;
	max-width:500px;
	max-height:500px;
}

.f400x600fr {width:400px; height:600px; float:left;}

.f600x400fr {width:600px; height:400px; float:right;}