/* YUI 2: Reset CSS */
html{
	font-size:1em;
	background:url("../images/stripe_aadc2ca0b6f83244542745085451838d.png") #EBEBEB;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-family:Tahoma, "sans serif";
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
div:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

abbr,acronym {
	border:0;
}

strong{
	font-weight:bold;
}

table.table {
	margin:0px auto 10px auto;
   	width: 90%;
	border-collapse:collapse;
	-webkit-box-shadow: #F79BE0 0px 0px 5px;
	-moz-box-shadow: #F79BE0 0px 0px 5px;
}

table.table .event-action{
	width:20px;
	text-align:center;
}

table.table .published{
	width:	80px;
	text-align: center;
}

table.table .red{
	background: red;
	color: white;
}

table.table .green{
	background: green;
	color: white;
}

table.table .gray{
	background: lightgray;
	color: #505050;

}

table.table,.table th,.table td {
	border: 1px solid #F79BE0;
	padding: 5px;
}
.table th { 
	background:#A20F83 url("../images/pink-nav-40.png") repeat-x 0px -10px;
	color:#fff;
	text-shadow: #5E0948 1px 1px 1px;
	white-space:nowrap;
}
/* HTML styling */
h1,h2,h3,h4,h5,h6 { 
	color: #D70C84; 
	text-transform: Capitalize; 
	font-family: "URW GOTHIC L", "ITC AVANT GARDE GOTHIC PRO", Tahoma, sans-serif;
 }
#content h2{
	font-size:3em;
	text-shadow: #A90F83 1px 1px 2px;
}
#content h3{
	font-size:1.5em;
	text-shadow: #F79BE0 1px 1px 2px;
}
p{
	line-height:1.5em;
	text-align:justify;
}
#content h3{
	padding-top:1em;
}


/* Structure */
#header{
	display:block;
	width:100%;
	height:110px;
	text-align:center;
	background:#fff;
}
#header img{
	margin-top:10px;
}

#navigation{
	width:100%;
	height:40px;
	background:url("../images/pink-nav-40.png") 0px 0px repeat-x;
}

/* header */
#header img{
	width:468px;
	height:99px;
}
/* navigation */
#navigation ul{
	margin:0px auto;
	width:750px;
	height:30px;
	line-height:27px;
	padding-top:4px;
	padding-bottom:6px;
	text-align:center;
}
#navigation ul li{
	display:inline;
	padding:0px 10px;
}
#navigation ul li a{
	font-size:0.875em;
	color:#fff;
	text-shadow: #5E0948 2px 2px 2px;
	text-decoration:none;
	text-transform: capitalize;
}
#navigation ul li a:hover {
	color:#FF66FF;
}
#navigation ul li a.selected{
	color:#000;
}

/* content */
#content{
	position:relative;
	width:750px;
	margin:20px auto 0px auto;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;
	border:1px solid #FF00FF;
	background:#fff;
	min-height:300px;
	padding:10px;
	font-size:0.75em;
}

#logos{
	position:relative;
	width:770px;
	margin:20px auto 0px auto;
	-webkit-box-shadow: #BBB 0px 0px 5px;
	-moz-box-shadow: #BBB 0px 0px 5px;	
	border:1px solid #BBB;
	background:#E7E7E7;
	text-align:center;
	height:60px;
	line-height:60px;
}#logos img{
	vertical-align:middle;
	margin:0px 15px;
}
#events{
	position:relative;
	width:750px;
}
h4#intro{
	line-height:1.5em;
	position:relative;
	text-align:justify;
	width:710px;
	padding:20px;
	margin-bottom:10px;
	text-transform: None;
	font-family: Tahoma, Sans-Serif;
	color: #000;
}

