/*
Theme Name: LostOnes
Theme URI: http://lostonesfoundation.org/
Version: 1.0
Author: Lost Ones Foundation
Author URI: http://lostonesfoundation.org/
*/
/* HTML Elements */

* {
margin:0; 
padding:0;
}

html, body {
font-family:Arial, Helvetica, sans-serif;
background:url(/images/background.jpg) top center repeat-x #FFF;
height:100%;
font-weight:normal;
}

body#neo {
font-family:Arial, Helvetica, sans-serif;
background:url(ui/background-neo.jpg) top center repeat-x #FFF;
height:100%;
font-weight:normal;
}




p {
font-size:12px;
margin:10px;
color:#1a1a1a;
line-height:17px;
}

a:link, a:visited {
text-decoration:none;
color:#831b80;
font-weight:bold;
}

a:hover, a:active {
text-decoration:underline;
}

a img {
border:0;
}



/* Structure */

.wrapper {
width:890px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
background:url(/images/home.jpg) top center no-repeat;
border-bottom:8px solid #ccc;
}

body#neo .wrapper {
width:890px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
background:url(ui/home-neo.jpg) top center no-repeat;
border-bottom:8px solid #ccc;
}

.left {
float:left;
}

.right {
float:right;
}



/* Header*/

.feature-header {
	height: 161px;
	width: 913px;
	margin: 0 auto;
	z-index: 12;
	overflow: hidden;
}

.feature-header iframe {
	float: right;
}





#top-nav {
width:980px;
height:70px;	
margin:0 auto;
padding-top:116px;
padding-left:0px;
}



#top-nav p {	
color:#333;
font-weight:normal;
margin:0 auto;
padding:7px;
}







/* ----- Global Navigation  ----- */
#globalnav
{
	text-align: left;
	width:980px;
	height:70px;	
	margin:0 auto;
	padding-top:116px;
	padding-left:0px;
	overflow: hidden;
}


body#neo #globalnav {
	padding-top:0px;
}

	#globalnav ul
	{
		width: 740px;
		padding: 0;
		margin: 0;
	}
	
		#globalnav ul li
		{
			float: left;
			list-style-type: none;
		}
		
			#globalnav ul li a
			{
				display: block;
				outline: 0;
			}
			
			
			
				/* ---- CSS Sprites ----*/
				
				
				#globalnav ul li a.home, #globalnav ul li a.about-us, #globalnav ul li a.curriculum, 
				#globalnav ul li a.press, #globalnav ul li a.contact
				{
					height: 41px;
					text-indent: -9999px;
				}
			
				#globalnav ul li a.home {background: url(ui/globalnav.jpg) 0 0 no-repeat;width: 132px;}
				#globalnav ul li a.about-us {background: url(ui/globalnav.jpg) -132px 0 no-repeat;width: 132px;}
				#globalnav ul li a.curriculum {background: url(ui/globalnav.jpg) -264px 0 no-repeat;width: 132px;}
				#globalnav ul li a.press {background: url(ui/globalnav.jpg) -396px 0 no-repeat;width: 132px;}
				#globalnav ul li a.contact {background: url(ui/globalnav.jpg) -528px 0 no-repeat;width: 132px;}
				
				
				/* ---- Hover Effect ----*/
				
				#globalnav ul li a.home:hover {background: url(ui/globalnav.jpg) 0 -41px no-repeat;width: 132px;}
				
				#globalnav ul li a.about-us:hover {background: url(ui/globalnav.jpg) -132px -41px no-repeat;width: 132px;}
				
				#globalnav ul li a.curriculum:hover {background: url(ui/globalnav.jpg) -264px -41px no-repeat;width: 132px;}
				
				#globalnav ul li a.press:hover {background: url(ui/globalnav.jpg) -396px -41px no-repeat;width: 132px;}

				#globalnav ul li a.contact:hover {background: url(ui/globalnav.jpg) -528px -41px no-repeat;width: 132px;}





