/*
FILE: images/default.css
DESCRIPTION: Default styles for MarkLeon.com
*/
/* CSS RESET: BEGIN */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #FFFFFF;
	background: #333333;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* CSS RESET: END*/

/*----------------------------------------*/

/* CUSTOM STYLES: BEGIN */

/* element defaults */
html, body {
	/* set base font size(s) */
	font: 100% "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	/* For IE/Win 1.1em is approx. 12px */
	/* line-height: 1.2em; */
}
html > body {
	font-size: 18px;    /* For modern browsers 1em = 12px */
}
hr {
	color:silver;
}
h2 {
	font-size:110%;
	font-weight:bold;
}
h3 {
	font-size:105%;
	font-weight:bold;
}
a:link, a:visited {
	color: white;
	text-decoration:none;
}
a:hover {
	color: #CCFFFF;
	text-decoration:underline;
}

/* custom classes */
.centered {
	text-align: center;
	vertical-align: middle;
}

.dramatic-text {
	text-transform:uppercase;
	letter-spacing:.75em;
	word-spacing:125%;
}

/* page layout containers */
#main-container {
	width: 85%;
	margin: 1%;
	padding: 1%;
}
#navigation-list {
    list-style-type:none;
}
#navigation-list li {
    display:inline;
}
#page-header-slogan {
	font-family:Verdana;
	font-weight:bold;
/* 	margin-left:0; */
	text-align:center; 
	width:17.5em; 
	font-size:150%;
}
#page-header-slogan-line1 {
	text-align:left;
	color: #FFFFCC;
}
#page-header-slogan-line2 {
	text-align:center;
	color: #FFCCCC;
	font-size:250%;
}
#page-header-slogan-line3 {
	text-align:right;
	color: #CCFFCC;
}
#i-am-container {
	float: left;
	width: 68%;
	text-align: left;
}
#i-am-avatar-image {
	margin-right:.5em;
	border:thin silver solid;
}
#i-am-heading1 {
	font-size:95%;
	font-family: "Arial Black";
	text-align: left;
	letter-spacing: .05em; 
	font-family: Tahoma;
}
#i-am-heading1-name {
	color: #FFCCCC;
	font-family: "Arial Black";
	font-size:150%;
	letter-spacing:.05em;
}
#i-am-heading2-name {
	font-size:85%;
}
#i-am-intro {
	font-family: "Arial";
	font-weight:bold;
	color: #CCFFFF;
	text-align: left;
	font-size:105%;
	margin-right:.25em;
	padding-right:.25em;
}
#i-am-paragraph {
	/* font-family: Sans Serif;  */
	font-size:90%;
	font-weight:normal;
/* 	font-size: large;  */
	letter-spacing: .1em; 
	line-height: 1.1em; 
	text-align: left;
}
#i-am-kaizen {
	font-family: "Arial Black";
	font-weight:bold;
	text-align: right;
}
#i-am-list-container{
font-size:75%;
}
#i-am-more {
	/* float:left; */
	font-family: Tahoma; 
	letter-spacing: .1em; 
	line-height: 1.2em;
}

/* #certifications ul, #groups ul, #projects ul, */
.i-am-list-container ul {
	font-size:90%;
	margin: .25em;
	padding: .25em;
}

/* #certifications img, #groups img, #projects img, */
.i-am-list-container img {
	text-align: left;
	vertical-align: middle;
	width: 1.25em;
	height: 1.25em;
	margin: .25em;
	padding: .25em;
}

#contact-container {
	float: right;
	width: 27%;
	/* min-width: 8em;
	max-width: 8em; /* 	min-width:140px;*/;
	text-align: left;
	margin: 1%;
	padding: 1%;
	font-size:75%;
}

.sub-contact-container {
/* background-color:Red; */
border: solid thin black;
margin:.5em;padding:.5em;color:#FFCCCC;
}

/* .network-list, .contact-list, */
.sub-contact-container  ul {
	text-align: left;
}
/* .network-list li, .contact-list li, */
.sub-contact-container ul li {
	margin: .5em .1em .5em .1em;
	text-align: left;
	color:white;
}
/* .network-list img, .contact-list img, */
.sub-contact-container ul li img {
	text-align: left;
	vertical-align: middle;
	width: 1.25em;
	height: 1.25em;
	margin: .0025em;
	padding: .0025em;
	margin-right: .25em;
	padding-right: .25em;
}

/*
.contact-list-icon,
.contact-list ul li img {
	margin-right:.5em;
	padding-right:.5em;
}

.contact-icon {
	width: 20px;
	height: 20px;
	margin: 1px;
	padding: 0;
}

.contact-list dd {
	margin: 1%;
	padding: 1%;
	padding-bottom: 5%;
}

*/


#twitter_div {
border: 0;
}

#twitter_update_list li {
margin:.5em;padding:.5em;color:#FFFFCC;
}

#flair {
/* float:right; */
}

#flair img {
margin:1em;padding:1em;text-align:center;
}

#footer {
	letter-spacing: .2em;
	line-height: 1.2em;
	font-size: x-small;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1%;
	padding: 1%;
}

#footer-links {
	font-size: x-small;
}
/* CUSTOM STYLES: END */