/* Import Blueprint's screen styles */
@import url(blueprint/compressed/screen.css);

/* Import structure for menu -- DO NOT MODIFY */
@import url(lib/main-menu.css);

/* Uncomment the line below for helpful debugging CSS */
/*@import url(lib/debug.css);*/

/*
	Font-size reference.  Calcuate with: pixel_size / 12
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/*
**	global
*******************************/
body { color: #6c6c6c; margin: 20px 0 0; font-family: arial, verdana, helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { color: #000; font-family: arial, verdana, helvetica, sans-serif; }
em { background: none; }

a {
	color: #222;
	text-decoration : none;
}
a:hover {
	color: #f11;
}

ul {
	list-style-type: disc;
}

p.icon img {
	float: none;
	margin: 0 0.25em 0 0;
	vertical-align: middle;
}


/*
**	header
*******************************/
/*#logo a {
	display: block;
	height: 64px;
	width: 122px;
}*/
#header h1 { margin:0; }

#header #logo a {
	display: block;
	background: #fff url('/media/img/logo-ujm.gif') no-repeat;
	width: 122px;
	height: 64px;
	text-indent: -9999px;
}

/*
**	client login
*******************************/
#login { text-align:right; }
#login p {
	color: #c0bfbc;
	font-size: 0.9167em;
}
	#login p em {
		background: #fff;
		font-style: normal;
		color: #93928d;
	}
	
	#login input[type=text], #login input[type=password] {
		width: 92px;
		height: 1.2em;
		border: 1px solid #d3d2d0;
		vertical-align: bottom;
		font-size: inherit;
		color: #93928d;
		margin-right: 1em;
	}
	#login input[type=image] {
		vertical-align: text-bottom;
	}

/*
**	UJ Radio
*******************************/
#ujradio img { margin: 0; }

.flash-replaced .alt { display: none; }


/*
**	main navigation
*******************************/
#nav {
	margin-top: 23px;
	margin-bottom: 20px;
}

/* Some example styles for the main menu */
/* Menu item hover */
#main-menu li a {
	color: #000;
	padding: 0 .5em 0 0;
	margin: 0 .5em 0 0;
	border-right: 1px solid #000;
	line-height: normal;
}

/* Current Main item */
#main-menu li a.current {
	border-right: 1px solid #000;
	color: #f11;
}

/* Menu item hover */
#main-menu li a:hover {
	border-right: 1px solid #000;
	color: #f11;
}

/* Current Main item */
#main-menu li.last a {
	border-right: 0;
}



/*
**	banner / masthead
*******************************/
#mastHead {
	background: #fff url('/media/img/bg-main-img.jpg') no-repeat left bottom;
	padding-bottom: 15px;
}

/*body.spotlight #mainImg { background: none; }*/
#mainImg {
	background: #fff url('/media/img/main-chair.jpg') no-repeat 6px 6px;
	border: 1px solid #d3d2d0;
	height: 360px;
	color: #fff;
}
	#mainImg blockquote {margin:0;}
	#mainImg blockquote p {
		background: #f11;
		display: block;
		font-style: normal;
		margin: 115px auto auto 6px;
		padding: 0 15px;
		width: 235px;
		font-size: 2.0em;
		color: #fff;
	}