#intro a {
	color:#D31577;
	text-decoration:underline;
}
#events a:hover {
	color:#FF00FF;
}
#events div.event-inner{
	position:relative;
	padding:5px;
	height:295px;
	border:5px solid #fff;

}
#events div.event{
	width:340px;
	height:315px;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;
	border:1px solid #FF00FF;
	background:url("../images/stripe_7c9c39c715aa2e282af2d84b14d94dd8.png") #D31577;
	float:left;
	margin:15px;
}

#events div.event img.event-logo{
	display:block;
	margin:0px auto 7px auto;
	height:80px;
}
#events div.event p{
	height:70px;
	color:#fff;
	text-align:justify;
	margin-top:7px;
	padding:5px;
	border:#9C1083 1px solid;
	background:#D31577;
	background:rgba(0, 0, 0, 0.2);
} 
#events div.event a.event-more{
	display:block;
	color:#fff;
	text-decoration:none;
	clear:both;
	text-align:right;
	font-weight:bold;
}
#events div.event div.event-images{
	margin-top:5px;
	height:50px;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
}
#events div.event div.event-images img{
	width:50px;	
	height:50px;
	padding-right:4px;
}


#events div.event div.event-raised{
	position:absolute;
	text-align:center;
	bottom:5px;
	left:5px;
	border:1px solid #999;
	background:#E8EBF2;
	width:150px;
	height:60px;
	font-size:1.3em;
}#events div.event div.event-raised.past{
	width:318px;
}
#events div.event div.event-raised span{
	display:block;
	clear:both;
	font-size:3em;
	font-family:Impact;
	margin-bottom:-5px;
	line-height:1em;
}
#events div.event a.fb_share{
	position:absolute;
	bottom:5px;
	right:80px;
}
#events div.event a.event-join{
	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
	width:43px;
	height:15px;
	line-height:14px;
	padding-left:15px;
	border:1px solid #570D54;
	border-top:2px groove #B11580;
	background:#901589 url("../images/favicon.png") left center no-repeat;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
}
#events div.event a.event-full {
	padding-left: 0px;
	width: 59px;
	background: #6e6d7d;
	border-top:2px groove #855677;
}
#events div.event a.event-join span{
	position:absolute;
	display:block;
	height:33px;
	line-height:33px;
	width:58px;
	top:-45px;
	left:-1px;
	background:#E8EBF2;
	border:1px solid #B0B9EC;
	color:#000;
	font-size:2em;
	font-weight:normal;
}
#events div.event a.event-join:hover {
	background:#B05DAC url("../images/favicon.png") left center no-repeat;
}
#events div.event a.event-join:active{
	background:#610E5C url("../images/favicon.png") left center no-repeat;
}

#events div.event a.event-full:active, #events div.event a.event-full:hover {
	background:#6e6d7d;
}

/* Single Events */
#event-sidebar{
	width:350px;
	float:left;
}
#event{
	padding:0px 10px;
}
#event-image-gallery{
	width:340px;
	height:290px;
	background:url("../images/stripe_7c9c39c715aa2e282af2d84b14d94dd8.png") #D31577;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;
	padding:10px;
	float:left;
	text-align:center;
}

#event-image{
	height:253px;
	overflow:hidden;
}
#event-image a{
	width:100%;
	height:100%;
}

.youtube_thumb{
	width:330px;
	height:auto;
}

#next,#prev,#caption{
	color:#fff;
	text-decoration:none;
}
#next{
	float:right;
}
#prev{
	float:left;
}
#caption{
	clear:none;
	text-align:center;
	width:100%;
	margin-top:5px;
}
#event-description, #event-tagline {
	display:block;
	width:350px;
	float:right;
	padding-left:20px;
	margin-bottom:20px;
}
#event-tagline { font-weight: bold; }
#qrcodes{
	display:block;
	width:350px;
	float:left;
	text-align:center;
	background:url("../images/stripe_7c9c39c715aa2e282af2d84b14d94dd8.png") #D31577;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;
	margin-top:10px;
	padding:5px;
	color:#fff;
}#qrcodes a{
	color:#fff;
}#qrcodes a#qrcode-title{
	clear:both;
	display:block;
}
#qrcodes span{
	display:block;
	width:150px;
	float:left;
	padding:10px;
}
#qrcodes span#qrcode-info{
	width:320px;
}

