/* @override http://localhost/public/docs/css/arranevans.css */

* { margin: 0; padding: 0;
}

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

head p {
	position: absolute;
	padding-left: 40px;
}

p {
   text-align: justify;
}

/* Links */

a:link {
	color: #809974;
	text-decoration: none;
}

a:visited {color: #70556F; 
		   text-decoration: none;
}
a:visited:hover {color: #70556F;
}

a:hover, a:active {color: #809974; 
		 text-decoration: underline;
}

a img
{
	border: none;
}

/* Headings */

h1, h2, h3, h4, h5, h6, p, img, ul, ol, dl, table {
	margin-bottom: 20px;
}

h1 {
	font-size:40px; 
	line-height:40px;
}

h2 {
font-size:30px;
line-height:40px;
}

h3 
{
font-size:20px;
line-height:20px;
}



body {
	font-size: 14px;
	line-height: 20px;
	color:#7B7B7B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 40px;
}

article {
	overflow:hidden
}

img {
	background-color: #ffffff;
}

/* Masthead */

#masthead {
	height: 120px; 
	width: 780px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 60px;
	position:relative;
	overflow:hidden;
}

#masthead > a {
	float: left;
	display: block;
}

/* Top Navigation */

#topbar {
	position:absolute; 
	right: 0; 
	bottom: 20px;
}



#topbar ul {
	list-style-type: none;
	overflow: hidden;
}

#topbar li { 
	float: left;
	height: 30px;
	width: 80px;
	position: relative;
	overflow: hidden;
	text-indent: -1000%;
	margin-left: 10px;
	background-position: 0 0;
}

#topbar li:hover {
	background-position: 0 30px;
}

body.folio #topbar li.folio, body.about #topbar li.about, body.contact #topbar li.contact, body.news #topbar li.news {
	background-position: 0 30px;
}

#topbar li a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
}

#topbar li.folio {
	background-image: url(/public/images/tab-image-portfolio.png);
	
}

#topbar li.contact {
	background-image: url(/public/images/tab-image-contact.png);
}

#topbar li.about {
	background-image: url(/public/images/tab-image-aboutme.png);
}

#topbar li.news {
	background-image: url(/public/images/tab-images-news.png);
}

/*#topbar li { 
	float:left; 
	position: relative;
	margin-left: 10px;
	height: 60 px;
	width: 80px;
	overflow: hidden;
	text-indent: -1000%;
}

#topbar a {
	display: block;
}

 */

/* home page */

body#home article { 
	width: 940px; 
	padding: 0 10px; 
	margin-left:auto;
	margin-right:auto;
}

body#home article img { 
	float: left;
	margin-right: 20px;
}

body#home article a:nth-child(3) img { 
	margin-right: 0;
}

body#home article p {
	width: 590px;
	padding-top: 40px;
	margin-left: 180px;
	clear: both;
}

/*About Me*/
body#aboutme article { 
	width: 780px; 
	padding: 0 20px; 
	margin-left:auto;
	margin-right:auto;
}

body#aboutme article img { 
	float: left;
	margin-bottom: 60px;
}

body#aboutme article p {
	width: 380px;
	float:right;
	clear: both;
	margin-top: 10px;
	margin-bottom: 60px;
}

/*CV*/
body#cvitae article { 
	width: 780px; 
	padding: 0 20px; 
	margin-left:auto;
	margin-right:auto;
}

body#cvitae article img { 
	float: left;
	margin-bottom: 60px;
}

body#cvitae article section {
	width: 380px;
	float:right;
	clear: both;
	margin-top: -320px;
	margin-bottom: 60px;
}

/*Contact*/
body#contact article { 
	width: 780px; 
	padding: 0 20px; 
	margin-left:auto;
	margin-right:auto;
}

body#contact article img { 
	float: left;
	margin-bottom: 60px;
}

body#contact article section {
	width: 380px;
	float:right;
	clear: both;
	margin-top: 150px;
	margin-bottom: 60px;
}

/*
body#contact article h4 {
	width: 380px;
	float:right;
	clear: both;
	margin-top: -320px;
	margin-bottom: 60px;
}
*/

/*News*/
body#news article { 
	width: 780px; 
	padding: 0 20px; 
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 195px;
}

body#news article section {
	width: 380px;
	float:right;
	clear: both;
	margin-top: 30px;
	margin-bottom: 60px;
}

body#news article aside { 
	float: left;
	margin-bottom: 50px;
}

body#news article aside img{ 
	margin-bottom: 50px;
}

/* Projects Page */
body#projects-page article { 
	width: 780px; 
	padding: 0 90px; 
	margin-left:auto;
	margin-right:auto;
}

body#projects-page article section { 
	width: 300px;
	float: left;
}

body#projects-page article aside { 
	float: right;
}

/* Projects Video Page */
body#projects-video-page article { 
	width: 780px; 
	padding: 0 90px; 
	margin-left:auto;
	margin-right:auto;
}

body#projects-video-page article section { 
	width: 300px;
	float: left;
}

body#projects-video-page article aside { 
	float: right;
}

body#projects-video-page article aside div#media { 
	padding-top: 20px;
}

/*Portfolio*/ 
body#portfolio article { 
	width: 940px; 
	padding: 0 10px; 
	margin-left: auto;
	margin-right: auto;
}

/*body#portfolio article aside { 
	float: right;
}*/

body#portfolio #gallery { 
	float: left;
	padding-left: 240px;
	overflow: hidden;
}

body#portfolio #gallery ul {
	width: 480px;
	list-style-type: none;
}

body#portfolio #gallery li {
	float: left;
	margin-right: 20px;
}

/*Projects Nav*/ 
#projects-nav {
	clear: both;
	overflow: hidden;
	background-color: #DEDEDE;
}

#projects-nav ul {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
}

#projects-nav li {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	float: right;
}

#projects-nav img {
	border: solid white 2px;
	width: 96px;
	height: 96px;
}



/* Footer */
body > footer {
	background-color: #DEDEDE;
	height: 40px;
	margin-top: 40px;
	padding: 20px;
	padding-left: 50%;
	clear: both;
}

body > footer img {
	float: left;
	margin-right: 20px;
	margin-left: -470px;
	margin-top: 6px;
}

body > footer p {
	width: 800px;
	margin-left: -330px;
}