/*
Theme Name: ScienceIT
Theme URI: http://web.science.mq.edu.au/it/
Author: Arun Neelakandan, ScienceIT 
Author URI: http://stellarchariot.com/
Description: Theme for the ScienceIT website.
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: scienceit

*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Site Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */

#page.container {
    border: 1px solid #ccc;
    background-color: #fff;
    margin-top: 30px;
    padding: 30px;
}

body {
    /*background-color: #F8F8F8;*/
    background-color: #fff;
    background: url(../img/bg.png) repeat-x scroll 0px 0px rgb(255, 255, 255);;
}

/* Header
====================== */
header .above-nav {
	/*
    padding-left: 30px;
    padding-top: 15px;
    */
    padding-bottom: 10px;
}

header #mq-logo {
    padding-right: 20px;
}

header h1.site-title {
    margin-top: 24px;
    font-size: 34px;
    display: inline-block;
/* IE hack from http://stackoverflow.com/questions/6544852/ie7-does-not-understand-display-inline-block */
*display: inline;
zoom: 1;

    /*float: left;*/
    width: 64%;
}

header a, header a:hover {
	transition: color 150ms linear; 
}

header h1.site-title a, header h1.site-title a:link {
	color: #666;
	border: none;
	text-decoration: none;
}

header h1.site-title a:hover {
	color: #444;
	border: none;
	text-decoration: none;
}

header h1 > small.site-description a {
	color: #999;
}

header .above-nav:hover h1 > small.site-description a {
	color: #666;
	//border-bottom: 2px #c8c9c8 solid;
	padding-bottom: 2px;
}

header .above-nav:hover small.site-description a:hover {
	border-color: #00955f;
	color: #454545;
}

.mq-orientation-links {
	text-align: right; 
	display: inline-block; 

	width: 35%;
}

.mq-orientation-links ul {
	list-style-type: none;
}

.mq-orientation-links ul li {
	display: inline;
	margin-left: 24px;
}

.mq-orientation-links ul li a {
	color: #666;
}

.mq-orientation-links ul li a:hover {
	color: #222;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	header h1 small {
		display: none;
	}
	
	.mq-orientation-links {
		display: none;
	}

	header #logo > a:nth-child(2) {
		display: none;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 1000px) {
	header h1 small {
		display: none;
	}
}

/* Navigation 
====================== */


nav {
    margin-left: -30px;
    margin-right: -30px;
}

.navbar-inner {
	background-color: #7E0200;

	background-image: -moz-linear-gradient(top, #7E0200, #7E0200);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7E0200), to(#7E0200));
	background-image: -webkit-linear-gradient(top, #7E0200, #7E0200);
	background-image: -o-linear-gradient(top, #7E0200, #7E0200);
	background-image: linear-gradient(to bottom, #7E0200, #7E0200);
	background-repeat: repeat-x;
	
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding-left: 14px;
	filter: none;
}

.navbar-inner ul li a, .navbar-inner ul li a:link {
    padding: 16px 16px;
    color: white;
    text-shadow: none;
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    
    transition: background-color 150ms linear;
}

.navbar-inner ul li a:visited {
    color: white;
    padding: 20px 20px;

}

.navbar-inner ul li.current_page_item a {
    background-color: #00432b;
    color: white;
    text-decoration: none;
}

#top-rhs-search {
	display: block;
	float: right; 
	position: relative;
	top: 20px;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.navbar-inner ul li a, .navbar-inner ul li a:link, .navbar-inner ul li a:visited {
		border: 0px;
	}
	/* Make the navigation stack on mobile devices */
	.navbar .nav, .navbar .nav>li {
		display: block;
		float: none;
		margin-right: 0;
	}
	#top-rhs-search {
		display: none;
	}
}

.navbar-inner ul li:first-child a {
    border-left: none;
}

.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
    background-color: #4B0000;
    color: white;
    text-decoration: none;
    
    transition: background-color 150ms linear; 
}



/* Content
====================== */
#content article {
	margin-top: 34px;
}


