/* STRUCT */
/* div{ border: solid black 1px; } */

html,body{
	height:100%;
	margin: 0 0 1px;
	padding:0;
}

body{
	background-color:#111;
	color:#aaa;
/* 	padding:0px; */
/* 	margin:0px; */
	overflow-x:hidden;
}

div.container{
	margin-left:auto;
	margin-right:auto;
	padding-top:100px;
	margin-bottom:100px;
	width:40%;
	overflow:hidden;
}

div.rightContainer{
	width:25%;
	float:right;
	
}
div.leftContainer{
	width:25%;
	float:left;
}
div.topContainer{
	width:100%;
}

/* /STRUCT */
/* STYLING */

a, .fakeLink{
	color:#5ae;
	font-weight:bold;
	text-decoration:none;
	opacity: 1;
	cursor:pointer;
}
a:hover, .fakeLink:hover{
	opacity:0.75;
}
a:visited, .fakeLink:visited{
	opacity:0.5;
}

a.secretLink{
	color:inherit;
	opacity:1;
	cursor:pointer;
	
}
a.secretLink img{
	border:none;
}
a.semiSecretLink:hover{
	opacity:0.8;
}
h2,h3{
	margin-top:0px;
}
h2.title{
	float:left;
}
input[type="text"],input[type="password"],input[type="submit"],button{
	background-color:#ddd;
	font-variant:small-caps;
	border:0;
	border-radius:0.25em;
	-moz-border-radius:0.25em;
	margin-bottom:2px;
}
input[type="submit"],button{
	background-color:#bbb;
	font-weight:bold;
}
textarea{
	border-radius:0.25em;
	-moz-border-radius:0.25em;
	background-color:#ddd;
}
/* /STYLING */

/* MENU */

h1.header{
	position:fixed;
	margin:0px;
	padding:0px;
	padding-left:5px;
/* 	font-size:38pt; */
	width:100%;
	left:0px;
	right:0px
	background-attachment: fixed;
	background-color: transparent;
	background-image: url(/transpar.png);
	background-position: 0% 0%;
	background-repeat: repeat;
	font-size:24pt;
	
}

h1.header > span{
	float:left;
/* 	letter-spacing:15px; */
}

.horiMenu{
	display:inline;
	float:left;
	margin-left:5px;
	margin-right:5px;
}

.horiMenu div{
	margin-left:10px;
	margin-right:10px;
}

span.txt{
	font-size:small;
	position:relative;
	bottom:0.25em;
	cursor:pointer;
	opacity:0.75;
}
span.txt:hover{
/* 	opacity:1; */
}
.horiMenu:hover span{
	opacity:1;
	text-decoration:underline;
}
.notifications{
	position:fixed;
	top:28pt;
	left:1%;
	right:78%;
	background-color:#000;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	max-height:90%;
	overflow-y:auto;
}
.notifications>div{
	padding:5px;
	padding-top:5px;
	padding-bottom:10px;
	text-align:right;
	font-variant:small-caps;
}
div.notifications:empty{
	display:none;
}
.notifications ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.notifications li{
	padding-right:5px;
}
.notifications li:nth-child(odd){
	background-color:#111;
}
.notifications a{
	color:#ddf;
	text-transform:lowercase;
}
.notifications button{
	width:97%;
	margin-left:2%;
	margin-right:2%;
	margin-top:10px;
	margin-bottom:5px;
	text-align:center;
}


/* CONTROLS */
div.controls{
	text-align:center;
	margin-top:25px;
}

div.controls ul{
	font-size: xx-large;
	font-weight:bold;
}

div.controls ul li{
	display:inline;
	margin-left:5px;
	margin-right:5px;
}

