/*	============================================================

	DormNoise v 2.0 Main CSS by David O. Coulter
	
	History:
	================
	* 12-17-08: Adapting some of the old Developer's code in with fresh HTML template
	* 12-22-08: Finished principal development on CSS & Markup
	* 12-24-08: Code tweaks per client	
	* 12-26-08: Adding boxs to main code to be used across site
	============================================================ */
	
	
	/* +General
	--------------------------------------------- */	
	body {
		background-color:#F2F2F2;
		color:#666666;
		font-family:Arial;
		font-size: 62.5%;
		margin:0;
		padding:0;
	}

	#bodyContainer {
		background: #FFF url(../images/backgrounds/bg_body.gif) repeat-y top center;
		margin: 0 auto;
		padding: 15px 5px 15px 6px;
		width: 973px;
	}
	
	#mainCol {
		background: #ECF7FC url(../images/backgrounds/main-bg.gif) repeat-x top center;
		float: left;
		margin: 0 0 0 10px;
		padding: 0 10px 30px 10px;
		width: 725px;
	}
	
	#mainCol.code-cancel {
		background: none;
		float:left;
		margin:0 10px 10px 10px;
		padding: 0;
		width:746px;
	}
	
	a {
		color: #2864b4;
		font-size: 1.1em;
		outline: none;
	}
	
	/* +Header
	--------------------------------------------- */	
	#header {
		float: left;
		margin: 0 0 19px;
	}
	#mainCol.code-cancel #header {
		margin: 0 0 0 10px;
	}
	
	
	.logo {
		text-indent: -9999px;
		float: left;
				
	}
	
	.logo a{
		background: transparent url(../images/dormnoise-logo.gif) no-repeat top left;
		display: block;
		padding-bottom: 70px;
		width: 253px;
	}

		/* +Nav
		--------------------------------------------- */	
		#nav {
			float: left;		
		}
		
		#nav ul {
			margin: 0;
		}
		
		#nav ul li {
			display: inline;
			text-align: center;
		}
		
		#nav ul li a{
			color: #000;
			display: block;
			float: left;
			font-weight: bold;
			margin-left: 35px;
			padding-bottom: 65px;
			text-decoration: none;
			
		}
		
		#nav ul li.home a{
			background: transparent url(../images/nav_home.gif) no-repeat bottom center;
			margin-top: 14px;
			width: 30px;
		}
		
		#nav ul li.groups a{
			background: transparent url(../images/nav_groups.gif) no-repeat bottom center;
			padding: 0 11px 65px
		}
		
		#nav ul li.campus-calendar a{
			background: transparent url(../images/nav_calendar.gif) no-repeat bottom center;
			width: 45px;
		}
		
		#nav ul li.message-center a{
			background: transparent url(../images/nav_message.gif) no-repeat bottom center;
			width: 75px;
		}
		
		#nav ul li.contact-list a{
			background: transparent url(../images/nav_contacts.gif) no-repeat bottom center;
		}
	
	
	/*Profile Content
	----------------------------------------------- */
	
	.profile {
		float: left;
	}
	
	.profile .info{
		margin-left: 132px;
	}
	
	.profile h1, .my-calendar h2{
		color: #001b90;
		border: none;
		font-size: 2.4em;
		font-variant: small-caps;
		margin: 5px 0 0;
	}
	.profile h1 {
		margin-left: 172px;
	}
	
	.profile img {
		display: block;
		border: 1px solid #cbcbcb;
		border-bottom: 4px solid #c6e1f1;
		float: left;
		margin-right: 20px;
		padding: 2px;
	}
	
	.profile strong {
		color: #001b90
	}
	
	.profile ul {
		margin: 0 0 5px;
	}
	
	.profile ul li {
		float: left;
		font-size: 1.4em;
		line-height: 1.3em;
		list-style: none;	
	}
	
	.profile ul li.campus, .profile ul li.graduation, .profile ul li.major, .profile ul li.mobile {
		width: 250px;	
	}
	
	.profile ul li.campus-org{
		padding-top: 10px;	
	}	
	
	.profile .create-group {
		float: left;
		margin-top: 10px;
	}
	
	.profile .create-group img {
		border: none;
		padding: 0;
	}
	
	/*Info Lists
	----------------------------------------------- *
	.info ul li dl dt {
		color: #001B90;
		font-weight: bold;
		float: left;
		padding-right: 10px;
		text-align: right;
		width: 80px;
	}
	
	.info ul li dl dd {
		margin-left: 90px;
	}
	*/
	
	/*Calendar Content
	----------------------------------------------- */
	.my-calendar {
		border-bottom: 1px dotted #a6a6a6;
		float: left;
		margin-top: 15px;
		width: 725px;
	}
	
	.my-calendar .span {
		float: right
	}
	
	.my-calendar .sync-search {
		margin: 10px 0;
		padding-bottom: 25px;
	}
	
	.my-calendar .search-browse {
		float: right;
		width: 725px;
	}
	
	.my-calendar .sync {
		float: left;
	}
	
	.calendar-head {
		padding: 0 5px;
	}
	
	.prev {
		float: left;
	}
	
	.next {
		float: right;
	}
	
	.prev, .next {
		font-size: 1.4em;
	}
	
	.calendar-box {
		background-color: #fff;
		border: 1px solid #e7e7e7;
		border-bottom: none;
		float: left;
		margin-top: 15px;
		padding: 3px;
	}
	
	.calendar-box h3{
		font-size: 2em;
		text-align: center;
	}
	
	.calendar-box table {
		font-size: 1.4em;
		width: 715px;
	}
	
	.calendar-box .current-day {
		color: #FF0000
	}
	
	.calendar-box table tr td{
		font-weight: bold;
		padding: 15px;
		text-align: center;
	}
	
	.calendar-box table tr th {
		border: 2px solid #eee;
		border-left: none;
		border-right: none;
		color: #000;
		padding:5px 0;
		
	}
	
	.calendar-events{
		background-color: #fff;
		border: 1px solid #e7e7e7;
		border-bottom: 4px solid #c6e1f1;
		border-top: none;
		float: left;
		padding: 3px;
		width: 715px;
	}
	
	.calendar-events .event-status {
		background-color: #dadada;
		font-size: 1.2em;
		font-weight: bold;
		padding: 10px;
	}
	
	.calendar-events .all-events {
		float: right;
	}
	
	.calendar-events .event {
		background-color: #f9f9f9;
		border-bottom: 1px dotted #a6a6a6;
		padding: 10px;
		
	}
	
	.calendar-events div:last-child{
		border-bottom: none;
	}
	
	.calendar-events .event .remove {
		float: right;
		display: block;
		margin-top: 10px;
	}
	
	.calendar-events .event a.remove {
		float: right;
		display: block;
		margin-top: 22px;
	}
	.calendar-events ul {
		padding: 0;
		padding-left: 10px;
		margin: 0
	}
	
	.calendar-events ul li {
		font-size: 1.2em;
		list-style: none;
		
	}
	
	.calendar-events ul li a.event-title {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.8em;
	}
	
	/*Buttons
	----------------------------------------------- */
	a.button {
		background: transparent url(../images/buttons/button-bg-green.gif) repeat-x;
		border: 1px solid #d0d1cf;
		color: #000;
		font-size: 1.1em;
		padding: 2px 10px 3px;
		text-decoration: none;
	}

	a.passwd-button {
		display: block;
		background: transparent url(../images/buttons/button-bg-green.gif) repeat-x;
		border: 1px solid #d0d1cf;
		color: #000;
		font-size: 1.0em;
		width: 125px;
		padding: 2px 10px 3px;
		text-decoration: none;
		text-align: center;
	}
	
	.new-event {
		float: right;
		margin-top: 15px;
	}
	
	a.main-search {
		background: transparent url(../images/buttons/button-bg-blue.gif) repeat-x;
		border: 1px solid #d0d1cf;
		color: #174c92;
		margin-top: 15px;
		font-size: 1.1em;
		padding: 2px 10px 3px;
		text-decoration: none;
	}
	
	.friends-search {
		margin-bottom: -7px;
	}
	.box-body form,
	.sync-search form {
		text-align:right;
	}
	.box-body form span,
	.sync-search form span {
		display: block;
		float: none;
		clear: both;
		position: relative;
		width: 350px;
	}
	
	/*Boxes
	----------------------------------------------- */
	
	.box {
		background-color:#fff;
		border:1px solid #e5e5e5;
		border-bottom: 4px solid #c6e1f1;
		float:left;
		margin:15px 0;
		padding:3px;
		width:715px;
	}
	
	.box .box-head, .box .box-body, .box .box-foot {
		float: left;
		width: 695px;
	}
	
	
	.box .box-head {
		background: transparent url(../images/backgrounds/box-head.gif) repeat-x;
		border-bottom: 1px dotted #a6a6a6;
		padding: 10px;
	}
	
	.box .box-head h2,.box .box-head p{
		margin: 0;
	}
	
	.box .box-body {
		background: transparent url(../images/backgrounds/box-foot.gif) repeat-x bottom left;
		padding: 10px;
		padding-bottom: 15px;
	}
	
	.box .box-body ul {
		position: relative;
		float: none;
		clear: both;
		top: 10px;
		margin: 0;
		padding: 0;
	}
	
	.box .box-body ul li {
		float: left;	
		font-size: 1.2em;	
		font-weight: bold;
		list-style: none;
		margin: 10px 38px 0 0;
		text-align: center;
		width: 84px;
	}
	
	.box .box-body ul li a{
		color: #666;
		text-decoration: none;
		border: none;
	}
	
	.box .box-body ul li:last-child {
		margin-right: 0
	}
	
	.box .box-body ul li img{
		border: 1px solid #cbcbcb;
		padding: 3px;
	}
	
	.box .box-foot{
	
	}
	
	.discussion .box-head h2 {
		float: left;
	}
	
	.discussion .box-head .view-all {
		line-height: 2.3em;
		padding-left: 10px;
	}
	
	.box .box-head p{
		margin: 0;
		padding-left: 50px
	}
	
	/*Discussion Table Content-- For Group & Event pages
		----------------------------------------------- */
		
		.discussion table {
			width: 700px;
			font-size: 1.2em;
		}
		
		.discussion table th{
			padding: 5px 0 0;
			text-align: left;
		}
		
		.discussion table th.subject{
			width: 370px;
		}
		
		.discussion table td {
			border-bottom: 1px solid #ecebeb;
			padding: 5px 0;
			vertical-align: text-top
		}
		
		.discussion table tr:last-child td{
			border-bottom: none
		}
		
	/*Group Content li Definition List specifics
	----------------------------------------------- */	
						
	.info ul li dl dt {
		color: #001B90;
		font-weight: bold;
		float: left;
		padding-right: 10px;
		text-align: right;
		width: 90px;
	}
	
	.info ul li dl dd {
		margin-left: 90px;
		margin-top: 10px;
	}
	
	.info ul li.campus-org {
		width:500px
	}
	
	/*Attending, Invitees, Discussion Board specifications for Groups & Events
	----------------------------------------------- */
	.box-body a.browse-invitees, .browse-members{
		line-height: 2.4em;
		
	}
	
	.invitees .box-body span{
		float: right;
	}
	
	.discussion .box-head .new-discussion {
		float: right
	}
	
	.box-head h2 {
		background: transparent url(../images/little-people.gif) no-repeat center left;
		border: none;
		color: #001b90;
		font-size: 2em;
		margin: 0;
		padding-left: 45px;
	}
	

	
	/*Second Column
	----------------------------------------------- */
	
	#secondCol {
		float: left;
		position: relative;
		right: 10px;
		margin-left:5px;
		width: 195px;
	}
	
	.pref-search {
		text-align: right;
		margin: 0 10px 10px;
	}
	
	.pref-search div {
		margin: 0;
		padding: 0;
	}
	.pref-search div form {
		margin: 0;
		padding: 0;
	}
	.pref-search a {
		font-size: 1.1em;
		font-weight: bold;
		line-height: 2em;
	}
	
	.pref-search input {
		margin-bottom: 5px;
	}
	
	.sky-ad-space {
		height: 600px;
		width:120px;
		position: relative;
		left: 10px;
		top: 25px;
		margin: 35px auto;
		padding: 5px;
		border: 1px solid #ccc;
	}
	
	/*Footer
	----------------------------------------------- */
	.footer {
		text-align: center;
		float: left;
		padding: 20px;
		width: 940px;
	}
	
	.footer a{
		color: #000
	}
	
	.footer span {
		padding-right: 20px;
	}
	
	/*Login Exceptions
	----------------------------------------------- */
	
	.container-signin {
		padding-bottom: 0!important	
	}
	
	.container-signin #fullCol #header {
		width: 700px;
	}
	
	.container-signin #fullCol {
		margin-bottom: 0
	}
	
	.footer-signin {
		background-color: #001552;
		color: #fff
	}
	
	.footer-signin a{
		color: #fff
	}
	
	/*Prefs Exceptions 
	----------------------------------------------- */
	.prefs p, .prefs td {
		font-size: 1.2em
	}
	
	.prefs td {
		vertical-align: middle !important
	}

	
	/*Misc
	----------------------------------------------- */
	
	.clear {
		background: transparent;
		clear: both;
		font: 1px/1px verdana, arial, helvetica, sans-serif;
		height: 0;
	}
	
	/*Exceptions for Bart's code
	----------------------------------------------- */
	
	.stripped p{
		padding: 10px 0;
	}