#sidenav a {
	width: 102px;
	height: 102px;
	text-indent: -9999px;
	display: block;
	outline: 0;
	float: left;
	margin:0px 5px 5px 0px;
}

#sidenav a.help {
	background: url(ui/sidenav.jpg) 0 0 no-repeat;width: 102px;
}

#sidenav a.help:hover {
	background: url(ui/sidenav.jpg) -102px 0 no-repeat;width: 102px;
}

#sidenav a.pals {
	background: url(ui/sidenav.jpg) 0 -106px no-repeat;width: 102px;
}

#sidenav a.pals:hover {
	background: url(ui/sidenav.jpg) -102px -106px no-repeat;width: 102px;
}

#sidenav a.events {
	background: url(ui/sidenav.jpg) 0 -214px no-repeat;width: 102px;
}

#sidenav a.events:hover {
	background: url(ui/sidenav.jpg) -102px -215px no-repeat;width: 102px;
}

#sidenav a.flicks {
	background: url(ui/sidenav.jpg) 0 -319px no-repeat;width: 102px;
}

#sidenav a.flicks:hover {
	background: url(ui/sidenav.jpg) -102px -319px no-repeat;width: 102px;
}

#sidenav a.give {
	background: url(ui/sidenav.jpg) 0 -429px no-repeat;width: 104px; height:104px;
}

#sidenav a.give:hover {
	background: url(ui/sidenav.jpg) -104px -430px no-repeat;width: 104px; height:104px;
}

#sidenav a.criteria {
	background: url(ui/sidenav.jpg) 0 -536px no-repeat;width: 102px;
}

#sidenav a.criteria:hover {
	background: url(ui/sidenav.jpg) -102px -536px no-repeat;width: 102px;
}

#sidenav a.founder {
	background: url(ui/sidenav.jpg) 0 -642px no-repeat;width: 104px; height:104px;
}


#sidenav a.founder:hover {
	background: url(ui/sidenav.jpg) -104px -642px no-repeat;width: 104px; height:104px;
}

#sidenav a.chatter {
	background: url(ui/sidenav.jpg) 0 -747px no-repeat;width: 102px;
}

#sidenav a.chatter:hover {
	background: url(ui/sidenav.jpg) -102px -747px no-repeat;width: 102px;
}







.piclenselink {
		display: none;
	}




#bottom-nav {
width:980px;
height:30px;	
margin:0 auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
background:#333;
}

#bottom-nav p {	
color:#09F;
font-weight:bold;
margin:0 auto;
padding:7px;
}

#bottom-nav a {
color:#fff;
font-weight:bold;
margin-right:10px;
margin-left:10px;
padding:0px;
}

#bottom-nav a:hover {
color:#fff;
font-weight:bold;
margin-right:10px;
margin-left:10px;
padding:0px;
}



/* Text*/

h1 {
font-size:24px;
margin-top:0;
}

h2 {
font-size:16px;
}

h3 {
font-size:14px;
color:#333366;
}

h4 {
font-size:12px;
}

hr {
color:#333333;
background:#333333;
height:1px;
border:0;
}

li {
font-size:12px;
line-height:20px;
}

.post ul {
	margin: 8px 0px 8px 35px;

}



/* Content*/

.title-text {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#831b80;
font-weight:bold;
margin-top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:4px;
border-bottom:#ccc 4px solid;
}

.title-text-quote {
font-family:Times New Roman, Helvetica, sans-serif;
font-size:26px;
color:#831b80;
font-weight:normal;
margin-top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:4px;
padding-top:20px;
border-top:8px solid #ccc;
font-style:italic;
}


.title-text-alt {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#322a82;
font-weight:bold;
margin-top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:4px;
border-bottom:#ccc 4px solid;
}

#textinfo-left-ps {
width:657px;
margin-left:0px;
float:left;
overflow:none;
height:auto;
border-top:8px solid #ccc;
}

