@import url("reset.css");

body { background: #333; font-family: "Lucida Grande", Verdana, Arial, sans-serif; }

#header { background: #f4f4f4 url(images/bg-grey-grad.png) repeat-x; border-bottom: 1px solid #aaa }
	#header .container { position: relative; overflow: hidden; padding: 20px 0;  }
	#logo h1 { float: left; margin: 0; padding: 0; font-size: 1.6em }
		#logo h1 a { display: block; width: 189px; height: 55px; background: url(images/logo.png) no-repeat; color: #333; text-decoration: none }
		#logo h1 a span { display: none }
	#navigation { position: absolute; top: 30px; left: 300px }
		#navigation ul { list-style: none; margin: 0; padding: 0 }
		#navigation ul li { display: inline; margin-right: 10px; float: left }
		#navigation ul li a { display: block; padding: 5px 10px; color: #333; text-decoration: none }
			#navigation ul li.on a { background: #f3f3f3; border-radius: 5px; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
	#loggedin { float: right; padding: 15px 10px }
		#loggedin a { color: #333; text-decoration: none; font-weight: bold }
		#loggedin a:hover { text-decoration: underline }

.main_title { background: #e4e4e4; overflow: hidden; border-top: 1px solid #f4f4f4; }
	.main_title .container { position: relative; padding: 20px 0; }
	.main_title h2 { font-size: 1.6em; color: #333; padding: 0 10px; margin: 0 }
	.main_title a.button { position: absolute; right: 10px; top: 20px; padding: 5px 10px; background: url(images/bg-grey-grad.png) repeat-x; text-decoration: none; color: #666; font-size: .85em; border: 1px solid #999 }
	.main_title a.button:hover { background: #FFF; color: #333 }

#mainbody { clear: both; background: #e4e4e4; border-bottom: 1px solid #121212; padding: 0 20px 30px 20px }
	#mainbody .container { background: #fff; min-height: 400px; border: 1px solid #ccc }

#footer { border-top: 1px solid #666 }
	.footercell { padding-top: 20px; padding-bottom: 20px  }
		.footercell h4 { font-size: 1.2em; font-weight: bold; color: #999; padding: 0 5px 10px 5px; margin: 0 0 5px 0; border-bottom: 1px solid #666 }
		.footercell ul { list-style: none; padding: 0; margin: 0 }
			.footercell ul li { padding: 5px; border-bottom: 1px solid #2e2e2e }
			.footercell ul li a { color: #666; text-decoration: none }

.notification { display: none; font-size: 1.4em; color: #FFF; background: url(images/bg-blue-grad.png) repeat-x; text-align: center; padding: 10px }


.bodyblock { padding: 20px }

/* Dashboard */

#dashleft, #groupsleft { width: 540px; float: left; padding: 20px }
	.dash_title { margin-bottom: 5px; padding: 5px 10px; background: url(images/bg-grey-grad.png) repeat-x; font-size: 1.1em; overflow: hidden }
		.dash_title img { float: left; padding-right: 10px }
	#dashleft ul, #dashright ul { list-style: none; margin: 0; padding: 0 }
	#dashleft ul li, #dashright ul li { padding: 5px 10px; border-bottom: 1px solid #eee }
	
		#mainbody li.iconsm { padding: 5px 10px 5px 40px;  }
		#mainbody li.iconlg { padding: 5px 10px 5px 50px;  }
	
		#mainbody li.files { background: url(images/icons/16/arrow_up_16.png) 10px 10px no-repeat }
		#mainbody li.groups { background: url(images/icons/32/users_business_32.png) 10px 10px no-repeat }
		#mainbody li.projects { background: url(images/icons/32/book_bookmarks_32.png) 10px 10px no-repeat }
		#mainbody li.members { background: url(images/icons/32/user_business_32.png) 10px 10px no-repeat }
	
	.substatus { color: #999; font-size: .8em }

#dashright, #groupsright { width: 360px; margin-left: 560px; padding: 20px }
	#dashright ul li { height: 40px }
	
	
	.snapshot { font-size: 2.2em; font-weight: bold; color: #398749; text-decoration: none }	
	
/* Groups */


/* Modal */
.quickadd { display: none }

	
/* Login page */
#login { background: #D9D9D9 url(images/bg-login.png) repeat-x; padding: 200px 0 }
#loginbox { width: 400px; margin: 0 auto; overflow: hidden }
	#loginbox h1 { display: block; width: 189px; height: 55px; background: url(images/logo.png) no-repeat; color: #333; text-decoration: none }
	#loginbox h1 span { display: none }
	#loginbox div { overflow: hidden; padding: 5px 0; line-height: 30px }
	#loginbox label { display: block; width: 120px; float: left; text-align: right; font-size: 1.2em; color: #666 }
	#loginbox .text { display: block; margin-left: 140px; width: 200px; padding: 5px; font-size: 1.2em; }
	#loginbox input.text { border: 1px solid #999 }
	#loginbox .error { margin-left: 130px; font-size: .8em; color: #900 }
	#loginbox .inputspace { display: block; margin-left: 100px; width: 200px; padding: 5px; font-size: 1em }

/* Reusable Classes */

.rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
/*.container { clear: both; margin: 0 auto; width: 960px; overflow: hidden } */