/*
Theme Name: Science Office	
Theme URI: http://scienceoffice.org
Description: 
Version: 1.0
Author: Hugo Baeta
Author URI: http://hugobaeta.com
Tags: 
*/

@import "assets/css/framework.css";
@import "assets/css/enhancements.css";

/* @group Basic Styles */
body { font-size: 62.5%; 
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	background: #efefef url(assets/images/background.jpg) no-repeat scroll center top; color: #555555; }
#body-wrap { width: 950px; overflow: hidden;
	margin: 0 auto 0; padding: 0; }
.shadow, img.aligncenter { background: url(assets/images/shadow.png) no-repeat center bottom; padding: 0 0 17px; }
.shadow-thumb { background: url(assets/images/shadowthumb.png) no-repeat center bottom; padding: 0 0 14px; margin: 0 0 7px; }
hr { width: 100%; height: 18px; background: url(assets/images/hr_background.png); border: 0 none; margin: 0 0 10px; }
/* @end Basic Styles */

/* @group Links */
a:link, a:visited { color: #333333; text-decoration: underline; }
a:hover, a:active { color: #740031; text-decoration: none; }

#header a:link, #header a:visited { color: #000; text-decoration: none; }
#header a:hover, #header a:active { color: #046ab0; text-decoration: none; }
#header li.current_page_item a, #header li.current_page_parent a, #header .active a, #header .current_page_ancestor a { 
	color: #888 !important; }
#main-nav a:link, #main-nav a:visited { color: #740031; }
#main-nav a:hover, #main-nav a:active { color: #000; }
#main-nav li.current_page_item a, #main-nav li.current_page_parent a, #main-nav .current_page_ancestor a { 
	color: #555 !important; font-weight: bold; }

.hentry h2 a:link, .hentry h2 a:visited, .hentry h3 a:link, .hentry h3 a:visited,
.pagesquery h3, .pagesquery h3 a:visited { color: #740031; text-decoration: none; }
.hentry h2 a:hover, .hentry h2 a:active, .hentry h3 a:hover, .hentry h3 a:active, 
.pagesquery h3 a:hover, .pagesquery h3 a:active { color: #000; text-decoration: none; }

p.post-meta a:link, p.post-meta a:visited { color: #aaa; text-decoration: underline; }
p.post-meta a:hover, p.post-meta a:active { color: #046ab0; text-decoration: none; }

#footer a:link, #footer a:visited { color: #aaa; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #046ab0; text-decoration: none; }
/* @end Links */

/* @group Header */
#header { width: 260px; position: relative; float: left; }
/* Logo */
#logo { width: 260px; height: 60px; margin: 0; padding: 0; position: absolute; top: 105px; }
#logo h1 { width: 260px; height: 60px; margin: 0;
	background: transparent url(assets/images/logo.png) no-repeat; }
#logo h1 a { width: 260px; height: 60px; margin: 0; text-indent: -9999px; float: left; display: block;
	background: transparent url(assets/images/logo.png) no-repeat; }
/* @end Header */

/* @group Navigations */
#lang-nav, #main-nav, #sub-nav, #social-nav { text-align: right; padding: 0 2px; }
#lang-nav { margin-top: 45px; }
#main-nav { margin-top: 120px; text-transform: uppercase; font-size: 1.7em; line-height: 1.3em; }
#sub-nav { margin-top: 70px; line-height: 1.3em; }
#social-nav { margin: 140px 0 40px; }

#lang-nav, #main-nav, #sub-nav, #social-nav, #social-nav h2 { 
	/* font-family: 'TitilliumText14L400wt', Arial, sans-serif; letter-spacing: 0; */ }
#lang-nav { font-size: 1.1em; }
#sub-nav, #social-nav { font-size: 1.3em; }
#sub-nav li { margin-bottom: 5px; }
#sub-nav li.current_page_ancestor { margin-bottom: 20px; }

/* Social Nav */
#social-nav h2 { font-size: 1.1em; color: #740031; font-weight: normal; margin-bottom: 1.5em; }
#social-nav ul li { width: 258px; height: 20px; margin: 0 0 12px; text-align: left; }
#social-nav ul li a { width: 258px; height: 20px; margin: 0; padding: 0; 
	display: block; float: left; text-indent: -9999px;
	background: transparent url(assets/images/socialmatrix.png) no-repeat; }
	
#social-nav ul li#social-nav-facebook a { background-position: right 0; }
#social-nav ul li#social-nav-facebook a:hover { background-position: right -20px; }
#social-nav ul li#social-nav-twitter a { background-position: right -40px; }
#social-nav ul li#social-nav-twitter a:hover { background-position: right -60px; }
#social-nav ul li#social-nav-vimeo a { background-position: right -80px; }
#social-nav ul li#social-nav-vimeo a:hover { background-position: right -100px; }
#social-nav ul li#social-nav-youtube a { background-position: right -120px; }
#social-nav ul li#social-nav-youtube a:hover { background-position: right -140px; }
#social-nav ul li#social-nav-flickr a { background-position: right -160px; }
#social-nav ul li#social-nav-flickr a:hover { background-position: right -180px; }
/* @end Navigations */

/* @group Content */
#content { width: 560px; float: right; margin-right: 90px; overflow: hidden; }
#content h2, #content h3 { padding: 0 4px; color: #740031; }
h2#pagetitle { font-size: 2em; margin: 40px 0 20px; padding: 0; color: #000; }
h2#pagetitle span { font-size: 2.3em; display: block; }
#featured { margin: 0 0 20px; width: 560px; }
#featured #slider { width: 560px; height: 310px; overflow: hidden; background: #fff; border-bottom: 1px solid #fff; }
div.post-thumbnail { width: 180px; height: 110px; padding: 0 0 14px; background: url(assets/images/shadowthumb.png) no-repeat center bottom; float: right; margin: 0 0 20px 20px; }
div.post-thumbnail img { margin: 0; }

.hentry, .post-navigation { font-size: 1.6em; margin: 0 0 20px; overflow: hidden; }
.hentry p, .hentry ul, .hentry ol, .hentry dl { padding: 0 5px; }
#postlist div.hentry  { background: url(assets/images/hr_background.png) no-repeat center bottom; padding: 0 0 18px; }
.hentry h2 { font-size: 1.6em; /* text-transform: uppercase; */ }
.hentry h3 { font-size: 1.4em; text-transform: none; }
.hentry h3 { color: #740031; }
.hentry ul, .hentry ol { margin: 0 0 20px; }
.hentry li { list-style-type: disc; margin: 0 0 0 20px; }
.hentry blockquote { border-left: 5px solid #e4e4e4; margin: 0 5px; padding: 0 0 0 10px; }
.hentry img { margin: 0 -5px; }
p.post-meta { color: #aaa; font-size: .85em; }
/*POST NAVIGATION*/
.post-navigation { overflow: hidden; display: block; }
.post-navigation p { width: 270px; display: block; margin: 0 0 40px; padding: 20px 5px; 
	border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; }
.post-navigation p a { text-decoration: none; }
.post-navigation p span { display: block; font-size: .8em; text-transform: uppercase; color: #aaa; }
.post-navigation p.alignright { text-align: right; }
/* @end Content */

#respond { background: url(assets/images/hr_background.png) no-repeat center top; padding: 30px 0 0; }

/* @group Page Loop */
.pagesquery { width: 570px; font-size: 1.2em; }
.pagesquery-item { width: 180px; height: 220px; float: left; margin-right: 10px; }
.pagesquery-item-img { width: 180px; height: 110px; }
.pagesquery-item h3, .pagesquery-item h3 a { color: #000 !important;  text-decoration: none; text-transform: none; }
.pagesquery-item p { padding: 0 5px; }
/* @end */

/* @group Footer */
#footer-wrap { width: 950px; margin: 30px auto; overflow: hidden; }
#footer { width: 560px; margin: 0 0 0 300px; font-size: 1em; color: #aaa; line-height: 2em;
	font-family: Arial, Helvetica, sans-serif; padding: 20px 0; border-top: 1px solid #ddd; }
#footer ul li { margin: 0; display: block; }
ul#footer-copy { float: left; }
ul#footer-credits { float: right; text-align: right; }
li#credits-wordpress a { padding: 5px 0 5px 20px;
	background: transparent url(assets/images/icon_wordpress.png) no-repeat left center; }
/* @end Footer */