#spotLight {
	margin-left: 38px;
	display:inline !important;
}
	#spotLight h2 {
		height: 3em;
		margin: -3em 0 0 0;
		font-size: 1em;
	}
	
	#spotLight ul {
		margin: 0 2px 0 0;
		padding: 0;
		list-style: none;
		float: left;
	}
		#spotLight ul li {
			display: inline;
			float: left;
			margin: 0 0 3px 0;
			padding: 0;
			list-style: none;
		}
		#spotLight ul li.last { margin:0; }
		
			#spotLight li a {
				border: 1px solid #d3d2d0;
				color: #6c6c6c;
				display: block;
				float: left;
				height: 58px;			/* 58 + 10 + 2 = 70px total */
				padding: 5px 10px 5px 0;	/* 258 + 10 + 2 = 270px total */
				width: 258px;
			}
			#spotLight li a:hover { background: #fccaca; }
			
			#spotLight li img {
				float: left;
				padding: 5px 8px 5px 5px;
				margin: 0;
				margin-top: -5px;
			}
			#spotLight li span {
				color: #060606;
				display: block;
				font-size: 0.9em;
				font-style: italic;
			}
			
	/* Featured spotlight */
	.featured #spotLight {
		margin-left: 38px;
	}
		.featured #spotLight h2 {
			height: 3em;
			margin: -3em 0 0 0;
			font-size: 1em;
		}
		.featured #spotLight h2 {
			color: #f11;
		}

		.featured #spotLight ul {
			margin: 0 2px 0 0;
			padding: 0;
			list-style: none;
			border: 1px solid #d3d2d0;
			width: 80px;
			float: left;
		}
			.featured #spotLight ul li {
				display: inline;
				float: left;
				margin: 0;
				padding: 0;
				list-style: none;
			}
				.featured #spotLight li a {
					border: 0;
					display: block;
					float: left;
					height: auto;			/* 58 + 10 + 2 = 70px total */
					padding: 0;
					width: auto;
				}
				.featured #spotLight ul li img {
					float: left;
					padding: 5px;
					margin: 0;
				}
	
#slidesville, #flashHolder {
	margin: 6px 0 0 6px;
	color: #333;
	background-color: #fff;
	width: 618px;
	height: 348px;
}
/*
**	content
*******************************/
#content {
	font-size: 1em;
	padding-top: 2em;
}
	#main-content {
		
	}
		#main-content a {
			font-weight: bold;
		}
		
		#content h1, .homepage #main-content h2 {
			color: #000;
			font-weight: normal;
			margin: 0;
			font-size: 1.75em;
		}
		
		#main-content h2 {
			clear: both;
			font-size: 1.25em;
			margin: 1em 0 0;
		}
			#content h2.divide {
				color: #000;
				border-top: 1px dotted #ccc;
				font-size: 1.75em;
				font-weight: normal;
				padding-top: 0.75em;
				margin-top: 2em;
			}
			
		#main-content h3 {
			clear:both;
			margin-bottom: 0.25em;
		}

		#content h2.rss {
			background: url('/media/img/rss-lg.gif') no-repeat 136px 4px;
		}
			#content h2.rss a {
				display: block;
				font-weight: normal;
			}

	.homepage #main-content p {
		line-height: 1.1667;
	}
		.homepage #main-content p img, .featured #main-content p img {
			background: url('/media/img/bg-thumbs-home.jpg') no-repeat left top;
			padding: 4px 5px 6px 4px;
			margin: -1px 0.5em 0.5em -1px;
		}
		
	
	#sub-content {
		margin-top: 25px;
	}
		#quickLinks {
			background: #fff url('/media/img/bg-quicklinks.gif') repeat left top;
			border: 1px solid #d3d2d0;
			padding: 10px 10px 30px;
			width: 165px;
		}
			#quickLinks h2 {
				font-size: 1.5em;
				margin-bottom: .25em;
			}
			#quickLinks h3 {
				font-size: 1.25em;
				margin-bottom: 0;
			}
			#quickLinks p {
				margin-bottom: 0.5em;
			}
			#quickLinks ul {
				margin: 1em 0;
				padding: 0;
				list-style: none;
			}
			#quickLinks li {
				margin: 0;
				padding: 0 0 0 8px;
				background: url('/media/img/bg-list-item.gif') no-repeat left 4px;
				line-height: 1.2;
			}
				#quickLinks ul a {
					color: #000;
					text-decoration: none;
				}
				#quickLinks ul a:hover {
					color: #f11;
				}
				#quickLinks ul a.current {
					color: #f11;
				}

/*
**	footer
*******************************/
#fullFooter {
	background: url('/media/img/bg-footer-1.jpg') no-repeat center top;
	min-height: 218px;
	margin-top: 30px;
}
* html #fullFooter { height: 218px; }

	#fullFooter.Mon {
		background-image: url('/media/img/bg-footer-1.jpg');
	}
	#fullFooter.Tue {
		background-image: url('/media/img/bg-footer-2.jpg');
	}
	#fullFooter.Wed {
		background-image: url('/media/img/bg-footer-3.jpg');
	}
	#fullFooter.Thu {
		background-image: url('/media/img/bg-footer-1.jpg');
	}
	#fullFooter.Fri {
		background-image: url('/media/img/bg-footer-2.jpg');
	}
	#fullFooter.Sat {
		background-image: url('/media/img/bg-footer-3.jpg');
	}
	#fullFooter.Sun {
		background-image: url('/media/img/bg-footer-2.jpg');
	}
	
