/*
Theme Name: 	Adopt a Mongolian Camel
Description: 	Custom theme for adoptamongoliancamel.com.au
Version: 		1.3
Author: 		Lochlan McBride
Author URI: 	http://smashedcrabdev.com
*/


/* -------------------------------------------------- 
Sensible Defaults
---------------------------------------------------*/
@import "css/reset.css";
@import url(http://fonts.googleapis.com/css?family=Raleway:500);

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }

body {
	background:#D1D1C5 url(images/bg.png) 0 0 repeat-x;
	margin:0;
	color:#7C7F7C;
}

::-moz-selection 	{ background:#AFE3FD; color:#111; }
::selection 		{ background:#AFE3FD; color:#111; }

/* -------------------------------------------------- 
Typography
---------------------------------------------------*/

/*
14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)
*/

body,
input,
textarea {
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

h1 {
	font-size:1.875em;
	font-weight:700;
}
h2 {
	font-size:1.675em;
	font-weight:700;
	color:#333;
}
h3 {
	font-size:1.34em;
	font-weight:700;
	color:#595959;
	margin:25px 0 15px;
}

h4, 
h5, 
h6 { font-weight:bold;}

a:link, a:visited {
	text-decoration:none;
	color:#007FFF;
}
a:hover {
	color:#FF7F00;
}
a:active {
	color:#FF0000;
}

p {
	margin:1.025em 0;
	line-height:1.325em;
}

ul, ol {
	margin:1.25em 1.85em;
}
ul li {
	list-style:disc;
}
li {
	margin:0.1em 0;
}
time {
	font-size:0.8em;
}

/* -------------------------------------------------- 
Layout
---------------------------------------------------*/
#container {
	width:1010px;
	padding:0 20px;
	margin:0 auto;
}
header {
	width:980px;
	margin:0 auto;
	height:113px;
	position:relative;
	padding:2.1em 20px 0;
	font-size:100%;

}
header h1 {
	color:#111;
	font-size:1.9em;
	margin:0;
}
header h1 a:link, header h1 a:visited {
	text-decoration:none;
	color:#111;
}
header h2 {
	color:#595959;
	font-size:1.6em;
	margin:0.45em 0 0;
}


.sponsors {
	color:#595959;
	font-size:0.95em;
	text-align:center;
	display:block;
	position:absolute;
	top:56px;
	right:-5px;
}
.sponsors p {
	margin:0;
}
.sponsors ul {
	margin:7px 0 0;
	padding:0;
}
.sponsors li {
	margin:0;
	padding:0;
	list-style:none;
	text-indent:-9999px;
	float:left;
	height:45px;
}
.sponsors li a {
	display:block;
}
#gobi_logo {
	background: url(images/logo_gobi.png) center bottom no-repeat;
	width:70px;
	height:45px;
}
#bae_logo {
	background: url(images/logo_bae.png) 2px 3px no-repeat;
	width:100px;
	height:45px;
}


#nav_image_frame {
	position:relative;
	height:479px;
}
#nav_image_frame .wp-post-image {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	max-width:1010px;
	max-height:479px;
}
#nav_image_frame .menu-navigation-container,
#nav_image_frame .menu-navigation-mn-container {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:1010px;
}
/*use for blurb over image?*/
#nav_image_frame .excerpt {}

#content_frame {
	background:#fff;
	border-bottom:solid 4px #ADADAD;
	padding:20px;
}

footer {
	text-align:center;
	margin:20px 0;
	font-size:0.9em;
}
footer a:link, footer a:visited, footer a:hover {
	color:#7C7F7C;
	text-decoration:none;
}
/* -------------------------------------------------- 
Language Switcher
---------------------------------------------------*/
#langSelect {
	position:absolute;
	top:8px;
	right:0;
	margin:0;
	padding:0;
}
#langSelect li {
	margin:0;
	padding:0;
	list-style:none;
	height:25px;
}

#langSelect li a {
	background-repeat:no-repeat;
	background-position: top right;
	display:block;
	height:22px;
	line-height:22px;
	padding:0 38px 6px 0;
	text-align:right;
}

#langSelect .lang-item-en a {
	background-image:url(images/flag_en.png);
}
#langSelect .lang-item-mn a {
	background-image:url(images/flag_mn.png);
}
#langSelect .current-lang {
	opacity:0.5;
}

/* -------------------------------------------------- 
Navigation
---------------------------------------------------*/
.menu {
	overflow:hidden;
	display:inline-block;
	margin:0;
	padding:0;
}
.menu li {
	font-family:'Raleway', sans-serif;
	font-weight:500;
	font-size:0.9em;
	letter-spacing:-0.01em;
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}