.entry-meta .edit-link a {
	color: #eee;
	background-color: #666;
	padding: 4px 6px;
}

#content article a.external_icon, header a.external_icon, .footer-notes a.external_icon, #content a.external_icon {
	background: url(./img/external-link.png) center right no-repeat;
}

.thumbnails.centred-caption,
.centred-caption {
	text-align: center;	
}

/* Arconix Shortcodes (Wordpress Plugin) overrides
====================== */
#content .arconix-accordions-vertical div.arconix-accordion-title {
	text-transform: none;
}

/* Search Results
====================== */
body.search.search-results article h1 {
	font-size: 22px;
}

body.search.search-results #content article {
	margin-top: 12px;
}

body.search.search-results #content > header {
	margin-bottom: 12px;
}

body.search.search-results #content #search-well h1 {
	font-size: 16px;
	margin: 0;
}

body.search.search-results #content #search-well {
	margin-bottom: 0;
	padding-top: 5px;
}


/* Home
====================== */
#home-topics div.span3 {
	padding-bottom: 25px;
	/*padding-top: 35px;*/
	padding-top: 15px;
	background-position: center-center;
	transition: background-position 450ms ease-out; 
	-webkit-transition: background-position 450ms ease-out; 
	-moz-transition: background-position 450ms ease-out; 
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#home-topics div.span3.first-row {
	padding-bottom: 10px;
	background-position: 0px 30px;
}

#home-topics div.span3:hover {
	background-position: 15px -38px;
	/*
	text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
	*/
}

#home-topics div.first-row.span3:hover {
	background-position: 15px -3px;
}

#home-topics hr {
	margin: 0;
	padding: 0;
}

#search-well {
	padding-bottom: 1px;
	margin-bottom: 5px;
}

#search-bar {
	transition: width 450ms ease-out; 
	-webkit-transition: width 450ms ease-out; 
	width: 70%;
}

#home-topics h3 {
	overflow: hidden;
	display: block;
	white-space: nowrap;
}


/* Footer
====================== */
.footer-notes a:link, .footer-notes a:visited, .footer-notes a {
	color: #666;
}


/* General 
====================== */
body {
  -webkit-font-smoothing: antialiased;
  margin-bottom: 30px;
}

a.btn:link, a.btn:visited {
	color: #333333;
}

body a, body a:link {
	color: #7E0200;
	text-decoration: none;
	
}

header a:link {
	border-bottom: none;
}

a:visited {
	color: #4c4d4f;
	color: #7E0200;
	text-decoration: none;
}

a:active {
	border-color: #00955f;
	color: #00955f;
	text-decoration: none;
}

a:hover, h2 a:hover, .home #column-3 h3 a:hover, .article .text a:hover {
	border-color: #00955f;
	color: #00955f;
	color: #00432b;
	text-decoration: none;
	/*border-bottom: 1px #c8c9c8 solid;*/
}

/* Reset/override custom CSS back to Bootstrap */
a.btn:hover {
	border-color: #ccc;
}

.clear {
	clear: both;
}

body h1 {	
	color: #4c4d4f;
	font-size: 32px;
}

h2 {
	color: #878061;
	font-weight: normal;
	font-size: 22px;
}

h3 {
	color: #8B8B8B;
	font-weight: normal;
	font-size: 20px;
}

h5 {
	color: #999;
}

ul.no-bullets {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

ul.no-bullets li {
	margin-top: 6px;
}


a.thumbnail:hover, a.thumbnail:focus {
border-color: #00955f;
-webkit-box-shadow: 0 1px 4px rgba(0,255,167, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0,255,167, 0.25);
box-shadow: 0 1px 4px rgba(0,255,167, 0.25);
}

/*
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color: rgba(0, 149, 95, 0.8);
outline: 0;
outline: thin dotted 9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 149, 95,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 149, 95,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 149, 95,.6);

}
*/