@import url("reset.css");
@import url("fonts/fonts.css");
@import url("sticky.css");
@import url("buttons.css");

body { color: #333; background: #F7F5F5 url(/images/bg.png) repeat; font-family: "helvetica neue", helvetica, arial, sans-serif; }
textarea { font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 1em; }

/* transition elements */
h1 a, textarea {
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;  
	transition: 0.15s ease-in-out;
}

a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

a:hover {
	color: #76B254;
	text-decoration: underline;
}

ul { list-style: none; }
#searchForm { float: left; }
	#searchForm input[type=text] { *vertical-align: top; }

#settings {
	margin: 8px 0 0 0;
	float: right; 
	font-size: .9em;
}
	#settings li {
		display: inline;
	}
		
		#settings li a { padding: 5px; *position: relative; }
		#settings li a:hover {
			text-decoration: none;
			color: #333;
			background: #E1DFDF;
		}

.subtleDrop {
	box-shadow: 0 1px 3px rgba(26,19,19,0.4);
	-moz-box-shadow: 0 1px 2px rgba(26,19,19,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(26,19,19,0.4);
	*border: 1px solid #DFD9CF; /* ie */
}

.heavyDrop {
	-webkit-box-shadow: 0px 1px 10px 2px rgba(87,87,87,0.4);
	-moz-box-shadow: 0px 1px 10px 2px rgba(87,87,87,0.4);
	box-shadow: 0px 1px 10px 2px rgba(87,87,87,0.4);
}

#wrapper { 
	margin: 0 auto;
	width: 600px;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 15px;
	background: #FAF7F7;
	z-index: 998;
	
	box-shadow: inset 0 1px #fff, 0 1px 3px rgba(87,87,87,0.4);
	-moz-box-shadow: inset 0 1px #fff, 0 rgba(87,87,87,0.4);
	-webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(87,87,87,0.4);
	*border-bottom: 1px solid #DFD9CF; /* ie */
}
	header div {
		margin: 0 auto;
		width: 600px;
	}

section {
	margin: 10px 0;
	padding: 20px;
	background: #FFF;
}
	h1 {
		margin-top: 80px;
		font-size: 2.8em;
		text-decoration: underline;
		font-family: 'PerspectiveSansBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		text-shadow: 0 0 1px rgba(51, 51, 51, 0.4);
	}
		h1 a {
			text-decoration: underline;
		}
	/*#wrapper section:first-child {
		margin-top: 70px;
	}*/
	
	article {
		padding: 20px 10px 10px 10px;
		border-bottom: 1px solid #DFD9CF;
		word-wrap: break-word;
	}
		section article:first-child {
			padding-top: 0;
		}
		article footer {
			margin: 10px 0 0 0;
			font-size: .6em;
			color: #727272;
		}
			article footer span {
				margin: 0 0 0 5px;
			}
				article footer span a, article footer span a:hover {
					color: #727272;
				}
		article img {
			padding: 3px;
			border: 1px dotted #333;
			display: inline-block;
			max-height: 125px;
			max-width: 200px;
		}
		
			article a:hover img {
				border: 1px dotted #76B254;
			}
			
			p + a img, p + .uploadLink {
				margin-top: 10px;
				display: inline-block;
			}

footer { font-size: .7em; margin-bottom: 10px; }
		footer ul li { display: inline; margin-right: 10px; }

/* FORMS */
	input[type=text], input[type=password], textarea {
		padding: 5px;
		width: 180px;
		color: #727272;
		border: 1px solid #DFD9CF;
		outline: none;
	}
	
	textarea { width: 548px; height: 40px; }
		textarea:focus { height: 70px; }
	
	#itemDrop { text-align: right; }
		#post-item { margin-top: 5px; *padding-bottom: 0; font-size: 1em; }
		#file-upload { margin-top: 8px; float: left; }
		#progressbar {
			display: none;
			float: left;
			width: 200px;
			height: 7px;
			padding: 2px;
			margin: 12px 0 0 5px;
			border: 1px solid #DFD9CF;
		}

		#progress {
			background: #76B254;
			height: 7px;
			width: 0%;
			max-width: 100%;
			float: left;
		}

		#pbaranim {
			height: 7px;
			width: 100%;
			overflow: hidden;
		}
		
	/* LANDING PAGE */
	.landing input[type=text], .landing input[type=password] { width: 212px; font-size: 1.4em; margin-right: 7px; }
	.landing input[type=submit] { font-size: 1.4em; *font-size: 1.1em; *padding: 6px 2px 5px 2px; }
	.landing p { font-size: 1.2em; margin: 10px 0 0 0; text-align: center; }
		.landing button { vertical-align: middle; /* ie */ *margin-left: 5px;}
		
		#signup { display: none; }
			#signup form, #signup ul { float: left; }
			#signup form { width: 280px; border-right: 1px solid #DFD9CF; text-align: right; }
				#signup input[type=text], #signup input[type=password] { display: block; margin: 0 39px 5px 19px;}
				#signup input[type=submit] { margin: 0 37px 0 0; }
			#signup ul { width: 220px; margin: 0 0 0 54px; list-style-type: disc; }
				#signup li { margin: 0 0 20px 0; line-height: 1.3em; }
					#linkPreview { color: #76B254; word-wrap: break-word; }
			#signup p { float: right; margin-right: 55px; }
			
		#forgot { text-align: center; display: none;}
			.toForgot { font-size: .7em; }
			
		.settings form { width: 360px; text-align: right; padding: 0 55px 0 0; margin: 0 auto; }
			.settings form:first-child { border-bottom: 1px solid #DFD9CF; padding-bottom: 10px; margin-bottom: 10px; }
			.settings form > label { font-size: 1.4em; display: inline-block; margin: 10px 0 0 0; }
			#privatePassword, #privateProfileBtn { margin-top: 5px; }
		
	/* FF only css */
	@-moz-document url-prefix() {
		.uibutton { padding: 0.2em 0.4em 0.2em; }
		.runQuery { padding: 5px 7px 5px 7px; }
	}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */