/* Love In Action styles */

/* General html element styles (NO IDs or classes) */
html { margin: 0; padding: 0; background: #fff; }
body { margin: 0px auto; }
a { text-decoration: none; color: #d72745; font-weight: bold;}
a:hover { color: #d72745; text-decoration: underline;} 
p, li, fieldset { color: #666; font-family: "arial";}
p { font-family: "arial"; font-size: 13px; line-height: 20px;}
h2 { text-transform: lowercase; font-family: "arial black"; font-size: 30px; color: #666; letter-spacing: -1.1pt; background-image: url(../images/h2-bullet.jpg); background-repeat: no-repeat; background-position: left center; line-height: 26px; padding: 0px 0px 0px 40px; margin: 40px 0px 0px 0px;}
ul { padding: 0px; margin: 15px 0px 20px 0px;}
li { list-style-type: none; font-size: 13px; margin: 0px 0px 15px 0px;}
img { border: none;}
h3 { color: #333; margin: 0px 0px 0px 0px; line-height: 18px;}

/* Template elements */

#header img { width: 45%;}
#wrapper { width: 960px; margin: 0px auto; position: relative;}
.navigation { background-color: #d72745; }
.navigation li { display: inline-block; padding: 10px 10px 0px 10px; font-size: 13px;}
.navigation li a { color: #FFF!important;}
img.left { width: auto!important; position: absolute; left: 0px; top: 10px; width: auto;}
img.right {float: right; width: auto!important; margin: 10px 0px 0px 10px;}
#footer { background-color: #d72745; padding: 20px 0px 150px 0px; text-align: center;}
.img-left { float: left; margin: 10px 20px 0px 0px;}
.block { margin: 20px 0px;}
.left { float: left; width: 460px; margin: 0px 20px 40px 0px; padding: 0px;}
div.right { float: right; margin: 0px 0px 20px 20px;}
.red { color: #d72745;}
.grey { color: #666;}
.white { color: #FFF;}
#footer li { display: inline-block; margin: 0px 20px 0px 0px;}
#footer li a { color: #FFF;}
.large-font img { vertical-align: middle; margin: 0px 10px 0px 0px;}
.large-font { font-family: "arial black"; font-size: 40px; line-height: 35px;}
.quote { background-image: url(../images/quote-bg.png); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 15px 60px; font-size: 20px; line-height: 24px; margin: 40px 0px;}
#gap { margin-top: 100px;}
.inline { display: inline;}
.social-links img { vertical-align: middle;}
.social-links li { margin: 0px 0px 5px 0px!important;}
.social-links { float: right; clear: both; margin: 0px 0px 0px 20px;}
.micro { font-size: 15px;}
.white img { vertical-align: middle; margin: 0px 10px 0px 0px;}
.div-left { float: left; width: 300px; margin: 0px 20px 20px 0px; }
.div-left img { margin: 10px 0px 0px 0px;}
.sponsors { clear: both; border-bottom: 1px solid #CCC;}
.sponsors li { display: inline-block; width: 300px; text-align: center; margin: 0px 0px 50px 0px;}
.sponsors li img { vertical-align: middle;}
embed { margin: 10px 10px 0px 0; float: left;}

/* new styles for poster homepage */
.poster #wrapper { display: none;}
.poster { background-image: url(../images/poster/body-bg.jpg); background-repeat: repeat-x; background-color: #1c4b5b; text-align: center; padding: 0px 0px 50px 0px;}
#lia { width: 525px; margin: 0px auto; font-family: arial; position: relative;}
#lia img { margin: 0px; padding: 0px; border: none;}
ul.lia-sponsors { padding: 0px!important; margin: 20px 0px 0px 0px!important; clear: both;}
.lia-sponsors li { display: inline-block; margin: 0px 10px 0px 0px; }
.lia-sponsors li img { vertical-align: middle;}
h2.lia { margin: 0px; padding: 0px; background-image: none; text-transform: uppercase; font-family: arial; color: #FFF; font-size: 28px; letter-spacing: normal;}
.lia-intro { color: #FFF; font-size: 16px; padding: 0px 15px;}
div.position { position: relative; top: -95px; background-image: url(../images/poster/lia-wordmark.png); background-repeat: no-repeat; background-position: bottom right; padding: 0px 0px 71px 0px; left: -5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.position { padding-bottom: 74px; left: -6px;}
}
.position .lia { font-size: 26px;}
.planeterra { color: #000; font-size: 20px; margin: 0px 0px 20px 0px; font-weight: bold; text-transform: uppercase;}
.planeterra img { position: relative; top: 7px;}
#sponsor-logos { z-index: 99;position: relative; top: 25px; left: -125px;}
.cp24, .jedi, .tickets { position: absolute; }
.cp24 { top: 275px;left: 0px;}
.jedi { top: 640px;left: 0px;}
.tickets { top: 485px; left: 350px;}
.poster .navigation { background-color: #245161; margin: 0px; padding: 0px;}
.poster .social-links { float: none; clear: none; margin: 10px 0px; text-align: left; padding: 0px 0px 0px 15px;}
.poster .social-links a { color: #FFF;}

/* new homepage */
.poster { background-image: none; background-color: transparent; padding: 0px;}
.poster .navigation { background-color: #d72745; }
#poster { width: 980px; margin: 0px auto; }
.left-col, .right-col { float: left; text-align: left; }
.left-col { width: 600px; margin: 0px 20px 20px 0px; border-right: 1px solid #ccc;}
.right-col { width: 300px;}
.round-corner { /*-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 5px solid #d72745;*/ background-color: #FFF; padding: 0px 20px; margin: 0px 0px 60px 0px;}
.cursor { cursor: pointer;} 
li.cursor { float: left; margin: 0px 10px 10px 0px;}
.left img.cursor { max-width: 175px;}
.round-corner .social-links li { float: left; margin: 0px 10px 0px 0px!important;}
.round-corner .left { width: 175px;}
.round-corner .larger { width: 320px; border-left: 1px solid #CCC; padding: 0px 0px 0px 20px;}
.round-corner h2 { margin: 0px 0px 20px 0px;}
.lia-logo { width: 500px;}
h1.large-font { color: #666;}

/* jq overlay */
.simple_overlay { display:none; z-index:10000;background-color:#333; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } 
.simple_overlay .close {  background-image:url(../images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }