/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		IMPORT ADDITIONAL SHEETS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	@import url("./reset.css");




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY and everything site wide
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	body { 
		background: #D4EEF9;
		padding: 0 0 50px 0;	
		}
	
	
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header {
		width: 800px;
		height: 70px;
		margin: 0 auto;
		position: relative;
		}
		
		h1 {
			width: 250px;
			height: 70px;
			position: absolute;
			top: 0;
			left: 0;
			text-indent: -9999px;
			}
			
			h1 a {
				display: block;
				width: inherit;
				height: inherit;
				background: url("../images/public/sprite-campus-notes.png") no-repeat 0 0;
				}
				
				h1 a:hover { background-position: 0 -70px; }
				
		#header ul {
			height: 28px;
			position: absolute;
			top: 20px;
			left: 265px;
			}
			
			#header ul li {
				float: left;
				height: inherit;
				margin-right: 24px;
				}
				
				#header ul li a {
					display: block;
					height: inherit;
					background-position: 0 0;
					background-repeat: no-repeat;
					text-indent: -9999px;
					}
					
					#header ul li a:hover { background-position: 0 -28px; }
				
				#header ul li#menu-aboutus a {
					background-image: url("../images/public/sprite-menu-aboutus.png");
					width: 70px;
					}
				
				#header ul li#menu-help a {
					background-image: url("../images/public/sprite-menu-help.png");
					width: 42px;
					}
					
				#header ul li#menu-api a {
					background-image: url("../images/public/sprite-menu-dev.png");
					width: 36px;
					}
					
				#header ul li#menu-blog a {
					background-image: url("../images/public/sprite-menu-blog.png");
					width: 42px;
					}
				
				#header ul li#menu-twitter a {
					background-image: url("../images/public/sprite-menu-twitter.png");
					width: 57px;
					}
					
				#header ul li#menu-contact a {
					background-image: url("../images/public/sprite-menu-contact.png");
					width: 61px;
					}
					
					



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#content {
		width: 800px;
		margin: 0 auto;
		padding: 0 0 40px 0;
		background: #fff;
		border: 1px solid #fff;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		}
		
		h2 {
			font-size: 28px;
			font-weight: bold;
			text-shadow: #FFF 0 1px 0;
			color: #064373;
			line-height: 1.5em;
			margin: 16px 25px 30px 25px;
			}
		
		#content.docs h4 {
			margin: 30px 0 10px 30px;
			color: #8F1441;
			}	
			
		#content.docs h5 {
			color: #C61A5B;
			font-weight: normal;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			margin: 0 0 10px 30px;
			}
			
		#content dl {
			margin: 0 0 0 40px;
			font-size: 13px;
			}
			
			#content dt { 
				font-weight: bold;
				margin: 0 0 5px 0;
				}
				
			#content dd { 
				margin: 0 0 5px 0;
				}
			
		#content tt {
			font-family: Consolas, Monaco, monospace;
			color: #8F1441;
			font-size: 0.9em;
		}	
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HOMEPAGE LOGIN and SIGNUP
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
	#login-strap {
		position: relative;
		left: -1px;
		width: 802px;
		border-top: 1px solid #004080;
		border-bottom: 1px solid #004080;
		margin: 0 0 40px 0;
		}
		
		#already {
			text-align: center;
			padding: 20px 0;
			}
			
			#already em { color: #065596; }
			
			#already a { color: #0870CF !important; }
		
		#login-strap a { color: #000; text-decoration: none; }
		
			#login-strap a:hover { color: #000; }
		
		#login-strap>div {
			border-top: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			background: #CCE0F3;
			width: 100%;
			overflow: hidden;
			}
			
			#login-strap>div h3 {
				font-size: 16px;
				font-weight: bold;
				text-shadow: #FFF 0 1px 0;
				color: #064373;
				margin: 20px 25px 15px 25px;
				}
			
			#login, #signup, #rundown {
				float: left;
				width: 250px;
				}
				
				#login { background: url("../images/public/glow.png") no-repeat center center; }
				
				#login-strap>div form {
					font-family: Verdana, Helvetica, sans-serif;
					color: #075DA2;
					font-size: 11px;
					text-shadow: #FFF 0 1px 0;
					margin: 0 0 30px 25px;
					}
					
					#login-strap>div form label {
						display: block;
						margin: 0 0 5px 0;
						}
						
						#login-strap>div form label[for=chkTos] { display: inline; }
						
					#login-strap>div form input[type=text],
					#login-strap>div form input[type=email], 
					#login-strap>div form input[type=password] {
						background: #FFF url("../images/public/bg-input.png") repeat-x 0 0;
						border: 1px solid #8B9DAD;
						padding: 8px 10px;
						width: 205px;
						}
						
						#login-strap>div form input { margin: 0 0 10px 0; }
					
					#tosp { margin: 5px 0 0 0; }
					
					.p-submit { margin: 7px 0; }
				
				#rundown ul {
					list-style: square;
					margin: 0 0 0 45px;
					font-size: 10pt;
					line-height: 1.5em;
					color: #064373;
					}
					
					#rundown ul li:nth-child(even) { color: #0761AA; }
					
					
					
					
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HOMEPAGE SCREENSHOT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */			

	#screenshot {
		background: #fff url("../images/public/screenshot.png") no-repeat center center;
		border-top: 1px solid #004080;
		border-bottom: 1px solid #004080;
		width: 802px;
		height: 502px;
		position: relative;
		margin: 40px 0 40px -1px;
		}
		
		.annotations {
			width: 100%;
			overflow: hidden;
			}
		
			.annotation {
				width: 230px;
				float: left;
				margin: 0 20px 0 0;
				}
				
				.annotation:first-child { margin-left: 30px; }
				
				.annotation:last-child { margin-right: 0; }
				
				.annotation h2 {
					font-size: 16px;
					margin: 0 0 8px 0;
					color: #8F1441;
					}
					
				.annotation p {
					font-size: 12px;
					line-height: 1.5em;
					color: #444;
					}
					
					.annotation p strong { font-weight: bold; color: #C61B5B; }
					
					
					
					
					
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		PAGES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#content.page { 
		padding-bottom: 20px;
		overflow: hidden;	
		}
	
		.page h2 { 
			margin-bottom: 10px;
			font-size: 26px;	
			}
	
		.column {
			width: 362px;
			float: left;
			margin-left: 25px;
			}
		
			#column2 { 
				float: right;
				margin-right: 25px;		
				}
			
			.page a { color: #53B015; text-decoration: none; }
		
				.page a:hover { color: #3D9222; }
	
			.page h3 {
				font-size: 18px;
				font-weight: bold;
				text-shadow: #FFF 0 1px 0;
				color: #064373;
				padding: 0 0 5px 0;
				margin: 20px 0 16px 0;
				border-bottom: 1px solid #B4C7D5;
				}
				
				.page>h3 { margin: 20px 30px 16px 30px; }
		
			.page p {
				margin: 0 0 16px 0;
				line-height: 1.8em;
				font-size: 13px;
				color: #064373;
				}
				
				.page>p { margin: 0 30px 16px 30px; }
			
			.page ol, .page ul {
				margin: 0 30px 16px 65px;
				line-height: 1.8em;
				font-size: 13px;
				color: #064373;
				}
				
				.page .column ol, .page .column ul { margin-left: 30px; }
				
				.page ol { list-style: decimal; }
				
				.page ul { list-style: disc; }
			
			.page h4 {
				font-size: 14px;
				font-weight: bold;
				text-shadow: #FFF 0 1px 0;
				color: #064373;
				margin: 0 0 8px 0;
				}
			
				.page h4 span,
				#individual-forms label span {
					font-family: Georgia, Times, serif;
					font-style: italic;
					font-size: 12px;
					font-weight: normal;
					color: #0870C4;
					}
		
		.help .column { margin-top: -15px; }
		
			.help h3 { margin-top: 35px; }
		
			h3.important { color: #991113; }
		
			.basics img {
				float: left;
				padding: 2px;
				border: 1px solid #B4C7D5;
				margin: 0 8px 12px 0;
				}
			
				.basics strong { font-weight: bold; }
				
			.help table {
				border-top: 1px solid #B4C7D5;
				border-left: 1px solid #B4C7D5;
				border-right: 1px solid #B4C7D5;
				font-size: 13px;
				color: #064373;
				width: 100%;
				line-height: 1.6em;
				}
				
				.help table th {
					border-bottom: 1px solid #B4C7D5;
					padding: 10px;
					background: #E6F0F5;
					font-weight: bold;
					}
				
				.help table td {
					border-bottom: 1px solid #B4C7D5;
					padding: 8px;
					}
					
				.help table strong { font-weight: bold; }
				
				.help table em { font-style: italic; }
				
				.help table blockquote {
					border-left: 1px solid #AFAFAF;
					color: gray;
					font-size: 12px;
					font-style: italic;
					margin: 0 0 0 10px;
					padding: 0 0 0 15px;
					}
					
				.help table ul {
					list-style: disc;
					margin: 0 0 0 20px;
					}
					
				.help table h2 {
					color: gray;
					font-size: 18px;
					margin: 0 0 8px 0;
					}
					
				.help table h3 {
					color: gray;
					font-size: 14px;
					margin: 0;
					border: none;
					}
				
				.help .question {
					font-weight: bold;
					margin: 0;
					}
					
				.help .answer {
					margin: 0 0 20px 0;
					}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		OAUTH APPLICATION REGISTRATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */					
			
	#oauth-application {
		line-height: 1.8em;
		font-size: 13px;
		color: #064373;
		margin: 0 30px;
		}
		
		#oauth-application .section { 
			width: 100%;
			overflow: hidden;
			margin: 0 0 15px 0;
			}
	
		#oauth-application label,
		#oauth-application input,
		#oauth-application textarea { display: block; }
		
			#oauth-application .field { float: left; }
		
				#oauth-application .field p { 
					opacity: 0.8;
					margin-bottom: 0;
					}
		
			#oauth-application input[type=text],
			#oauth-application textarea {
				padding: 5px;
				border: 1px solid #999;
				}
				
				#oauth-application input[type=text] { width: 220px; }
		
			#oauth-application label { 
				float: left;
				width: 150px;	
				font-weight: bold;
				padding: 2px 0 0 0;
				}
				
		input[type=submit] {
			padding: 4px 6px;
			text-align: center;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			color: #FFF;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			text-shadow: none;
			background: #064373;
			border: 1px solid #064373;
			margin: 0 6px 0 0;
			cursor: pointer;
			}
			
			#oauth-application input[type=submit] { margin-left: 150px; }
			
			input[type=submit]:hover {
				background: #0765B1;
				border: 1px solid #0765B1;
				}
			
			
			
			
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		INDIVIDUAL FORMS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#individual-forms label { display: block; }
	
		#individual-forms #p-tos label { display: inline; }
		
	#individual-forms input[type=text],
	#individual-forms input[type=email],
	#individual-forms input[type=password] {
		background: #FFF url("../images/public/bg-input.png") repeat-x 0 0;
		border: 1px solid #8B9DAD;
		padding: 10px 12px;
		font-size: 18px;
		width: 336px;
		}
	
	#individual-forms #p-submit { margin: 22px 0 20px 0; }
	
		#individual-forms #submit {
			padding: 6px 12px;
			background: #064373;
			border: 1px solid #064373;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-weight: bold;
			font-size: 16px;
			color: #FFF;
			text-shadow: none;
			text-decoration: none;
			margin: 0 6px 0 0;
			}
		
			#individual-forms #submit:hover { background: #0765B1; border: 1px solid #0765B1; }
			
	#error {
		border-top: 2px solid #D33055;
		border-bottom: 2px solid #D33055;
		color: #D33055;
		width: 362px;
		padding: 6px 0;
		font-weight: bold;
		}

	#success {
		border-top: 2px solid #378D00;
		border-bottom: 2px solid #378D00;
		color: #378D00;
		width: 362px;
		padding: 6px 0;
		font-weight: bold;
		}
	

		


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */			
	
	#footer {
		width: 800px;
		margin: 0 auto;
		text-align: right;
		padding: 30px 20px 0 0;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 12px;
		}
		
		#footer ul li {
			display: inline;
			padding: 0 10px;
			color: #064373;
			font-weight: bold;
			}
			
			#footer ul li a {
				text-decoration: none;
				color: #0870C4;
				font-weight: normal;				
				}
				
				#footer ul li a:hover { color: #064373; }
		

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		API DOCS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */