/*
Theme Name: YOTO Custom Theme
Theme URI: http://waynhall.com
Description: Youth On Their Own's Custom Theme
Version: 1.0
Author: Wayn Hall
Author URI: http://waynhall.com
Tags: purple, jquery
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
@import "css/menu.css";
@import "css/form.css";
@import "css/ui/jquery-ui-1.8.2.custom.css"; 
@import "css/slider.css";

.center { text-align: center; }
h2 { font-size: 1.6em; color: #44068f; padding: 10px 0 20px; text-align: center;}
h3 {color: #44068f; font-family: "Trebuchet MS", "Trebuchet", "Georgia", serif; font-size:1.1em; font-style: normal; font-weight: bold;} 
h4 {color: #44068f; font-weight: bold; }
p.date { display: none; }
.clearfix:after {   content: "."; visibility: hidden; display: block; height: 0; clear: both; }
body { background:#8446bf url('images/bg2.png') center repeat-y; }
#page-wrap { text-align: center;width:961px; margin: 0 auto;  }
#header { width: 961px; height: 290px; background: url('images/banner.png') repeat-x; position:relative; text-align: left; z-index:2; display:block; margin:0 auto;}
#site-name, #site-description { text-indent: -9999px; }
#logo { width: 619px; height: 289px; position: absolute; top:0; left:-145px; z-index:5; }
#stars { width: 262px; height: 289px; position: absolute; top:0; right:0px; z-index:5;}

#slideshow { width: 550px; height: 277px; position: absolute; top: 12px; left: 280px; overflow: hidden;}
#slide2 { width:550px; height: 397px; background: url('images/graduating.jpg') no-repeat; position:absolute; top:-120px; left:0px; opacity:0; filter:alpha(opacity=0);} 
#slide1 { width:550px; height: 397px; background: url('images/students1.jpg') no-repeat; position:absolute; top:0px; left: 0px; opacity:0; filter:alpha(opacity=0);}
#text2{ width: 0px; height: 50px; background: url('images/investing.png') no-repeat; position:absolute; z-index:10; top:230px; left:100px;}
#text1{ width: 0px; height: 63px; background: url('images/educating.png') no-repeat; position:absolute; z-index:11; top:190px; left:70px;}
#header-widget2 { width: 250px; padding: 15px 0 15px 0px; text-align: center; float: left; margin: 0px 0 0 10px; z-index:-10}
#header-widget { width: 660px; padding: 5px 10px 15px 25px; text-align: center; float: left;  margin-top: 0px; z-index:-10}
#header-widget h3 { font-weight: normal; font-size: 1em; line-height: 1.2em;}

#container { width:961px; background: #FFFFFF; z-index:1; text-align: left; position: relative;}
#main { padding: 10px 20px 30px; width:670px; text-align: justify; line-height:1.3em; position: relative;}
#main.full { width: 920px; }
#main ul:not(.slides) { padding: 10px 0 0 15px; }
#main ul.nested { padding: 0 0 0 25px; }
.post ul li { list-style-type:none; padding: 0 0 0 30px; background-image: url('images/favicon.png'); background-repeat: no-repeat; 
		background-position: 0 3px; margin-top:10px; position: relative; height: auto;}
#main ul li.slide { list-style type: none; background: none; padding: 0; margin:0;}
.post p { padding:10px 0; }
h3.subtitle { text-align:center; padding:0 120px; font-weight: normal; font-size: 1em; line-height: 1.2em; font-style: italic;}


#footer { font-family: "Trebuchet MS", "Trebuchet", "Georgia", serif; background: #5c3c7f; font-size: .8em; color: #FFFFFF; height:230px; 
	border-top: 2px solid #555; margin-bottom: -50px }
#footer h3, #footer a { color: yellow; }
#footer a#wayn { font-family: Arial, sans-serif; color: #ffffff; padding:0 5px 0 15px; background-image:url('images/wayniconp.png'); background-repeat:no-repeat;}
#footer a#wayn:hover { background-color: #ffffff; color: #594C47; background-image:url('images/wayniconw.png');}
#footer1, #footer2, #footer3 { width:200px; float:left; padding: 30px 0 0 30px; text-align: left; background: transparent; height:100px; margin: auto;}
#footer4{ width:170px; float:left; padding: 30px 0 0 50px; text-align: left; background: transparent; height:100px; margin: auto;}
.widget-title {padding: 10px 0 0; }
#sidebar .widget-title {padding: 0px 0 10px; font-size: 1em;}
.survey { padding: 5px 0 10px;
	border: 3px solid #8446bf;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px; }
#sidebar .widget-title { font-size: 1.2em; }
.survey label { padding: 0 0 0 20px; font-size: .8em; }


#main, #sidebar { font-family: "Trebuchet MS", "Georgia", serif; float:left; }

a, a:link, a:visited, a:active { text-decoration:none; color: #44068f; }
#sidebar { width: 220px;  padding:10px 20px 0 10px; float:left; text-align: center; }
#sidebar li.widget_text { margin: 20px auto; }
li#text-15 { background: #5c3c7f; color: #FFFFFF;  padding: 10px 20px; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;}
li#text-15 .widget-title { color: yellow; }
#signup-widget{ font-size:.8em; }
#signup-widget li { text-align: left; }
#signup-widget #email { width: 100%; font-size:.7em; height: 1.3em; }
input#submit { background: url('images/navbar2.png') repeat-x; color:yellow; cursor:pointer; padding: 5px 15px; font-weight: bold;
	border: 1px solid #2c0c4f; margin: 10px 0 0;}
input#submit:hover { background: url('images/navbara2.png') repeat-x;  color:#000; }
#safe-place-text { display:none; font-size: .8em; text-align: center; }

#video {text-align: center; }
.sticky { text-align: center; }
.sticky h3 { font-weight: normal; }

.board, .staff, .newsletter, .council { width: 200px; float: left; padding: 10px; font-family: "Arial", "Verdana", sans-serif; text-align: center; }
#board-wall, #staff-wall { width: 100%; text-align: center;}
#welcome { padding: 50px 125px 20px; font-family: "Trebuchet MS", "Trebuchet", "Georgia", serif; } 
#accordion h3 {padding-left: 30px; font-family: "Trebuchet MS", "Trebuchet", "Georgia", serif;}
#accordion { padding: 20px; }
.ui-accordion-header { line-height: 2em; }

/* pdfs */
a[href$=".pdf"] { padding-left: 50px; background: url('images/pdf-icon.gif') no-repeat left; overflow: auto; }


