@import url(http://fonts.googleapis.com/css?family=Syncopate);

body {
	margin: 0;
	padding: 0;
	background: url("img/light_blue_w_light.png") #e4f2f2 top center no-repeat;
	color: #222;
	font-family: Arial, sans-serif;
	line-height: 1.4em;
	font-size: 1.0em;
}

/*========== general ==========*/
a:link, a:visited {
	color: #009;
	text-decoration: none;
}
a:hover {
	color: #555;
}
h1 {
	font-size: 1.5em;
	/*font-family: 'Syncopate', sans-serif;*/
}
h2 {
	font-size: 1.25em;
	/*font-family: 'Syncopate', sans-serif;*/
}
h3 {
	font-size: 1.1em;
	/*font-family: 'Syncopate', sans-serif;*/
	color: #444;
}
.container {
	padding: 1em;
}
.border {
	border: 1px solid #b2b2b2;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	background: #eee;
}
.thumb {
	margin: 0.2em;
	border: 1px solid #009;
}
.underline {
	text-decoration: underline;
}
table {
	margin: 1em 0;
	border-collapse: collapse;
	border: 1px solid #333;
}
th {
	background: #aaa;
}
td {
	padding: 0.2em;
	border: 1px solid #333;
}
tr:nth-child(even) {
	background: #f6f6f6;
}
.desktop_hide {
	display: none;
}
.caption {
	font-size: 0.75em;
	color: #333;
	font-style: italic;
}
.hide {
	display: none;
}
/*========== header ==========*/
#header {
	max-width: 960px;
	margin: 0 auto;
	clear: both;
}
#header img {
	display: block;	
	float: left;
	border: none;
	width: 100%;
}
#header .title {
	float: left;
	max-width: 320px;
	/*padding: 0.75em;*/
	/*max-width: 33.8541667%*/ /*(325/960)*/
}
/* search */
.search {
	display: block;
	float: right;
	margin: 1.5em 0;
	padding: 0;
}
.search input[type="search"] {
	border: 1px solid #333;
  	-webkit-appearance: textfield;
	margin: 0;
	max-width: 75%;
}
.search input[type="submit"] {
	margin: 0;
	border: 1px solid #333;
}

#gsa_search{
background: #fff;
border:1px solid black;
float:right;
margin: 1.5em 0;
padding:0;
position:relative;
text-align:left;
width: 230px;
height: 30px;
z-index: 0;
}
#gsa_searchbox {
border:0;
color: #666;
font:15px Helvetica, san-serif;
height:20px;
padding:3px 5px;
width:195px;
}
.gsa_watermark {
background: #FFF
url('http://uwebresources.utah.edu/_images/search/gsa_site.png')
no-repeat 5px 3px;
}

#gsa_searchbutton {
padding:3px;
position:absolute;
right:0;
top:0;
width:20px;
}
#gsa_searchbutton:focus,
#gsa_searchbutton:hover,
#gsa_searchbutton:active {
background-color:#e8e8e8;
}
#gsa_search label {
height:1px;
left:-10000px;
overflow:hidden;
position:absolute;
top:auto;
width:1px;
}
.gsa_spacer {
	max-height: 30px;
}



#nav_icon {
	display: none;
	float: right;
	margin: 1em;
}

/* main navigation */
#main_nav {
	float: left;
	clear: both;
	display: relative;
	width: 99.67%;
	font-size: 0.75em;
	border: 1px solid #b2b2b2;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #eee;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(222,222,222)),
		color-stop(1, rgb(235,235,235))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(222,222,222) 2%,
		rgb(235,235,235) 100%
	);
	margin-bottom: 0.5em;
	/*-moz-box-shadow: 1px 1px 1px #CCC;
	-webkit-box-shadow: 1px 1px 1px #CCC;
	box-shadow: 1px 1px 1px #CCC;*/
}
#main_nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#main_nav ul li {
	float: left;
	padding: 0.5em 0.9%; /* adjust this if you add menu items */
	margin: 0;
}
#main_nav a:link, #main_nav a:visited {
	text-transform: uppercase;
	font-weight: bold;
	/*color: #009;*/
}
#main_nav a:hover {
	/*color: #444;*/
}
#main_nav .main_hide {
	display: none;
}
/*========== main content ==========*/
#content {
	background: #FFF;
	max-width: 960px;
	margin: 0.5em auto;
	clear: both;
	min-height: 400px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #b2b2b2;	
}
#content.home_bk {
	background: url("img/ecg_logo_large.png") #FFF center right no-repeat;
}
.site_index {
	float: left;
	clear: left;
	max-width: 30%;
	min-width: 19em;
	margin: 2.5em 2% 0;
	background: #f6f6f6;
	border: 1px solid #b2b2b2;
	-moz-border-radius: 7px;
	border-radius: 7px;	
}
.site_index .title {
	padding: 2%;
	border-bottom: 1px solid #b2b2b2;
	font-weight: bold;
	font-family: 'Syncopate', sans-serif;
}
.site_index ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.site_index ul li {
	padding: 2%;
	border-bottom: 1px solid #b2b2b2;
}
.site_index ul li.last {
	border-bottom: none;
}
.site_index .site_index_hide {
	display: none;
}
.search_nav {
	display: none;
}

