/*
	@mikaelcarrara
	http://www.mikaelcarrara.com
	*/

	body {background:#fff url(http://www.oniria.com.br/img/bg.png) top repeat-x}
	
	h2 {
		width:80%; height:70px;
		margin:0 0 0 0;
		font-size:25px;
		color:#44546a;
	}
	
	h2 span {
		font-weight:normal;
		margin:7px 0 0 0;
		font-size:20px;
		color:#77a5d2;
		float:left;
	}	

	h3 {
		font-weight:normal;
		margin:0 0 0 0;
		font-size:17px;
		color:#44546a;
	}

	h4 {
		width:100%; height:auto;
		text-transform:uppercase;
		text-shadow:#44546a 0 1px 0;
		margin:0 0 10px 0;
		font-size:13px;
		color:#fff;
		float:left;
	}

	
	/* General */

	div#page {
		width:940px; height:auto;
		padding:0 25px 0 25px;
		margin:auto;
	}

	div#content {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		width:665px; height:auto; min-height:600px;
		padding:30px 25px 40px 25px;
		position:relative;
		font-size:14px;
		background:#fff;
		float:left;
	}

	a#backBot {
		position:absolute;
		right:25px; top:25px;
		font-size:13px;
	}

	a#backBot {
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		width:70px; height:27px;
		background:#e6eff2;
		text-align:center;
		padding:8px 0 0 0;
		text-decoration:none;
		color:#44546a;
		float:right;
	}

	a#backBot:hover {
		text-shadow:#000 0px 1px 0px;
		background:#44546a; 
		color:#fff; 
	}


	/* Sidebar */

	div.sidebar {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		width:160px; height:auto;
		background:#77a5d2;
		padding:20px;
		margin:0 0 25px 25px;
		text-shadow:none;
		float:left;
	}

	div.sidebar h4 {
		height:25px;
		background:url(../img/line.png) bottom repeat-x;
	}

	div.sidebar ul {
		padding:0; margin:0;
	}

	div.sidebar ul li {
		list-style-type:none;
		margin:0 0 3px 0;
	}

	div.sidebar ul li a {color:#d6ebff}
	div.sidebar ul li a:hover {color:#fff}

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

	div#social {
		width:178px; height:auto;
		border:1px solid #e6eff2;
		padding:20px 0 20px 20px;
		background:#f7fbff;
	}

	div#social ul li {
		width:32px; height:32px;
		margin:0 10px 0 0;
		float:left;
	}
	
	
	/* Gallery */
	
	ul#gallery {
		width:665px; height:auto;
		padding:0; margin:0;
		float:left;
	}

	ul#gallery li {
		width:665px; height:auto;
		list-style-type:none;
		margin:0 0 25px 0;
		float:left;
	}
	
	ul#gallery li a img {
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border:4px solid #e6eff2;
		margin:0 15px 0 0;
		padding:1px;
		float:left;
	}
	
	ul#gallery li a:hover img {
		border:4px solid #77a5d2;
	}

	p.moreInfo a {
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		width:80px; height:22px;
		background:#e6eff2;
		font-size:13px;
		text-align:center;
		padding:3px 0 0 0;
		color:#44546a;
		float:left;
	}

	p.moreInfo a:hover {
		text-shadow:#000 0px 1px 0px;
		background:#44546a; 
		color:#fff; 
	}

	
	/* Pagination */
	
	ul#pagination {
		text-shadow:none;
		width:635px; height:auto;
		border-top:1px solid #e6eff2;
		border-bottom:1px solid #e6eff2;
		background:#f7fbff;
		margin:25px 0 10px 0;
		padding:15px;
		font-size:13px;
		float:left;
	}

	ul#pagination li {
		list-style-type:none;
		margin:0 5px 0 0;
		float:left;
	}

	ul#pagination li a,
	ul#pagination li.current {
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		width:35px; height:27px;
		text-align:center;
		padding:8px 0 0 0;
		text-decoration:none;
		float:left;
	}

	ul#pagination li a {background:#e6eff2; color:#44546a}
	ul#pagination li.current {background:#77a5d2; color:#e6eff2}
	ul#pagination li a:hover {background:#44546a; color:#fff; text-shadow:#000 0px 1px 0px}

	
	/* Project Details */
	
	div#video {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		width:665px; height:auto;
		float:left;
	}
	
	div#projectDetails {
		width:665px; height:auto;
		margin:5px 0 0 0;
		float:left;
	}

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

	ul#screenshots {
		text-shadow:none;
		width:635px; height:auto;
		border-top:1px solid #e6eff2;
		border-bottom:1px solid #e6eff2;
		background:#f7fbff;
		margin:15px 0 10px 0;
		padding:15px 5px 8px 15px;
		float:left;
	}

	ul#screenshots li {
		list-style-type:none;
		margin:0 7px 7px 0;
		float:left;
	}
	
	ul#screenshots li a img {
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border:2px solid #e6eff2;
		padding:1px;
		float:left;
	}
	
	ul#screenshots li a:hover img {
		border:2px solid #77a5d2;
	}


	/* Footer */

	div#footer {
		width:100%; height:auto;
		background:#2b323e url(http://www.oniria.com.br/img/bottomBar.png) top repeat-x;
		padding:25px 0 0 0;
		line-height:21px;
		color:#e6eff2;
		float:left;
	}
	
	div#footerCenter {
		width:940px; height:270px;
		background:url(../img/footerBg.jpg) bottom right no-repeat;
		padding:0 25px 0 25px;
		margin:auto;
	}

	div#footerCenter ul {
		width:500px; height:auto;
		padding:0; margin:0;
		text-shadow:none;
		float:left;
	}

	div#footerCenter ul li {
		width:150px; height:auto;
		list-style-type:none;
		margin:0 25px 0 0;
		float:left;
	}

	div#footerCenter ul li h4 a {
		width:150px; height:auto;
		color:#d6ebff;
		margin:0;
	}

	div#footerCenter ul li h4 a:hover {color:#fff}

	div#footerCenter ul li ul {
		width:auto; height:auto;
		margin:0;
	}
	
	div#footerCenter ul li ul li {margin:0}

	div#footerCenter ul li ul li a {color:#77a5d2}
	div#footerCenter ul li ul li a:hover {text-decoration:underline; color:#fff}

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

	div#footerCenter p {
		width:300px; height:auto;
		text-shadow:#000 0 1px 0;
		text-align:right;
		font-style:italic;
		color:#ccc;
		float:right;
	}

	address {
		width:330px; height:auto;
		text-shadow:#000 0 1px 0;
		text-align:right;
		font-style:normal;
		float:right;
	}