/*
Theme Name: Innovative
Theme URI: http://marknetgroup.com
Description: Custom Innovative Learning Academy theme.
Version: 1
Author: David LaTour
Author URI: http://hybridvigordesign.com
*/

/* ------------- Basic layout and typogrophy -------------- */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, address, div {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	font: small "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #659751;
	line-height: 1.2em;
}
#logo-header {
	position: relative;
	background: url(images/vine.png) 536px top no-repeat;
	height: 85px;
	z-index: 100;
	width: 820px;
}
#head-banner {
	background: #4a822c url(images/diagonal-bg.gif) repeat-x;
	color: #fff;
	height: 173px;
}
#nav-wrap {
	background: #4a822c;
}
#main {
	clear: both;
	width: 820px;
	background: url(images/content-fade.png) 35px 1px no-repeat;
	position: relative;
}
#content {
	width: 444px; 
	margin-left: 34px;
	padding: 10px 40px 10px 20px;
	float: left;
	position: relative;
	z-index: 20;
}
#right-column {
	float: left;
	padding: 20px 0 30px 20px;
	position: relative;
	z-index: 20;
}
#bottom-fade {
	background: url(images/content-fade-bot.png) center top no-repeat;
	position: absolute;
	left: 35px;
	bottom: 47px;
	width: 751px;
	height: 248px;
}
#logo-header .wrap {
	width: 800px;
}

/* ------------- Rounded Boxes -------------- */

.green-box {
	color: #fff;
	background: url(images/green-box-bg.png) repeat-y;
	width: 438px;
	margin: 20px 0 30px;
}
.green-box-top {
	background: url(images/green-box-top.png) no-repeat;
	padding: 10px;
}
.green-box-bot {
	background: url(images/green-box-bot.png) left bottom no-repeat;
	height: 10px;
}
.green-box h3 span {
	font-size: .85em;
}
.fold-box {
	background: url(images/fold-box-top.png) no-repeat;
	width: 438px;
	color: #659751;
}
.fold-box-bot {
	background: url(images/fold-box-bot.png) center top no-repeat;
	height: 10px;
	width: 438px;
	margin-bottom: 20px;
}
#content .fold-box p, #content .fold-box ul {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 0 10px;
	margin: 0;
}
#content .fold-box ul {
	padding: 10px 0 10px 30px;
	position: relative;
	margin-top: -10px;
	margin-bottom: -10px;
}
.fold-box h3 {
	color: #659751;
	padding: 10px 10px 0;
}
.events-box-top {
	background: url(images/events-box-top.png) no-repeat;
	padding: 20px 15px 10px 20px;
}
.events-box {
	clear: left;
	color: #000;
	background: url(images/events-box-bg.png) repeat-y;
	width: 201px;
}
.events-box-bot {
	background: url(images/events-box-bot.png) no-repeat;
	height: 18px;
}
.events-box ul {
	list-style: none;
}
.widget-box-top {
	background: url(images/widget-box-top.png) no-repeat;
	padding: 20px 10px 10px 10px;
	margin: 10px auto 0;
}
.widget-box {
	clear: left;
	color: #000;
	background: url(images/widget-box-bg.png) repeat-y;
	width: 201px;
	margin: 0 auto;
}
.widget-box-bot {
	background: url(images/widget-box-bot.png) no-repeat;
	height: 13px;
	margin: 0 auto 5px;
}
.widget-box ul {
	list-style: none;
}
.vine-float {
	background: url(images/events-box-vine.png) no-repeat;
	height: 51px;
	width: 68px;
	float: left;
}
.events-box h4 {
	color: #000;
}

.vine-gallery-float {
	background: url(images/vine-gallery.png) no-repeat;
	height: 71px;
	width: 182px;
	float: left;
}

.widget-box img {
	display: block;
	margin: 0 auto;
}

/* ------------- Basic Layout classes -------------- */

.wrap {
	width: 820px;
	margin: 0 auto;
	position: relative;
}
.clear {
	clear: both;
}

/* ------------- Image Replacement -------------- */
h1#logo a, li#character, li#education, li#inspiration, address {
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}

/* ------------- Hedings and generic tags -------------- */

h1#logo {
	margin: 15px 0 0 35px;
}
h1#logo a {
	display: block;
	background: url(images/logo.gif) no-repeat;
	height: 73px;
	width: 426px;
}
h2 {
	color: #5c1a78;
	font-weight: normal;
	font-size: 1.2em;
	margin: 10px 0;
	line-height: 1.3em;
}
h3 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 5px 0;
}
h4 {
	font-weight: bold;
	font-size: 1em;
	margin: 5px 0;	
}
h5 {
	font-weight: normal;
	font-size: 1em;
	margin: 5px 0;	
}
p {
	margin: 5px 0;
}
#content ul, #content ol {
	margin: 10px 30px;
}
#main li {
	margin: 5px 0;
}


address {
	background: url(images/address.png) no-repeat;
	width: 201px;
	height: 91px;
	margin: 20px 2px;
}


/* ------------- Header Images List -------------- */

ul.attributes {
	list-style: none;
	position: relative;
	top: -7px;
	width: 820px;
	margin: 0 30px;
}
.attributes li {
	float: left;
	width: 253px;
	height: 34px;
}
li#character {
	background: url(images/character.png) no-repeat;
}
li#education {
	background: url(images/education.png) no-repeat;
}
li#inspiration {
	background: url(images/inspiration.png) no-repeat;
}