.slide img { margin:0; padding:0; }
.slide-text { background: rgb(99,77,130); background: rgba(35,0,60,0.8) !important; color: #fff; 
		padding: 10px 30px 100px 30px; margin-top: -30px; text-align: center; z-index: 10;}
.slide-text h3, .slide-text a { color: yellow; }
.vert { float: left; margin-top:0px; background: #FFFFFF; color: #000; margin-right:15px; padding: 100px 25px 200px 35px; text-align: center; position:relative;}
.vert p { padding: 10px 0; }
.slide-simulator { width: 628px; overflow: hidden; height: 337px; margin: auto; 
		border: 3px solid #8446bf;}

/* rotator */
#rotator     { width: 250px; height: 250px; margin: 20px 10px 0 20px; border: none; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;}
#rotator div { position: absolute; z-index: 0; 
}
#contribution { border: 1px solid #8446bf; padding: 10px 20px;}
#invitation { width: 640px; margin: 0 0 0 15px; padding: 50px 0; 
	text-align: center;  padding: 0; font-family: Arial, Helvetica; font-size: 1em; line-height: 1.4em;}
#main #invitation ul {padding: 0; }
#invitation ul li { display: inline; padding: 2px 5px 0 23px; }
#invitation ul li:first-child{ background-image: none; padding-left: 0; }
#invitation p { padding: 0; margin: 0;}
#invitation strong{ color: #510100; padding:0; margin: 0;}

#cart-footer { text-align: center; padding: 40px 0 0; font-size:.9em; }
div.error { background-color:#FFEEEE;
border:1px solid red;
clear:both;
margin:15px 0;
padding:15px; 
text-align: center;}