div.controls ul{
	list-style:none;
	padding:0px;
	display:inline;
}
div.rightBox{
	position:fixed;
	top:5em;
	right:0;
	left:75%;
	background-color:#222;
	padding:5px;
	padding-top:20px;
	padding-bottom:20px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft:10px;
	text-align:center;
	max-height:80%;
	overflow-y:auto;
}
/* div.rightBox:empty{ */
/* 	display:none; */
/* } */
div.rightBox input{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.controls.rating{
	height:3em;
}
/* /CONTROLS */

/* PAGE */

.author{
	float:right;
	font-style:italic;
	text-align:right;
}
.ie7 .piece{
	margin-top:-90px;
}
.pieceDate{
	float:right;
	font-style:italic;
}

p.text{
	text-align:justify;
}
.comments{
	margin-top:30px;
}
.comment{
	background-color:#222;
	padding:15px;
	margin-bottom:20px;
	text-align:justify;
}
.commentMeta{
	background-color:#111;
	float:right;
	margin-right:-15px;
	margin-top:-15px;
	padding:15px;
	margin-left:15px;
	margin-bottom:15px;
	text-align:center;
	
}
.commentMeta img{
	border:0;
}
.commentUsername{
	font-weight:bold;
	margin-bottom:5px;
	font-size:x-small;
}
.commentDate{
	font-size:x-small;
/* 	margin-left:-13px; */
/* 	margin-top:-13px; */
}
.commentPost{
	width:462px;
	margin-left:auto;
	margin-right:auto;
/* 	border:1px solid red; */
}
.commentArea{
	width:429px;
	margin-left:0px;
	margin-right:0px;
	height:150px;
	background-color:#222;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	text-align:justify;
	border:1px outset #fff;
	padding:5px;
/* 	margin-bottom:-15px; */
}
.commentSubmit{
	width:441px;
	font-variant:small-caps;
	font-weight:bold;
	font-size:xx-large;
	margin-top:5px;
}
.alsoLike{
	font-size: xx-large;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	margin-top:20px;
}
.textStyle{
 	white-space:pre-wrap;
}
.commentAvatar{
	border:none;
}
.rightDesc{
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
}
.rightAuthor{
	text-align:right;
}
.shareLinks{
	margin-top:20px;
}
.shareLinks img{
	border:0;
}
.fbShareLink{
	float:right;
}
.tumblrShareLink{
	float:left;
	padding-top:2px;
}
/* /PAGE */

/* USER */
.userInfo{
	float:right;
	font-style:italic;
	text-align:right;
	font-size:x-small;
	margin:20px;
}
.piecePreviewInfo{
	font-style:italic;
	display:inline;
}
.piecePreviewTitle{
	display:inline;
}
.piecePreview{
	margin-bottom:20px;
}
.userInfo h2{
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.friendAvatar{
	float:right;
	padding-bottom:5px;
}
/* /USER */

/* RECAPTCHA */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
	background-color:#eee !important; /*//reCaptcha widget background color*/
	color:#222;
}

#recaptcha_table {
	border-color: #222 !important; /*//reCaptcha widget border color*/
	color:#222;
}

#recaptcha_response_field {
	border-color: #222 !important; /*//Text input field border color*/
	background-color:#eee !important; /*//Text input field background color*/
	color:#222;
	font-variant:normal;
}
#recaptcha_area>table{
	width:441px !important;
}
/* /RECAPTCHA */

/* NEW */
form.newPiece{
	text-align:center;
}
form.newPiece input, form.newPiece textarea,form.newPiece button{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	margin-top:5px;
	text-align:center;
	height:25px;
}
form.newPiece textarea{
	width:390px;
	height:500px;
	padding:5px;
	border:0px;
}
div#textAreas{
	margin-bottom:-3px;
}
.webkit form.newPiece textarea{
	margin-bottom:-3px;
}
form.newPiece textarea.pieceDescription{
	height:200px;
}
/* /NEW */

/* SETTINGS */
.settingsForm{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-variant:small-caps;
}
.settingsForm input{
	width:100%;
	text-align:center;
}
.settingsForm hr{
	height:5px;
	border:none;
}
/* /SETTINGS */

/* RECENT */
.pieceChart .piecePreview{
	padding:10px;
	border-radius:0.25em;
	-moz-border-radius:0.25em;
}
.pieceChart .piecePreview:nth-child(odd){
	background-color:#222;
}
.pieceChart .piecePreview:nth-child(even){
	background-color:#2a2a2a;
}
/* /RECENT */