/* ------------CSS stylesheet redo for SWH website ---------------------------------------------------------

					Author: Dan Stewart
					Company: WJCT
					January 2012
-----------------------------------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------------------------------------------

					Containers

---------------------------------------------------------------------------------------------------------------------*/


body {
margin: 0;
padding: 0;
text-align: center;
background-color: #b21b8a;
font-family: verdana, helvetica, sans-serif;
font-size: 90%;
}

#shadow {
width: 1060px;
text-align: center;
margin-left: auto;
margin-right: auto;
background-image: url(shadow.jpg);
background-repeat: repeat-y;
position: relative;
padding: 0;
}

#wrapper {
position: relative;
top: 0;
left: 0;
text-align: left;
width: 1020px;
margin-left: auto;
margin-right: auto;
background-color: white;
padding: 0px;
}

#innerwrapper {
position: relative;
padding-left: 15px;
padding-right: 15px;
width: 1020px;
margin-right: auto;
margin-left: auto;
}

/* -------------------------------------------------------------------------------------------------------------------

					Other stuff

---------------------------------------------------------------------------------------------------------------------*/


@font-face {
	font-family: Delicious;
	src: url('Bradley Hand ITC-Roman.otf');
}

@font-face {
	font-family: Delicious;
	font-weight: bold;
	src: url('Bradley Hand ITC-Bold.otf');
}

#header {
position: relative;
top:0;
width: 1020px;
margin-bottom: 200px;
padding: 0;
text-align: center;
}

img {
border: none;
}

#faq li {
line-height: 22px;
}

#faq h4 {
margin-bottom: 0;
}

#faq {
position: relative;
top: 0px;
left: 130px;
font-size: 90%;
width: 750px;
margin-bottom: 75px;
}

#social {
position: relative;
}

/* -------------------------------------------------------------------------------------------------------------------

					Main Navigation

---------------------------------------------------------------------------------------------------------------------*/


#nav {
position: absolute;
top: -190px;
right: 50px;
font-size: 95%;
line-height: 20px;
width: 740px;
text-align: center;
padding: 10px 0px 10px 0px;
color: white;
}

#nav a:link {
color: white;
text-decoration: none;
}

#nav a:visited {
color: white;
text-decoration: none;
}

#nav a:hover {
text-decoration: none;
color: white;
font-size: 100%;
 }
 
#nav a:active{
color: black;
font-size: 100%;
text-decoration: none;
}
 

#nav img {
border: none;
}


#nav li {
width: 192px;
display: inline;
border-radius: 15px;
-moz-border-radius: 15px;
border: 2px solid #FF9900;
padding: 7px;
line-height: 28px;
background-color: #FF99CC;
}

#nav li:hover {
width: 192px;
display: inline;
border-radius: 15px;
-moz-border-radius: 15px;
border: 2px solid #FF9900;
padding: 7px;
line-height: 28px;
background-color: #339966;
}

#navimagelink1 {
position: absolute;
top: -150px;
left: 25px;
display: inline;
}

#navimagelink2 {
position: absolute;
top: -165px;
left: 160px;
display: inline;
}

/* -------------------------------------------------------------------------------------------------------------------

					Current Page Markers

---------------------------------------------------------------------------------------------------------------------*/

body.page1 #nav li.one {
background-color: #339966;
}

body.page2 #nav li.two {
background-color: #339966;;
}

body.page3 #nav li.three {
background-color: #339966;
}

body.page4 #nav li.four {
background-color: #339966;
}

body.page5 #nav li.five{
background-color: #339966;
}

body.page6 #nav li.six {
background-color: #339966;
}

body.page7 #nav li.seven{
background-color: #339966;
}

body.page8 #nav li.eight{
background-color: #339966;
}

body.page9 #nav li.nine {
background-color: #339966;
}

body.page10 #nav li.ten {
background-color: #339966;
}

body.page11 #nav li.eleven {
background-color: #339966;
}

body.page12 #nav li.twelve {;
background-color: #339966;
}

body.page13 #nav li.thirteen {
background-color: #339966;
}

/* -------------------------------------------------------------------------------------------------------------------

					Footer

---------------------------------------------------------------------------------------------------------------------*/


#footer {
margin-top: 25px;
margin-bottom: 0px;
text-align: center;
font-size: 75%;
background-color: #666666;
padding: 25px 5px 25px 25px;
position: relative;
left: -15px;
border-top: 5px solid gray;
clear: both;
}

#footer ul {
list-style: none;
position: relative;
left: -30px;
}

#footer li {
display: inline;
}

#footer a:link {
text-decoration: none;
color: white;
}

#footer a:visited {
text-decoration: none;
color: white;
}

#footer a:hover {
color: white;
text-decoration: underline;
}

#footer a:active {
text-decoration: none;
color: black;
}

/* -------------------------------------------------------------------------------------------------------------------

					Page Sections and various

---------------------------------------------------------------------------------------------------------------------*/

h1.home {
color: #936eb2;
font-family: "Bradley Hand ITC", verdana, sans-serif;
font-size: 260%;
}

.copyright {
font-size: 85%;
text-align: center;
margin-top: 20px;
}

#about {
position: relative;
top: -75px;
left: 0px;
padding: 15px 20px 15px 20px;
margin-bottom: 30px;
}

#about img {
float: right;
padding-left: 10px;
padding-right: 10px;
}

