/*==================
   Enlev Design 
   www.enlev.com
   CSS Document   
   STYLE.CSS   
==================*/

/*--COLORS ________
Green: #86b332
Blue: #006699
Gray: #333333
--_______________*/

#oldsite { position:fixed; z-index: 99; top: 0; width: 100%; text-align: center; background: rgba(100,100,100,.7); border-bottom: 5px solid rgba(255,255,255,.7); 
	padding: 20px; color: rgb(230,230,230); font-family: Helvetica, sans-serif; font-size: 20px; letter-spacing: -1px;
	text-shadow: 0 1px #000; }
#oldsite a { font-size: 20px; color: #FFF; border-bottom: 2px #FFF solid; padding-bottom: 2px;}
#oldsite a:hover { color: #B5F4FF; border-color: #B5F4FF;}

/*--Global ____________________________________________________*/
* { margin:0; padding:0; }
body { background: #000 url('../images/tile.png') repeat-x; font: 13px/145% Arial, Helvetica, Sans; color:#333333; }
p{margin:0; padding:0 0 15px 0; line-height: 150%; color:#333333;}
ul, ol { color:#333333; }
#bg { background: url('../images/bg_head.jpg') repeat-x; background-position: top center; width: 100%; height: 167px;}
.wrapper { width: 800px; margin: 0 auto; }
a { color: #006699; border-bottom: 0px solid #006699;}
a:link { text-decoration: none; font-size: 13px;}
a:visited { text-decoration: none; }
a:hover { text-decoration: none; border-bottom: 0px solid #86b332; color: #86b332; }
a:active { text-decoration: none; }
a.top-link { float: right; background: #006699; color: white; padding: 5px 5px 0 5px; }
a.top-link:hover { background: #86b332; }
textarea { font-family: sans-serif; height: 20em; width: 40em }

/*--HEADER ____________________________________________________*/
#header { width: 800px; height: 167px;}
#logo { float:left; margin:0; height:167px;width:224px; }
#logo h1 { margin:0; padding:0; background:none; }
#logo h1 a, #logo h1 a:hover {
	background:url('../images/logo.jpg') no-repeat top left;
	height:167px;
	width:224px;
	text-indent:-9000px;
	display:block;
	text-decoration:none
}
#extra { background:url('../images/bg_photo.jpg') no-repeat; width: 800px; height: 131px; }
#extra ul { list-style:none; margin:0; padding:0; }
#extra ul li { width:auto; height:auto; float:left; margin-top: 129px; }
#extra img{ float:left; cursor:pointer; border:0; width:auto; height:auto; }

/*--MAIN ____________________________________________________*/
h1 { font: normal 24px Georgia; color: #006699; margin: 0px 0 5px; padding-top: 5px;
    border-bottom: 1px dotted #666; }
h2 {	color: #006699; font: normal 20px Georgia;
	    margin: 5px 0 0;
}
h3 { color: #006699; }
#mainbg { background: url('../images/stripes.png') repeat; width: 800px; clear: right; padding-top: 1px; }
.centered { margin: 0px auto; text-align: center; width: 500px;}
.moved {
	position: absolute;
	top: 200px;
	background: url('http://www.enlev.com/images/moved.jpg');
	overflow: hidden;
	background-position-x: 0px;
	background-position-y: 0px;
	width: 500px;
	height: 250px;
}
.moved:hover {
	background-position-x:0px;
	background-position-y:-250px;
}

/*--CONTENT ____________________________________________________*/
#maincontent {
	background: #FFFFFF; width: 452px; height: auto;
	margin: 50px 0px 0 50px; text-align: left;
	padding: 15px 15px 15px 15px; float:left; overflow: hidden;
}
#maincontent li {margin-left: 15px;}
#maintext {padding-right: 2px;}
#maincol a { padding-left: 40px;}
#maincol ul {padding-left: 90px;text-decoration: none;color: #666666;line-height: 20px;}
#maincol ul li a { padding: 0px; text-decoration: none;}
#maincol h1 { color: #006699;}

/*--RIGHT COLUMN ____________________________________________________*/
#rightcol {
	background: #FFF; width: 190px; height: auto; float:left;
	display:inline; margin: 50px 0 0 25px; padding: 12px 0 0 0;
	line-height: 15px; text-align: left;
}
#rightcol h1 {
	color: #006699; font-size: 20px; font-weight: lighter; 
	line-height: 30px; margin: 0 15px 0 15px; text-align: left; 
	border-bottom: 1px dotted #666; }
#rightbottomcol {
	background: #FFF; width: 190px; height: auto; float:left; display:inline; margin: 25px 0 20px 25px;
	padding: 10px 0 0 0; line-height: 15px; text-align: left; }
#rightbottomcol h1 { 	color: #006699; font-size: 20px; font-weight: lighter;
	line-height: 30px; margin: 0 15px 0 15px; text-align: left; 
	border-bottom: 1px dotted #666; }
#rightbottomcol img { float:left; margin:0; clear:both; cursor:pointer; border:1px solid #ddd; width:162px; height:100px; }
#rightbottomcol ul { list-style:none;margin-top:-10px;}
#rightbottomcol ul li {
	background:url('../images/shadow_thumb.jpg') no-repeat bottom left; padding: 15px 0 0 14px; width:160px;
	height:100px; float:left; padding-bottom:4px; text-align:center; margin: 10px 10px 10px 0;
}
#rightbottomcol ul li img:hover { border:1px solid #97B638;}
#featured { padding-left: 14px; margin-top: 10px;}
#featured ul { list-style:none; margin-top:-10px;}
#featured ul li {background:url('../images/shadow_thumb.jpg') no-repeat bottom left; width:160px; height:45px; float:left; padding-bottom:4px; text-align:center; margin: 10px 10px 10px 0;}
#featured img { float:left; margin:0; clear:both; cursor:pointer; border:1px solid #ddd; width:160px;height:40px;}
#featured ul li img:hover { border:1px solid #97B638; }

/*--RESUME ____________________________________________________*/
.resume_head { color: #000000; font-size:15px; font-variant:small-caps; font-weight: bold; float: left; margin-right: 20px;}
.resume { font-size: 12px; margin-left: 130px;}
.message_list { list-style: none; margin: 0; padding: 0; width: 435px;}
.message_head { padding: 5px 10px; cursor: pointer; position: relative; background: #006699; border: 1px dotted #FFFFFF;}
.message_head cite { color: #FFFFFF; font-size: 100%; font-weight: bold; font-style: normal;}
.message_body { padding: 5px 10px 15px;}
.message_body ul {margin-bottom: 5px; padding-bottom: 3px;border-bottom: 1px dotted #CCCCCC;}

/*--PORTFOLIO ____________________________________________________
#portcols { float: left; margin-left: 2px; }
#portcols img { border:2px solid #FFF;}
#portcols img:hover { border:2px solid #000;}
#portend img {border:2px solid #FFF;}
#portend img:hover { border:2px solid #000;}
*/

/*--CONTACT ____________________________________________________*/
#alert { width:200px; height: 20px; background-color: #FFFFCC; border: 1px solid #D8D857;}

/*--FOOTER ____________________________________________________*/
#footer { background: url('../images/bg_foot.jpg'); background-position: bottom center; width: 100%; }
#footer .wrap{ text-align: center; color: #888887; padding: 15px 0 4px 0; }
#footer ul{	list-style:none; }
#footer li{	display: inline;margin:0 2px; }
#footer a{ border: 0px solid; font-size:80%; color: #888887; text-decoration: none; margin:0 3px;}
#footer li.active a { color: #C2C2C2; }
#footer a:hover { color: #D2D2D1; }
#footer .copy{ color:#D2D2D1; margin-top:20px; font-size: 110%;	}