/*==============
LOGIN
==============*/

#loginContainer {
position: absolute;
z-index: 150;
width: 220px;
margin: 0 0 0 760px;
}

#loginContainer > div {
background: #70bcec;
width: 200px;
height : 163px;
float: left;
padding: 10px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
}

#loginContainer a, #loginContainer a:visited, #loginContainer a:hover {
color: #fff;
}

#loginContainer form {
width: 200px;
float: left;
}

#loginContainer form label {
color: #fff;
font-weight: bold;
width: 80px;
float:left;
margin: 4px 0 0 0;
}

#loginContainer form input {
float:left;
border: 0;
padding: 5px 5px;
width: 190px;
margin: 0 0 10px;
color: #666;
font-size: 1.25em;
}

#loginContainer form input#loginSubmit {
border: 0;
background: #222;
color: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font-size: 1em;
width: 60px;
padding: 3px 10px;
}

a#loginTab {
background: #70bcec;
float:right; 
text-decoration: none;
font-weight: bold;
padding: 5px 10px;
margin: 0 165px 0 0;
width: 35px;
position: relative;
z-index: 100;
border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
}

/*============
TOPBAR
============*/

#content {
width: 980px;
position: absolute;
z-index: 100;
}

#content > div {
background: url(http://everythingconference.org/images/grey-noise.jpg);
width: 940px;
padding: 20px 20px 0 20px;
float: left;
}

*:first-child+html #content > div {
padding-bottom: 20px;
}


a#topbarTab {
background: url(http://everythingconference.org/images/grey-noise.jpg);
float:right; 
text-decoration: none;
font-weight: bold;
padding: 5px 10px;
margin: 0 225px 0 0;
position: relative;
z-index: 100;
border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
}

/*===============
MAIN CONTENT
===============*/

#center { position: relative; }

#wrapper {
width: 980px;
padding: 0;
position: absolute;
z-index: 5;
margin: 0;
background: url(http://everythingconference.org/images/everythingBG002.jpg);
}

.photo {
width: 49px;
height: 49px;
float: left;
margin: 0;
overflow: hidden;
}

#gallerySharing {
top: 230px;
left: 50px;
}

#galleryDescription {
top: 230px;
left: 700px;
}

#galleryDescription p.galleryDescriptionTitle {
width: 190px;
float:left;
}

.moveableContainer {
position: absolute;
width: 210px;
padding: 10px;
background: #ccc;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow : 0px 2px 50px #1c0521;
-webkit-box-shadow : 0px 2px 50px #1c0521;
box-shadow : 0px 2px 50px #1c0521;
}

a#closeMoveableBox, a#closeMoveableBox:visited {
display:block;
float:right;
font-weight: bold;
text-decoration: none;
color: #999;
}

a#closeMoveableBox:hover {
color: red;
}

.moveableContainer p { margin: 0 0 5px 0; }

.moveableContainer .sharingLinks {
border: 0;
background: transparent;
width: 210px;
margin: 0;
padding: 0;
}

.sharingLinks div {
width: 200px;
background: #f0f0f0;
float:left;
margin: 5px 0 0 0;
padding: 5px;
height: 19px;
}

.sharingLinks div div {
margin: 0;
padding: 0;
height: 19px;
}

.sharingLinks div div a, 
.sharingLinks div div iframe {
float: right;
}

#bgphotos_outer a { display: block; }

#footer { 
padding: 20px 40px; 
position: absolute;
}