#static-map{
	display:block;
	background:url("../images/stripe_7c9c39c715aa2e282af2d84b14d94dd8.png") #D31577;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;
	padding:10px;
	clear:left;
	float:left;
	margin-top:10px;
}
#event table{
	width:350px;
	clear:right;
	float:right;
}
#button_cont{
	float:right;
	clear:right;
}
.join{
	float:right;

	width:150px;
	padding:10px;
	margin-bottom:20px;
	margin-left: 10px;
	text-align:center;
	background:url("../images/stripe_7c9c39c715aa2e282af2d84b14d94dd8.png") #D31577;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;	
	color:#fff;
	font-size:2em;
	text-decoration:none;
	white-space:nowrap;
}
.joinWide {  
	width: 330px;
	margin-left: 10px;
}

.join:hover{
	background:#D31577;
}
.join:active{
	background:#9C1083;
}
.joinFace { background: #3B5998; -webkit-box-shadow: #3B5998 0px 0px 5px; -moz-box-shadow: #3B5998 0px 0px 5px;	}
.joinFace:hover { background: #5B74A8; }
.joinFace:active { background: #314A80; }

.joinFull, .joinFull:hover, .joinFull:active  { background: #f2ebe8; color: #000;}

#raised{
	width:330px;
	float:right;
	clear:right;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
	border:1px solid #999;
	background:#E8EBF2;
	-webkit-box-shadow: #000 0px 0px 5px;
	-moz-box-shadow: #000 0px 0px 5px;	
	color:#000;
	font-size:2em;
	text-decoration:none;
}
.info, .success, .warning, .error, .validation 
{
	border: 1px solid;
	margin: 10px 0px;
	padding:5px;
	padding-left:25px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info 
{
	color: #00529B;
	background: url('../images/information.png') #BDE5F8 no-repeat 5px center;
}
.success 
{
	color: #4F8A10;
	background: url('../images/tick.png') #DFF2BF no-repeat 5px center;
}
.warning 
{
	color: #9F6000;
	background: url('../images/lightbulb.png') #FEEFB3 no-repeat 5px center;
}
.error 
{
	color: #D8000C;
	background: url('../images/exclamation.png') #FFBABA no-repeat 5px center;
}

.info a, .success a, .warning a, .error a, .validation a {
	color:#d31577;
}

.calender
{
	background: url('http://www.famfamfam.com/lab/icons/mini/icons/date.gif') left no-repeat;
	padding: 0 0 0 20px;

}

.document
{
	background: url('http://www.famfamfam.com/lab/icons/mini/icons/copy.gif') left no-repeat;
	padding: 0 0 0 20px;
}

/* extras */

.image-gallery{
	text-align:center;
	width:750px;
	margin:10px 0px;
	padding:10px 0px;
	background:#D31577;
	-webkit-box-shadow: #F79BE0 0px 0px 5px;
	-moz-box-shadow: #F79BE0 0px 0px 5px;
}
.image-gallery li{
	display:inline;
	
}
.image-gallery li a{
}
.image-gallery li a img{
	width:140px;
	height:140px;
	border:1px solid #fff;
}

div#footer{
	font-size:0.7em;
	color:#aaa;
	width:750px;
	margin:5px auto;
	text-align:right;
}
div#footer a{
	color:#888;
}div#footer a:hover{
	color:#666;
}

/******
*ADMIN*
******/

input,select,textarea{	
}

div#admin{
	position:relative;
	width:771px;
	margin:0px auto;
	font-size:0.75em;

}
h2{
	text-align:center;
	margin:0px auto 20px auto;
	color: #D70C84;
	font-size:3em;
	text-shadow: #A90F83 1px 1px 2px;
}
ul#sidenav{
	display:block;
	width:160px;
	float:left;
	z-index:0;
}