#attention {
font-size: 20px;
font-style: italic;
width: 900px;
position: relative;
top: 30px;
left: 10px;
padding: 12px;
color: #000;
background-color: #FF99CC;
margin: 20px 0px 30px 0px;
border-radius: 15px;
-moz-border-radius: 15px;
-moz-box-shadow: 0px 0px 15px 4px #888;
-webkit-box-shadow: 0px 0px 15px 4px #888;
box-shadow: 0px 0px 15px 4px #888;
}

#attention ul li {
background: url(bullet.png) no-repeat center left;
list-style: none;
padding-left: 25px;
}

#attention a:link {
text-decoration: none;
color: white;
}

#attention a:hover {
text-decoration: none;
color: white;
}

#eventschedule {
position: relative;
left: 150px;
top: -10px;
margin-bottom: 100px;
}

table {
border: 0px solid black;
width: 550px;
border-collapse: collapse;
font-weight: bold;
margin-top: 20px;
position: relative;
left: 20px;
}

td {
text-align: left;
padding: 0.4em;
border-bottom: 1px solid black;
}

td.red {
background-image: url(tablered.png);
}

span.date {
position: relative;
left: 64px;
}

#contact {
position: relative;
top: 45px;
left: 158px;
margin-bottom: 200px;
text-align: center;
line-height: 30px;
font-weight: bold;
font-size: 130%;
background-color: #e6c6b5;
padding: 15px;
border-radius: 15px;
-moz-border-radius: 15px;
width: 650px;
-moz-box-shadow: 0px 0px 10px 4px #888;
-webkit-box-shadow: 0px 0px 10px 4px #888;
box-shadow: 0px 0px 10px 4px #888;
}

.contactinfo {
font-size: 130%;
font-weight: bold;
color: #936eb2;
} 

#contact h3 {
text-decoration: underline;
}

#speaker1 {
position: relative;
top: 0px;
left: 95px;
width: 770px;
line-height: 1.7em;
background-color: #e6c6b5;
padding: 15px;
margin-bottom: 70px;
border-radius: 15px;
-moz-border-radius: 15px;
}

#speaker1 img {
float: right;
padding: 10px;
}

#speaker2 {
position: relative;
top: 0px;
left: 95px;
width: 770px;
line-height: 1.7em;
background-color: #e6c6b5;
padding: 15px;
margin-bottom: 70px;
border-radius: 15px;
-moz-border-radius: 15px;
}

#speaker2 img {
float: right;
padding: 10px;
}

.speakerslist {
position: relative;
left: -20px;
font-style: italic;
}

p.indent {
text-indent: 10px;
}

span.bold {
font-weight: bold;
font-size: 190%;
color: #936eb2;
font-family: "Bradley Hand ITC", verdana, sans-serif;
}

span.bold2 {
font-weight: bold;
font-size: 140%;
color: #936eb2;
font-family: Verdana, helvetica, sans-serif;
}

span.lunch_learn_bold {
font-weight: bold;
font-size: 100%;
}

span.address {
font-style: italic;
}

span.black {
color: black;
}

#sponsors {
position: relative;
top: 0px;
left: 110px;
width: 575px;
margin-bottom: 130px;
}

#tickets {
position: relative;
top: 55px;
left: 0px;
margin-bottom: 160px;
text-align: center;
line-height: 20px;
font-weight: bold;
}

#tickets a {
text-decoration: none;
}

#tickets img {
border: none;
}

#breakout {
position: relative;
top: 20px;
left: 310px;
width: 600px;
font-size: 115%;
margin-bottom: 100px;
color:  black;
}

.breakoutlist li{
list-style-type: none;
line-height: 20px;
margin-bottom: 15px;
background: url(bullet.png) no-repeat center left;
padding-left: 35px;
}

#breakout img {
float: right;
padding-left: 10px;
}

span.italics {
font-style: italic;
font-weight: normal;
font-size: 85%;
}


#screenings {
position: relative;
top:  0px;
left: 160px;
width: 690px;
margin-bottom: 100px;
}

#screenings h4 {
margin-bottom: 0px;
margin-top: 35px;
}

#screenings p {
margin-top: 4px;
}

#screenings h3 {
margin-top: 30px;
font-family: "Bradley Hand ITC", verdana, sans-serif;
}

#screenings h2, h3 {
font-family: "Bradley Hand ITC", verdana, sans-serif;
color: #936eb2;
font-size: 190%;
font-weight: bold;
}

#photogallery {
position: relative;
left: 30px;
top: 0px;
text-align: center;
min-height: 1800px;
}

#photosone {
position: absolute;
padding: 5px 10px 5px 10px;
left: 145px;
}

#photostwo {
position: absolute;
padding: 5px 10px 5px 10px;
left: 480px;
}

#photosone img, #photostwo img {
border: 1px solid #993300;
margin: 5px;
}

#lunchandlearn {
min-height: 450px;
position: relative;
top: 0px;
left: 130px;
width: 750px;
margin-bottom: 90px;
}

#video {
float: right;
text-align: center;
position:relative;
top: -40px;
padding: 0 60px 10px 0;
}

.videotitle {
float: left;
padding: 0px 20px 0px 30px;
width: 460px;
}

.video_margin {
	margin-bottom: -15px;
}

#llvids {
	background-color: #CCC;
	padding: 25px 15px 25px 40px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
}

.video {
	color: black;
	font-size: large;
	margin-top: -10px;
}