/*
Theme Name:
Theme URI:
Description:
Version: 1.0
Author:
Author URI:
*/
 
/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%;
    vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
 
body {
	font-family: 'Josefin Sans', sans-serif;
    font-size: 1em;
    color: #000000;
}
 
/* container - place inside each section or around the entire page depending on your layout */
.container {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
 
/* for clearing any floats <br class=&quot;clearfloat&quot; /> */
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 
/*--- header section - put whatever you want here ---*/
#header {
}
 
/*--- horizontal &quot;block&quot; menu ---*/
#menu {
    float: left;
}
#menu li {
    display: block;
    float: left;
}
#menu li a {
    display: block;
    text-decoration: none;
    height: 50px;
    width: 125px;
    padding: 5px 10px 5px 10px;
}
 
/*--- content section ---*/
#section0 {
	background-image: url(http://i59.tinypic.com/2q8pto3.png);
	font-size: 12em;
	color: #FFFFFF;
	text-align: center;
}

#section1 {
	background-image: url(http://i62.tinypic.com/rllt2p.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#venuebox {
	width: 100%;
	top: 50px;
	padding: 40px 0px 20px 0px;
	background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

#venuebox-content {
	display: block;
	color: #FFFFFF;
	font-size: 4em;
	text-align: center;
	z-index: 999;
}

#section2 {
	background-color: #FFFFFF;
	margin: auto 0;
	text-align: center;
}

#details-container {	
	display: inline-block;
	width: 800px;
	background-color: #FFFFFF;
	padding-bottom: 30px;
}

#detailsbox {
	padding-top: 40px;
	background-color: #FFFFFF;
}

#detailsbox > h1{
	font-size: 2.5em;
	padding-bottom: 20px;
}

#detailsbox > h2{
	font-size: 1.5em;
	padding-bottom: 10px;
}

#detailsbox > a >img {
	width: 300px;
	padding-bottom: 20px;
}

#section3 {
	text-align: center;
}

#outro-container {	
	display: inline-block;
	width: 80%;
	padding-bottom: 30px;
}

#outro-title {
	font-size: 6em;
	padding-bottom: 20px;
}

#outro-container > img {
	padding-left: 20px;
	height: 600px;
}
	
 
/*--- footer section - put whatever you want here ---*/
#footer {
}



/*--- helpers ---*/

.dropshadow {
	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.outer-div
{
     padding: 30px;
}
.inner-div
{
     margin: 0 auto;
     width: 100px; 
}