/* bottom contributer section */
.contributers {
	float: left;
	clear: left;
	width: 92%;
	padding: 1%;
	margin: 5em 2.5% 1em;
	border: 1px solid #b2b2b2;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	background: url(img/white_75p.png);
}
.authored {
	float: left;
	max-width: 45%;
}
.dedication {
	float: right;
	max-width: 50%;
	border-left: 1px solid #CCC;
	/*background: yellow;*/
}
.dedication p {
	padding: 1%;
}
.dedication img {
	display: block;
	float: right;
	border: none;
	width: auto;
	height: 130px;
}
.dedication .caption {
	font-size: 0.8em;
	float: left;
	clear: both;
	display: block;
	width: 100%;
	text-align: center;
	width: 100%;
}
.fancyboxTITLEWRAPPER { 
	text-align: left; 
}
.fancyboxTITLE {
	font-weight: bold;
	font-size: 1.2em;
	font-family: 'PT Sans Narrow', sans-serif;
}
.copyright {
	font-style: italic;
	color: #555;
	font-size: 0.85em;
}
.mobile_notice {
	display: none;
	color: red;
}
/*========= Lessons =========*/
.lesson ul ul, .lesson ul ul ul, .lesson ul ul ul ul {
	margin-top: 1em;
	margin-bottom: 1em;
}
.lesson li {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

/*========= Feedback form =========*/
.feedback {
	display: block;
	padding: 0;
	margin: 0;
}
.feedback ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.feedback li {
	margin: 0;
}
.feedback label {
	display: block;
	margin: 1.5em 0 0 0;
}
.feedback .notification {
	font-weight: bold;
}
.feedback input[type="text"], .feedback input[type="email"] {
	width: 30%;
}
.feedback input[type="submit"], .feedback input[type="reset"] {
	width: 5em;
	padding: 0.5em;
	margin-top: 1.5em;
}
.feedback textarea {
	width: 50%;
	height: 10em;
}

/*========= Search Page =========*/
.search_page {
	display: block;
	padding: 0;
	margin: 0;
}
.search_page input[type="search"], .search_page input[type="text"] {
	display: block;
	clear: both;
	margin: 0 auto;
	width: 50%;
	padding: 0.2em;
}
.search_page input[type="submit"], .search_page input[type="reset"] {
	display: block;
	clear: both;
	margin: 0.5em auto;
	width: 5em;
	padding: 0.5em;
}

/*========== footer ==========*/
#footer {
	max-width: 960px;
	margin: 0 auto;
	clear: both;
	border: 1px solid #b2b2b2;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #eee;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(222,222,222)),
		color-stop(1, rgb(235,235,235))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(222,222,222) 2%,
		rgb(235,235,235) 100%
	);
	font-size: 0.75em;
}
#footer img {
	border: none;
	vertical-align: middle;
}
#footer .left_links {
	float: left;
	margin: 1%;
}
#footer .right_links {
	float: right;
	margin: 1%;
}
#footer .right_links img {
	float: right;
}
#footer .right_links .text {
	float: right;
	font-size: 0.8em;
	line-height: 1.6em;
	clear: left;
}
#footer .text_mobile {
	display: none;
}
#footer .home_link {
	display: none;
	text-align: center;
	font-size: 1.2em;
	border-bottom: 1px solid #CCC;
	margin-bottom: 0.2em;
}
.clear {
	clear: both;
}
/*========== Misc ==========*/
.ie6_alert {
	display: none;
	width: 100%;
	padding: 0.5em 0;
	background: #ffff8e;
	Text-align: center;
	border-bottom: 1px solid #b2b2b2; 
}



/* mobile specific hacks */
@media screen and (max-width: 960px) {
	#main_nav { display: none; }
	.search, #gsa_search { display: none; }
	.search_nav { display: block;}
	#nav_icon { display: block; }
	.mobile_notice { display: block; }
}
@media screen and (max-width: 480px) {
	.site_index { float: none; width: 95%; margin: 1em auto;  }
	#footer .left_links span { display: none; }
	#footer .right_links .text { display: none; }
	#footer .text_mobile { display: block; clear: both; padding: 0 0.2em; }
	.contributers { margin: 0.2em 2.5% 0.2em; }
	.dedication p { clear: both;}
	#nav_icon { display: none; }
	#footer .home_link { display: block; }
	.feedback input[type="text"], .feedback input[type="email"] {
		width: 95%;
		font-size:
	}
	.feedback input[type="submit"], .feedback input[type="reset"] {
		width: 5em;
		padding: 0.5em;
	}
	.feedback textarea {
		width: 95%;
		height: 10em;
	}
	.search_page input[type="search"] { width: 95%; }
	.search_page input[type="submit"], .search_page input[type="reset"] { width: 95%; }
	.desktop_hide { display: block; }
}