/*  Theme Name: Hayes Potter v7 
red : #EB4036
original red " #de0000
*/
body {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
   background: url(images/bg.jpg) repeat;
}
* {padding:0;margin:0;list-style-type:none;}
div.container {width:800px;margin:0 auto;}
div.c {clear:both;height:0;}
div.hr {width:1000px;height:1px;background:#bbb;margin:10px auto;}
div.line {
	height:5px; width:100%;
	background:#EB4036;
	opacity: .60; -moz-opacity: .60; -webkit-opacity: .60;
	position: fixed; bottom: 0; left: 0;
	-webkit-box-shadow: 0 0 20px black;
	-moz-box-shadow: 0 0 20px black;
	-webkit-transition:opacity 0.2s ease-in;  
	 -moz-transition:opacity 0.2s ease-in;  
	 -o-transition:opacity 0.2s ease-in;  
	}
div.line:hover {opacity:1; -moz-opacity:1; -webkit-opacity:1;}
a, a:visited {color:#999;
   -webkit-transition:color 0.3s ease-in;  
   -moz-transition:color 0.3s ease-in;  
   -o-transition:color 0.3s ease-in;  
   transition:color 0.3s ease-in;}
a:hover {color:#777;text-decoration:line-through;}

div.footer {padding:5px;height:220px;float:left;}

div.menu {float:left;margin:220px 0 0 10px;}
div.menu ul li a {text-decoration:none;font-size:13pt;text-shadow: 1px 1px 1px #eee;}
div.menu ul li a:hover {color:#EB4036;}

div#header {
	width: 939px; height: 101px;
	margin: 180px auto 0;
	}
div#header h1 {
	font-weight: bold;
	font-size: 100px;
	text-align: right;
	}
	
/****** blog ******/
div.post h2 {margin-bottom:.10em;text-shadow: 1px 1px 1px #eee;}
div.post h2 a {color:#999;text-decoration:none;}
div.post h2 a:hover {color:#EB4036;}
div.post h4 {margin-bottom:.50em;}
div.post a, div.section a {color:#EB4036;opacity:.60;-moz-opacity:.60;-webkit-opacity:.60;}
div.post a:hover, div.section a:hover {opacity:1; -moz-opacity:1; -webkit-opacity:1;}

/****** SINGLE ******/
div.single_header {
	/*background: url(images/s_header.jpg);*/
	width: 145px; height: 96px;
	position: absolute; top:5px; bottom: 0;
	}
div.single_header a {display:block;width:145px;height:96px;text-decoration:none;text-shadow: 1px 1px 1px #eee;}
div.single_header a h1 {line-height: 30px;font-size: 40pt;}
div.single div.post h2 {font-size:8em;}
div.single div.post h4 {font-size: 2em;}
div.single {border-left:1px solid #bbb;padding-left:10px;margin-top:125px;}

div.single_menu {float:left;margin:50px 0 0 10px;}
div.single_menu ul li a {text-decoration:none;font-size:13pt;text-shadow: 1px 1px 1px #eee;}
div.single_menu ul li a:hover {color:#EB4036;}

/******* CV *******/
div.resume {margin-top:125px;}
div.section h2 {float:left;text-shadow: 1px 1px 1px #eee;}
div.section h2.me {float:left;font-size:1.6em;}
div.section span {width:630px;float:right;border-left:1px solid #bbb;padding:10px 0 10px 10px;}
div.section ul.skills {width:300px;}
div.section ul.skills li {float:left;margin-left:7px;background:#eee;padding:5px;margin-bottom:5px;}

span.exp h4 {float:left;font-size:1.3em;color:#333;text-shadow: 1px 1px 1px #eee;}
span.exp small {margin-left:2.2em;float:left;color:#999;font-style: italic;font-size:.9em;}

/****** FOLIO ********/
div.folio {margin-top: 125px;}
div.folio ul li {margin-bottom: 20px;}
div.folio ul li img {border:1px solid #ddd;
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999; 
	box-shadow: 0 0 4px #999;
	-webkit-transition: all 0.3s ease-out;}
div.folio ul li img:hover {border:1px solid #222;
	-moz-box-shadow: 0 0 8px #555; 
	-webkit-box-shadow: 0 0 8px #555;
	box-shadow: 0 0 8px #555;
	}

/****** Contact ******/
div.contact {margin-top:125px;}
div.contact h2 {text-shadow: 1px 1px 1px #eee;}
div.contact h2 a {color:#EB4036;opacity:.60;-moz-opacity:.60;-webkit-opacity:.60;text-shadow: 1px 1px 1px #eee;}
div.contact h2 a:hover {opacity:1; -moz-opacity:1; -webkit-opacity:1;}