@charset "UTF-8";
/* studiojohnhenry Theme:css3-ward
Theme URI: http://www.studiojohnhenry.com/
Author: John Henry
Version: 1.0 */
/* zero  */

html,
button,
input,
select,
textarea { color:#F1F1F1; }

body {
	font: 100%/1.4em "droid-sans", sans-serif;
	padding: 0;
	margin: 0;
	color: rgba(51,102,153,1);
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the bottom space between */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles. */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}
/*  Element/tag selectors  */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
}
a:link {
	color:#336699;
	text-decoration: none;
}
a,
a:visited {
	color:#336699;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color:#303030
	text-decoration: none;
	font-weight: bolder;
}
/* The header gets no width.  */

/* HTML5 tags */

header, section, footer,
aside, nav, article, figure { display: block; }
article { 
}

.wrapper{ /* since the name variesI capitalize the main container div */
	width: 100%;
	text-align:center;
	max-width: 1024px;
	margin: 0 auto;
}

 /* For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1; clear: left;/* resume styles*/
}

#leftSide{/* main floated container cols*/
	float: left;
	width: 35%;
	padding-left: 0;
	padding-bottom: 10px;
	text-align: right;
	margin-left: auto;
}
#rightSide {
	width: 50%;
	float: left;
	padding-bottom: 8px;
	padding-left: 35px;
	padding-right: 10px;
	margin-right: auto;
}

.div2right h1 {/*styles for________for RIGHT col */
	float: left;
	width: 90%;
	font-size:1em;
	text-align: left;
	letter-spacing: 0.2em;
	vertical-align: top;
	padding-top: 0;
	font-weight: 300;
	padding-bottom: 1em;
	color: rgba(102,102,102,1);
}
.nav3Rt {
	display:block;
	width: 75%;
	font-size: 0.7em;
	font-weight: 300;
	color: #336699;
	line-height: 1em;
	padding-bottom: 20px;
	vertical-align: middle;
	word-spacing: 2px;
	float: left;
	margin-bottom: 30px;
	padding-top: 10px;
}
.social{
	float: left;
	width: 30%;
	vertical-align: top;
	margin-top: 10px;
}
.resume {
	display: block;
		float: left;
	width: 90%;
	line-height: 1em;
	overflow: auto;
	visibility: visible;
	text-align: left;
	color: rgba(102,102,102,1);
	height: 225px;
}
.resume h2 {
	font-size: 0.9em;
	text-indent: 0;
	font-weight: 300;
	color: #369;
	line-height: normal;
}
.resume h5 {
	font-size: x-small;	
}
.resume p {
	font-size: 0.8em;
	line-height: 1.5em;
	padding-right: 0px;
}
.resume h3  {
	font-size: 0.8em;
	font-weight: 300;
	color: #369;
	line-height: normal;
}
.resume ul {
	text-indent: 0;
	text-align: left;
	list-style-position: outside;
	list-style-type: square;
}
/*styles____________for LEFT col */
.div1Left {
	float: right;
	display: inline;
	text-align: right;
	padding-bottom: 1em;
	padding-left: 0;
	clear:both;

}
.div2Left {
	max-width: 100%;
	text-align: right;
	font-size: 10px;
	font-weight: lighter;
	letter-spacing: 0.2em;
	vertical-align: middle;
	line-height: 2em;
	padding-bottom: 5px;
	padding-right: 0px;
	float: right;
	padding-left: 0px;
	color: rgba(102,102,102,1);
	clear:both;
}
	
.nav3pecial p{
	width: 90%;
	font-size: 0.7em;
	font-weight: 300;
	color: #336699;
	line-height: 1em;
	text-align: right;
	line-height: 2.25em;
	vertical-align: middle;
	padding-bottom: 0;
	display: block;
	word-spacing: 16px;
	float: right;
	clear:both;
	margin-bottom:0;
	margin-top: 20px;

}
.div4Left{
	width: 90%;
	float: right;
	line-height: 2em;
	text-align: right;
	padding-bottom: 9px;
	font-size: 9pt;
	color: rgba(0,102,153,1);
}
.photo {
	float: right;
	padding-top: 1em;
	padding-left: -5%;
	text-align: right;
	padding-bottom: 1em;
}
footer { /* footer id div clears float */
	padding-left: 40%;
	border-top-width: 1px;
	style: solid;
	color: #333366;
	clear: both;
	border-top-style: dotted;
	border-top-color: #333366;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.bghead{
	max-width: 100%;
}
.footer li {
	font-size: 0.7em;
	list-style-type: none;
	padding-top: 1em;
	padding-bottom: 0.5em;
	float: left;
	text-indent: 7px;
	text-decoration: none;
}