ul#sidenav li{

}
ul#sidenav li a{
	display:block;
	width:100%;
	height:25px;
	line-height:25px;
	background:#E8EBF2;
	border:1px solid #B0B9EC;
	padding-left:10px;
	margin:5px 0px;
	font-size:1em;
	color:#000;
	text-shadow: #CCC 2px 2px 2px;
	text-decoration:none;
}
ul#sidenav li a:hover{
	background-color:#fff;
}
ul#sidenav li a.selected{
	color:#FF00FF;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;
	text-shadow: #fff 2px 2px 2px;
	background-color:#fff;
	border:1px solid #FF00FF;
}
ul#sidenav li ul li{
	margin-left:20px;
}

#active-pane h3{
	font-size:2.5em;
	font-size:1.25em;
	margin-bottom: 5px;
}
#active-pane{
	position:relative;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;
	border:1px solid #FF00FF;
	margin-left:150px;
	background:#fff;
	min-height:400px;
	padding:10px;
}
#content form.form{
	width:400px;
	margin:0px auto;
}
form.form fieldset{
	position:relative;
	z-index:10000;
}
.form fieldset#map-container ul{
	width:280px;
	float:left;
}
form.form div#map{
	float:left;
	width:280px;
	height:210px;
}
form.form ul{
	
}
form.form ul li{
	font-size:1em;

	margin:15px 0px;
	line-height:22px;
	position:relative;
}
.form .compact ul li { margin: 5px 0px; }

form.form ul li label.main-label{
	display:block;
	float:left;
	width:120px;
	text-align:right;
	margin-right:10px;
	line-height:1em;
	padding-top:5px;
}

form.form ul li span{
	display:none;
	position:absolute;
	z-index:100;
	width:200px;
	padding:5px;
	text-align:left;
	background-color:#fff;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;
	border:1px solid #FF00FF;
}

form.form fieldset#rich_text ul li span{
	display:block;
	position:relative;
	z-index:100;
	width:auto;
	padding:0px 10px;
	text-align:left;
	background-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border:none;
}

form.form ul li input.text{
	height:20px;
	width:170px;
}

form.form ul li input.text.narrow{
	width:145px;
}

form.form ul li input.text.wide{
	width: 420px;
}
form.form ul li input.radio,
form.form ul li input.checkbox{
	margin:0px 2px 0px 5px;
	vertical-align:baseline;
}
form.form ul li select{
	width:190px;

}
form.form ul li textarea{
	height:150px;
	padding:2px;
	width:420px;
	font-size:1em;
}

form.form button{
	background: #FF00FF no-repeat;
	border: none;
	color: white;
	float: right;
	padding: 3px;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;
	margin: 0px 5px;
	height: 25px;
}
form.form button:hover {
	background: #FF66FF no-repeat;
	cursor: pointer;
}
form.form button#preview{
	-moz-border-radius: 0px 180px 180px 0px;
	-webkit-border-radius: 10px 180px 180px 10px;
}
form.form button#reset{
	-moz-border-radius: 180px 0px 0px 180px;
	-webkit-border-radius: 180px 0px 0px 180px;
}


form.form .date-month{
	width:			90px;
}

form.form .date-year{
	width:			60px;
}

form.form .date-day, form.form .date-hour, form.form .date-minute{
	width:			50px;
}

.adminTask {
	width: 170px;
	height: 60px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	padding: 5px;
	color: #D70C84;
	font-size: 24px;
	text-align: center;
	border:1px solid #FF00FF;
	background-color: rgba(255,0,255,0.1);
	-webkit-box-shadow: #F79BE0 0px 0px 5px;
	-moz-box-shadow: #F79BE0 0px 0px 5px;
	text-shadow: #999 2px 2px 2px;
	text-decoration:none;
}
.adminTask:hover { 
	background-color: rgba(255,0,255,0.2);
	-webkit-box-shadow: #D70C84 0px 0px 5px;
	-moz-box-shadow: #D70C84 0px 0px 5px;
}