.menu li a {
	background:#DFDFD6;
	border-top:solid 1px #DFDFD6;
	line-height:16px;
	height:32px;
	display:block;
	display:table-cell;
	vertical-align:middle;
	color:#444;
	text-decoration:none;
	padding:8px 12px;
	text-align:center;
	-moz-transition:background 0.15s linear 0s;
	-webkit-transition:background 0.15s linear 0s;
	-o-transition:background 0.15s linear 0s;
	transition:background 0.15s linear 0s;

}
.menu li a:hover {
	background:#fff;
	color:#444;
}
.menu li.current-menu-item a,
.menu li.current_page_parent a {
	color:#fff;
	text-shadow:1px 1px 2px #111;
	border-top:none;
	background:none;
}
.menu li.current-menu-item a:hover,
.menu li.current_page_parent a:hover {
	color:#444;
	text-shadow:1px 1px 2px #878787;
	border-top:solid 1px #DFDFD6;
}
#nav-spacer {
	background:#fff;
	position:absolute;
	right:0;
	top:0;
	height:49px;
	width:10px;
}

/* Mongolian Tweaks */
body.mn .menu li a {
	padding:8px 9px;
}

/* -------------------------------------------------- 
Pages
---------------------------------------------------*/
#page-tools {
	position:absolute;
	top:0.85em;
	right:0.45em;
	text-align:right;
}
#page-tools a {
	float:right;
	margin:0 3px;
	color:#333;
	font-size:0.9em;
}
#page-tools a.print_this {
	background:url(images/icon_print.png) no-repeat;
	width:34px;
	height:20px;
	padding:0 0 0 16px;
}
#page-tools a.print_this:hover {
	background-position:0 -20px;
}
.mn #page-tools a.print_this {
	background:url(images/icon_print_mn.png) no-repeat;
}

.mn #page-tools a.addthis_button_compact {
	background:url(images/icon_share_mn.png) no-repeat;
}
/*.mn #page-tools a.addthis_button_compact:hover {
	background-position:0 -11px;
}*/


/* -------------------------------------------------- 
Gallery
---------------------------------------------------*/
/*.gallery .print_this,
.gallery .addthis_counter {
	display:none !important;
}*/
.gallery #content_frame h2, .mn-gallery #content_frame h2 {
	display:none;
}
.gallery #content_frame, .mn-gallery #content_frame {
	padding-top: 46px;
}
.gallery-list {
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}
.gallery-list li {
	list-style-type:none;
	margin:0 14px 14px 0;
	padding:0;
	float:left;
}
.gallery-list li:nth-child(6n+6) {
	margin-right:0;
}



/* -------------------------------------------------- 
Form ovverides
---------------------------------------------------*/
.gform_wrapper .gfield_required {
	color:#CA0606 !important;
	font-weight:100;
	display:none;
}
.gform_wrapper input.button {
  	font-size: 0.9em !important;
    padding: 0.3em 0.5em !important;
}
.gform_edit_link {
	display:none;
}

/* ---------------------------------------------------------------------------------------------------------- 
Media queries (using a mobile-last approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* iPads (landscape) ----------- */
@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
/* Styles */
	body {background-position:0 -11px;}
	header {font-size:90%;}
	a#sponsor {top:40px;}

	header,
	#container,
	#nav_image_frame .menu-navigation-container,
	#nav_image_frame .wp-post-image {width:940px;}

	#container {padding:0 18px;}
	#nav-spacer {display:none;}
	#nav_image_frame, #nav_image_frame .wp-post-image {height:446px;}
	.menu li {float:left;}
	.menu li a {
		padding:4px 8px;
		line-height:26px;
		height:26px;
	}
	.menu li a {}
}

/* iPads (portrait) ----------- */
@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
/* Styles */
	body {background-position:0 -20px;}
	header {height:107px;font-size:85%;}
	a#sponsor {top:30px;}

	header,
	#container,
	#nav_image_frame .menu-navigation-container,
	#nav_image_frame .wp-post-image {width:780px;}

	#container {padding:0 15px;}
	#nav-spacer {display:none;}
	#nav_image_frame, #nav_image_frame .wp-post-image {height:370px;}
	.menu li {float:none;}
	.menu li a {
		padding:7px 12px;
		line-height:20px;
		height:20px;
	}
	.menu li.current-menu-item a:hover  {border-top:none;}
}