/* ------------- Image Styles & Latest image box -------------- */

#main img {
	border: 1px solid #eee;
	padding: 5px 5px 10px 5px;
}
.latest {
	background: url(images/latest-photo-bg.png) center center no-repeat;
	width: 191px;
	padding: 5px;
	height: 146px;
	text-align: center;
}
.latest img {
	display: block;
	margin: 0 auto;
}
.latest h4 {
	margin: 10px 0;
	color: #265f10;
}

/* ------------- Links -------------- */

a img {
	border: none;
}
a:link, a:visited {
	color: #659751;
}
a:hover, a:active {
	text-decoration: none;
}
.green-box a:link, green-box a:visited {
	color: #ddd724;
}
.green-box a:hover, .green-box a:active {
	text-decoration: none;
}

/* ------- Main Navigation -------*/
#main-nav {
	font-size: 1.1em;
	background: url(images/main-nav.png) center top no-repeat;
	height: 47px;
	list-style: none;
	width: 820px;
	padding: 0;
	margin: 0 auto;
}
#main-nav li {
	float: left;
	margin-top: 10px;
	width: 123px;
	text-align: center;
}

#main-nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 0 0;
	height: 27px;
	width: 123px;
	border-right: 1px solid #582070;
	border-left: 1px solid #9041b3;
}
#main-nav li a:hover, #main-nav li a:active {
	border-top: 1px solid #fff;
	height: 26px;
	background: #a65ac7 url(images/hover.jpg) left top repeat-x;
}
#main-nav li.first {
	margin-left: 40px;
}
#main-nav li.last a {
	border-right: none;
	border-left: 1px solid #9041b3;
}
#main-nav li.first a {
	width: 124px;
	border-left: none;
	border-right: 1px solid #582070;
}

/* ------------- Header Icon Links -------------- */

#icon-nav {
	list-style: none;
	position: absolute;
	right: 70px; 
	top: 35px;
	font-size: .85em;
}
#icon-nav li {
	display: inline;
}
#icon-nav li a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	float: left;
	margin-right: 5px;
}
#icon-nav li a:hover {
	border-bottom: 1px dotted #c9b01a;
	color: #c9b01a;
}
li#home a.icon {
	background: url(images/icon-home.gif) no-repeat;
	width: 20px;
	height: 16px;
	display: block;
	float: left;
	border-bottom: none;
	margin: -2px 0 0 0;
	position: relative;
}
li#contact a.icon {
	background: url(images/icon-contact.gif) left 2px no-repeat;
	width: 20px;
	height: 14px;
	display: block;
	float: left;
	border-bottom: none;
	padding-top: 2px;
	margin: 0;
}

/* ------------- Image Links -------------- */

ul#users-nav {
	list-style: none;
	clear: both;
	padding-left: 30px;
	position: relative;
	z-index: 1000;
}
#users-nav li {
	float: left;
	position: relative;
	z-index: 1500;
}
li#gallery {
	position: relative;
	margin-top: -35px;
}
#users-nav li a {
	display: block;
	width: 191px;
	height: 102px;
	margin: 30px;
	clear: left;
	color: #fff;
	text-decoration: none;
	font-size: 1.8em;
	text-transform: uppercase;
	position: relative;
}
li#parents a span {
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding-top: 2px;
}
li#teachers a span {
	position: absolute;
	top: 10px;
	left: 15px;
	padding-top: 2px;
}
li#gallery a span {
	position: absolute;
	top: 10px;
	right: 40px;
	padding-top: 2px;
}
li#parents a {
	background: url(images/parents.jpg) no-repeat;	
}
li#teachers a {
	background: url(images/teachers.jpg) no-repeat;
}
li#gallery a {
	color: #44652a;
	margin-top: 0;
	background: url(images/gallery.jpg) no-repeat;
}
li#parents a:hover {
	background-position: 0 -102px;
}
li#teachers a:hover {
	background-position: 0 -102px;
}
li#gallery a:hover {
	background-position: 0 -102px;
}

/* ------------- Footer Navigation -------------- */

ul#footer-nav {
	clear: both;
	list-style: none;
	font-size: .9em;
	background: url(images/footer-nav.png) no-repeat;
	height: 47px;
	list-style: none;
	width: 751px;
	margin-left: 35px;
}
#footer-nav  li {
	float: left;
	padding: 10px 0;
	margin: 0 25px;
}
#footer-nav li a {
	color: #fff;
	text-decoration: none;
}
#footer-nav li a:hover {
	text-decoration: underline;
}

/* ------------- Form styles -------------- */

.wpcf7-form {
	border: 1px solid #eee;
	background: #fff url(images/gallery-fold.jpg) right top no-repeat;
	padding: 10px;
	color: #5c1a78;
	position: relative;
	z-index: 1000;
}
.wpcf7-form-control-wrap input, .wpcf7-form textarea {
	margin: 10px 0;
	width: 300px;
	padding: 0;
	background: transparent;
	border: none;
}
.wpcf7-form-control-wrap input {
	background: url(images/input-bg.gif) center center no-repeat;
	height: 30px;
	width: 308px;
}
.wpcf7-form textarea {
	background: url(images/textarea-bg.gif) center center no-repeat;
	width: 308px;
	height: 80px;
	overflow: auto;
}