body#neo #textinfo-left-ps {
width:657px;
margin-left:0px;
float:left;
overflow:none;
height:auto;
border-top:none;
}

#textinfo-left {
width:657px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
float:left;
background:#fff;
padding-bottom:0px;
border-bottom:solid 0px #7c335a;
color:#333;
overflow:auto;
height:426px;
}	

#textinfo-right {
width:220px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
float:right;
background:#fff;
padding-bottom:0px;
border-bottom:solid 0px #7c335a;
color:#333;
overflow:auto;
height:auto;
}



/* Float Properties*/

.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfloat {
display: inline-block;
}



/* Hides from IE-mac \*/
* html .clearfloat {
height:1%;
}

*+html .clearfloat {
height:1%;
}

.clearfloat {
display:block;
}



input
{
color: #831b80;
background: #e1e1e1;
border: 1px solid #831b80;
padding:3px;
margin:1px;
}

textarea
{
color: #831b80;
background: #e1e1e1;
border: 1px solid #831b80;
padding:3px;
margin:1px;
height:100px;
}



/* Footer*/

#footer {
width:980;
height:100px;
margin:0 auto;
padding-bottom:10px;
font-size:11px !important;
}	

.footer, .push {
width:980;
height:10px;
margin:0 auto;
padding-bottom:10px;
font-size:11px !important;
line-height:14px;
color:#333;
clear:both;
}

.footer a {
font-weight:normal;
font-size:11px !important;
line-height:14px;
}

#footer p{
font-size:11px !important;
line-height:14px;
}	


ul.links {
border:0px;
list-style:none;
margin-bottom:120px;
margin-top:55px;
}

ul.links li {
display:inline-block;
float:left;
line-height:12px;
margin:0;
padding:0 10px;
text-transform:lowercase;
}

ul.links li.first {
border-left:none;
}


/* End*/

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* Contact Form */
#wpcf7-f1-p61-o1 {
	margin: 0px 0 0 0;
	padding: 40px 0 0 0px;
	float: left;
}

div.fieldblock {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 630px;
}

div.fieldblock label {
	float: left;
	display: block;
	margin: 0 ;
	padding: 5px 30px 0 0;
	width: 120px;
	text-align: right;
	color: #474747;
	font-size: 14px;
}

/*
div.fieldblock label.error {
	position: absolute;
	top: -7px;
	right: 8px;
	margin: 10px 0 0 0;
	padding: 4px 0 2px 23px;
	width: 142px;
	outline: none;
	text-align: left;
	z-index: 99;
	line-height: 1.2;
}
*/

div.fieldblock div.input {
	float: right;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	border-left: 1px solid #dfe5e7;
	width: 449px;
}

div.fieldblock div.input.active {
	border-left: 1px solid #bcc4c4;
}

div.fieldblock div.input input {
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	width: 250px;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: #ffffff;
	outline: none;
}

div.fieldblock div.input select {
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	width: 262px;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: #ffffff;
	outline: none;
}


div.fieldblock div.input textarea {
	margin: 0 15px 0 0;
	padding: 5px;
	width: 437px;
	min-height: 180px;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: #ffffff;
	outline: none;
	line-height: 1.5;
}


div.fieldblock div.input span {
	position: relative;
	top: 4px;
	font-size: 11px;
	color: #ff3716;
}


div.fieldblock div.checkboxes {
	float: right;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	border-left: 1px solid #dfe5e7;
	width: 449px;
	
	
}

div.fieldblock div.checkboxes span.wpcf7-list-item {
	float: left;
	width: 250px;
	padding-bottom: 6px;
	font-size: 13px;
	color: #474747;
}

div.fieldblock div.input label.error {
	position: relative;
	top: 4px;
	font-size: 11px;
	color: #ff3716;
	float: left;
}

#wpcf7-f1-p7-o1 input.submit { margin: 0 0 30px 181px; }


.clear {
	clear: both;
}