/*
Theme Name: Dashboard Theme for State Library of Queensland
Theme URI: http://thinkcreatebrand.com/
Description: Winning Media Build Dashboard Theme
Author: Winning Media
Author URI: http://thinkcreatebrand.com/
Version: 1.0

License: Winning Media
License URI:http://thinkcreatebrand.com/

General comments
*/
/*GENERAL STYLE*/
body {
	margin:0 auto;
	padding:0px;
	font-family:'Lato', Arial, Helvetica, sans-serif;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width:942px;
	margin:0 auto;
}
a {
	text-decoration:none;
	cursor:pointer;
}
a img, img {
	border: none;
}
#container-part1 a img,
#container-part2 a img,
#container-part3 a img { width:100%;}
/*WRAPPER*/
#wrapper {
	background:url(../images/dashboard/bg_pattern.jpg) repeat;
}
/*HEADER*/
#header #header-logo {
	background:url(../images/dashboard/bg_logo.png) no-repeat;
	position:absolute;
	z-index:1;
	width:222px;
	height:199px;
	margin-left:-22px;
	padding-left:22px;
	padding-top:22px;	
}
#header .header-button {
	padding-top:50px;
	text-align:right;
}
#header .header-button .btn-primary {
	background:#ffba36;
	font-weight:700;
}
#header .header-button .btn-primary:hover,
#header .header-button .btn-primary:focus,
#header .header-button .btn-primary:active,
#header .header-button .btn-primary.active,
#header .header-button .btn-primary.disabled,
#header .header-button .btn-primary[disabled] {
	color: #ffffff;
	background-color: #f8a911;
	*background-color: #f8a911;
	transition : background 1000ms ease; 
	-webkit-transition : background 1000ms ease; 
	-moz-transition : background 1000ms ease;
	-o-transition : background 1000ms ease; 
}
/*CONTAINER PART 1*/
#container-part1 {
	position:relative;
	z-index:10;
	margin-top:44px;
}
/*CONTAINER PART 2*/
#container-part2 .span6 {
	margin-top:27px;
}
/*CONTAINER PART 3*/
#container-part3 {
	margin-top:19px;
}
#container-part3 .span4, #container-part3 .span3 {
	background:#FFFFFF;
	text-align:center;
}
.box-outer {
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	min-height:313px;
}
.box-outer .box-title {
	font-size:18px;
	color:#6e8185;
	padding-top:33px;
	padding-bottom:23px;
}
.box-outer .box-content {
	font-size:13px;
	color:#c1c9cb;
}
.box-outer .box-link {
	margin-top:31px;
	margin-bottom:22px;
	padding:10px 0px 10px 0px;
	border:1px solid #FFFFFF;
	transition : border 1000ms ease; 
	-webkit-transition : border 1000ms ease; 
	-moz-transition : border 1000ms ease;
	-o-transition : border 1000ms ease; 
}
.box-outer .box-link:hover {
	border:1px solid #E46E57;
	border-radius:5px;
}
.box-outer .box-link a {
	font-size:18px;
	color:#e46e57;
	text-decoration:none;
	font-weight:700;
	cursor:pointer;
}
/*LOGO*/
#container-part4 {
	padding-top:56px;
	padding-bottom:47px;
}
#container-part4 #logo1 {
	float:left;
	margin-right:45px;
	margin-left:113px;
}
#container-part4 #logo2 {
	float:left;
	margin-right:45px;
}
#container-part4 #logo3 {
	float:left;
	margin-right:45px;
}
#container-part4 #logo4 {
	float:left;
}
/*FOOTER*/
#footer-outer {
	height:100px;
}
#footer-outer .span11, #footer-outer .span1 {
	padding-top:36px;
}
#footer-outer .span11 {
	font-size:12px;
	color:#afb7ba;
}
#footer-outer .span11 a {
	color:#afb7ba;
}
#footer-outer .span1 {
	text-align:right;
}
#menu-footer {
	list-style:none;
	display:inline;
	padding-left:0px;
}
#menu-footer li { display:inline; }
/*FOOTER LOGO OF WINNING MEDIA*/
.ch-item {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.ch-info {
	position: absolute;
	width: 26px;
	height: 26px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}
.ch-info .ch-info-back {
	-webkit-transform: translate3d(-8px, 0, 0) rotate3d(0, 1, 0, -90deg);
	-moz-transform: translate3d(-8px, 0, 0) rotate3d(0, 1, 0, -90deg);
	-o-transform: translate3d(-8px, 0, 0) rotate3d(0, 1, 0, -90deg);
	-ms-transform: translate3d(-8px, 0, 0) rotate3d(0, 1, 0, -90deg);
	transform: translate3d(-8px, 0, 0) rotate3d(0, 1, 0, -90deg);
	opacity: 0;
}
.ch-img-1 {
	background-image: url(../images/logo/logo_winningmedia.jpg);
}
.ch-img-2 {
	background-image: url(../images/logo/wmlogo_dark.png);
}
.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(16px, 0, 0) rotate3d(0, 1, 0, 107deg);
	-moz-transform: translate3d(16px, 0, 0) rotate3d(0, 1, 0, 107deg);
	-o-transform: translate3d(16px, 0, 0) rotate3d(0, 1, 0, 107deg);
	-ms-transform: translate3d(16px, 0, 0) rotate3d(0, 1, 0, 107deg);
	transform: translate3d(16px, 0, 0) rotate3d(0, 1, 0, 107deg);
	opacity: 0;
}
.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	-moz-transform: rotate3d(1, 0, 0, 0deg);
	-o-transform: rotate3d(1, 0, 0, 0deg);
	-ms-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg);
	opacity: 1;
}
/*MAINTENANCE*/
#container-part3 .span4 .box-outer {
	min-height:250px;
	padding-left:50px;
	padding-right:50px;
}
#container-part3 .span4 .box-outer .box-content {
	color:#6e8185;
	height:80px;
}
/* Large desktop */
@media (min-width: 1200px) {}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width:auto;
	margin:0 auto;
}
#container-part4 #logo1, #container-part4 #logo2, #container-part4 #logo3, #container-part4 #logo4 {
	text-align:center;
	padding-left:15px;
	padding-top:10px;
	margin-left:0px;
	float:none;
}
#header-logo-outer {
	height:149px;
}
#container-part1 {
	margin-top:24px;
}
#footer-outer .span11, #footer-outer .span1 {
	text-align:center;
}
#footer-outer .span1 {
	margin-bottom:10px;
	padding-top:10px;
}
.ch-item {
	margin:0 auto;
}
}