/* HTML ELEMENTS */
body {
	background : #eee url('../imgs/MozillaCommunitiesLight.jpg') no-repeat;	
	font : 12px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height : 1.6;
	color : #444;
}

h1 { margin : 0; }
h3 {
	margin : 0;	
	padding : 7px 0 0 0;
	font-size : 16px;
	text-transform : uppercase;
}

p {
	margin : 0;	
	padding : 7px 0;
}

a { 
	color : #1e90ff;
	text-decoration : none;	
}
a:hover { text-decoration : underline; }

hr {
	border : none;
	height : 1px; line-height: 1px;
	background : #ccc;	
	margin : 20px 0 20px 0;
	padding : 0;
}

img {
	padding : 2px;
	margin : 4px;
	border : 1px solid #ccc;
}

table { width : 100%; }
td {
	width : 50%;
	line-height : 32px;
}

ul { margin : 16px; }

form {
	border : 1px solid #ccc;
	padding : 20px;
	width : 500px;
	margin : auto;
	background : #eee;
	line-height : 1;
}
form label {
	display : block;
	font-weight : bold;
	font-size : 14px;
	text-align : right;
	width : 200px;
	float : left;
}
form label span {
	color : #666;
	display : block;
	font-size : small;
	font-weight : normal;
	text-align : right;
	width : 200px;
}
form input, form textarea {
	float : left;
	padding : 5px;
	border : 1px solid #ccc;
	width : 200px;
	margin : 2px 0 20px 10px;
	font : 14px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
form textarea { height : 100px }
form button {
	clear : both;
	margin-left : 210px;
}

/* ID ELEMENTS */
#content {
	width: 750px;
	margin: 50px auto;
	padding: 20px;
	background: #FFF;	
	border: 1px solid #CCC;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	-o-border-radius : 5px;
}

#overlay { display : none; }

#social a img { border : none; }

#overlay { 
	background : #eee;
	height : 480px;
	width : 750px;
	margin : auto;
	position : relative;
}

#notice { text-align : center; }

#footer {
	text-align : center;
	font-size : 14px;
}

/* CLASS ELEMENTS */
.clear {
	clear : both;
	line-height : 1px;
	font-size : 1px;
}

.left { float : left; }
.right { float : right; }

.hidden {
	display:none;
	position : relative;
}

.button {
	padding : 8px 12px;
	text-decoration : none;
	font-size : 11px;
	color : #fff;
	background : #000;
	border : 1px solid #000;
	-moz-border-radius : 5px;
}
.button:hover {
	background : #1e90ff;
	border : 1px solid #1e90ff;
}

.contentWrap { 
	height : 401px; 
	overflow-y : auto;
	border: 1px solid #ccc;
	margin: 20px;
	padding : 20px;
	background : #fff;
}

.close {
	position : absolute;
	top : 30px;
	right : 50px;
	z-index : 9999;
}
.back {
	position : absolute;
	top : 10px;
	right : 10px;
	z-index : 9999;
}

.item { position : relative; }
.item .button {
	position : absolute;
	bottom : 0;
	right : 0;
}

.reset {
	border : none;
	margin : 0;
	padding : 0;
}