#footer {
	padding-top: 5px;
	font-size: 0.8333em;
	color: #979797;
}
	#footer-menu ul {
		list-style: none;
		margin: -2.1667em 0 0;
		padding: 0;
	}
		#footer-menu ul li {
			display: inline;
			margin: 0 5px 0 0;
			padding: 0 3px 0 0;
			border-right: 1px solid #6c6c6c;
		}
		#footer-menu ul li a {
			color: #6c6c6c;
		}
	
	#footer a {
		color: #979797;
		text-decoration: none;
	}
	
/*	#footer a.rss {
		padding-left: 20px;
		background: url('/media/img/rss-sm.png') no-repeat;
	}*/
	#footer a img {
		vertical-align: bottom;
		margin: 0;
	}

	#copyright {
		color: #000;
		text-align: right;
	}

/* Splash Page */
#splash{
	width: 462px;
	margin: 0 auto;
	font: 11px/10px Verdana;
	text-align: center;
}
#splash img{
	padding: 0;
	margin: 0;
}

/*
**	Featured work specific styles
**************************/
#client_list ul 		{ margin:0; padding:0; list-style-type:none; }
#client_list ul ul		{ margin-top:1em; }
#client_list li 		{ float:left; width:157px; height:18em; overflow:hidden; }
#client_list li li		{ height:auto; width: 150px; }
#client_list h3 		{ color:#333; font-size:1em; font-weight:bold; }

/*
**	Blog/News Posts
**************************/
.post {
	float: left;
	margin-bottom:1.5em;
}

/*
**	Share News Links (Digg, NewsVine, etc...)
**************************/

.shareSites {
	border-bottom: 1px dotted #D5D5D5;
	border-top: 1px dotted #D5D5D5;
	float: left;
	list-style-type: none;
	margin:0;
	padding: 1.5em 0;
	width: 100%;
	font-size: .9em;
}
	.shareSites li {
		background-position: right 50%;
		background-repeat: no-repeat;
		float: left;
		margin-right: 1em;	
	}
	.shareSites a {
		display: block;
		float: left;
		color: #6c6c6c;
		font-weight: normal;
		padding-right: 2em;
	}
	.shareSites a:hover { color: #000; }

	.shareSites .facebook { background-image: url('../img/share-facebook.gif'); }
	.shareSites .digg { background-image: url('../img/share-digg.gif'); }
	.shareSites .reddit { background-image: url('../img/share-reddit.gif'); }
	.shareSites .stumble-upon { background-image: url('../img/share-stumbleupon.gif'); }
	.shareSites .deliscious { background-image: url('../img/share-deliscious.gif'); }
	.shareSites .newsvine { background-image: url('../img/share-newsvine.gif'); }
	
/*
**	Post Comments
9ae1f2
fdf599
eeb8c8
*****************************/
.commentList						{ float:left; list-style-type: none; margin:0; padding:0; width:100%; }
.commentList li						{ background:#9ae1f2 url('../img/comment-end.png') no-repeat 97% 96%; margin-bottom:2em; }
.commentList blockquote				{ background:url('../img/comment-start.png') no-repeat 8px 50px; color:#4c4c4c; font-style:normal; margin:0; padding:10px 60px 10px 55px; }
.commentList p						{  }
.commentList cite					{ font-size:2em; font-style:normal; }
.commentList cite em				{ font-style:normal; font-weight:bold; }

.commentList li.row2				{ background-color:#fdf599; }
.commentList li.row3				{ background-color:#eeb8c8; }


.postComments 						{ clear:both; float:left; margin-top:2em; }
.postComments h3					{ clear:none !important; width:100%; }
.postComments th,.postComments td 	{ border:0; }
.postComments th 					{ vertical-align:top; width:150px; }