.checkList { margin: 0px 5px; width: 140px; float: left;}

.checkList label { 
	float:left;
	width:80px;
	text-align:right;
	margin-right:10px;
	line-height:1.05em;
	padding-top:3px;
	overflow: hidden; 
}
#FBUpload span{
    background-image: url('../images/FBConnect22.png');
	background-position: 0px 0px;
	padding-left: 16px; 
	margin-right: 3px;
}
#FBUpload:hover span {
	background-position: 0px 16px;
}

.icon-button, .icon-button:hover { 
	margin-top: 10px;
	height: 25px;
   	background-repeat: no-repeat; 
	background-position: 2px 50%;
	padding-left: 16px;
}
#img-upload-cont{
	margin:0px auto;
	text-align:center;
}
.img-upload{
	height:260px;
	width:260px;
	float:left;
	position:relative;
	border:1px solid #CCC;
	padding:5px;
	margin:5px;
}
.img-upload img{
	max-height:255px;
	max-width:255px;
}

.vid-upload{
	height:195px;
	width:260px;
	float:left;
	position:relative;
	border:1px solid #CCC;
	padding:5px;
	margin:5px;
}
.vid-upload img{
	max-height:190px;
	max-width:255px;
}


.img-delete{
	position:absolute;
	top:0px;
	right:0px;
	padding:2px;
	background:#fff;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
}
.img-logo{
	position:absolute;
	bottom:0px;
	left:0px;
	background:#fff;
	padding:2px;
	font-size:0.876em;
	color:#d31577;
}

.stats{
	float:left;
	margin:10px 0px;
}.stats h4{
	margin:10px 0px;
	width:90%;
	border-bottom:1px solid #ccc;
}

.clicked { background-color: #666 !important; color: #aaa; }
.disabledForm input, .disabledForm textarea {
	border: 1px solid #f0f0f0;
	color: #111;
	background: inherit;
	background-color: rgba(0, 0, 0, 0.01);
}	

.FBCDHover {
	background: url("../images/FBConnect22D.png") 0px 0px;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}
.FBCDHover:Hover {
	background-position: 0px 16px;
}

.FBCHover {
	background: url("../images/FBConnect22.png") 0px 0px;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}
.FBCHover:Hover {
	background-position: 0px 16px;
}


#attendee_details li{
	padding:5px;
	border-bottom:1px solid #ccc;
}
#attendee_details li span{
	font-weight:bold;
}

div.person
{
	float:left;
	margin:20px;
	text-align: center;
	width: 200px;
}
.required { background-color: rgba(216, 89, 163, 0.1); border: #d70c84 1px solid; }
.required:focus { background-color: rgba(216, 89, 163, 0.05); border: #d70c84 1px solid; }

.mailingListButton {
	font-size: 15px;
       	padding: 5px 5px 5px 5px;
       	float: right;
       	margin-top: -70px; margin-right: 1.5%;
       	width: 150px;
       	-moz-box-shadow:0 0 5px #BBBBBB;
       	-webkit-box-shadow:0 0 5px #BBBBBB;
       	border:1px solid #BBBBBB;
}

.mailingListButton { 
	color: #D31577;
	text-decoration:underline;
}
.mailingListButton:hover { 
	color:#FF66FF;
}
.mailingListButton img { float: left; padding-right: 2px;}


#android{
	float:left;
	position:relative;
	margin-left:-100px;
	margin-right:20px;
	width:300px;
}
#android img{
	width:300px;
	height:556px;
}


#android-qr{
	width:256px;
	height:256px;
	margin:20px 0px 20px 330px;
	text-align:center;
	background:url("../images/stripe_7c9c39c715aa2e282af2d84b14d94dd8.png") #D31577;
	-webkit-box-shadow: #FF00FF 0px 0px 5px;
	-moz-box-shadow: #FF00FF 0px 0px 5px;
	padding:10px;
}